@charset "UTF-8";
/*------------// Overall //------------------*/
body{font:12px/140% "微软雅黑",Arial,Helvetica, sans-serif,Verdana;color:#000; margin:0; background:#FFF; }
table,td{font:12px/140% "微软雅黑",Arial,Helvetica, sans-serif,Verdana; color:#000;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#5a5a5a;}
A:hover{text-decoration:none; color:#9B212E;}
img{ border:0; }
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-style: nomal;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{   border:none;padding:0 } 
a{blr:expression(this.onFocus=this.blur())} /*for IE*/
a{outline:none;} /*for Firefox*/
ol,ul,li{list-style-type:none;}
.clear{clear:both;}
.fl{float: left;}
.fr{float:right;}
input{border:0;outline:none;}
textarea{border:0;outline:none;}

header,section,footer{padding:0px;margin:0px;width: 100%;height: auto;}

/*头部*/
header{
	padding-top:15px;
    width:100%;
    height:160px;
    /*background:url('../img/foot_bj.png') repeat-x;*/
	box-shadow: 0px 2px 7px #656565;
	/*margin-bottom:7px;*/
	position:relative;
}
.head{
    width:63.5%;
    min-width: 1050px;
    max-width: 1200px;
    margin:0 auto;
}
.logo{
    width:220px;
    height:120px;
    float:left;
}
.nav{
    margin-top: 65px;
    float:right;
}
.nav ul{
	/*position:relative;*/
}
.nav ul li{
    float:left;
    padding-right: 30px;
    font-size: 14px;
	padding-bottom:50px;
}
.nav ul li .min{
	width:100%;
	display:none;
	margin-top:10px;
	position:absolute;
	z-index:1000;
	left:0px;
	top:100px;
	padding-top:25px;
}
.nav ul li .min p{
	line-height:30px;
	color:#fff;
    background: #b5b5b5;
    text-align: center;
}
.nav ul li .min p a{
	color:#fff;
    padding: 0px 25px;
    display: inline-block;
    
}
.nav ul li .min p .acur{
	background: #f2a501;
}
.nav ul li .min p:hover a{
	color:#fff;
	border-bottom:none;
}
.nav ul li:hover .min{
	display:block;
}
.nav ul li .min .min-div{
	width:100%;
	display:none;
	background:#fff;
}
.nav ul li .min .min-1200{
	width:1200px;
	margin:0 auto;
	text-align:center;
	height:345px;
	overflow:hidden;
}
.nav ul li .min .min-box{
	width:274px;
	padding:10px 10px;
	float:left;
	display:inline-block;
}
.nav ul li .min .min-box img{
	width:100%;
}
.nav ul li .min .min-box p{
	background:none;
	height: 60px;
	overflow:hidden;
}
.nav ul li .min .min-box p a{
	color: #757575;
	background:none;
	border-bottom:none;
}
.nav ul li a{
    font-size: 15px;
    color: #f08f01;
	border-bottom: 1px solid #fff;
	
}
.nav ul li:hover a{
	border-bottom:1px solid #f2a501;
}
.nav ul li:hover .min a{
	border-bottom:none;
}
.seach{
    float:right;
    width: 215px;
    margin-top: 50px;
}
.seach_box{
    height: 32px;
    position: relative;
}
.seach_box .seachinp{
    border: 1px #bababa solid;
    width: 160px;
    height: 28px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 10px;
}
.seach_box .seachbtn{
    width: 38px;
    height: 30px;
    background: url('../img/seach.png') no-repeat;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
}
.banner_box{
    height:500px;
    width:100%;
}

.address{
    width:100%;
    height:50px;
    background:#eeeeef;
    margin-top: 5px;
}
.address .addressindex{
    width:1200px;
    height:50px;
    margin:0 auto;
}
.address .address_left{
    float:left;
    text-align: left;
    height:50px;
    width:50%;
    line-height: 50px;
    font-size: 14px;
}
.address .address_right{
    float:right;
    text-align: right;
    height:50px;
    width:50%;
    line-height: 50px;
    font-size: 14px;
}
.address .address_right span{
    display:inline-block;
    width:18px;
    height:18px;
    background:url('../img/index.png') no-repeat;
    background-size: 100% 100%;
}

/*内容*/
section{
    width:100%;
    height:auto;
    padding:10px 0px 20px;
    margin:10px 0px;
}
.main{
    width:62.5%;
    min-width: 1200px;
    max-width: 1200px;
    height:auto;
    margin: 0 auto;
}
.sort_title{
    width:100%;
    height:35px;
    text-align:center;
    margin-bottom: 30px;
}
.title{
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #333;
    display: inline-block;
    border-bottom: 1px solid #333;
    margin-top: 20px;
}

/*产品列表*/
.productlistindex{
	width:100%;
	height:auto;
}
.productlistindex ul{
	margin-right: -55px;
}
.productlistindex ul li{
	float:left;
    width: 20%;
	margin-right:55px;
}
.productlistindex ul li img{
	width:100%;
	height:155px;
}
.productlistindex ul li p{
	overflow:hidden;
	padding:10px 0px;
	height:30px;
	line-height:30px;
	text-align:center;
	width:100%;
	color:#00c700;
}

/*热卖产品*/
.productlisthot{
	width:100%;
	height:auto;
}
.productlisthot ul{
	margin-right: -60px;
}
.productlisthot ul li{
	float:left;
    width: 28%;
    height: 300px;

	margin-right:58px;
}
.productlisthot ul li h3{
    height: 30px;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
	color:#333;
	white-space: nowrap;
	text-overflow: ellipsis;
        text-align: center;
        margin-top: 15px;
}
.productlisthot ul li img{
	width:100%;
	height:245px;
        margin-top: 30px;
}
.productlisthot ul li p{
	overflow:hidden;
	padding:10px 0px;
	height:60px;
	line-height:23px;
	text-align:left;
	width:100%;
	color:#333;
	word-wrap : break-word;
}


/*关于我们*/
.aboutindex{
	width:100%;
	height:auto;
}
.box{
    width:100%;
    height:320px;

	position:relative;
}
.imgbox{
    width:100%;
    height:360px;
    overflow:hidden;
    position:relative;
}
.imgbox img{
    position:absolute;
    top:0px;
    left:0px;
}
.imglist{
    width:100%;
    height:90px;
    margin-top: 10px;
    position:relative;
    overflow:hidden;
}
.imglist ul{
    padding:0px;
    margin:0px;
    overflow: hidden;
    height:90px;
    width:2000px;
    padding-left: 30px;
    position:relative;
    left:0px;
    top:0px;
}
.imglist ul li{
    float:left;
    width:80px;
    height:80px;
    margin: 0px 4px 0px 0px;
}
.imglist ul li img{
    width:100%;
    height:100%;
    margin-left: -30px;
}
.imglist .right{
    width:30px;
    height:80px;
    background:url('../img/right.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0px;
    right:0px;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
    margin-right: 550px;
}
.imglist .left{
    width:30px;
    height:80px;
    background:url('../img/left.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top:0px;
    left:0px;
    line-height: 80px;
    text-align: center;
    cursor: pointer;
}
.box .boxabout{
	position: absolute;
    width:100%;
    height: 360px;
    top: 0px;
    right: 0px;
	overflow:hidden;
}
.box .boxabout p{
	line-height:26px;
}
    



/*公司新闻*/
.news{
    width:100%;
    height:auto;
}
.news_box{
    width:100%;
    min-width: 1200px;
    max-width: 1200px;
    height:auto;
    margin:0 auto;
}
.news_box .news_left{
    width:43%;
    height:auto;
    float:left;
    margin-top: 15px;
    background:rgba(176, 175, 175, 0.3) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=50); background:#e3e3e3;/*实现IE背景透明*/
    padding:3%;
}
.news_box .news_left .news_title{
    height:40px;
    border-bottom: 1px #525252 solid;
    color:#525252;
}
.news_box .news_left .news_title span{
    width:50%;
    height:30px;
    text-align: center;
    line-height: 30px;
    font-size: 28px;
    float:left;
    font-weight: bold;
}
.news_left .newslist li{
    height: 30px;
    line-height: 30px;
    overflow:hidden;
}
.news_left .newslist li a{
    font-size: 12px;
    display:inline-block;
    width:82%;
    color:#525252;
    float:left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}
.news_left .newslist li span{
    font-size: 12px;
    color:#525252;
    float:right;
    font-weight: bold;
}
.news_box .news_right{
    width:43%;
    height:auto;
    float:right;
    margin-top: 15px;
    background:rgba(176,175, 175, 0.3) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
    filter:Alpha(opacity=50); background:#e3e3e3;/*实现IE背景透明*/
    padding:3%;
}
.news_right .Trouble_title{
    height:40px;
    border-bottom: 1px #fff solid;
}
.news_right .Trouble_title span{
    width:100%;
    height:30px;
    text-align: left;
    line-height: 30px;
    font-size: 28px;
    float:left;
    color:#525252;
    font-weight: bold;
}
.news_right .Troublelist li{
    padding:7px 0;
}
.news_right .Troublelist li p{
    line-height: 23px;
    color:#525252;
    font-weight: bold;
}
.news_box .btn{
    width:100px;
    height:50px;
    margin:0 auto;
}
.news_box .btn .left-btn{
    width:40px;
    height:33px;
    float:left;
    background: url('../img/left.jpg') no-repeat;
	cursor:pointer;
}
.news_box .btn .right-btn{
     width:37px;
    height:33px;
    float:right;
    background: url('../img/right.jpg') no-repeat;
	cursor:pointer;
}
.news_box .newslist-li{
    width:98%;
    height: 345px;
    overflow: hidden;
	padding-left:2%;
}
.news_box .newslist-li ul{
	position:relative;
	height:310px;
	left:0px;
}
.news_box .newslist-li li{
    width: 365px;
    float: left;
    position: relative;
    margin-right: 33px;
    margin-bottom: 25px;
    -webkit-box-shadow:0px 5px 15px #000;  
    -moz-box-shadow:0px 5px 15px #000;  
    box-shadow:0px 5px 15px #000;  
}
.news_box .newslist-li li img{
    width: 365px;
    height: 240px;
}
.news_box .newslist-li li p{
    height: 35px;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.57);
    top: 205px;
    left: 0px;  
    line-height: 35px;
}
.news_box .newslist-li li p span{
    color:#fff;
}
.news_box .newslist-li .new-desc{
    height: 85px;
    width: 100%;
    background: #d7d7d9;   
}
.news_box .newslist-li .new-desc b{
    width: 20px;
    height: 20px;
    border: 2px solid #868686;
    display: inline-block;
    border-bottom: 5px solid #868686;
    float: left;
    margin: 15px 20px 0px;
}
.news_box .newslist-li .new-desc div{
    display: inline-block;
    float: right;
    width: 280px;
    line-height:25px;
    word-break:break-all; /*支持IE，chrome，FF不支持*/
　　word-wrap:break-word;/*支持IE，chrome，FF*/
}
.news_box .yanjing{
	background:url('../img/yanjing.png') no-repeat;
	background-position:0px 11px;
	padding-left:30px;
	padding-right:20px;
}

/*友情链接*/
.title_link{
    height:35px;
    width:200px;
    border-bottom: 1px solid #abb92c;
    margin:0 auto;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color:#abb92c;
}
.link{
    width:100%;
    margin-top: 20px;
}
.link li{
    float:left;
    width:7.3%;
    height:36px;
    max-height: 36px;
    margin:0px 1% 1% 0px;
}
.link li img{
    width:100%;
    height:100%;
}

/*脚部*/
footer{
    /*background:url('../img/foot_bj.png') repeat-x;*/
    background-size: 100%;
    width:100%;
    height:310px;
    background-color: #c1dd3d;
}
.footer{
    width:63.5%;
    min-width: 1050px;
    max-width: 1200px;
    height:300px;
    margin:0 auto;
}
.footer_box{
    width:100%;
    height:250px;
    padding-top: 50px;
}
.footer_box .footer_box_left{
    float:left;
    width: 100%;
    padding-right: 2%;
    font-size: 15px;
    margin-top: -20px;
    
}

.footer_box .footer_box_left p{
    /*color:#000;*/
    line-height: 29px;
	
	font-size: 12px;
}
.footer_box .footer_box_center{
    float:left;
    width: 48%;
    margin-right: 2%;
}
.footer_box .footer_box_center p{
    color:#fff;
    line-height: 29px;
}
.footer_box .footer_box_center .company{
    font-size: 24px;
    padding: 10px 0px 20px;
}
.footer_box .footer_box_right{
    float:right;
    width: 100%;
    padding-top: 10px;
}
.footer_box .footer_box_right img{
    width:100%;
    height: auto;
    margin-top:20px;
}
.footer_box .footer_box_bottom{
    margin-top: 20px;
    width:100%;
    height:25px;
    text-align: center;
    float: left;
}
.footer_box .footer_box_bottom p{
    width:100%;
    height:20px;
    float:left;
    margin-left: 140px;
}
.footer_box .fenxiang{
    width:68%;
    float:right;
}


.page{
	text-align: center;
	width:100%;
	margin-top:20px;
	float:left;
}
.page span font{
    border: 1px #ddd solid;
    padding: 5px 10px;
    display: inline-block;
    margin: 6px 3px;
    background: #ff5800;
	color: #fff;
}
.page a{
	padding: 5px 10px;
    color: #060606;
    margin: 6px 3px;
    display: inline-block;
    border: 1px #ddd solid;
}
.page .nolink{
	border: 1px #ddd solid;
    padding: 5px 5px;
    margin: 6px 6px;
    color: #848484;
}

#back-to-top{  
    position:fixed;  
    display:none;  
    bottom:80px;  
    right:80px;  
}  
#back-to-top a{  
    text-align:center;  
    text-decoration:none;  
    color:#d1d1d1;  
    display:block;  
    width:52px;  
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
    -moz-transition:color 1s;  
    -webkit-transition:color 1s;  
    -o-transition:color 1s;  
}  
#back-to-top a:hover{  
    color:#979797;  
}  
#back-to-top a span{  
    background:url(../img/top.png) no-repeat;  
    border-radius:6px;  
    display:block;  
    height:45px;  
    width:48px;  
    margin-bottom:5px;  
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
    -moz-transition:background 1s;  
    -webkit-transition:background 1s;  
    -o-transition:background 1s;  
}  
#back-to-top a:hover span{  
    background:url(../img/top.png) no-repeat;  
}

/*悬浮窗*/
#floatDivBoxs{width:200px;background:#fff;position:fixed;top:155px;right:0;z-index:99;border-radius: 5px;height: 300px;overflow: hidden;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#cbcbcb;color:#fff;font-size:18px;position:relative;text-align:center;border-radius: 5px 5px 0px 0px;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:25px;line-height:25px;font-size:12px;overflow: hidden;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:0px 0px 0px rgba(0,0,0,0.25);border-radius: 0px 0px 5px 5px;}
#rightArrow{width:50px;height:50px;background:url(../img/online_arrow.png) no-repeat;position:fixed;top:155px;right:150px;z-index:100;border-radius: 10px 0 0 10px;}
#rightArrow a{display:block;height:50px;text-align:center;line-height:45px;}