﻿@charset "utf-8";
* {
	margin: 0px;
}
.clear {
	clear: both;
	width: 100%;
	height: 1px;
}
#toppic {/*顶部轮播大图*/
	position: absolute;
	width: 100%;
    min-width: 1200px;
	height: 600px;
    background-size: 100% 100%; 
}
#toppic ul li {/*顶部轮播大图*/
	position: absolute;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
    min-width: 1200px;
	height: 600px;
	background-size: 100% 100%;
}
.tpul1 {/*顶部轮播大图1*/
	background-image: url(../img/tpul1.jpg);
}
.tpul2 {/*顶部轮播大图2*/
	background-image: url(../img/tpul2.jpg);
}
.tpul3 {/*顶部轮播大图3*/
	background-image: url(../img/tpul3.jpg);
}
.tpul4 {/*顶部轮播大图4*/
	background-image: url(../img/tpul4.jpg);
}

#show {/*展示块*/
	position: relative;
	margin: 350px auto auto auto;
	width: 1200px;
	height: 300px;
	left: 0;
	right: 0;
	overflow:hidden;
}

.sc {/*展示块div*/
	position: relative;
	float: left;
	margin: 20px auto auto auto;
	width: 230px;
	height: 280px;
	overflow:hidden;
}
.sc1 {/*展示块1div*/
	margin: 20px auto auto 160px;
}
.sc2 {/*展示块2div*/
	margin: 20px 100px auto 100px;
}


.sc a {/*展示块div a*/
	display:block;
	width: 230px;
	height: 280px;
	top:-10px;
	text-decoration:none;
	overflow:hidden;
}
.scout{/*展示子块外div*/
	display:block;
	width: 210px;
	height: 210px;
	border-radius: 105px;
	background-color:#FFF;
	margin:10px auto auto 10px;
	overflow:hidden;
	box-shadow: #999 0px 0px 10px;
	}
.scin{/*展示子块内div*/
	width: 200px;
	height: 200px;
	border-radius: 100px;
	list-style:none;
	margin: 5px 5px auto auto;
	}
.scin1 {/*展示子块内div*/
	background-image: url(../img/scin1.jpg);
}
.scin2 {/*展示子块内div*/
	background-image: url(../img/scin2.jpg);
}
.scin3 {/*展示子块内div*/
	background-image: url(../img/scin3.jpg);
}
.sc a li {/*展示子块内文字*/
	position: relative;
	display: block;
	list-style: none;
	list-style-type: none;
	text-align: center;
	margin: 15px auto 10px auto;
	font-size: 14px;
	color: #fff;
	height: 35px;
	width: 150px;
	line-height: 35px;
	background-color: #175BAF;
	border-radius: 20px;
	box-shadow: #999 0px 0px 10px;
}
.sc a:hover{/*展示子选中过渡效果*/
	cursor:pointer;
}
.sc a:hover .scout, .sc a:hover li{/*展示子选中过渡效果*/
	box-shadow: #333 0px 0px 10px;
	cursor:pointer;
}



#newslink {/*新闻链接大块div*/
	position: relative;
	margin: 80px auto auto auto;
	width: 100%;
    min-width: 1200px;
	height: 400px;
	background-color: #F3F3ED;
}
.newslinkmid {/*新闻链接居中块div*/
	margin: auto;
	width: 1100px;	
	height: 400px;
}
#news {/*新闻块div*/
	position: relative;
	float: left;
	margin: 30px auto auto 10px;
	width: 780px;
	height: 400px;
}

.newslist {/*新闻列表div ul*/
	display: block;
	height: 100px;
	width: 740px;
	margin-bottom: 10px;
}
.newslist a{/*新闻列表div ul a*/
	display: block;
	height: 100px;
	width: 740px;
}
.newslist li {/*新闻图片标题时间简介div ul a li*/
	list-style: none;
	float: left;
	display: block;
}
.newspic {/*新闻图片*/
	position: relative;
	width: 140px;
	height: 100px;
	left: -30px;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: #999 0px 0px 10px;
}
.newstit {/*新闻标题*/
	position: relative;
	width: 590px;
	height: 30px;
	left: -10px;
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	line-height: 30px;
}
.newstit span {/*新闻时间*/
	float: right;
	margin-right: 10px;
}
.ntspan {
    float: left!important;
}
.newslist a:hover .newspic{/*新闻选中图片过渡效果*/
	box-shadow: #333 0px 0px 10px;
	}
.newslist a:hover .ntspan{/*新闻选中图片过渡效果*/
text-decoration:underline;
	}
.newscon {/*新闻简介*/
	position: relative;
	width: 580px;
	height: 40px;
	left: -10px;
	margin: auto auto auto 10px;
	font-size: 13px;
	color: #999;
	line-height: 20px;
	overflow: hidden;
}
.more li{
	list-style: none;
}
.more li a{
	display: block;
	width: 100px;
	height: 20px;
	line-height: 20px;
	float: right;
	margin: 5px 20px auto auto;
	font-size: 13px;
	color: #999;
	text-align: center;
	border-radius: 5px;
	text-decoration:none;
}
.more li a:hover {
	cursor: pointer;
	text-decoration: underline;
	
}





#link {/*链接块DIV*/
	position: relative;
	float: left;
	margin: 30px auto auto 20px;
	width: 250px;
	height: 350px;
	border-left: #CCC thin solid;
}
.linklist {/*链接块DIV ul*/
	position: relative;
	display: block;
	width: 290px;
	height: 100px;
	margin: auto 10px 10px 10px;
}
.linklist a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration:none;
	}
.linklist a li span{/*链接块文字DIV ul li span*/
	position: relative;
	color: #999;
	font-size: 13px;
	top: 45px;
	left: 110px;
	margin: auto auto auto 10px;
}
.linklistpic {/*link图片 li*/
	list-style: none;
	position: relative;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	box-shadow: #999 0px 0px 10px;
	background-color:none!important;
}
.l1 {/*link图片 li*/
	background-image: url(../img/l1.jpg);
	margin-top: 00px;
}
.l2 {/*link图片 li*/
	background-image: url(../img/l2.jpg)
}
.l3 {/*link图片 li*/
	background-image: url(../img/l3.jpg)
}
.linklist a:hover{/*链接块DIV ul选中过渡效果*/
cursor:pointer;
}
.linklist a:hover  .linklistpic{/*链接块DIV ul选中过渡效果*/
box-shadow: #333 0px 0px 10px;
}
.linklist a:hover  li span{/*链接块DIV ul选中过渡效果*/
text-decoration: underline;
}





/* css 重置 */
.picScroll-top * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.picScroll-top img {
	border: 0;
}
.picScroll-top a {
	text-decoration: none;
	color: #333;
}
#products {/*产品条目*/
	position: relative;
	top: 60px;
	margin: auto;
	width: 1200px;
	height: 370px;
}
/* 本例子css */
.picScroll-top {/*superslide外框架大块DIV*/
	position: absolute;
	margin: auto!important;
	width: 910px;
	height: 345px;
	overflow: hidden;
	top: 15px;
	left: 130px;
}
.picScroll-top .hd {/*滑动按钮DIV*/
	position: absolute;
	overflow: hidden;
	width: 30px;
	height: 80px;
	background: #ccc;
	top: 128px;
	left: 535px;
	z-index: 2;
	box-shadow: #666 0px 0px 10px;
	border-radius: 15px;
}
.picScroll-top .hd .prev {/*滑动按钮DIV a 前*/
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url(../img/arrpre.png);
	background-repeat: no-repeat;
	background-position: 100% 70%;
}
.picScroll-top .hd .next {/*滑动按钮DIV a 后*/
	position: absolute;
	top: 50px;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image: url(../img/arrnext.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
.picScroll-top .hd .prevStop {
}
.picScroll-top .hd .nextStop {
}
.picScroll-top .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}
.picScroll-top .hd ul li.on {
}
.picScroll-top .bd {/*滑动内容块DIV*/
	width: 910px!important;
}
.picScroll-top .bd ul {/*滑动内容块DIV ul*/
	width: 910px!important;
	overflow: hidden;
	zoom: 1;
}
.picScroll-top .bd ul li {/*滑动内容条目DIV ul li*/
	zoom: 1;
	width: 910px;
	margin: auto auto 12px auto;
}
.picScroll-top .bd ul li .pic {/*滑动内容条目-图片DIV ul li div*/
	display: block;
	width: 300px;
	height: 300px;
	position: relative;
	left: 590px;
}
.picScroll-top .bd ul li .pic img {/*滑动内容条目-图片DIV ul li div a img*/
	width: 300px;
	height: 300px;
	display: block;
	margin: 15px 15px auto auto;
	box-shadow: #666 0px 0px 10px;
}
.picScroll-top .bd ul li .pic a:hover img {/*滑动内容条目-图片过渡效果DIV ul li div a img*/
	box-shadow: #333 0px 0px 10px;
}
.picScroll-top .bd ul li .title {/*滑动内容条目-说明文字DIV ul li div*/
	display: block;
	width: 515px;
	height: 150px;
	position: relative;
	left: 0px;
	top: -230px;
	text-align: left;
}
.picScroll-top .bd ul li .title a{/*滑动内容条目-说明文字DIV ul li div*/
	display: block;
	width: 515px;
	height: 150px;
}
