@charset "utf-8";

/* CSS Document sunshine*/

body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dd,dl,dt,input,textarea{ margin:0px; padding:0px; outline: none;}
body{color:#666; font-size:12px; font-family:Arial,'微软雅黑';margin:0px; padding:0px; margin:0px; line-height:24px;}
ul,li,em,i{ list-style:none; font-style:normal; font-weight:normal;}
a{ color:#666;text-decoration:none;outline:none;/*blr:expression(this.onFocus=this.blur());*/}
a:hover{ text-decoration:none;}
img{ border:0px; padding:0px; margin:0px;}
em{ font-style:normal;}
div{margin-right: auto;	margin-left: auto;}
ul {margin: 0px;padding: 0px;}
.clear{clear:both; content: ""; display: table; margin: 0px;padding: 0px;height: 0px;}
.left{ float:left}
.right{ float:right;}
.clearfix:after { clear: both; content: " "; display: block;}
input{ color:#666; font-family:'微软雅黑'; outline:none;}
.wrapper{ margin:0 auto; position:relative; width:1280px; z-index:1;}
//input{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
/***web star***/
.head{
	min-width: 1280px;
	background-color: #f2f2f2;
	height: 170px;
	overflow: hidden; 
}
.logo{
	float: left;
	margin-top:70px;
	width:282px;
	height: 69px;
}
.logo img{
	width:100%;
}
.he_txt{
	float: left;
	font-size: 26px;
	margin-top: 108px;
	margin-left: 20px;
	color: #e62e26;
}
.he_ewm{
	float: left;
	width:107px;
	height: 107px;
	margin-top: 30px;
	margin-right: 15px;
}
.he_ewm img{
	width:107px;
	height: 107px;
}
.he_tel{
	margin-top: 60px;
	float: left;
	padding-left:80px;
	height: 68px;
	background: url(tel.jpg) no-repeat left center;
}
.he_tel h3{
	font-size: 22px;
	color:#333;
	font-weight: normal;
	margin:10px 0 8px;
}
.he_tel p{
	font-size:32px;
	color:#e92e29;
	font-weight: bold;
}

/**导航**/
.Nav{
	min-width: 1280px;
	background-color: #fff;
	height: 46px;
	padding:17px 0 15px;
}
.nav_ul>li{
	float:left;
	line-height: 46px;
	height: 46px;
	position: relative;
}
.nav_ul>li.line{
	border-left:1px solid #dbdbdb;
}
.nav_ul>li>a{
	display: inline-block;
	line-height: 46px;
	padding:0 19px;
	color:#333;
	font-size: 22px;
}

.nav_ul>li:hover .sub_{
	display: block;
}
.nav_ul li a:hover
{
	color:#ff2501;
}
.sub_{
	position:absolute;
	display: none;
	background: #fff;
	width:160px;
	border-radius:5px;
	padding:30px 0 10px; 
	top:45px;
	left:50%;
	margin-left:-80px;
}
.sub_ ul li{
	height: 35px;
	line-height: 35px;
}
.sub_ ul li a{
	display: block;
	width:100%;
	text-align: center;
	color:#333;
	font-size: 20px;
}

/**轮播**/
.Banner{
	width:100%;
	min-width: 1280px;
	height: 705px;
	overflow: hidden;
}
.blueberry {background:#fff;position: relative; z-index:1; height:705px;}
.blueberry .slides {display: block;position: relative;overflow: hidden;}
.blueberry .slides li {position: absolute;top: 0;overflow: hidden; width:100%; height:705px; text-align:center; }
.blueberry .slides li img {display: block; height:0px;}
.blueberry .slides li.active {display: block;position: relative;}
.blueberry .crop li img {width: auto;}
.blueberry .pager {bottom:60px;right:50%; width:150px;height: 15px;text-align: center;position:absolute;z-index:999; text-align:center; margin-right:-75px; }
.blueberry .pager li {display: inline-block;}
.blueberry .pager li a, .blueberry .pager li a span {display: block;height: 15px;width: 15px;}
.blueberry .pager li a {margin:0 5px;}
.blueberry .pager li a span {overflow: hidden;background: url(bullets.png) -2px -33px no-repeat ;text-indent: -9999px;width:12px;height:12px; border:1px solid #fff; border-radius:50%;}
.blueberry .pager li.active a span {background-position:-2px -2px ; background-color:#fff;}

/**产品分类**/
.assortment{
	min-width: 1280px;
	height: 575px;
	padding-top:50px;
	overflow: hidden;
	background-color: #fff; width:1280px;
}
.as_top{ text-align:center; overflow:hidden; margin-bottom:50px;}
.as_top h2{
		display:inline-block;
		padding:0 250px;
		position:relative;
		font-weight:normal;
		font-size:40px;
		line-height:44px;
		margin-bottom:10px;
}
.as_top h2 em{color:#e73227;}
.as_top h2 span{display:block; height:0; width:220px; position:absolute; top:50%; border-top:1px solid #a3a3a3;}
span.sple{left:0; z-index:1;}
span.spri{right:0; z-index:1;}
.as_top p{font-size:26px; line-height:30px; color:#414141; }
.as_box{overflow:hidden;}
.as_box ul li{overflow:hidden; float:left; width:300px; margin-right:26px;}
.as_box ul li img{width:300px; height:200px; border-radius:10px; overflow:hidden; display:block; margin-bottom:20px;}
.as_box ul li h3{font-size:18px; color:#ff4225; line-height:22px; font-weight:normal; margin-bottom:15px;}
.as_box ul li p{line-height:20px; margin-bottom:40px;}
.as_box ul li a{display:block; width:124px; height:27px; line-height:27px; text-align:center; margin:0 auto; border:1px solid #e73227; color:#e73227; border-radius:5px;}
.as_box ul li a:hover{ background:#e73227; color:#fff;}

/**内容主体**/
.main,.main_nei{
	min-width: 1280px;
	overflow: hidden;
	background-color: #f2f2f2;
	padding-bottom: 67px;
}
.ma_left{
	overflow: hidden;
	float: left;
	width:298px;
}
.ma_t_left{
	height:685px;
	margin-bottom: 38px;
	background-color: #fff;
	overflow: hidden;
}
.ma_t_left>h1{
	height: 78px;
	line-height: 78px;
	background-color: #e73227;
	margin-bottom: 40px;
	color:#fff;
	padding-left:50px;
	font-weight: normal;
	font-size:26px;
}
.ma_t_left>h3{
	height: 50px;
	line-height: 50px;
	background-color: #e73227;
	color:#fff;
	padding-left:50px;
	font-weight: normal;
	font-size:20px;
}
.ma_l_ul{
	
}
.ma_l_ul li{overflow:hidden; margin-bottom:15px; height:50px; line-height:50px; }
.ma_l_ul li a{display:block; padding-left:50px; color:#333; font-size:20px; line-height:50px;}
.ma_l_ul li:hover,.ma_l_ul li.on{background-color: #e73227;}
.ma_l_ul li:hover a,.ma_l_ul li.on a{color:#fff;}
.code_img{
	width:203px;
	height: 203px;
	background-color: #000;
	margin:0 auto;
	margin-bottom:10px;
}
.code_img img{
	width:203px;
	height: 203px;
}
.ma_l_code p{
	text-align: center;
	font-size:16px;
	line-height:24px;
	color:#333;
}

.ma_b_left{
	border-top:8px solid #e73227;
	height: 575px;
	background-color: #d7d7d7;
	overflow:hidden;
	position:relative;
}
.ma_b_left a{ position:absolute; display:block; width:90px; height:25px; line-height:25px; color:#fff; background:#e73227; font-size:14px; z-index:1; bottom:175px; right:23px; text-align:center; border-radius:5px;}
.ma_b_left img{width:100%; height:575px;}


.ma_t_rig{
	width:940px;
	float: right;
	overflow: hidden;
}
.ma_t_rig>h2{
	height:40px;
	line-height: 40px;
	margin:35px 0 25px;
	font-size:36px;
	color:#333;
	font-weight:normal;
}
.pro_box{
	height: 273px;
	margin-bottom: 38px;
	overflow: hidden;
}
.pro_box ul{
	float: left;
	height: 273px;
	overflow: hidden;
}
.pro_box ul li,.pro_list ul li{
	cursor:pointer;
	float: left;
	width: 218px;
	height:253px;
	padding:10px;
	background-color: #fff;
	margin-right:60px;
	text-align: center;
}
.pro_box ul li .bimg,.pro_list ul li .bimg{
	position:relative;
	text-align: center;
	vertical-align:middle;
	width:217px;
	height: 217px;
	background-color: #eaeaea;
	padding:0;
	margin:0;
	overflow:hidden;
}
.pro_box ul li .bimg img{max-width:217px; max-height:217px;}
.pro_box ul li .bimg img.poaimg{ position:absolute; width:71px; height:70px; top:0; right:0; z-index:2;}
.bimg a{ position:absolute; width:110px; height:32px; line-height:32px; color:#333; top:50%; margin-top:-16px; left:50%; margin-left:-55px; text-align:center; z-index:3; background: rgba(255, 255, 255, 0.8)!important;   filter: Alpha(opacity=80); background: #fff; display:none; font-size:16px;}
.pro_box ul li .bimg:hover a,.pro_list ul li .bimg:hover a{display:block;}
.pro_box ul li p,.pro_list ul li p{font-size:14px; color:#333; margin-top:8px;}
.pro_more{
	float: left;
	display: block;
	width:20px;
	height: 127px;
	border:1px solid #e73227;
	color:#e73227;
	margin-left:48px;
	line-height:18px;
	margin-top:45px;
	font-size:18px;
	padding:23px 15px 0;
	text-align:center;
	background:url(jt.png) no-repeat 20px 120px;
}
.pro_more:hover{
	background:#e73227 url(jt.png) no-repeat -32px 120px;
	color:#fff;
}

/**底部导航**/
.bot_nav{
	overflow: hidden;
	height:380px ;
	background-color: #FFF;
}


/**底部user**/
.foot_user{
	min-width: 1280px;
	height: 287px;
	background: #fff;
	overflow: hidden;
	padding-top:95px; width:1280px;
}

.fu_gywm{
	float: left;
	width:380px;
	margin-right: 70px;
}
.fu_xwzx{
	float: left;
	width:400px;
}
.fu_zxns{
	width:390px;
	float: right;
	position: relative;
}
.share{
	position: absolute;
	right: 0;
	z-index: 2;
	top:0;
}
.share a{
	display: block;
	width:50px;
	height: 49px;
	margin-bottom: 10px;
}
.foot_user>div>div>h2{
	font-size: 40px;
	list-style: none;42px;
	font-weight: normal;
	color:#000;
	margin-bottom: 35px;
}
.foot_user>div>div>h2 span{
	color:#eb362b;
}
.ptxt{
	height: 120px;
	line-height: 21px;
}
.foot_user>div>div>a{
	color:#d90408;
	font-size:12px;
	line-height: 16px;
}

.fuw_ul li{
	font-size: 12px;
	color:#666;
	overflow: hidden;
	line-height: 22px;
	margin-bottom: 5px;
}
.fuw_ul li a{
	display: block;
	width:310px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fuw_ul li.red a{
	color:#e63224;
}
.fuw_ul li span{
	display: block;
	float: right;
}
.zp_box{
	margin-top:10px;
}

.zp_box ul li a{
	margin-right:10px;
}
.zp_box ul li a:hover{
	color:#e63224;
}

/**底部**/
.foot{
	min-width: 1280px;
	overflow: hidden;
	height:257px;
	padding-top:58px;
	background-color: #30333a;
}
.ewm{
	float: left;
	width:265px;
	overflow: hidden;
}
.ewm h3{
	margin-bottom: 18px;
	overflow: hidden;
	height: 27px;
	line-height: 35px;
	font-size: 20px;
	font-weight:normal;
	color:#fff;
	padding-left:35px;
	background: url(f_phone.png) no-repeat left center;
}
.ewm img{
	margin-left:28px;
	width:125px;
	height: 125px;
}
.ewm p{
	font-size: 14px;
	padding-left:65px;
	line-height: 18px;
	color:#fff;
}
.f_mess{
	width:685px;
	float: left;
	overflow: hidden;
}
.f_mess h3{
	overflow: hidden;
	height: 27px;
	line-height: 35px;
	font-size: 20px;
	font-weight:normal;
	color:#fff;
	padding-left:42px;
	margin-bottom: 13px;
	background: url(f_mess.jpg) no-repeat left bottom;
}
.messbox{
	overflow: hidden;
}
.messbox .left{
	overflow: hidden;
}
.inputs{
	width:225px;
	margin-right: 4px;
}
.messbox input{
	width:213px;
	padding:0 5px;
	font-size: 16px;
	margin-bottom: 3px;
	color:#ccc;
	height: 43px;
	border:1px solid #3a3d44;
	background: #1d2027;
}
.textare{
	width:402px;
}
.textare textarea{
	font-family: '微软雅黑';
	width:390px;
	height: 129px;
	padding:5px;
	font-size: 16px;
	border:1px solid #3a3d44;
	color:#ccc;
	background: #1d2027;
}
.messbox a{
	display: block;
	float: right;
	width:43px;
	border:2px solid #e35851;
	background: #e73227;
	color:#fff;
	font-size: 16px;
	text-align: center;
	height:90px;
	padding-top: 47px;
}
.f_tact{
	float: right;
}
.f_tact h3{
	overflow: hidden;
	height: 27px;
	line-height: 35px;
	font-size: 20px;
	font-weight:normal;
	color:#fff;
	padding-left:33px;
	margin-bottom: 14px;
	background: url(f_contact.jpg) no-repeat left bottom;
}
.f_tact ul li{
	font-size:16px;
	color:#989ba2;
	line-height: 22px;
	margin-bottom: 6px;
}
.f_tact ul li span{
	font-size: 20px;
}
/*右侧固定*/
.right_fixed{ background:#e73227; position:fixed; right:0; top:50%; z-index:99; padding:5px 0 2px; width:123px; color:#fff;}
.right_fixed>img{display:block; width:111px; height:auto; margin:0 auto; margin-bottom:30px;}
.right_fixed p{font-size:14px; line-height:18px; text-align:center; margin-bottom:10px;}
.right_fixed h4{font-size:14px; line-height:18px; text-align:center; margin-bottom:40px;}
.rig_qq{height:30px; line-height:30px; font-size:14px; padding-left:39px; background:#fff url(rig_qq.jpg) no-repeat 10px center;}
.rig_qq a{display:block; color:#333;}

/*内页banner*/
.banner_nei{width:100%; height:450px;}
.main_nei{padding-top:30px;}
img{max-width:100%;}
.about P{font-size:14px; color:#333; line-height:22px;}

/**product*/
.pro_list ul{overflow:hidden;}
.pro_list ul li{width:200px; margin-right:20px; margin-bottom:25px; height:230px;}
.pro_list ul li .bimg{width:200px; height:200px;}
.pro_list ul li .bimg img{max-width:200px; max-height:200px;height:100%;width:100%;}
.pages{overflow:hidden; height:27px; text-align:center;}
.pages a{display:inline-block; margin:0 2px; padding:0 10px; height:25px; line-height:25px; color:#333; border:1px solid #ddd; border-radius:3px;}
.pages a:hover,.pages a.on{ background:#e73227; color:#FFF; border:1px solid #e73227;}
.pro_list .title{ padding:5px; }
.pagess{width:100%;overflow:hidden;padding:20px;text-align:center;}
.pagess  a{display:inline-block;padding:3px 10px;border:1px solid #ccc;margin:0px 2px;}
.pagess .page-num-current,.pagess a:hover{background:#e73227;color:#fff;}
.pagess a.page-num-current,.pagess a:hover{color:#fff;}