﻿@charset "utf-8";
/* CSS Document */


#banner{position:relative;margin:0 auto;min-width:990px;overflow:hidden;height:460px;z-index:100;background:#f9f9f9;}
#J-slide{position:relative;width:100%;height:430px;}
#J-slide .slide{float:left;position:absolute;top:0;left:0;width:100%;height:430px}
.bg{margin: 0 auto;left:0;top:0;width: 100%;height:430px;opacity:0;overflow:hidden;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:opacity 800ms ease-in-out;-moz-transition:opacity 800ms ease-in-out;-ms-transition:opacity 800ms ease-in-out;-o-transition:opacity 800ms ease-in-out;transition:opacity 800ms ease-in-out}

.slide-1 .bg-1,.slide-2 .bg-2,.slide-3 .bg-3,.slide-4 .bg-4,.slide-5 .bg-5{display:block;opacity:1}

.slide-number a,.slide-number .slide-number-active{background-image:url(/images/point.png)}
.slide-number{padding:10px;text-align:center}
.slide-number a{width:14px;height:14px;display:inline-block;margin:1px 5px 5px 1px;background-repeat:no-repeat;background-position:-28px 1px;text-indent:-9999em;overflow:hidden;outline:0}
.slide-number a:moz-focus-inner{border:0}
.slide-number .slide-number-active{background-position:0px 0px}


#main .about-us{height:350px;width:1000px; margin:0 auto;text-align:center;}
#main .about-us img{margin-top:60px;}
#main .about-us p{margin-top:35px; color:#525252;line-height:26px; text-indent:2em;}
#main .title:hover{ border:1px solid #e69625}

#main .product{height:734px;background-color:#f0f0f0;}
#main .product .img{padding-top:45px;text-align:center;}
.product ul{width:1000px;height:550px; margin:38px auto 0;}
.product ul li{float:left;margin-right:30px; margin-bottom:26px;position:relative;}
.product ul .no-right{margin-right:1px;}
.product .images li p{width:313px;height:40px;line-height:40px; background-color:rgba(83,83,83,0.6); position:absolute;bottom:4px;  display:none;}
.product .images li p a{display:block;width:313px;height:40px;color:#fff; font-size:16px;}
.product .images li:hover p{ display:block;}


.bar{height:155px;background-color:#83827d; text-align:center}

#main .news .img{padding-top:53px;text-align:center;}
.news .con{height:392px; background-color:#f0f0f0; margin-top:29px;}
.news .nei{width:1000px; height:391px;padding-top:1px; margin:0 auto; }
.news ul{width:380px;margin-top:10px;}
.news ul li{height:85px;margin-top:10px;background-color:#fff;text-align:left;}
.news ul p{text-align:left; text-indent:2em;font-size:12px; margin:5px;color:#767676;}
.news ul h2{color:#777;padding-top:8px; text-align:left;text-indent:2em; font-weight:bold;}
.news ul li:hover{background-color:#a6a6a6;}
.news ul li:hover p{color:#fff;}
.news ul li:hover h2{color:#fff;}

.news .right{float:right; margin:53px 74px 0 0;height:300px;width:420px;color:#535353; }

.project{width:1000px;height:626px; margin:0 auto; text-align:center;}
.project img{margin-top:50px;}
.project ul{ text-align:left;}
.project li{float:left; margin-right:73px;transform:all 20s ease;}
.project ul .no-right{margin-right:1px;}
.project ul li p{color:#878787; margin-top:9px;}
.project li img:hover{transform:translate(-2px,-2px); box-shadow:6px 6px 6px #979797}


/*footer*/
.footer{ height:200px; width:100%; background:#555; margin-top:30px; }
.footer-con{ width:1000px; margin:0 auto; padding-top:20px; color:#FFFFFF;}
.footer-nav{ border-bottom:1px solid #777777; padding-bottom:10px;}
.footer-nav a{ color:#fff; margin-right:28px; text-align:center;}
.fcona{ color:#fff;margin-right:2px; text-align:center;}
.footer .bottom{width:680px; text-align:left;}
.footer-left,.footer-right{ float:left}
.footer-right{ margin-left:50px;}

.footer-right img{width:125px;}


.img_box{ position:relative; width:540px;}
	.ctrl_button a{ display:block; float:left;
	width: 30px;
	line-height: 30px;
	background:rgba(255,255,255,0.5);
	color: black; margin:3px; text-align:center; -moz-user-select:none;border-radius:4px;}
	.img_box img{ width:100%;}
	img_box a,img_box img{ display:block; float:left;}
	.ctrl_button{
	position: absolute;
	right: 0;
	bottom: 10px;
}
	.db span{ display:block;text-align:center; font-size:14px; font-family:'微软雅黑';}
	.ctrl_button .redA{ background-color:white; color:black;}
	.b2 ul li img{ display:none;}


