@charset "utf-8";
/* CSS Document */
.all dl{
	display:none;}

.zbanner{
	height:430px;
	background-repeat:no-repeat;
	background-position:center top;}

.layer_about{
	background:#f8f8f8;
	padding:70px 0;}
.layer_about .w1200{
	background:#fff;
	padding:30px;
	width:1140px;}
.layer_about .pic{
	float:left;}
.layer_about .word{
	float:right;
	width:630px;
	font-size:14px;
	line-height:30px;
	color:#666;}


.layer_wenhua .w1180 {
    width: 1180px;
    margin: 0 auto;}
.tt-box{
	text-align: center;
	padding: 50px 0;
	line-height: 1;}
.tt-box.tt-box2{padding-top:40px ;}
.tt-box span{
	font-size: 26px;
	color: #353535;}
.tt-box p{
	font-size: 14px;
	color: #bbb;
	padding: 20px 0 0;
	text-transform: uppercase;}

.culture-list{
	width: 1200px;
	overflow: hidden;}
.culture-list>li{
	float: left;
	width: 378px;
	height: 128px;
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	margin:0 20px 20px 0;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;}
.culture-list>li:before{
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #b72c2e;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}
.culture-list>li>i{
	display:inline-block; 
	*display:inline; 
	*zoom:1;  	
	width: 60px;	
	height: 66px;
	float: left;
	background: url(../images/icon_02.png) no-repeat;
	margin:30px 20px 0 21px;}
.culture-list li:hover i{
	-webkit-animation: fadeInUp 1s linear;
	animation: fadeInUp 1s linear;}
.culture-list>li .cul-icon2{background-position: -60px 0;}
.culture-list>li .cul-icon3{background-position: -120px 0;}
.culture-list>li .cul-icon4{background-position: -180px 0;}
.culture-list>li .cul-icon5{background-position: -240px 0;}
.culture-list>li .cul-icon6{background-position: -300px 0;}
.culture-list>li .cul-icon7{background-position: -360px 0;}
.culture-list>li .cul-icon8{background-position: -420px 0;}
.culture-list>li .cul-icon9{background-position: -480px 0;}
.culture-list>li:hover{
	border-color: #b72c2e;}
.culture-list>li:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);}
.culture-list>li:hover i{background-position: 0 -66px;}
.culture-list>li:hover .cul-icon2{background-position: -60px -66px;}
.culture-list>li:hover .cul-icon3{background-position: -120px -66px;}
.culture-list>li:hover .cul-icon4{background-position: -180px -66px;}
.culture-list>li:hover .cul-icon5{background-position: -240px -66px;}
.culture-list>li:hover .cul-icon6{background-position: -300px -66px;}
.culture-list>li:hover .cul-icon7{background-position: -360px -66px;}
.culture-list>li:hover .cul-icon8{background-position: -420px -66px;}
.culture-list>li:hover .cul-icon9{background-position: -480px -66px;}
.culture-list>li:hover h3,
.culture-list>li:hover p,
.culture-list>li:hover a{
	color: #fff;}
.culture-text{
	float: left;
	padding-right: 19px;
	color: #666;
	width: 258px;}
.culture-text>h3{
	font-size: 24px;
	font-weight:normal;
	color: #333;
	line-height: 26px;
	padding: 22px 0 11px;}
.culture-text>p{
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 10px;}

.layer_contact .pic{
	float:right;}
.layer_contact{
	padding-bottom:80px;
	font-size:16px;
	line-height:30px;
	color:#000;}
.layer_contact span{
	display:block;
	color:#24a7cd;
	font-weight:bold;}
.layer_contact strong{
	color:#ff0f0f;
	font-size:24px;
	font-weight:normal;}

.layer_huodong{
	background:#eef2f7;}
.place{
	border-bottom:1px dashed #ddd;
	height:40px;
	line-height:40px;
	padding-top:20px;
	font-size:13px;
	color:#000;}
.place a{
	color:#000;}

.hdlist{
	padding-top:30px;}
.hdlist ul{
	width:1210px;}
.hdlist ul li{
	float:left;
	position:relative;
	width:290px;
	background:#fff;
	margin:0 12px 12px 0;}
.hdlist ul.caselist li{
	height:270px;}
.hdlist ul li .pic{
	display:block;
	border:10px solid #fff;
	overflow:hidden;}
.hdlist ul li .pic img{
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;
	width:100%;
	height:100%;}
.hdlist ul li .name{
	display:block;
	font-size:16px;
	color:#000;
	padding:10px;
	line-height:24px;}
.hdlist ul li .name i{
	float:right;}
.hdlist ul li p{
	padding:0 10px;
	height:22px;
	line-height:22px;
	font-size:12px;
	color:#999;}
.hdlist ul li .price{
	height:37px;
	line-height:37px;
	border-top:1px solid #ddd;
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	font-size:16px;
	font-weight:bold;
	color:#fb6514;
	text-indent:22px;
	background:url(../images/price.jpg) no-repeat 192px center;}
.hdlist ul li:hover{
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);  
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);  
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.hdlist ul li:hover .pic img{
	transform: scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);}

.layer_news{
	padding-bottom:60px;}
.layer_news .newslist{
	float:left;
	width:890px;
	border:1px solid #ddd;
	margin-top:30px;}
.layer_news .newslist .sort{
	background:#ddd;
	height:45px;
	font-size:14px;
	margin-bottom:30px;}
.layer_news .newslist .sort a{
	float:left;
	padding:0 25px;
	height:43px;
	line-height:43px;
	border-top:2px solid #ddd;}
.layer_news .newslist .sort a.active,
.layer_news .newslist .sort a:hover{
	background:#fff;
	color:#55acee;
	border-top:2px solid #55acee;}
.layer_news .newslist dl{
	padding:30px 0;
	margin:0 15px;
	border-bottom:1px solid #ddd;}
.layer_news .newslist dl dt{
	float:left;
	width:160px;}
.layer_news .newslist dl dt img{
	width:100%;}
.layer_news .newslist dl dd{
	float:left;
	width:635px;
	margin-left:20px;}
.layer_news .newslist dl dd .name{
	display:block;
	font-size:19px;
	color:#000;
	height:36px;}
.layer_news .newslist dl dd .desc{
	font-size:14px;
	line-height:22px;
	color:#666;
	height:125px;}
.layer_news .newslist dl dd .more a{
	float:left;
	width:85px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#fff;
	background:#55acee;}
.layer_news .newslist dl dd .more a:hover{
	background:#d43c33;}
.layer_news .newslist dl dd .more span{
	float:left;
	color:#f96868;
	font-size:16px;
	line-height:36px;
	margin-left:15px;
	background:url(../images/date.jpg) no-repeat left center;
	padding-left:22px;}
.layer_news .newslist dl dd .more span:last-child{
	background:url(../images/view.jpg) no-repeat left center;}

.layer_news .newsright{
	float:right;
	width:283px;
	border:1px solid #ddd;
	margin-top:30px;}
.layer_news .newsright .tab_menu{
	height:45px;
	line-height:45px;
	background:#ddd;}
.layer_news .newsright .tab_menu span{
	float:left;
	width:50%;
	text-align:center;
	font-size:14px;
	cursor:pointer;}
.layer_news .newsright .tab_menu span.on{
	background:#fff;}
.layer_news .newsright ul{
	display:none;
	padding:25px 15px 15px;}
.layer_news .newsright ul li{}
.layer_news .newsright ul li i{
	float:left;
	width:18px;
	line-height:18px;
	height:18px;
	text-align:center;
	background:#e4eaec;
	border-radius:18px;
	font-style:normal;}
.layer_news .newsright ul li:nth-child(1) i,
.layer_news .newsright ul li:nth-child(2) i,
.layer_news .newsright ul li:nth-child(3) i{
	background:#f2a654;
	color:#fff;}
.layer_news .newsright ul li a{
	float:left;
	margin-left:8px;
	width:227px;
	line-height:18px;
	overflow: hidden;
	font-size:14px;
	white-space: nowrap;
	text-overflow: ellipsis;}
.layer_news .newsright ul li span{
	display:block;
	padding-left:26px;
	height:42px;
	color:#999;
	line-height:42px;}





.layer_main .main_pic{
	float:left;
	width:475px;
	height:358px;
	border:1px solid #ddd;
	position:relative;
	margin-top:30px;}
.layer_main .main_pic img{
	position:absolute;
	left:50%;
	top:50%;
	max-height: 85%;
	max-width:90%;
	transform: translate(-50%,-50%);}
.layer_main .main_word{
	float:left;
	width:420px;
	margin-top:30px;
	margin-left:50px;}
.layer_main .main_word .name{
	border-bottom:1px solid #ddd;
	font-weight:bold;
	color:#000;
	font-size:24px;
	height:60px;
	line-height:60px;}
.layer_main .main_word .name2{
	color:#000;
	font-size:24px;
	line-height:30px;
	padding:10px 0;}
.layer_main .main_word .name2 span{
	font-size:12px;
	color:#666;
	display:block;}
.layer_main .main_word .word{
	line-height:18px;
	font-size:14px;
	color:#000;
	border-bottom:1px solid #ddd;
	padding-bottom:20px;}
.layer_main .main_word .word2{
	border-top:1px dashed #ddd;
	border-bottom:1px dashed #ddd;
	height:156px;
	position:relative;}
.layer_main .main_word .word2 div{
	position:absolute;
	left:0px;
	top:50%;
	transform: translate(0,-50%);
	line-height:40px;
	font-size:14px;
	color:#666;}
.layer_main .main_word .word2 div span{
	color:#ff6500;}
.layer_main .main_word .word2 div span b{
	font-size:28px;}
.layer_main .main_word .word span{
	float:left;
	height:18px;
	color:#666;
	padding-top:12px;
	width:80px;}
.layer_main .main_word .word p{
	float:left;
	margin-top:12px;
	max-width:340px;}
.layer_main .main_word .word b{
	font-weight:normal;
	color:#d43c33;}
.layer_main .main_word .price{
	height:66px;
	line-height:66px;
	font-size:14px;
	color:#666;}
.layer_main .main_word .price span{
	color:#ff6500;}
.layer_main .main_word .price span b{
	font-size:28px;}
.layer_main .main_word .btn1{
	float:left;
	width:200px;
	height:42px;
	text-align:center;
	line-height:42px;
	font-size:18px;
	color:#fff;
	background:#d43c33;}
.layer_main .main_word .btn2{
	float:right;
	width:200px;
	height:42px;
	text-align:center;
	line-height:42px;
	font-size:18px;
	color:#fff;
	background:#24a7cd;}
.layer_main .main_er{
	margin-top:30px;
	float:right;
	width:198px;
	border:1px solid #ddd;
	height:358px;}
.layer_main .main_er a,
.layer_main .main_er img{
	display:block;}
.layer_main .main_er h2{
	height:38px;
	line-height:38px;
	font-size:16px;
	font-weight:bold;
	text-indent:20px;
	border-bottom:1px solid #ddd;}
.layer_main .main_info{}
.layer_main .main_info .main_title{
	font-size:18px;
	margin-top:50px;
	background:#eff0f4;
	height:48px;
	line-height:48px;
	border-bottom:2px solid #d43337;}
.layer_main .main_info .main_title span{
	background:#d43337;
	float:left;
	width:180px;
	text-align:center;
	color:#fff;}
.layer_main .main_info .main_title a{
	float:left;
	width:150px;
	text-align:center;}
.layer_main .main_info .main_desc{
	padding:10px 30px 30px;}
.layer_main .main_info .main_desc .title{
	margin-top:30px;
	height:44px;
	text-indent:16px;
	line-height:44px;
	font-size:20px;
	color:#000;
	position:relative;}
.layer_main .main_info .main_desc .title span{
	font-size:14px;
	color:#999;}
.layer_main .main_info .main_desc .title:after{
	position:absolute;
	content:"";
	left:0px;
	top:12px;
	height:20px;
	width:6px;
	background:#d43c33;}
.layer_main .main_info .main_desc .word{
	font-size:16px;
	line-height:28px;
	color:#666;}
.layer_main .main_hot{
	float:right;
	width:280px;
	background:#eff0f4;
	margin-top:50px;
	padding-bottom:30px;}
.layer_main .main_hot .title{
	height:50px;
	line-height:50px;
	background:#d43c33;
	text-indent:20px;
	color:#fff;
	font-size:18px;}
.layer_main .main_hot ul li{
	position:relative;
	margin:0 auto;
	overflow:hidden;
	width:220px;
	height:240px;
	background:#fff;
	border:1px solid #ddd;
	margin-top:22px;}
.layer_main .main_hot ul li span{
	position:absolute;
	right:4px;
	top:4px;
	z-index:99;}
.layer_main .main_hot ul li span i{
	float:right;
	width:25px;
	height:25px;
	margin-left:4px;
	background:#ff7070;
	color:#fff;
	font-style:normal;
	font-size:12px;
	text-align:center;
	line-height:25px;}
.layer_main .main_hot ul li span i:nth-child(2){
	background:#009cff;}
.layer_main .main_hot ul li a{
	display:block;}
.layer_main .main_hot ul li a.pic{
	height:160px;
	overflow:hidden;
	text-align:center;}
.layer_main .main_hot ul li a img{
	max-height:100%;
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;}
.layer_main .main_hot ul li a.name{
	margin:0 10px;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#666;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-top:5px;}
.layer_main .main_hot ul li a.btn{
	float:right;
	height:22px;
	line-height:22px;
	color:#666;
	border:1px solid #666;
	background:url(../images/cart.jpg) no-repeat 5px center;
	padding:0 5px 0 23px;
	position:relative;
	right:10px;
	margin-top:5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
.layer_main .main_hot ul li .price{
	height:37px;
	line-height:37px;
	border-top:1px solid #ddd;
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	font-size:16px;
	font-weight:bold;
	color:#fb6514;
	text-indent:18px;
	background:url(../images/price.jpg) no-repeat 182px center;}
.layer_main .main_hot ul li:hover{
	border:1px solid #ffac40;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);  
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);  
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.layer_main .main_hot ul li:hover img{
	transform: scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);}

.newsinfo{
	padding:0 30px 30px;}
.newsinfo .title{
	font-size: 24px;
	line-height:30px;
	text-align:center;
	padding-bottom:10px;
	color: #2a333c;}
.newsinfo .date{
	font-size:14px;
	text-align:center;
	line-height:30px;
	padding-bottom:8px;
	color:#999;
	border-bottom:1px solid #ddd;}
.newsinfo .info{
	line-height:28px;
	padding-top:20px;
	font-size:14px;}



.layer_jysc .list{
	padding:30px 0;}
.layer_jysc .list ul{
	width:1222px;}
.layer_jysc .list ul li{
	float:left;
	position:relative;
	overflow:hidden;
	width:220px;
	height:240px;
	background:#fff;
	border:1px solid #ddd;
	margin-right:22px;
	margin-bottom:22px;}
.layer_jysc .list ul li span{
	position:absolute;
	right:4px;
	top:4px;
	z-index:99;}
.layer_jysc .list ul li span i{
	float:right;
	width:25px;
	height:25px;
	margin-left:4px;
	background:#ff7070;
	color:#fff;
	font-style:normal;
	font-size:12px;
	text-align:center;
	line-height:25px;}
.layer_jysc .list ul li span i:nth-child(2){
	background:#009cff;}
.layer_jysc .list ul li a{
	display:block;}
.layer_jysc .list ul li a.pic{
	height:160px;
	overflow:hidden;
	text-align:center;}
.layer_jysc .list ul li a img{
	min-height:100%;
	-webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -ms-transition-duration:0.4s;transition-duration:0.4s;}
.layer_jysc .list ul li a.name{
	margin:0 10px;
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#666;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-top:5px;}
.layer_jysc .list ul li a.btn{
	float:right;
	height:22px;
	line-height:22px;
	color:#666;
	border:1px solid #666;
	background:url(../images/cart.jpg) no-repeat 5px center;
	padding:0 5px 0 23px;
	position:relative;
	right:10px;
	margin-top:5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}
.layer_jysc .list ul li .price{
	height:37px;
	line-height:37px;
	border-top:1px solid #ddd;
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	font-size:16px;
	font-weight:bold;
	color:#fb6514;
	text-indent:18px;
	background:url(../images/price.jpg) no-repeat 182px center;}
.layer_jysc .list ul li:hover{
	border:1px solid #ffac40;
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);  
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);  
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);}
.layer_jysc .list ul li:hover img{
	transform: scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);}
.layer_jysc .sort{
	float:right;
	width:204px;
	background:#fff;
	height:486px;
	padding:10px;}
.layer_jysc .sort ul{
	padding:5px 0;}
.layer_jysc .sort ul li{
	height:30px;
	line-height:30px;}
.layer_jysc .sort ul li a{
	padding-left:22px;
	display:block;
	background:url(../images/sortli.jpg) no-repeat 9px center;}
.layer_jysc .yxsb{
	float:left;
	width:400px;}
.layer_jysc .yxsb li{
	float:left;
	width:130px;
	height:98px;
	margin:0 2px 2px 0;
	text-align:center;
	background:#fff;}
.layer_jysc .yxsb li a{
	display:block;
	position:relative;
	width:130px;
	height:98px;
	line-height:20px;
	font-size:16px;}
.layer_jysc .yxsb li a span{
	display:block;}
.layer_jysc .yxsb li a i{
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	font-style:normal;
	transform: translate(-50%,-50%);}
.layer_jysc .yxsb li a:hover{
	font-weight:bold;
	color:#d43c33;
	background:#ffac40;}



.layer_jysc .list2{
	padding:30px 0;
	width:1220px;}
.layer_jysc .list2 li{
	width:285px;
	float:left;
	border:1px solid #ddd;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-right:20px;
	margin-bottom:20px;}
.layer_jysc .list2 li a{
	display:block;
	text-align:center;
	line-height:30px;}
.layer_jysc .list2 li a img{
	height:210px;}
.layer_jysc .list2 li a.name{
	font-size:14px;
	padding:10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}