﻿@charset "utf-8";
/*
Powered By www.toprand.com
*/

/*Reset*/
*{ padding:0; margin:0; box-sizing:border-box;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {color:#4e575c;text-decoration:none; line-height:25px}
a:hover {
	color:#090;
	font-weight:bold;
}
a:active {
	color:#0C3;
}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px; font-size:12px;color:#4e575c; -webkit-font-smoothing:antialiased;}  


/*text*/
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.red{ color:#ff0000;}
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 

.div_clear {clear: both; font-size: 0; height: 0; line-height: 0; overflow: hidden; width: 100%; margin:0; padding:0;}
.wrap{margin:0 auto; width:960px;}

/*index*/
.head{ float:left; padding:20px 0 0; width:100%;}
.headr{ float:right; width:320px; margin:58px 0 10px;}
.headr li{ float:right;font-family:"\5FAE\8F6F\96C5\9ED1"; margin-left:9px; line-height:19px; background:url(../images/ico.gif) no-repeat left 8px; padding-left:11px;}
.headr li a{ color:#848484; }
.logo{ float:left;}
.menu{ background:url(../images/menubg.png) repeat-x; height:29px; float:left; width:100%;}
.menubg{ background:url(../images/menuulbg.jpg) no-repeat center top; height:29px;}
.menu ul{  margin:0 auto; width:906px;}
.menu li{ float:left; background:url(../images/fengexian.png) no-repeat right 1px; height:29px; width:112px; position:relative; z-index:9999;}
.menu li a{ display:block; width:110px; height:29px; background-repeat:no-repeat; color:#FFFFFF; font-size:16px; line-height:25px; text-align:center}
.menu1 { background:url(../images/menu1.png1); _background:url(../images/menu1.jpg1);}
.menu2 { background:url(../images/menu2.png1); _background:url(../images/menu2.jpg1);}
.menu3 { background:url(../images/menu3.png1); _background:url(../images/menu3.jpg1);}
.menu4 { background:url(../images/menu4.png1); _background:url(../images/menu4.jpg1);}
.menu5 { background:url(../images/menu5.png1); _background:url(../images/menu5.jpg1);}
.menu6 { background:url(../images/menu6.png1); _background:url(../images/menu6.jpg1);}
.menu li.nobg{ background:none; width:110px; }
.menu li.hover .menu1{ background:url(../images/menun1.jpg) no-repeat;}
.menu li.hover .menu2{ background:url(../images/menun1.jpg) no-repeat;}
.menu li.hover .menu3{ background:url(../images/menun1.jpg) no-repeat;}
.menu li.hover .menu4{ background:url(../images/menun1.jpg) no-repeat;}
.menu li.hover .menu5{ background:url(../images/menun1.jpg) no-repeat;}
.menu li.hover .menu6{ background:url(../images/menun1.jpg) no-repeat;}
.menu li .navbox{display:none; float:left; width:500px; position:absolute; left:0; top:29px;}
.menu li li{ background:url(../images/erjibg1.png) repeat; width:94px;font-family:"\5FAE\8F6F\96C5\9ED1"; float:left;  height:24px;}
.menu li li.big{ background:url(../images/erjibg1.png) repeat; width:110px;font-family:"\5FAE\8F6F\96C5\9ED1"; float:left;  height:24px;}
.menu li li a{ line-height:24px; width:110px;color:#fff; background:none; text-align:center; height:24px;}
.menu li li.big a{ line-height:24px; width:130px;color:#fff; background:none; text-align:center; height:24px;}
.menu li li a:hover{ background:url(../images/erjibg.jpg) no-repeat; color:#000;}
.menu li li.big a:hover{ background:url(../images/erjibg2.jpg) no-repeat; color:#000;}
.menu li.hover .navbox{ display:block;}
.banbox{ margin:0 auto; width:1280px; position:relative;}
.indexbanner{width:1280px; height:501px; z-index:999; }
.lbtn{position:absolute; left:-60px; top:40%; cursor:pointer;}
.btncon{height:501px; overflow:hidden;}
.rbtn{position:absolute; right:-60px; top:40%; cursor:pointer;}
.newacti{ float:left; width:304px; margin:0 24px 0 0;}
.topSlide{width:304px;height:135px;overflow:hidden;position:relative;}
.slideimg a{display:none; position:absolute;}
.slidenum{position:absolute; float:left; display:inline; bottom:0; right:0;}
.topSlide img{float:left;vertical-align:top; width:304px; height:119px;  }
.slidenum span{display:block; width:8px; height:8px; float:left;  margin:0 5px 0 0; cursor:pointer; background:url(../images/slidenum.gif) no-repeat;}
.slidenum span.current{background:url(../images/slidenum1.gif) no-repeat;}
.title h3{ font-size:16px; font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:25px; font-weight:bold;}
.title h3 a{ color:#3a3a3a;}
.more{ float:right; margin:15px 0 0;}
.adver{ float:left; width:304px;}
.foot{ background:url(../images/footbg.gif) repeat-x; height:66px; float:left; width:100%;}
.footnav{ color:#959595; margin:0 0 10px 0;}
.footnav a{ padding:0 5px; color:#959595;}
.copy{color:#959595; line-height:26px; padding-bottom:15px}
.footleft{ float:left; width:850px; margin:18px 0 0;}
.indexcon{ float:left; padding:5px 0 11px; width:100%; }
.xiala{ float:right; width:64px; position:relative; margin:18px 0 0;}
.xiala1{ background:url(../images/xiala.gif) no-repeat; width:59px; height:28px; padding:5px 0 0 5px; color:#424242;}
.xialacon{ width:60px; border:2px solid #d3d3d3; position:absolute; left:0; bottom: 31px; float:left; padding:6px 0 6px;background:#fff}
.xialacon a{  padding-left:5px;}
/*index end*/

/*procompare*/
.wrap1{ margin:0 auto; width:961px;}
.site{ float:left; padding:12px 0 40px 40px; width:909px; color:#000;}
.site a,.site span{ padding:0 5px; color:#000;}
.title1{
	float:left;
	width:861px;
	padding:0 30px 1px 50px;
}
.title1 h2{ color:#545454; font-size:22px;font-family:"\5FAE\8F6F\96C5\9ED1";  line-height:50px; float:left; }
.buybtn{ background:url(../images/btnbg.gif) repeat-x; height:29px; float:right;font-size:14px; width:83px; padding:0 0 0 7px; margin:20px 0 0; overflow:hidden;}
.buybtn a{
	display:block;
	background:url(../images/cart.jpg) no-repeat;
	padding:0 0 0 15px;
	height:29px;
	line-height:35px;
	color: #FFF;
}
.compare{ float:left; padding:37px 7px 31px 19px; width:935px;}
.compare li{ float:left; width:191px; background:url(../images/fengexian1.gif) no-repeat left top; height:269px; text-align:center; position:relative;}
.compare li.nobg{ background:none; width:153px;color:#000; font-size:13px; line-height:22px; text-align:left; padding:17px 17px 0 0; height:252px;}
.compare li.nobg a{ color:#fec005; text-decoration:underline; display:block;}
.proimg{ margin:9px 0 0; display:block;}
.proimg img{ width:148px; height:180px;}
.proname{ line-height:22px; margin-top:12px;}
.proname a,.price{ color:#000;}
.close{ position:absolute; right:4px; top:2px;}
.addprobtn{ display:block; background:url(../images/btnbg1.gif) repeat-x; height:27px; line-height:27px; width:83px; text-align:center; margin:20px auto 0; color:#000; font-size:14px;}
.title2{ background:url(../images/titlebg.gif) repeat-x; height:30px; float:left; width:915px; padding:0 0 0 46px; line-height:30px; font-family:"\5FAE\8F6F\96C5\9ED1"; color:#3c3c3c; font-size:16px;}
.bdtable{ float:left; padding-bottom:30px;}
.bdtable table{border-collapse:collapse;}
.bdtable th{text-align:left; padding:8px 0 8px 24px;border-bottom:1px solid #c3c3c3; color:#545454; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:14px;}
.bdtable td{ text-align:center; padding:8px 0;border-bottom:1px solid #c3c3c3; font-size:14px;}
.popupbox{ background:url(../images/popup.png) no-repeat; width:818px; height:333px; padding:33px 0 0 50px;  position:relative;}
.title3{ line-height:62px; color:#545454; font-size:22px;  font-family:"\5FAE\8F6F\96C5\9ED1"; border-bottom:1px solid #dddddd; float:left; width:743px; padding-left:7px; margin:0 0 10px 0; }
.prokind{ float:left; width:210px; margin:0 20px 0 0;}
.close1{ position:absolute; right:38px; top:40px;}
.prokind h3{ color:#303030; font-size:14px; font-weight:bold; line-height:45px;}
.prokindlist,.prokindlist1,.prokindlist2{ width:205px; height:132px;   border:1px solid #e2e3ea; padding:0 0 0 5px;overflow-x:hidden;overflow-y:scroll; }
.prokindlist li,.prokindlist1 li,.prokindlist2 li{ float:left; width:100%;}
.prokindlist a,.prokindlist1 a,.prokindlist2 a{color:#545454;font-size:14px; display:block; padding:3px; float:left;}
.prokindlist a:hover,.prokindlist1 a:hover,.prokindlist2 a:hover,.prokindlist li a.hover,.prokindlist1 li a.hover,.prokindlist2 li a.hover{ background-color:#e8e8eb; color:#323232;}
.addproinfo{ float:left; margin:50px 0 0 0;}
.addproinfo dt{ float:left;width:115px; height:140px; margin:0 12px 0 0;}
.addproinfo dt img{ width:115px; height:140px;}
.addproinfo dd{ float:left; width:135px;}
.addproinfo h3{ font-size:14px; line-height:22px; height:22px; overflow:hidden; margin:0 0 6px 0;}
.addproinfo h3 a{ color:#000;}
.detail{ line-height:21px; height:70px; margin:0 0 11px 0;}
.addcompare{ display:block; background:url(../images/btnbg1.gif) repeat-x; height:27px; line-height:27px; width:83px; text-align:center;color:#000;}
/*procompare end*/

/*prodetail*/
.prodetailcon{ float:left; width:100%}
.prodetaildl{ float:left; margin:25px 0 0 0; width:611px; display:inline;}
.prodetaildl dt{ float:left; width:250px; height:290px; margin:0 20px 0 0;}
.prodetaildl dt img{width:250px; height:280px;}
.prodetaildl dd{ float:left; width:340px;}
.prodetaildl h3{color:#545454; font-size:18px; font-weight:bold; line-height:50px; margin:17px 0 0 0;}
.detail1,.proprice{ 
	font-size:12px;
	color:#545454; 
	line-height:24px; 
	height:140px;
	letter-spacing:3px;
	display:block;/*内联对象需加*/
	overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
	text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.buynow { float:left; width:100%;}
.buynow a{ display:block; background:url(../images/btnbg1.gif) repeat-x; height:27px; line-height:27px; width:83px; text-align:center; color:#000; font-size:14px; margin:11px 0;}
.website{ font-size:14px; color:#000; width:186px; height:27px; line-height:27px; text-align:center; background-color:#ebebeb; border:1px solid #b4b4b4; float:left;}
.protab{ float:left; width:100%;}
.protablist{
	float:left;
	width:910px;
	padding:0 0 0 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C0;
}
.protablist ul{
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #0C0;
	border-right-color: #0C0;
}
.protablist li{
	float:left;
	width:98px;
	text-align:center;
	line-height:28px;
	height:28px;
	font-size:14px;
	color:#000;
	cursor:pointer;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0C0;
}
.protablist li.hover{
	background-color:#0C0;
	color:#fff;
}
.protabcon{width:960px; float:left; height:auto;}
.protabcon1{ float:left; width:900px; font-size:14px; line-height:30px; margin-left:30px; padding-bottom:100px; padding-top:30px;}
.protabcon2{ float:left; width:908px; padding:28px 28px 0;}
.protabcon1 table,.protabcon2 table{ float:left; width:908px;  border-collapse:collapse;}
.protabcon3{ float:left; width:750px; padding:18px 0 0 0;}
.comment{ float:left; padding:10px 0; border-bottom:1px solid #D4D4D4;}
.buyer{ float: left;margin-right: 10px; width: 100px; text-align:center;}
.buyername{ display:block; color:#3366CC; line-height:1.5;}
.commentr{ float:left; width:640px;}
.commentcon{ font-size:14px; line-height:24px;}
.detail2{ color:#B0B0B0; float:left;}
.time{ margin:0 10px 0 0;}
.proname1{}
.useful{ float:right;}
.markuseful{ color:#3366CC;}
/*prodetail end*/

/*products*/
.products{ float:left; width:1000px;}
.prolist{
	float:left;
	width:940px;
	background-image: url(../images/yinying.jpg);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 20px;
}
.prolist li{ float:left; width:228px; text-align:center; padding:40px 0 0 0;}
.propic{ display:block;}
.propic img{ width:148px; height:180px;}
.proname2{ display:block; line-height:48px; height:48px; overflow:hidden;}
.checkbox{ float:left; margin-left:67px; display:inline; margin-right:5px;}
.text{ float:left;}
.comparebtn{ float:left; display:none;}
/* page */
.page{color:#666666; float:left; width:100%; padding:50px 0 0 0;}
.page span{float:left; display:block; line-height:23px;}
.page a{color:#999999; display:inline; float:left; margin-left:4px; height:22px; text-align:center; line-height:23px;}
.page a.page1{ background:url(../images/pagebg1.jpg) no-repeat left top scroll transparent; width:57px; }
.page a.page2{background:url(../images/pagebg2.jpg) no-repeat left top scroll transparent; width:22px; }
.page a.page2:hover,.page a.hover{background-image:url(../images/pagebg3.jpg); }

/* page end */
/*products end*/

/*solution*/
.wrap2{ margin:0 auto; width:979px;}
.title4{
	width:879px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0C0;
}
.solutioncon{ float:left;width:979px;}
.solutionlist li{ float:left;width:850px; padding:22px 54px 22px 55px; border-bottom:1px solid #e4e4e4;}
.detail3{ color:#4e575c;}
.solutionlist h3{ font-weight:bold; font-size:14px; line-height:24px; color:#4e575c;}
.case{ float:left; padding:0 0 0 20px; width:929px;}
.case h3{ line-height:45px; color:#4e575c; font-size:14px; font-weight:bold;padding: 0 0 0 29px;}
.case li{ width:164px; margin:0 70px 30px 0; text-align:center; float:left;}
.case h4{ line-height:40px; }
.case h4 a{ color:#000;}
/*solution*/

/*news*/
.newscon1{ float:left; width:100%}
.newsdl{ float:left; padding:0 0 24px 50px;}
.newsdl dt{ float:left; width:184px; height:96px; margin:0 12px 0 0;}
.newsdl dt img{width:184px; height:96px;}
.newsdl dd{ float:left; width:645px;}
.newsdl h3{
	line-height:35px;
	font-size:18px;
	font-family:"\5FAE\8F6F\96C5\9ED1";
}
.newsdl h3 a{color:#007d00;}
.newsdl h3 a:hover{color:#0C3;}
.detail4{ color:#6f6a6a; line-height:20px;text-indent:2em;}
.more1{ color:#007d00;}
.newscon2{ float:left; width:880px; padding:20px 0 48px 0; background:url(../images/newstopbg.gif) repeat-x;}
.company{ float:left; width:273px; background:url(../images/newsfengexian.gif) no-repeat right top; /* height:205px; */ padding-left:20px;}
.company h3{ text-align:center; font-size:16px; color:#d77900;font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:35px;}
.company li{ line-height:20px;}
.company li i{ font-size:14px; color:#d77900; margin-right:11px;}
.company li a{ color:#2c2a2a;}
.company li a:hover{ color:#0C3;}
/*news end*/

/*fq*/
.fq{ float:left; width:100%;}
.fqcon{ float:left; width:100%;}
.fqcon1{ float:left; width:100%; padding:22px 25px 26px;}
.fqcon1 li.question,.fqcon1 li.answer{ background:url(../images/fqico.gif) no-repeat; padding:0 0 0 22px;width:910px;}
.fqcon1 li.question{ background-position:0 3px; color:#ffc000; font-size:15px;font-weight:bold;}

.fqcon1 li.answer{  background-position:0 -17px; font-size:13px;line-height:27px;color:#666;font-weight:bold;}
.fqcon1 li.faqbottom{ background:url(../images/fqbg.gif) no-repeat left bottom; }
.fqcon .page{ padding-bottom:30px;}
/*fq end*/

/*website*/
.beizhu{ float:left; color:#000; }
.title5{ float:left; width:861px; padding:0 50px 1px 50px; border-bottom:2px solid #fec005;}
.title5 h2{ color:#545454; font-size:22px;font-family:"\5FAE\8F6F\96C5\9ED1";  line-height:45px;  }
.map{ float:left; width:100%; text-align:center; padding:35px 0;}
/*website*/

/*download*/
.down1{ float:left; width:100%; padding:12px 0 22px 0;}
.title6{ font-size:14px; color:#fff; float:left; width:919px; padding-left:36px; background-color:#4f585f; height:25px; line-height:25px;}
.clickdown{ background:url(../images/btnbg1.gif) repeat-x; height:27px; line-height:27px; text-align:center; width:85px; display:inline; float:left; font-size:14px; color:#000; margin:145px 0 0 10px;}
.propicture{ float:left;}
.propicture h6{ color: #303030;font-size: 14px;font-weight: bold;line-height: 45px;}
.propicture img{ width:95px; height:130px;}
.down2{ float:left; width:100%; padding:0 0 26px 0;}
.down2 li{ float:left; width:231px; text-align:center; padding:15px 0 0 0;}
.down2 li img{ width:154px; height:88px;}
.down2 li h4{ width:154px; margin:0 auto; text-align:left; line-height:20px; height:20px; overflow:hidden;}
.down2 li h4 a{ color:#000;}
/*download end*/

/*advert*/
.advert1{ float:left; padding:17px 0 0 50px;}
.advertlist{ float:left; width:100%; padding:0 0 21px 0;}
.advertlist li{ float:left; width:119px; height:29px; text-align:center; background:url(../images/tablistbg1.jpg) no-repeat; line-height:23px; color:#7f7350; font-size:14px; cursor:pointer;}
.advertlist li.hover{ background:url(../images/tablistbg2.jpg) no-repeat; color:#000;}
.adverttabcon{ float:left; width:599px; height:444px; overflow:hidden;}
.adverttabcon1{ float:left; width:599px; height:444px;}
.xialan{ float:left; width:64px; position:relative; margin:18px 0 0 50px; display:inline;}
.xialan1{ background:url(../images/xialanbg.jpg) no-repeat; width:99px; height:29px; padding:5px 0 0 5px; color:#424242; font-size:14px;}
.xialaconn{ width:102px; border:1px solid #fed558; border-top:medium none; position:absolute; left:0; top:29px; float:left; padding:6px 0; background-color:#fff;}
.xialaconn a{  padding-left:5px; display:block; line-height:20px;}
.yeartabcon1{ float:left; height:200px;}
.yeartabcon1 li{ float:left; width:195px; margin-right:26px;}
.yeartabcon1 li img{ width:195px; height:136px;}
.yeartabcon1 h3 span,.yeartabcon1 h3 a{ display:block; color:#3f3f3f; font-size:14px; line-height:20px;}
.yeartabcon{ float:left; width:911px; padding:14px 0 0 50px; border-top:2px solid #fec005; margin-top:20px}

.banner{ width:100%; height:529px; overflow:hidden; position:relative;}
#wrapper{ width: 100%;height:529px;position:relative;}
#wrapper a{position:absolute; display: none ; z-index: 1 ; text-align:center; width:100%;}
.wrapperCss{position:absolute; z-index: 10; left:50%; bottom:10px; width:100%;}
.wrapperCss div{ background:url(../images/yuan1.png) no-repeat; width:13px; height:14px; float:left;  margin:0 5px 0 0; cursor:pointer;   }
.wrapperCss .sel{ background:url(../images/yuan2.png) no-repeat;}
/*advert end*/

.policy
{
	letter-spacing:1px;
	line-height: 20px;
}
.policycon
{	
	width:900px;
	font-size:16px;
	line-height: 30px;
	margin-bottom:100px;
}


.zuobian { width:250px; height:auto; float:left; }
.zbfl {
	width:248px;
	height:300px;
	float:left;
	border: 1px solid #CCC;
}
.zbfl_tit { width:248px; height:30px; float:left; background-image:url(../images/zbfl.jpg); background-repeat:no-repeat;}
.zbfl_tit h3 { width:100px; height:25px; float:left; font-size:16px; font-weight:bold; margin-left:10px; margin-top:7px; color:#FFF;}
.zbfl_con { width:230px; height:auto; float:left; margin-left:10px; margin-top:10px;}
.zbfl_con ul { margin:0; padding:0; list-style-type:none;}
.zbfl_con ul li {
	width:200px;
	padding-left:30px;
	height:auto;
	float:left;
	font-size:14px;
	line-height:25px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	background-image: url(../images/jt.png);
	background-repeat: no-repeat;
	background-position: 5px;
}
.zblx { width:248px; height:200px; float:left; margin-top:10px; border: 1px solid #CCC;}
.zblx_tit { width:248px; height:30px; float:left; background-image:url(../images/zbfl.jpg); background-repeat:no-repeat;}
.zblx_tit h3 { width:100px; height:25px; float:left; font-size:16px; font-weight:bold; margin-left:10px; margin-top:7px; color:#FFF;}
.zblx_con { width:220px; height:auto; float:left; margin-left:10px; line-height:25px; margin-top:10px;}
.zblx_img { width:248px; height:51px; float:left;}
.youbian { width:698px; height:auto; float:right; border: 1px solid #CCC;}
.ybbt {
	width:698px;
	height:30px;
	float:left;
	background-image: url(../images/ybbt.jpg);
	background-repeat: no-repeat;
}
.ybcon { width:670px; height:auto; float:left; margin-top:10px; line-height:25px; margin-left:15px; font-size:12px;}
.ybbt_tit{ width:100px; height:20px; float:left; font-size:16px; font-weight:bold; margin-top:6px; margin-left:15px; color:#FFF;}
.ybbt_kj { width:120px; height:20px; float:right; font-size:12px; margin-top:10px;}


/*热销*/
.hot-sale{
    margin-top:30px;
}
.slideTxtBox {
    width: 100%;
}

.slideTxtBox .hd {
    height: 40px;
    line-height: 40px;
    background: #d2d2d2;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.slideTxtBox .hd ul {
    /*float: left;*/
    /*position: absolute;*/
    /*left: 20px;*/
    /*height: 40px;*/
    width:100%;
}

.slideTxtBox .hd ul li {
    float: left;
    width:50%;
    padding: 0 15px;
    cursor: pointer;
    text-align: center;
	font-size:15px
}

.slideTxtBox .hd ul li.on {
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 2px solid #fff;
}

.slideTxtBox .bd ul {
    padding: 5px;
    zoom: 1;
}

.slideTxtBox .bd li {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.slideTxtBox .bd li:last-child{
    border-bottom:none;
}
.slideTxtBox .bd li .pro-img{
    width:120px;
    height:120px;
    float:left;
    padding:5px;
}
.pro-img img{
    width:100%;
    height:100%;
    margin: auto;
    vertical-align: middle;
    object-fit: contain;
}
.slideTxtBox .bd li .pro-txt{
    width:calc(100% - 120px);
    float:left;
    margin-top:35px;
}
.slideTxtBox .bd li .pro-txt h4{
    margin:5px 0;
}
.pro-txt p{
    color:#999;
}


/*列表项*/
.product .right-box{
    width:932px;
    float:right;
}
.product .list-box ul{
    /*border-top:1px solid #ddd;*/
    /*border-left:1px solid #ddd;*/
}
.product .list-box ul li{
    width:310px;
    height:330px;
    float:left;
    overflow: hidden;
    /*border-bottom: 1px solid #ddd;*/
    /*border-right: 1px solid #ddd;*/
    border: 1px solid #ddd;
}
.product .list-box ul li .pro-img{
    width:310px;
    height:240px;
    padding:10px;
}
.product .list-box ul li .pro-txt{
    height:90px;
    text-align: center;
    padding:20px;
}

/*详情*/
/*焦点图*/
.silder-img{
    width:450px;
    float:left;
}
.mod18 {
    width: 450px;
    height: 575px;
    /*margin: 20px auto;*/
    position: relative;
    /*background: #f7f7f7;*/
}

.mod18 .btn {
    position: absolute;
    width: 45px;
    height: 120px;
    line-height: 120px;
    top: 450px;
    cursor: pointer;
    z-index: 99;
    font-size: 50px;
    font-weight: bold;
}

.mod18 .prev {
    left: 0;
    /*background: url(../img/prevBtn.png) no-repeat;*/
}

.mod18 #prevTop, .mod18 #nextTop {
    top: 213px;
    width: 46px;
    height: 48px;
}

.mod18 #prevTop {
    display: none;
    background: url(../img/prevBtnTop.png) 0 0 no-repeat;
}

.mod18 #nextTop {
    display: none;
    background: url(../img/nextBtnTop.png) 0 0 no-repeat;
}

.mod18 .next {
    right: 0;
    /*background: url(../img/nextBtn.png) no-repeat;*/
}

.mod18 li {
    float: left;
}

.mod18 .cf li {
    position: relative;
    color: #fff;
}

.mod18 .cf a {
    display: block;
    width: 450px;
    height: 450px;
    position: absolute;
    color: #fff;
}

.mod18 .cf li span {
    display: block;
    width: 640px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 20px;
    line-height: 22px;
    text-align: left;
    background: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#60000000", endColorstr="#60000000");
}

.mod18 .picBox {
    height: 450px;
    position: relative;
    overflow: hidden;
    border: 1px solid #ddd;
}

.mod18 .picBox ul {
    height: 450px;
    position: absolute;
}

.mod18 .picBox li {
    width: 450px;
    height: 450px;
}
.mod18 .picBox li img{
    width:100%;
    height:100%;
}
.mod18 .listBox {
    width: 360px;
    height: 120px;
    margin: 0 auto;
    position: relative;
    /*padding: 5px 0;*/
    margin-top:10px;
    overflow: hidden;
}

.mod18 .listBox ul {
    height: 120px;
    position: absolute;
}

.mod18 .listBox li {
    width: 120px;
    height: 120px;
    cursor: pointer;
    position: relative;
    /*border:1px solid #ddd;*/
    /*margin-right:8px;*/
}
.mod18 .listBox li:last-child{
    margin-right:0px;
}
.mod18 .listBox li figure{
    width:112px;
    height:112px;
    border:1px solid #ddd;
    margin-right:8px;
}
.mod18 .listBox li i {
    display: none;
}

.mod18 .listBox li a {
    display: block;
    width: 124px;
    height: 70px;
}

.mod18 .listBox li img {
    width: 100%;
    height:100%;
}

.mod18 .listBox .on img {
    width: 110px;
    height: 110px;
    border: 2px solid #007d00;
}

.mod18 .listBox .on i {
    display: block;
}
.clearfix{
    clear: both;
    overflow: hidden;
}
.main-info{
    width:450px;
    float:right;
}
.main-info h1{
    color:#007d00;
    padding:0 0 10px 5px;
    border-bottom:1px solid #007d00;
	font-size:24px;
	font-weight:bold
}
.main-info .data-box{
    margin:10px 0;
    position: relative;
    border-bottom: 1px solid #0e5c40;
    padding-bottom:10px;
}
.main-info .data-box .data-name ul li{
    line-height:36px;
    font-size: 16px;
}
.main-info .data-box .data-info{
    position: absolute;
    left:50px;
    top:0;

}
.main-info .data-box .data-info .slideTxtBox{

}
.main-info .data-box .data-info .slideTxtBox .hd{
    background: none;
    border-bottom: none;
    height:auto;
}
.main-info .data-box .data-info .slideTxtBox .hd ul li{
    width:190px;
    border:1px solid #0e5c40;
    margin-right:5px;
    margin-bottom:5px;
    height:36px;
    line-height:36px;
}
.main-info .data-box .data-info .slideTxtBox .hd ul li:hover, .main-info .data-box .data-info .slideTxtBox .hd ul li.on{
    color:#fff;
    background: #007d00;
    height: 36px;
}
.main-info .data-box .data-info .slideTxtBox  .bd ul{
    padding:0;
}
.main-info .data-box .data-info .slideTxtBox  .bd ul li{
    line-height:36px;
    height:36px;
    border-bottom: none;
    font-size: 16px;
}
.main-info .data-box .data-info .slideTxtBox  .bd ul li.area{
    padding-left:65px;
}

.main-info .feature{
    border-bottom: 1px solid #0e5c40;
    padding:10px 0;
    color:#6c6c6c;
	line-height:22px
}
.main-info .feature p{
    /*padding-left:10px;*/
    line-height:24px;
}
.main-info .feature p:before{
    content: "";
    display: block;
    float:left;
    height:10px;
    width:10px;
    background: #FF0000;
    margin-right:5px;
    margin-top: 7px;
}
.main-info .telnum{
    padding:15px 0;
    color:#007d00;
    font-size: 16px;
}
.main-info .telnum i{
    font-size:30px;
    /*font-weight: bold;*/
}
.main-info .telnum span{
    font-size:24px;
    font-weight: bold;
}
.askfor{
    color:#007d00;
    border:1px solid #0e5c40;
    font-size:20px;
    padding:5px 15px;
    /*margin-top:15px;*/
    display: inline-block;
}
.askfor .iconfont{
    font-size:24px;
    margin-right:5px;
}
.askfor:hover{
    background: #007d00;
    color: #fff;
}
.intro-box{
    margin-top:40px;
}
.intro-box .hd{
    background: none;
    border:1px solid #ddd;
    height:41px;
}
.intro-box .hd ul li{
    width:25%;
    border-right:1px solid #ddd;
}
.intro-box .hd ul li:last-child{
    border-right:none;
}
.intro-box .hd ul li.on{
    background: #007d00;
    border: none;
    color:#fff;
}
.intro-box .bd img{
    max-width:100%;
}
.intro-box .pro-dec, .intro-box .fwzc{
    padding:10px;
}
/*.intro-box .jscs{*/
    /*padding:10px 5px;*/
/*}*/
/*.intro-box .jscs table{*/
    /*width:100%;*/
    /*border-color:#eee;*/
/*}*/
/*.intro-box .jscs table tr{*/
    /*line-height:36px;*/
    /*font-size:16px;*/
    /*text-align: center;*/
/*}*/

.intro-box .jscs{
    padding:10px 5px;
}
.intro-box .jscs ul{
    width:100%;
    border-color:#eee;
    overflow: hidden;
    padding:0;
}
.intro-box .jscs ul li{
    line-height:36px;
    font-size:0.8rem;
    text-align: center;
    float:left;
    border:1px solid #0e5c40;
    word-break:normal;
    border-bottom:1px solid #0e5c40 !important;
}
.intro-box .jscs ul li.l1{
    width:20%;
}
.intro-box .jscs ul li.l2{
    width:80% !important;
}
.intro-box .jscs ul li.l3{
    width:26.666%;
}
.intro-box .jscs ul li.l4{
    width:40%;
}

.intro-box .xgwt ul li{
    background: #eee;
    padding:20px 30px;
    margin-top:15px;
}
.intro-box .xgwt ul li h4{
    margin-bottom:10px;
}

/*方案介绍*/

.solution-tab{
    position: relative;
    height:600px;
}
.solution-tab .slideTxtBox .hd{
    width:232px;
    float:left;
    background: none;
    border-bottom: none;
    height:600px;
    background: #0e5c40;
    position: relative;
    /*top:0;*/
    /*left:0;*/
    z-index: 2;
}
.solution-tab .slideTxtBox .hd{
    padding-top:150px;
}
.solution-tab .slideTxtBox .hd li{
    /*width:100%;*/
    color:#0e5c40;
    height:40px;
    line-height:40px;
    background: #eee;
    width:80%;
    margin-left:20%;
    margin-top:10px;
}

.solution-tab .slideTxtBox .hd li.on{
    /*background: url(../img/hd_on2.png);*/
    height:142px;
    width:100%;
    padding-right:18px;
    border: none;
    color:#fff;
    margin-left:15px;
    padding-top:30px;
    position: absolute;
    top:0;
    left:0;
    background: none;
    text-align: left;
}
.solution-tab .slideTxtBox .hd li.on b{
    font-size:30px;
}
.solution-tab .slideTxtBox .hd li.on i{
    display: none;
}
.solution-tab .slideTxtBox .hd li.on span{
    line-height:20px;
    display: block;
}
.solution-tab .slideTxtBox .bd{
    width:960px;
    height:600px;
    /*float:right;*/
    /*margin-left:232px;*/
    /*position: relative;*/
}
.solution-tab .slideTxtBox .tempWrap{
    margin-left:232px;
}
.solution-tab .slideTxtBox .bd .item{
    position: relative;
}
.solution-tab .slideTxtBox .bd .item .bd-text{
    position: absolute;
    right:0;top:0;
    width:400px;
    background: rgba(14,92,64,0.8);
    color:#fff;
    height:100%;
    padding:30px;
}
.solution-tab .slideTxtBox .bd .item .bd-text h3{
    padding:8px 0;
    border-bottom:1px solid #eee;
}
.solution-tab .slideTxtBox .bd .item .bd-text dl{
    margin-top:20px;
}
.solution-tab .slideTxtBox .bd .item .bd-text p{
    line-height:24px;
}
/*方案产品*/
.solution-pro{
    margin:50px 0;
}
.solution-pro .slideTxtBox .hd{
    background: none;
    border: none;
}
.solution-pro .slideTxtBox .hd ul{
    width:50%;
    float:right;
}
.solution-pro .slideTxtBox .hd ul li{
    border: 1px solid #0e5c40;
    color: #0e5c40;
    height:40px;
}
.solution-pro .slideTxtBox .hd ul li.on{
    border: none;
    background: #0e5c40;
    color:#fff;
}
.solution-pro .slideTxtBox .bd{
    margin-top:30px;
}
.solution-pro .slideTxtBox .bd{
    display: table;
}
.solution-pro .slideTxtBox .bd .widget{
    width:50%;
    float:left;
    border-bottom:0;
    transition: all 0.2s;
}
.solution-pro .slideTxtBox .bd .widget img{
    width:100%;
    display: block;
}
.solution-pro .slideTxtBox .bd .widget:hover{
    transform: scale(1.02);
    box-shadow: 0px 0px 15px 2px #ddd;
}

.solution-case{
    width:1080px;
    margin:0 auto;
}
.solution-case dl{
    width:335px!important;
    height:412px;
    float:left;
    margin:0 12px;
    margin-bottom:20px;
    box-shadow: 10px 10px 15px 2px #ddd;
}
/*.solution-case .gallery-item:nth-child(3n){*/
    /*margin-right:0;*/
/*}*/

#scrollbar2 {
	margin: 10px auto 0px auto;
}
#scrollbar2 .scrollbar {
	clear: both;
	height: 3px;
	margin: 0 0 5px;
	position: relative;
	background:#ccc;
}
#scrollbar2 .track {
	background:#ccc;
	height: 3x;
	position: relative;
	width: 100%;
}
#scrollbar2 .thumb {
	background:#007dcd;
	cursor: pointer;
	height: 3px;
	left: 0;
	overflow: hidden;
	position: absolute;
}
#scrollbar2 .viewport {
	height: 55px;
	position: relative;

}
#scrollbar2 .overview {
	left: 0;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	top: 0;
}
#scrollbar2 .disable { display: none; }  

.pl{ white-space:nowrap; padding-bottom:10px;}
.pl ul{border-left:1px solid #e1e1e1; height:43px;line-height:43px;}
.pl li{ display:inline-block; color:#616161; font-size:14px; padding:0 22px;border:1px solid #e1e1e1;border-left:none; margin:0; }
.pl li a{ color:#616161; }
.pl li.cur{ background:#c6c6c6 url(../images/pl.jpg) center 30px no-repeat;}
.pl li.cur a{ color:#fff}



DIV.green-black{ width:100%; padding-top:10px; text-align:center; float:left }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #999;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #999 1px solid;TEXT-DECORATION: none;font-size:12px;background-color: #fff;}
DIV.green-black SPAN.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #7a7a7a;font-size:12px;background-color: #7a7a7a;}