/*banner*/
.banner {
    width: 100%;
    position: relative;
}

.focus {
    width: 100%;
    position: relative;
    zoom: 1;
    overflow: hidden;
    z-index: 9;
}

.f426x240, .f160x160 {
    width: 100%;
    overflow: hidden;
    z-index: 9;
}

.rslides li {
    width: 100%;
    float: left;
    display: none;
    z-index: 222;
}

.rslides li img {
	z-index: 9;
	display:block;
}

.rslides {
    width: 100%;
    position: relative;
    z-index: 9;
    margin: 0 auto;
}

.rslides_nav {
    height: 51px;
    width: 31px;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    display: none;
}

    .rslides_nav:active {
        opacity: 1.0;
    }

    .rslides_nav.next {
        left: auto;
        right: 0;
    }

.rslides_tabs {
    text-align: center;
    position: absolute;
    bottom: 33px;
    z-index: 9;
    left: 0%;
	width:100%;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin:0 6px;
}

.rslides_tabs a {
	margin-top: 0px;
	text-indent: 9999px;
	overflow: hidden;
	background:url(../images/ico1.png) no-repeat;
	display: inline-block;
	_display: block;
	*display: block;
	width: 17px;
	height: 17px;
	z-index: 9;
	*z-index: 9;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.rslides_tabs .rslides_here a {
	background:url(../images/ico1on.png) no-repeat;
}

.banner .prev{ position:absolute; left:8%; top:50%; margin-top:-27px; background:url(../images/nimg29_left.png) center no-repeat; z-index:22; width:29px; height:55px; display:block;}
.banner .next{ position:absolute; right:8%; top:50%; margin-top:-27px; background:url(../images/nimg29_right.png) center no-repeat; z-index:22; width:29px; height:55px; display:block;}

/*banner结束*/

.indexBox .bigImg{ width:50%; position:relative; overflow:hidden;}
.indexBox .bigImg .imgDiv{ overflow:hidden;}
.indexBox .bigImg .imgDiv img{ width:100%; transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.indexBox .bigImg .imgDiv >img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexBox .bigImg .name{ font-size:100px; color:#000; text-transform:uppercase; font-family:Impact; position:absolute; left:60px; bottom:40px; z-index:22; -webkit-transition:color .35s; transition:color .35s}
.indexBox .bigImg .txt{ text-transform:uppercase; font-size:18px; color:#000; position:absolute; left:60px; bottom:162px; z-index:11; font-family:Arial; -webkit-transition:color .35s; transition:color .35s}
.indexBox .bigImg .name2{ color:#fff;}
.indexBox .bigImg .txt2{ color:#fff;}
.indexBox .bigImg:hover .name{ color:#999;}
.indexBox .bigImg:hover .txt{ color:#999;}
.indexBox .listDiv{ width:50%;}
.indexBox .listDiv li{ position:relative; overflow:hidden;}
.indexBox .listDiv li .imgDiv{ overflow:hidden;}
.indexBox .listDiv li .imgDiv img{ width:100%; transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.indexBox .listDiv li .imgDiv >img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexBox .listDiv li .name{ font-size:100px; color:#000; text-transform:uppercase; font-family:Impact; position:absolute; left:60px; bottom:40px; z-index:22; -webkit-transition:color .35s; transition:color .35s}
.indexBox .listDiv li .txt{ text-transform:uppercase; font-size:18px; color:#000; position:absolute; left:60px; bottom:162px; z-index:11; font-family:Arial; -webkit-transition:color .35s; transition:color .35s}
.indexBox .listDiv li .name2{ color:#fff;}
.indexBox .listDiv li .txt2{ color:#fff;}
.indexBox .listDiv li:hover .name{ color:#999;}
.indexBox .listDiv li:hover .txt{ color:#999;}

.indexBox .listDiv2 li{ float:left; width:50%; position:relative;}
.indexBox .listDiv2 li .imgDiv{ overflow:hidden;}
.indexBox .listDiv2 li .imgDiv img{ width:100%; transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.indexBox .listDiv2 li .imgDiv >img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexBox .listDiv2 li .name{ font-size:100px; color:#000; text-transform:uppercase; font-family:Impact; position:absolute; left:60px; bottom:40px; z-index:22; -webkit-transition:color .35s; transition:color .35s}
.indexBox .listDiv2 li .txt{ font-size:18px; color:#000; position:absolute; left:60px; bottom:162px; z-index:11; font-family:Arial; -webkit-transition:color .35s; transition:color .35s}
.indexBox .listDiv2 li .name2{ color:#fff;}
.indexBox .listDiv2 li .txt2{ color:#fff;}
.indexBox .listDiv2 li:hover .name{ color:#999;}
.indexBox .listDiv2 li:hover .txt{ color:#999;}

.indexBoxTel{ display:none;}
.indexBoxTel .bigImg{ width:50%; position:relative; overflow:hidden;}
.indexBoxTel .bigImg .imgDiv{ overflow:hidden;}
.indexBoxTel .bigImg .imgDiv img{ width:100%; transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.indexBoxTel .bigImg .imgDiv >img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexBoxTel .bigImg .name{ font-size:20px; color:#000; text-transform:uppercase; font-family:Impact; position:absolute; left:10px; bottom:10px; z-index:22; -webkit-transition:color .35s; transition:color .35s}
.indexBoxTel .bigImg .txt{ text-transform:uppercase; font-size:12px; color:#000; position:absolute; left:10px; bottom:42px; z-index:11; font-family:Arial; -webkit-transition:color .35s; transition:color .35s}
.indexBoxTel .bigImg .name2{ color:#fff;}
.indexBoxTel .bigImg .txt2{ color:#fff;}
.indexBoxTel .bigImg:hover .name{ color:#999;}
.indexBoxTel .bigImg:hover .txt{ color:#999;}
.indexBoxTel .listDiv{ width:50%;}
.indexBoxTel .listDiv li{ position:relative; overflow:hidden;}
.indexBoxTel .listDiv li .imgDiv{ overflow:hidden;}
.indexBoxTel .listDiv li .imgDiv img{ width:100%; transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.indexBoxTel .listDiv li .imgDiv >img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexBoxTel .listDiv li .name{ font-size:20px; color:#000; text-transform:uppercase; font-family:Impact; position:absolute; left:10px; bottom:10px; z-index:22; -webkit-transition:color .35s; transition:color .35s}
.indexBoxTel .listDiv li .txt{ text-transform:uppercase; font-size:12px; color:#000; position:absolute; left:10px; bottom:42px; z-index:11; font-family:Arial; -webkit-transition:color .35s; transition:color .35s}
.indexBoxTel .listDiv li .name2{ color:#fff;}
.indexBoxTel .listDiv li .txt2{ color:#fff;}
.indexBoxTel .listDiv li:hover .name{ color:#999;}
.indexBoxTel .listDiv li:hover .txt{ color:#999;}


.indexFlashBox{ display:none; position:relative;}
.indexFlash{position:relative; overflow:hidden; max-width:1004px;}
.indexFlash .slick img{ width:100%;}
.indexFlash .slick-dots{ position:absolute; left:15px; bottom:20px;}
.indexFlash .slick-dots li{display:inline-block; margin:0 5px; width:12px; height:12px; background:url(../images/ico1.png) no-repeat; background-size:12px;}
.indexFlash .slick-dots .slick-active{background:url(../images/ico1on.png) no-repeat; background-size:12px;}

.productList .list li{ float:left; width:25%; position:relative;}
.productList .list li .imgDiv img{ width:100%;}
.productList .list li .hideBox{ position:absolute; left:0px; top:0px; width:100%; display:none; z-index:11; background:url(../images/bg2.png) repeat;}
.productList .list li .name{ position:absolute; left:30px; bottom:80px; font-size:22px; font-weight:bold; color:#fff;}
.productList .list li .txt{ font-size:16px; position:absolute; left:30px; bottom:50px; color:#fff;}

.newsPage{ background:#f2f2f2;}
.news{ padding:140px 80px 10px;}
.news .title{ border-bottom:#000 solid 1px; font-size:36px; color:#000; text-align:center; padding-bottom:24px;}
.news .list{ padding-top:60px;}
.news .list ul{  margin-right:-120px;}
.news .list li{ float:left; width:50%; height:169px; margin-bottom:100px;}
.news .list li .box{ padding-left:262px; position:relative; margin-right:120px; height:169px;}
.news .list li .imgDiv{ position:absolute; left:0px; top:0px;}
.news .list li .name{ height:30px; line-height:30px; font-size:24px; overflow:hidden; color:#333;}
.news .list li .time{ font-size:14px; color:#333;}
.news .list li .content{ font-size:14px; line-height:24px; color:#333; padding-top:25px; overflow:hidden; height:72px;}
.news .list li .line{ position:absolute; left:262px; bottom:0px; width:30px; height:4px; background:#333; display:block;}

.productLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:9999; left:-100%; top:0px; background:url(../images/bg2.png) repeat;}
.productLayer .bigBox{ padding-right:100px;}
.productLayer .bigBox li{ float:left; width:25%; position:relative;}
.productLayer .bigBox li .imgDiv img{ width:100%;}
.productLayer .bigBox li .hideBox{ position:absolute; left:0px; top:0px; width:100%; display:none; z-index:11; background:url(../images/bg2.png) repeat;}
.productLayer .bigBox li .name{ position:absolute; left:30px; bottom:80px; font-size:22px; font-weight:bold; color:#fff;}
.productLayer .bigBox li .txt{ font-size:16px; position:absolute; left:30px; bottom:50px; color:#fff;}

.productLayer .closeBtn{ right:30px; top:10px; position:absolute; z-index:22; width:50px; height:56px;}

.newShow{ padding:160px 80px 60px;}
.newShow .contentBox{ padding-left:50%; position:relative;}
.newShow .leftDiv{ position:fixed; left:80px; top:140px; z-index:1;}
.newShow .leftDiv .txt1{ font-size:104px; color:#000; line-height:90px; font-family:Impact; text-transform:uppercase; padding-top:90px;}
.newShow .leftDiv .txt2{ font-size:36px; color:#000;}
.newShow .name{ font-size:24px; color:#333;}
.newShow .time{ font-size:14px; color:#333;}
.newShow .content{ font-size:14px; line-height:28px; color:#333; padding-bottom:40px;}
.newShow .content p{ font-size:18px; font-weight:bold;}
.newShow .imgDiv{ padding:25px 0;}
.newShow .imgDiv img{ width:100%;}
.newShow .botDiv{ position:relative; height:64px;}
.newShow .share{ padding-left:58px; position:relative; height:27px; font-size:14px;}
.newShow .share em{ position:absolute; left:0px; top:0px; line-height:27px;}
.newShow .share li{ float:left; width:27px; height:27px; margin-right:10px;}
.newShow .btnDiv{ position:absolute; right:0px; top:0px;}
.newShow .btnDiv a{ display:block; width:94px; height:33px; background:url(../images/btn1.jpg) no-repeat; text-indent:18px; color:#fff; line-height:33px; font-size:14px;}

.pageDown{height:100px; position:relative;}
.pageDown .box{ background:url(../images/line1.png) top repeat-x; padding-top:25px;}
.pageDown li{ height:26px; line-height:26px; overflow:hidden; position:relative; font-size:14px;}

































































