﻿@charset "utf-8";
.main-box{
	width: 100%;
}
/*轮播开始*/
.main-banner{
	position: relative;
	width: 100%;
	height: 460px;
	/*z-index: 10;*/
}
.main-banner .ban-bd{
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 460px;
}
.main-banner .ban-bd li{
	height: 460px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10;
	position: relative;
}
.main-banner .ban-bd li a{
   display: block;
    width: 100%;
    height: 100%; 
}

.main-banner .ban-hd{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 21px;
	text-align: center;
	z-index: 11;
}
.main-banner .ban-hd a{
	width: 40px;
	height: 3px;
	display: inline-block;
	margin: 0 6px;
	background: url(../images/ban-hd-bg1.png) repeat-x left center;
	cursor: pointer;
}
.main-banner .ban-hd a.on{
	background: url(../images/ban-hd-bg2.png) repeat-x left center;
}
.main-banner .prev{
	position:absolute;
	left: 50%;
	top:50%;
	margin-top: -5px;  
	margin-left: -630px;
	display:block; 
	width:28px; 
	height:64px; 
	background:url(../images/arrow_left.png) no-repeat center center; 
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 11;
}
.main-banner .next{ 
	position:absolute;  
	right: 50%;
	margin-right: -630px;
	top:50%;
	margin-top: -5px;   
	display:block; 
	width:28px; 
	height:64px; 
	background:url(../images/arrow_right.png) no-repeat center center; 
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 11;
}

.main-banner .prev:hover,.main-banner .next:hover{
	filter:alpha(opacity=80);
	opacity:0.8; 
}
.main-banner .prevStop{
	display:none;  
}
.main-banner .nextStop{ 
	display:none;  
}
.main-banner .sus{
	position: absolute;
	z-index: 100;
	top: 325px;
	left: 50%;
	margin-left:-573px;
	color: #FFFFFF;
	padding: 5px 26px 5px 29px;
	background: url(../images/sus-bg.png);
}
.main-banner .sus .title{
	font-size: 25px;
	line-height: 40px;
	letter-spacing: 6px;
}
.main-banner .sus .text{
	font-size: 16px;
	line-height: 27px;
	letter-spacing: 3px;
}
.main-banner .sus .zhe{
	background: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	filter:alpha(opacity=30);
	opacity:0.3;
}
/*轮播结束*/
/*关于摩森开始*/
.main-first{
	background: #FFFFFF;
	padding: 5px 0 36px;
	min-height: 122px;
}
.main-first .title{
	font-size: 22px;
	text-align: center;
	line-height:52px;
	color: #000000;
}
.main-first .text{
	font-size: 15px;
	text-align: left;
	color: #656565;
	line-height: 27px;
	margin-top: 7px;
	text-align: center;
}
.main-first .text a{
	color: #0868b5;
}
/*关于摩森结束 */

/*新闻资讯开始*/
.main-second{
	width: 100%;
	background: #f0f0f0;
	padding: 10px 0 42px;
	position: relative;
}
.main-second .inner{
	overflow: inherit;
	height: 407px;
}
.main-second .left,.main-second .right{
	width: 537px;
}
.main-second .title{
	font-size: 22px;
	position: relative;
	line-height: 61px;
	color: #000000;
}
.main-second .imgs{
	width: 100%;
	height: 167px;
	position: relative;
	overflow: hidden;
}
.main-second .imgs .img-wrap{
	width: 248px;
	height: 167px;
	overflow: hidden;
	display: inline-block;
}
.main-second .imgs img{
	display: block;
	float: left;
	width: 248px;
	height: 167px;
	border-radius: 3px;
}
.main-second .imgs-doc{
	float: right;
	width: 265px;
	
}
.main-second .imgs-title{
	font-size: 16px;
	color: #333333;
	display: block;
	line-height: 30px;
	overflow: hidden;
  	text-overflow:ellipsis;
  	width: 265px;
}
.main-second .imgs-title:hover{
	color: #0168b7;
}
.main-second .imgs-doc>div{
	display: block;
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	height: 72px;
	margin-top: 10px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.main-second .news{
	position: relative;
	overflow: hidden;
	padding: 13px 0 12px 0;
}
.main-second .news ul{
	height: 124px;
	overflow: hidden;
}
.main-second .news li{
	width: 100%;
	line-height: 31px;
	overflow: hidden;
}
.main-second .news-cont{
	display: block;
	font-size: 14px;
	color: #333;
	float: left;
	width: 450px;
	overflow: hidden;
  	text-overflow:ellipsis;
  	white-space:nowrap;
}
.main-second .news-cont a{
	color: #333;
}
.main-second .news-cont a:hover{
	color: #0168B7;
}
.main-second .news-time{
	display: block;
	font-size: 14px;
	color: #999;
	float: right;
}
.main-second .more{
	display: block;
	width: 60px;
	height: 30px;
	padding: 0 30px 0 15px;
	/*text-align: center;*/
	background: #0868b5;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	background-image: url(../images/more_01.png);
	background-position: 85% center;
	background-repeat: no-repeat;
}
.main-second .more:hover{
	background-image: url(../images/more_02.png);
}

/*新闻资讯结束*/
/*热门产品开始*/
.main-third{
	width: 100%;
	background: #fff;
	padding: 35px 0 72px;
	position: relative;
}
.main-third .left{
	width: 638px;
	position: relative;
	z-index: 100;
}
.main-third .title{
	font-size: 20px;
	color: #0868B5;
	position: relative;
	line-height: 46px;
}
.main-third .hot{
	width: 100%;
	position: relative;
}
.main-third .hot-bd{
	width: 100%;
	position: relative;
}
.main-third .hot-bd .pro-img{
	width: 638px;
	height: 380px;
	position: relative;
	overflow: hidden;
	margin: 65px 0 20px;
}
.main-third .hot-bd .pro-img img{
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -190px;
	margin-left: -245px;
	width: 490px;
	height: 291px;
}
.main-third .pro-title{
	color: #333;
	width: 638px;
	font-size: 16px;
	line-height: 30px;
}
.main-third .pro-name{
	width: 638px;
	color: #333;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
}
.main-third .pro-name a:hover{
	color: #0868B5;
}
.main-third .pro-cont{
	color: #666;
	font-size: 14px;
	line-height: 24px;
	max-height: 48px;
	position: relative;
	margin-top: 19px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.main-third .detail a{
	width: 64px;
	display: block;
	color: #0868B5;
	font-size: 14px;
	line-height: 40px;
}
.main-third .detail a:hover{
	color: #002849;
}
.main-third .left .prev{
	position:absolute; 
	left:0; 
	top:210px;  
	display:block; 
	width:35px; 
	height:78px; 
	background:url(../images/arrow_left3.png) no-repeat center center; 
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index: 1000;
	background-size: 100% 100%;
}
.main-third .left .next{ 
	position:absolute; 
	right:0; 
	top:210px; 
	display:block; 
	width:35px; 
	height:78px; 
	background:url(../images/arrow_right3.png) no-repeat center center;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index: 1000;
	background-size: 100% 100%;
}

.main-third .left .prev:hover,.main-third .left .next:hover{
	filter:alpha(opacity=100);
	opacity:1; 
}
.main-third .left .prevStop{
	display:none;  
}
.main-third .left .nextStop{ 
	display:none;  
}

.main-third .right{
	width: 430px;
	position: relative;
	padding-top: 10px;
}
.main-third .right li{
	width: 100%;
	height: 90px;
	overflow: hidden;
	position: relative;
}
.main-third .right .imgs{
	position: absolute;
	width: 151px;
	height: 90px;
	overflow: hidden;
	top: 0;
	left: 0;
}
.main-third .right .imgs a{
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
}
.main-third .right .imgs img{
	width: 151px;
	height: 90px;
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -45px;
	margin-left: -75.5px;
	display: block;
}
/*.main-third .right .imgs a:hover img{
	border:1px solid #e4e4e4;
}*/
.main-third .right .text{
	width: 261px;
	line-height: 90px;
	position: absolute;
	top: 0;
	right: 0;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.main-third .right .text a{
	font-size: 14px;
	color: #666;
}
.main-third .right li:hover .imgs{
	border: 1px solid #e4e4e4;
	width: 149px;
	height: 88px;
}
.main-third .right li:hover .text a{
	color: #0168B7;
}
/*热门产品结束*/
