﻿@charset "utf-8";
/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif,"宋体"; background:#f1f1f1;}
img{ border:none;}
ul,li{list-style:none;}
.clear{ clear:both;}
a{ color:#000; text-decoration:none;}
a:hover{ color: #f00;}
hr{ line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}
.mt10{margin-top:10px;}
.hide{display:none;}
.red{color:#f00;}
.blue{color:#00f;}
.gray{color:#999;}
.noinfo{width:100%;float:left;padding:10px 0; text-align:center;}
.input_text{border:1px solid #ccc;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}
.w960{width:960px;margin:0 auto;}
.w1100{width:1100px;margin:0 auto;}
.w1090{width:1090px;margin:0 auto;}
.blank10{width:100%;height:10px;clear:both;overflow:hidden;}
.blank20{width:100%;height:20px;clear:both;overflow:hidden;}


/*all*/
#main{width:100%;float:left;padding:10px 0;}
.main_bg{width:100%;float:left;background:url(../images/t_bg.jpg) repeat-y left top;}
.main_con{width:1060px;padding:46px 20px 0px 20px;float:left;background:url(../images/t_top.jpg) no-repeat left top;}
/*end*/

/**顶部**/
#head{width:100%;float:left;height:98px; background:url(../images/head.gif) repeat-x left top;}
#logo{float:left; width:237px;padding-top:6px;}
#head_right{float:right;}

#favorite{float:right;line-height:35px;height:35px;color:#a2aabe;padding-right:4px;}
#favorite h1{float:left;margin:0 10px 0 0;padding:0px;font-size:14px; font-weight:normal;}
#favorite ul{float:left;margin:0px;padding:0px;list-style-type:none;}
#favorite li{margin:0px;padding:0px;list-style-type:none; display:inline;}
#favorite li a{color:#a2aabe;font-size:14px;margin:0 3px;}
#favorite li a:hover{text-decoration:underline;}

#tel{float:right;line-height:30px;white-space:nowrap;font-size:14px;font-weight:bold;padding:0px 10px 0 0;}
/*end*/

/*menu*/
#navigate{float:right;height:60px;line-height:60px;}
#navigate ul{margin:0px;padding:7px 5px;list-style-type:none;}
#navigate li{margin:0px;padding:0 0 0 20px;list-style-type:none;float:left;text-align:center;}
#navigate li a{color:#fdfdfd;font-family:"微软雅黑",宋体; font-size:16px; font-weight:bold; letter-spacing:3px;}
#navigate li a:hover{}
#navigate li a.current{}
/*end*/

/*search*/
#search{float:right;padding:50px 0px 0 0;}
#search form{margin:0px;padding:0px;}
.skw{float:left;width:120px;padding:0 5px;line-height:20px;height:20px;border:1px solid #ccc;color:#666;}
.sub{width:61px;height:22px;line-height:22px;float:left;background:url(../images/search.gif) no-repeat left top;border:0px;cursor:pointer;color:#fff; float:left; text-indent:15px;}
/*end*/

/*flash*/
#banner{width:100%;float:left;padding:24px 0 58px 0;height:65px;float:left;background:url(../images/banner_bg.jpg) repeat-x left top;}
#flash{width:100%;float:left;background:#14466E url(../images/flash.jpg) no-repeat center top;height:399px;}

#focus{width:1100px;height:396px;overflow:hidden;position:relative;}
#focus ul{height:1100px;position:absolute;}
#focus ul li{float:left;width:1100px;height:396px;overflow:hidden;position:relative;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus ul li img{width:1100px;height:396px;}
#focus .btnBg{position:absolute;width:1100px;height:20px;left:0;bottom:0; }/*background:#000;数字背景*/
#focus .btn{position:absolute;width:1100px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;display:none;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;}
#focus .preNext{width:45px;height:100px;position:absolute;top:153px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer; display:none;}
#focus .pre{left:0px;}
#focus .next{right:0px;background-position:right top;}
/*end*/

/*help*/
#help{width:100%;float:left;background:url(../images/copyright.gif) repeat left top; padding:30px 0;}
.help_list{width:220px;float:left;border-left:1px dashed #090;padding:0 25px;}
.contact{width:225px;float:right;border-left:1px dashed #090;border-right:1px dashed #090;padding:0 25px;}
.help_top{width:100%;height:25px;line-height:25px;}
.help_top h3{margin:0px;padding:0px;font-size:14px;color:#090;float:left;}
.help_top h3 a{color:#090;}
.help_top span{color:#090;float:left;padding:0 0 0 10px;font-weight:bold;}
.help_con{width:100%;height:175px;line-height:25px;color:#999;}
.help_con a{color:#999;}
.help_con a:hover{color:#fff;}
/*end*/

/*底部*/
#copyright{width:100%;float:left;text-align:left;padding:10px 0 20px 0;background:url(../images/copyright.gif) repeat left top;color:#999;line-height:23px;border-top:1px dashed #090;}
#copyright a{color:#999;}
#copyright a:hover{color:#fff;}
.share{float:left;}
.copy_right{float:right;}
#copy_txt{float:right;text-align:right;}
#footnav{float:right;}
#footnav ul{margin:0px;padding:0px;list-style-type:none;}
#footnav li{margin:0px;padding:0px;list-style-type:none; display:inline;}
#footnav li a{margin:0 5px;}
/*end*/


/*home*/
.home_left{width:300px;float:left;}
.home_right{width:640px;float:right;}
.home_list{width:100%;float:left;}

.home_top{width:100%;height:45px;line-height:40px;float:left;background:url(../images/title_bg.jpg) repeat-x left bottom;}
.home_top h3{font-size:24px;float:left;color:#262626;height:45px; padding:0 0 0 50px; background:url(../images/title.jpg) no-repeat left bottom; font-family:"微软雅黑"; font-weight:normal; letter-spacing:3px;}
.home_top h3.t1{background:url(../images/a1.jpg) no-repeat left bottom;}
.home_top h3.t2{background:url(../images/a2.jpg) no-repeat left bottom;}
.home_top h3.t3{background:url(../images/a3.jpg) no-repeat left bottom;}
.home_top h3.t4{background:url(../images/a4.jpg) no-repeat left bottom;}
.home_top h3.t5{background:url(../images/a5.jpg) no-repeat left bottom;}
.home_top h3 a{color:#262626;}
.home_top span{float:right;}
.home_con{width:960px;padding:20px 50px;float:left;overflow-x:hidden; line-height:400%; position:relative;}
.home_con_contact{width:960px;padding:20px 50px;float:left;overflow-x:hidden; line-height:180%;}
.min500{
min-height:500px; 
height:auto !important; 
height:500px;
}
.home_ad{width:100%;height:220px;float:left;background:url(../images/price.jpg) no-repeat left top;margin:10px 0 0 0;}
.case_list{position:absolute; top:20px; right:0px;width:250px;}
.case_top{width:100%;height:36px;line-height:36px; background:#34a232;}
.case_top h3{color:#fff;padding:0 0 0 25px;width:225px;}
.case_top a{color:#fff;}
.case_con{width:100%;float:left;padding:4px 0 0 0;background:#f3fcf3;}
.case_type li{margin:3px 0;padding:0 25px;width:200px;float:left;height:26px;line-height:26px;font-size:14px;font-weight:bold; overflow:hidden;}
.case_type li.typebg{background:#e0f3df;}
.case_type li a{color:#666;}


.case_list2{position:absolute; top:20px; right:0px;width:325px;}
.case_li li{margin:0px;padding:0 25px;width:275px;float:left;height:30px;line-height:30px;font-size:14px; overflow:hidden;}

#newsbg{width:100%;height:37px;line-height:37px;background:url(../images/newsbg.gif) repeat-x left top;}
.news_title{font-weight:bold;float:left;color:#f00;padding:0 10px;}
.news_con{float:left;}
#scrollDiv{height:37px;line-height:37px; overflow:hidden;}
.news_more{float:right;}

.news_top{width:100%;float:left;border-bottom:1px dotted #ccc;padding:0 0 10px 0;}
.news_img{float:left;width:100%;}
.news_img img{width:300px;}
.news_right{width:100%;float:left;}

.news_des{width:100%;line-height:20px; overflow:hidden;}

.news_list{width:100%;float:left;}
.news_list ul{margin:0px;padding:0px;list-style-type:none;}
.news_list li{margin:0px;padding:0 0 0 10px;list-style-type:none;background:url(../images/li_0.jpg) no-repeat left center;line-height:25px;}
.news_list li a{color:#999;}
.news_list li a:hover{color:#fff;}

#LeftButton {width:24px;height:42px; display: block; background: url(../images/left.png) no-repeat 0px 0px; position:absolute;left:-34px; top:55px;}
#RightButton {width:24px;height:42px; display: block; background: url(../images/right.png) no-repeat 0px 0px;position:absolute;left:970px; top:55px;}
#MarqueeDiv {width:960px; float: left; height:152px; margin-left: 0px; overflow: hidden}
#MarqueeDiv img {margin-right:14px; height:150px; width:150px; border:1px solid #dcdcdc;}
/*end*/


/*left*/
#left {width:220px;float:left;}
.left_list{width:218px;float:left;border:1px solid #cfcfcf; background:#f4f4f4;}
.left_top{width:100%;height:67px;float:left;background:url(../images/left_top.jpg) repeat-x left top; border-bottom:1px solid #cfcfcf; text-align:center;}
.left_top h3{font-size:18px;color:#0f75bc;padding:15px 0 0 0; }
.left_top span{font-size:18px;}
.left_top a{float:right;margin:0 10px 0 0;}
.left_top a:hover{}
.left_con{width:198px;padding:10px;float:left;line-height:200%;}
.type_list{width:100%;float:left;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{margin:0px;padding:0px;list-style-type:none;height:32px;line-height:32px;overflow:hidden; text-align:center;}
.type_list li.second_cat{background:none;}
.type_list li a{color:#666; display:block;font-weight:bold;}
.type_list li a:hover{color:#666; background:url(../images/left_li.jpg) no-repeat center top;}
.type_list li.second_cat a{font-size:12px;font-weight:normal;}
.type_list li.second_cat a:hover{background:none;}
/*end*/

/*right*/
#right{width:720px;float:right;}
#right_top{width:100%;height:32px;line-height:32px;float:left;border-bottom:1px solid #c4c3c3;}
#right_top h3{font-size:18px;float:left;color:#0f75bc; }
#right_top h3 a{color:#0f75bc;}
#right_top span{float:right;}
#right_con{width:100%;float:left;padding:10px 0;line-height:200%;overflow-x:hidden;
min-height:300px; 
height:auto !important; 
height:300px; 
}
#right_btn{width:100%;height:5px;float:left;background:url(../images/btn_720.jpg) no-repeat left top; overflow:hidden;}
/*end*/

/*demo*/
#demo {overflow:hidden;width:900px;height:145px;margin:35px 0 0 10px;float:left; display:inline;}
#cdemo {overflow:hidden;width:900px;}
#demo img {}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/*end*/
	
/*link*/
.friendlink{padding-top:12px;}
.friendlink li{float:left;width:242px;}
.friendlink li.txt1{padding:3px 0px 3px 24px;background:url(../images/dot.gif) no-repeat 10px center;}
.friendlink li.pic1{padding:3px 0 3px 8px;}
.friendlink li.pic1 img{width:240px;height:65px;}

.link{width:100%;float:left;}
.link_img{width:100%;float:left;text-align:center;}
.link_img ul{margin:0px;padding:0px;list-style-type:none;}
.link_img li{margin:0px;padding:0 10px;list-style-type:none; display:inline;}
.link_img li img{height:30px;}

.link_txt{width:100%;float:left;}
.link_txt ul{margin:0px;padding:0px;list-style-type:none;}
.link_txt li{margin:0px;padding:0px;list-style-type:none; display:inline;line-height:25px;}
.link_txt li a{margin:0 5px;}
/*end*/
	 
/*news*/
.articleList{width:100%;float:left;}
.articleList ul{margin:0px;padding:0px;list-style-type:none;}
.articleList li{margin:0px;padding:3px 0 3px 10px;border-bottom:1px dotted #ccc;background:url(../images/li_0.jpg) no-repeat left center;line-height:45px; font-size:16px;}
.time{color:#999; float:right;}
.articleTitle{ font-weight:bold; font-size:18px; text-align:center;}
.articleAuthor{text-align:center; padding:7px 0px;border-bottom:1px dotted #ccc;}
.articleauthor span{ margin:0px 6px; font-size:9pt;}
.articleInfo{width:100%;padding:10px 0; font-size:16px;}
.pageUpDown{padding-top:10px;text-align: left;}
/*end*/

/*case*/
.case_left{width:250px; position:absolute; left:0px; top:20px;}
.case_left li{font-size:14px;}
.case_right{width:730px;float:right;
min-height:800px; 
height:auto !important; 
height:800px; 
}

.index_left{width:795px;float:left;}
.index_right{width:160px;float:right;font-size:16px;}
/*end*/

/*Product*/
.pro{width:1005px;}
.pro_item{width:290px;height:260px;float:left;margin:0 45px 0 0;}
.pro_img{width:100%;height:195px;}
.pro_img img{width:290px;height:185px;}
.pro_title{width:100%;height:21px;line-height:21px;}

.top_list{width:100%;float:left; line-height:normal;}
.top_list ul{margin:0px;padding:0px;list-style-type:none;}
.top_list li{margin:0px;padding:8px 0;list-style-type:none;width:100%;border-bottom:1px dashed #ccc;float:left;line-height:23px;}
.top_list li strong{float:left;background:url(../images/li_2.gif) no-repeat left center;padding:0 10px 0 0px;}
.top_list li a{white-space:nowrap;margin:0 10px 0 0;float:left;}
.top_list li a:hover{background:#168620;color:#fff;}

#lsed{background:#168620;color:#fff;}
#lsed2{color:#168620;background:none;}

.productList{width:100%;float:left;}
.productList ul{margin:0px;padding:0px;list-style-type:none;}
.productList li{margin:5px 0px;padding:0px;list-style-type:none;text-align:center;float:left;width:180px;height:175px;display:inline;line-height:25px; overflow:hidden;}
.productList li img{width:150px; height:150px; border:1px solid #ccc;padding:1px;}

.productTitle{line-height:28px;}
.productImg{width:100%;text-align:left;}
.productRight{width:350px;float:right;}
.title{width:100%;float:left;margin:10px 0 0 0;border-bottom:1px dotted #ccc;line-height:25px;}
.title span{font-size:14px;font-weight:bold;}
.productDesc{line-height:200%;padding:10px 0;width:100%;float:left;}
/*end*/

/*page*/
.pages{ font-size:12px;text-align:center;}
.pages li{ float:left}
.pages a{font-size:12px;padding:2px 5px;border:1px solid #ccc;margin:0 2px;}
.pages a:hover{background:#eee;}
.pages a.page_now{background:#eee;color:#f00;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}
/*end*/


/*login*/
.img-scroll{position:relative; margin:0px auto;height:185px; overflow:hidden;}
.img-scroll .prev{position:absolute;left:5px;width:33px; height:33px;top:63px;background:url(../images/scroll_left.jpg) no-repeat right center; cursor:pointer;}
.img-scroll .next{position:absolute; right:5px;width:33px; height:33px; top:63px; background:url(../images/scroll_right.jpg) no-repeat left center; cursor:pointer;}
.img-list {position:relative; width:894px; height:185px;overflow:hidden;}
.img-list ul {margin:0px;padding:0px;list-style-type:none;width:9999px;height:185px;}
.img-list li {margin:0px;padding:0 31px 0 0;list-style-type:none;float:left;width:154px;height:185px;display:inline;line-height:25px; text-align:center;}
.img-list li img{width:152px; height:152px;border:1px solid #ccc;}

/*scroll*/
#ProScroll{overflow:hidden;}
.contact1,.contact2{border-bottom:1px dashed #ccc;padding-bottom:10px;}
  .contact2 h3{font-size:14px;font-weight:bold;}
  .qq3 ul li{float:left;padding:5px 10px 30px 0;}
  .qq3 ul li a{display:block;}
  .qq3 ul li img{width:150px;height:42px;}
  .contact3{clear:both;}
  .contact4{clear:both;line-height:150%;font-size:12px;}
  .contact4 p{border-bottom:1px dashed #ccc;padding-bottom:20px;padding-top:15px; color:#666;}
  .contact4 img,.contact5 img,.contact7 img{float:left;margin:0px 20px 0 0}
  
  .contact5{line-height:150%;font-size:12px;padding-bottom:15px;}
  .contact6{padding:35px 0 15px 0;border-bottom:1px dashed #ccc;}
  .contact7{line-height:150%;font-size:12px;}
  .font18x{font-size:18px;font-weight:bold; color:#006600;}
.like{
margin:0 0 0 20px;
width: 1100px;
}
.liket h2 {
	width:1030px;
	border-left-style: none;
	margin:0 0 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #090;
}

.like ul{
margin: 0px;padding: 0px;list-style-type: none;
margin:10px 0 0 0;
}

.liket ul li {
margin: 0px 0 0 10px; padding: 3px 0 3px 10px;border-bottom: 1px dotted #ccc;line-height: 30px;font-size: 14px;float:left;width:500px;
}
/*在线客服*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff6a64 url(../img/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff6a64 url(../img/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff6a64 url(../img/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #ff6a64 url(../img/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 6px 37px 25px 37px;
	box-sizing: border-box;
	width: 180px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}
.yb_QQ a:hover {
	color: #fff;
}
.phone_foot {
	display: none;
}
@media(max-width:767px){
	*{box-sizing: border-box;}
	.w1100{width: auto;}
	#head{height: auto;background-color: #05310a;}
	#logo{width: 100%;text-align: center;}
	#logo img {width: 145px;height: auto;}
	#head_right{width: 100%;}
	#navigate{height: auto;}
	#navigate ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	#navigate li{
		    margin: 0px;
		    padding: 0 0 0 10px;
		    list-style-type: none;
		    float: left;
		    text-align: center;
		    line-height: 2;
	}
	.case_list{display: none;}
	
	
	
	#scrollDiv li a{
		white-space: nowrap;
		      display: block;
		      overflow: hidden;
		      text-overflow: ellipsis;
			      width: 60%;
				  
	}
	.home_ad{height: 75px;background-size: 100% 75px;}
	.home_con{padding: 0;}
	#flash{background-size: auto 135px;height: 135px;}
	#navigate li a{font-size: 15px;}
	.home_top h3.t1,.home_top h3.t2,.home_top h3.t3,.home_top h3.t4,.home_top h3.t5,.home_top h3{
		font-size: 18px;
		      white-space: nowrap;
		      display: block;
		      overflow: hidden;
		      text-overflow: ellipsis;
			      width: 100%;
	}
	.home_con p{line-height: 2 !important;}
	.home_con span{font-size: 14px;}
	.pro{width: 100%;}
	.pro_item{width: 50%;margin: 0;height: auto;padding: 0 5px;}
	.pro_img{height: auto;}
	.pro_img img{width: 100%;height: auto;}
.pro_title{
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
	.case_list2{display: none;}
	.help_list{display: none;}
	.contact{width: 100%;text-align: center;}
	.help_top h3{width: 100%;}
	.copy_right{width: 100%;text-align: center;}
	#favorite{display: none;}
	.main_con{width: 100%;}
	.home_con{width: 100%;overflow-x: scroll;}
	.w1090{width: 100%;}
	/*首页结束*/
	#footnav{width: 100%;}
	.productImg img{max-width:100%}
	/*在线客服*/
	.yb_conct {
		display: none;
	}
	.phone_foot {
		display: block;
		position: relative;
		padding-top: 48px;
	}
	.phone_foot .pfoot_box {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 48px;
	}
	.phone_foot .pfoot_box .pfoot_col {
		float: left;
		width: 50%;
		line-height: 48px;
		text-align: center;
	}
	.phone_foot .pfoot_box .pfoot_col a {
		display: block;
		background: #4AB886;
		color: #fff;
	}
	.phone_foot .pfoot_box .pfoot_col a.pfoot_col_qiao {
		background: #ff6a64;
	}
	
	
	
	
	
}
