@import url("common.css");

/*index*/
h5.subject{font-size:30px; color:#000; font-weight:normal; text-align:center; margin:30px auto 20px auto;}
p.container{width:1200px; margin:0 auto; font-size:16px; color:#999; line-height:180%;}

.products{width:100%; margin-top:30px; margin-bottom:10px; padding:10px 0; background:#fafafa;}
.goods{float:left; margin-right:13px; margin-bottom:15px; width:290px; height:290px; overflow:hidden; position:relative; z-index:1;}
.goods a{display:block; width:280px; height:280px; overflow:hidden; border:5px solid #ededed; text-align:center; vertical-align:middle;}
.goods a img{display:inline-block; text-align:center; vertical-align:middle;}
.goods h2{position:absolute; left:0; bottom:0; z-index:2; width:290px; height:40px; line-height:40px; overflow:hidden; color:#fff; text-align:center; font-weight:normal;}
.goods h2.over{background:rgba(0,0,0,1);}

article{display:block; width:1200px; margin:0 auto 40px auto;}
article ul{width:1200px;}
article ul li{float:left; width:550px; margin:15px 25px;}
article ul li .date{float:left; width:85px; height:45px; overflow:hidden; background:#f2f2f2; text-align:center; padding:20px 0; font-size:14px; color:#666;}
article ul li .date span{font-size:22px; font-weight:bold;}
article ul li .desc{float:left; width:400px; margin-left:15px;}
article ul li .desc a{display:block; font-size:16px; color:#333;}
article ul li .desc p{padding:5px 0 0 0; margin:0; font-size:14px; color:#999; line-height:150%;}
article a.more{display:block; margin:15px auto 0 auto; width:140px; height:35px; line-height:35px; text-align:center; color:#999; border:1px solid #ccc; background:#fff;}
article a.more:hover{color:#fff; background:#ccc; text-decoration:none;}

/*products*/
.category{width:100%; margin-bottom:30px;}
.category a{display:block; float:left; margin-right:12.5px; margin-top:10px; margin-bottom:10px; width:230px; line-height:37px; background:#eee; color:#333; text-align:center;}
.category a.nomargin{margin-right:0;}
.category a.selected,
.category a:hover{background:#22a8c8; color:#fff; text-decoration:none;}

.position{width:1200px; margin:10px auto; font-size:16px; font-weight:normal; line-height:200%; border-bottom:1px solid #eee; position:relative;}
.position span{position:absolute; right:0; top:0; font-size:14px; color:#999; font-weight:normal;}
.position span a{display:inline-block; margin:0 5px; font-size:14px; color:#999; font-weight:normal;}
.position span a.home{background:url(../images/home.png) no-repeat left 10px; padding-left:15px;}

/*goods*/
.goods-img{width:1200px; margin:20px 0; font-size:18px; text-align:center; line-height:200%;}
.goods-img a{display:block; margin:0 auto; width:480px; height:480px; overflow:hidden; background:#fff; border:5px solid #eee;}
.goods-detail{width:1200px; margin-bottom:30px; line-height:200%;}

/*news*/
.news{width:1200px; margin:20px auto;}
.news li{width:1200px; margin:25px 0; padding-bottom:25px; border-bottom:1px dashed #e0e0e0;}
.news li .date{float:left; width:85px; height:45px; overflow:hidden; background:#f2f2f2; text-align:center; padding:20px 0; font-size:14px; color:#666;}
.news li .date span{font-size:22px; font-weight:bold;}
.news li .desc{float:left; width:1100px; margin-left:15px;}
.news li .desc a{display:block; font-size:16px; color:#333;}
.news li .desc p{padding:5px 0 0 0; margin:0; font-size:14px; color:#999; line-height:150%;}

/*article view*/
dl.news-view{width:1200px; margin:20px auto;}
dl.news-view dt{width:1200px; text-align:center; padding-bottom:10px; line-height:200%;}
dl.news-view dt h1{color:#1d2c61; font-weight:bold; font-size:16px;}
dl.news-view dd .subtitle{width:1200px; height:1px; background:#eee; text-align:center; position:relative; z-index:1;}
dl.news-view dd .subtitle div{position:absolute; z-index:2; display:block; top:-12px; left:0; right:0; margin:0 auto;}
dl.news-view dd .subtitle div span{padding:0 15px; font-size:14px; color:#999; background:#f3f3f3;}
dl.news-view dd{width:1200px; padding-top:20px; line-height:200%; font-size:14px; color:#333; word-break:break-all; word-wrap:break-word;}

.prev-next{width:1200px; margin:50px auto;}
.prev-next li{float:left; width:400px; font-size:14px; font-weight:normal; color:#999; line-height:200%; background:none;}
.prev-next li a.button{display:inline-block; font-size:14px; font-weight:normal; color:#333; line-height:34px; background:#e0e0e0; padding:0 20px; text-align:center; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.prev-next li a.button:hover{background:#505050; color:#fff; text-decoration:none;}

a.facebook{display:inline-block; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/facebook.png) no-repeat left center;}
a.twitter{display:inline-block; margin:0 15px 0 0; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/twitter.png) no-repeat left center;}
a.linkedin{display:inline-block; width:29px; height:24px; text-indent:-9999px; overflow:hidden; background:url(../images/linkedin.png) no-repeat left center;}

/*info*/
.container{width:100%; line-height:200%;}

/*Contact Us*/
.contact-us{float:left; width:580px; font-size:14px; line-height:250%; margin-top:30px; margin-left:20px;}
.feedback{float:right; width:570px; font-size:14px; margin:30px 0 90px 0;}

.nomargin{margin-right:0;}
.edge{width:0; height:100%; display:inline-block; vertical-align:middle;}

/*banner*/
.pro-switch {
	height: auto;
	overflow: hidden;
	position: relative;
	width:100%;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: auto;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width:100%;
	zoom: 1;
}
.flex-viewport {
	max-height: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-viewport {
	max-height: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display:block;
	height: 16px;
	overflow: hidden;
	text-indent:-99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-position: 0 0;
}

/*404*/
.nofound{width:98%; min-height:20rem; _height:20rem; background-image:url(../images/404.gif); background-repeat:no-repeat; background-position:left 6rem; background-size:25%; margin:0 auto; padding:5rem 0 0 0;}
.nofound h4{font-size:2rem; font-weight:bold; color:#0952bc; line-height:200%; border-bottom:0.1rem solid #ddd; margin-left:9rem;}
.nofound ul{margin-top:1rem; margin-left:9rem;}
.nofound li{list-style:upper-latin; margin-left:2rem; line-height:250%; color:#999;}
.nofound li a{font-size:1.3rem; color:#999;}

/*page*/
.pagebar{width:100%; padding:0; margin:20px 0; text-align:center;}
.pagebar a{display:inline-table; margin:0 3px; padding:5px 14px; font-size:14px; color:#333; text-decoration:none; border:1px solid #e7e7e7;}
.pagebar a:hover{color:#fff; text-decoration:none; padding:5px 14px; background:#22a8c8; border:1px solid #22a8c8;}
.pagebar .page_now{display:inline-table; margin:0 5px; font-weight:bold; padding:5px 14px; font-size:13px; border:1px solid #22a8c8; background:#22a8c8; color:#fff;}