﻿@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
body {  font-family: "Microsoft YaHei","Arial","SimHei"; font-size:13px; line-height:27px; color:#555; text-decoration:none; background:#fff;}
a { color:#555; text-decoration:none;}
a:hover { color:#555; text-decoration:none;}
img { border:0;}
ul,li { list-style-type:none;}
div,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px;}
blockquote,sub{margin:auto}


.header { width:1200px; height:108px; overflow:hidden; margin:0px auto;}
.header .logo { width: auto;max-height: 108px; float:left;}
.header .logo img { width: auto;max-height: 108px;}
.header .tel { width:300px; height:56px; float:right; text-align:right;}

/*nav*/
.nav-wrap { width:100%; height:50px; background:#2EA250;}
.nav{ width:1200px; height:50px; margin:0px auto; border-left:1px solid #2EA250;}
.nav li{float:left;}
.nav li a{float:left; min-width:150px;}
.inmenu:link,.inmenu:visited{color: #fff; font-size:16px; line-height:50px; height:50px; text-align:center; text-transform:uppercase;}
.inmenu:hover,.inmenu:active{color: #fff; background:#2EA250; text-decoration:none; transition:1s all; text-transform:uppercase;}

.nav li:hover{position:relative; z-index:9999999999; background:#2EA250;}
.nav li:hover ul{display:block;}
/*.nav li:hover a{}
.nav li:hover ul li a{background:#2EA250;}
*/
.nav li ul{display:none;position:absolute;top:50px;left:0; z-index:9999; border-top:5px solid #2EA250; border-bottom:0px solid #2EA250; margin-left:-1px;}
.nav li ul li{float:none;text-align:left;}
.nav li ul li a{float:none;display:block;background:#2EA250 !important;color:#FFF;white-space:nowrap;height:36px;line-height:36px;text-transform:capitalize;text-overflow:ellipsis; min-width:151px;*width:150px; text-align:center;color:#FFF;}
.nav li ul li a:hover{}

.nav li ul ul{left:200px;margin:0px;padding:0px;visibility:hidden}
.nav li ul ul li a{width:auto;padding:0 21px; text-decoration:none;background:#2EA250;}
.nav li li:hover>ul{visibility:visible;margin:0px;padding:0px;top:0px; display:block;transition:.3s all;}


/*banner*/
#banner{clear:both;min-width:1200px;background:#ddd;width: 100%;margin: 0px auto;}
.slider_img{display: block;text-align: center;height: 100%;}
.slider_img img{display:inline-block!important;margin:0px 0;max-width:100%;width: auto;height: auto;display:block;}
.wmuSlider{height:100%!important;position:relative;overflow:hidden;}

.bbdd{z-index: 2;position: absolute;bottom: 2%;margin: 0;padding: 0; width:100%; text-align:center;}
.bbdd li{margin: 0 8px 10px 0;list-style-type: none; display:inline-block;}
.bbdd a{display:inline-block;text-indent: -9999px;width:16px;height:16px; background: url(dot.png) no-repeat 0 -16px;display: block;border-radius:16px; overflow:hidden }
.bbdd a.wmuActive{background-position: 0 0;}
.banner{width:100%;text-align:center; margin:0 auto;margin-bottom:10px;background:#eee;}
.banner img{min-width:1200px;max-width:100%;}

.wmuSliderPrev,.wmuSliderNext{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.wmuSliderNext {background-position: 0 -70px;right: 0;}
.wmuSliderPrev {left: 0;}
.wmuSlider:hover .wmuSliderNext {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}


/*关键词*/
.keyword-wrap { width:100%; height:50px; background:#f7f7f7; border-bottom:1px solid #e7e7e7;}
.keyword {width: 1200px; margin:0px auto; height:50px; line-height:50px; font-size:13px;}
.keyword ul { float: left; width: 655px;}
.keyword ul li { float: left; margin-left: 4px;	margin-right: 4px;}
.keyword ul li span { font-weight: bold; font-size: 13px; color:#0f52b4;}

/*搜索*/
.search { float: right;	width: 250px; margin-top:10px;}
.search_text { width: 200px; height: 28px; border: 1px solid rgb(218, 218, 218); float: left;	padding-left: 5px; line-height: 28px; font-size: 12px; color:#666; font-family:"微软雅黑";}
.search_but { height: 30px;	width:43px; background:#EC1A24; cursor: pointer; float: right; border: 0px none; text-align:center; color:#fff; font-family:"微软雅黑";}

/*首页产品推荐*/
.main { width:1200px; height:auto; overflow: hidden; margin:0px auto;}
.navtitle{ width:1200px; margin:0px auto;}
.navtitle h2{height:36px; line-height:36px; text-align:center; }
.navtitle h2 a{font-size:36px; font-weight:bold; color:#212121; text-transform:capitalize; }
.navtitle h2 a span{ color:#4EB00B;}
.navtitle p{ line-height:30px; height:30px; padding-bottom:16px; padding-top:10px; text-align:center; background:url(/images/index_12.png) no-repeat center bottom; font-size:18px; color:#212121;text-transform:uppercase;}

.main-cls{width:100%;overflow: hidden; background:#F1F5F2; padding:50px 0px;}


.home-abo{width:100%; overflow: hidden; background:#FFFFFF ; padding:60px 0px;}
.home-abo .cont{ color:#000; padding-left:35px; font-size:15px; font-family:Helvetica; font-weight:400}
.home-abo table{ margin:0px auto;}
.home-abo .abo-l{ float:left; width:600px; overflow:hidden}
.home-abo .abo-r{ float:right; width:540px; overflow:hidden}
.home-abo .navtitle{ width:600px;}
.navtitle{ width:1200px; margin:0px auto;}
.home-abo .navtitle h2{ text-align:left; }
.home-abo .navtitle p{ text-align:left; background:url(/images/index_34.png) no-repeat left bottom; }


/*successful cases*/
.main-case { width:100%; height:614px; overflow:hidden; background:url(/images/abt.jpg) no-repeat center top; }
/*.main-case ul { width:1200px; height:auto; overflow:hidden;}
.main-case ul li { width:400px; height:auto; overflow:hidden; float:left; text-align:center}
.main-case ul li img{ width:393px; height:314px;}
*/

/*news*/
.main-news { margin-top:60px;}
.main-news .news-left { width:540px; overflow:hidden; float:left;}
.main-news .news-left .title { width:540px;  height:30px; line-height:30px; overflow: hidden;word-break:keep-all;white-space:nowrap; text-overflow:ellipsis;  margin:10px 0;}
.main-news .news-left .title a{ font-size:18px; font-weight:bold; color:#24702E;}
.main-news .news-left img{ width:540px; max-height:400px;}

.home-news { width:640px; float:right; overflow:hidden;}
.home-news ul{width:640px; overflow:hidden}
.home-news li{ float:left; width:600px; height:70px; overflow:hidden; margin-bottom:20px; border-bottom:1px dashed #ccc; padding:0px 10px 20px 30px;  }
.home-news li .time{ height:50px; width:80px; padding:10px 0; line-height:20px; overflow:hidden; float:left; background:#3CB34B; text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.home-news li .time strong{ font-size:28px; font-weight:bold; line-height:30px;}
.home-news li .cont{ float:right; width:500px; line-height:18px; height:72px; overflow:hidden}
.home-news li .cont a{ line-height:36px; height:36px;  width:500px;float:left; overflow:hidden; font-size:16px; color:#444; word-break:keep-all;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*footer*/
.foot { width:100%; background:#383D43; padding:30px 0px; margin-top:55px; color:#fff; overflow:hidden}
.foot .copy{}
.foot .copy td{ border-right:1px solid #52565B;line-height:24px;color:#AEAFB1}
.foot .copy td .title{ padding-left:40px; line-height:32px; margin-bottom:10px;}
.foot .copy td .title a{ color:#fff; font-size:16px;}
.foot .copy td li{padding-left:40px; line-height:24px;}
.foot .copy td li a{ color:#AEAFB1}
.foot .copy td .contact{padding-left:40px; }

.foot .copy td.fmenu .title{padding-left:0px;}
.foot .copy td.fmenu ul{ width:270px; overflow:hidden;}
.foot .copy td.fmenu ul li{ float:left;padding-left:0px; width:135px; overflow:hidden;}

.foot .copy .copy-r img{ margin:5px; float:right;}
.copyright{ width:100%;border-top:1px solid #292C30; padding:5px 0; background:#292C30; text-align:center; color:#fff; font-size:12px}
.foot *{color:#AEAFB1;}

.box { float:left; margin-left:170px; width:345px; }
.box .feed_t{ width:341px; height:31px; background:#fff; border:none; line-height:31px; text-indent:12px; color:#656565; *text-indent:0; *width:339px; *padding-left:12px;}
.box .feed_c{ width:321px; height:81px; background:#fff; border:none; padding:10px; color:#656565;}
.box .feed_b{ width:84px; height:30px; background:#EE4547; color:#fff; text-align:center; border:none;}

.foot .code{ float:right; }
/*banner-inner*/
.inner-banner { width:100%; text-align:center; background:#F5D390}
.inner-banner img { max-width:100%; }

/*inner left*/
/*inner*/
.inner { width:1200px; background:#fff; margin:0px auto; margin-top:25px; overflow:hidden;}
.inner .inner-l { width:290px; float:left;}
.inner-title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 290px;
    height: 80px;
    background: #2EA251;
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    text-transform: uppercase;
}

.inner .inner-l .contact { background:#ECECEC url(/images/abo_17.png) no-repeat center top; padding:80px 15px 40px;}


ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:290px;background-color:#ECECEC; color:#444;}
ul.sf-menu li {zoom:1;margin:0px; }
ul.sf-menu li a {text-transform:capitalize; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:62px;line-height:60px;font-size:14px; text-align:center; border-bottom:2px solid #fff;color:#444;font-size:16px;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {background:url(/images/abo_14.png) no-repeat left center;font-size:16px; color:#1A5083;}
ul.sf-menu li.hover a{background:url(/images/abo_14.png) no-repeat left center;font-size:16px; color:#1A5083;}
ul.sf-menu li.menu-item:hover {position:relative;}


.inner .inner-r { width:860px; float:right;}
.inner-position { width:860px; height:45px; background:url(/images/pos.png); text-indent:25px; font-size:14px; color:#303030; line-height:45px; }
.inner-position span { float:right; font-size:13px; color:#fff; margin-right:10px;}
.inner-position span a { color:#fff;}


/*about*/
.inner-abo { width:820px; margin:20px; font-size:14px;}
/* productlist */
.pro_lb0{width: 100%;overflow: hidden;}
.pro_lb0 ul{width: 100%;overflow: hidden;}
.pro_lb0 ul li{width: 733px;padding: 10px;border: 1px solid #ccc;position: relative;margin-bottom: 30px;overflow: hidden;}
.pro_lb0 ul li .proimg{float: left;width: 288px;}
.pro_lb0 ul li .proimg a{display: block; border:4px solid #ddd;background:#fff url(/images/pro.jpg) no-repeat center center; background-size:280px 210px;}
.pro_lb0 ul li .proimg a img{width: 280px; height:210px;}
.pro_lb0 ul li .proimg a:hover{ border:4px solid #2AA9E0;}

.pro_lb0 ul li dl{float: right;width:425px;padding-top: 10px;overflow: hidden;}
.pro_lb0 ul li dl dt{font-size: 18px;color: #333; font-weight:bold;line-height: 120%;margin-bottom: 10px;overflow: hidden;}
.pro_lb0 ul li dl dt a{display: block;color: #333;}
.pro_lb0 ul li dl dt a:hover{color: #257dff;}
.pro_lb0 ul li dl dd{font-size: 14px;color: #999;line-height: 24px;margin-bottom: 10px;overflow: hidden; height:120px;white-space:pre-line;}
.pro_more{display: block;width: 105px; height: 32px; font-size: 15px;color: #fff; line-height: 32px; text-align: center; margin-top: 10px;background-color: #68ACE2;vertical-align: middle;display: inline-block;position: relative;}
.pro_more:hover{color: #fff;}
/*products*/
.inner-pro { width:860px; margin-top:20px; overflow:hidden;}
.inner-pro ul {width:840px; margin-left:10px;}
.inner-pro ul li{width:242px; float:left; margin:0px 19px 15px 19px;}
.inner-pro li img{display:block; width:240px; height:180px;border:1px solid #ccc;}
.inner-pro li img:hover {border:1px solid #2EA251;}
.inner-pro li span{display:block; padding:8px 0px;background:url('s02.gif') no-repeat; font-size:14px; border-bottom:0px dashed #ccc; text-align:center}
.inner-pro li span a{color:#222;}
.inner-pro li span a:hover{color:#2EA251;}
/*newslist*/

.ipro-news { width:1200px; overflow:hidden;}
.ipro-news .inner-position{width:1200px;}
.ipro-news ul{width:1160px; margin:20px; overflow:hidden}
.ipro-news li{ float:left; width:1100px; height:70px; overflow:hidden; margin-bottom:20px; border-bottom:1px dashed #ccc; padding:0px 30px 20px 30px;  }
.ipro-news li .time{ height:50px; width:80px; padding:10px 0; line-height:20px; overflow:hidden; float:left; background:#3CB34B; text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.ipro-news li .time strong{ font-size:28px; font-weight:bold; line-height:30px;}
.ipro-news li .cont{ float:right; width:1000px; line-height:18px; height:72px; overflow:hidden}
.ipro-news li .cont a{ line-height:36px; height:36px;  width:1000px;float:left; overflow:hidden; font-size:16px; color:#444; word-break:keep-all;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*news*/
.news-list { width:820px; margin-top:10px;}
.news-list li { width:800px; border-bottom:1px dashed #ccc; padding:10px}
.news-list li:hover { background:#eee; transition:0.5s all;}
.news-list li strong { display:block; font-weight:500; font-size:15px; background: url(point1.jpg) no-repeat 0px 8px; width:800px; padding-left:20px;}
.news-list li strong a { color:#222;}
.news-list li strong span { font-size:12px; color:#66c245; margin-left:10px;}
.news-list li p { display:block; font-weight: normal; font-size:12px; line-height:20px; width:800px; color:#888;}
.news-list li:hover strong a { color:#66c245; transition:0.5s all;}

/*pages*/
.pages,.npage{clear:both; text-align:center; font-size:12px; padding:15px 0 0px 0;color:#b2b2b2;}
.pages a,.pages span{display:inline-block; height:24px;padding:0 2px; margin:0 2px!important; line-height:24px; border:1px solid #333; background:#333; padding:0px 8px; color: #fff;}
.pages a:link,.pages a:visited {color: #fff; line-height:24px; border:1px solid #333; background:#333; padding:0px 8px;}
.pages a:hover,.pages a:active,.pages span.ctxt{color:#fff; text-decoration:none; border:1px solid #66c245; padding:0px 8px; background:#66c245;}

.page_nav {
	clear:both; text-align:center; font-size:12px; padding:15px 0 0px 0;color:#b2b2b2;
}
.page_nav A {
	border:#E0DEDE 1px solid; padding:2px 5px; color: #296297; margin-right: 2px; text-decoration:none
}
.page_nav A:hover {
	border:#E0DEDE 1px solid; color: #C4261D; background-color: lightyellow
}
.pagination A:active {
	border:#E0DEDE 1px solid; color: #000; background-color: lightyellow
}
.page_nav SPAN.current {
	border:#E0DEDE 1px solid; padding:2px 5px; font-weight: bold; color: #fff; margin-right: 2px; background-color: #66c245
}
.page_nav SPAN.disabled {
	border:#E0DEDE 1px solid; padding:2px 5px; color: #696A6A; margin-right: 2px;
}

/*newdetail*/
.news-content { width:860px; margin-top:10px;  font-size:14px; overflow:hidden;}
.newsTitle {clear:both;margin:0px auto;text-align:center;font-size:24px;color:#1A5083;line-height:32px; padding:15px 0px;}
.newsPic{clear:both;margin:0px auto;text-align:center; margin-bottom:10px;}
.newsPic img{ max-width:720px; max-height:800px;}
.newsDate {clear:both;margin:0px auto;padding:10px 0px;text-align:center;line-height:20px; margin-bottom:15px; border:1px dashed #ccc;color:#777; font-size:12px;}
.newsDate a { color:#317de9;}
.newsDate a:hover { color:#317de9;}
.newsContent {clear:both;margin:0px auto;padding:0px; font-size:14px;color:#444;line-height:28px;word-wrap:break-word;word-break:normal; margin-bottom:15px;}
.newsContent img{ margin-bottom:10px;}
.newsContent ul,.newsContent ol{ margin:auto}
.newsContent ul li{list-style-type:disc}
.newsContent ol li{list-style-type:decimal;}

.prevNext {clear:both;margin:0px auto;border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;height:60px;line-height:30px;color:#666;font-size:13px;-webkit-text-size-adjust:none; padding:10px 0px;}
.prevNext a {text-decoration:underline;}
.prevNext .prev { /*float:left;*/}
.prevNext .prev a { text-decoration:none;}
.prevNext .prev a:hover {color:#317de9; text-decoration:none;}
.prevNext .next { /*float:right;*/}
.prevNext .next a { text-decoration:none;}
.prevNext .next a:hover {color:#317de9; text-decoration:none;}


/*pro-detail*/
.pro-content { width:820px;  margin-top:20px; font-size:14px;}
.pro-detail { width:820px; overflow:hidden;}
.pro-detail .fl { max-width:380px; float:left;}
.pro-detail .fl img { max-width:370px; border:5px solid #ddd;}
.pro-detail .fr { width:420px; float:right; font-size:14px;}
.pro-detail .fr strong { font-weight:600; width:420px; display:block; font-size:17px; border-bottom:1px dashed #ddd; padding:7px 0px; margin-bottom:10px;}


/*feedback
.inner-feedback { width:820px; margin-top:20px; font-size:14px;}
.inner-feedback .feed_t{ width:341px; height:31px; background:#fff; border:none; line-height:31px; text-indent:12px; color:#656565; *text-indent:0; *width:339px; *padding-left:12px;}
.inner-feedback .feed_c{ width:321px; height:81px; background:#fff; border:none; padding:10px; color:#656565;}
.inner-feedback .feed_b{ width:84px; height:30px; background:#EE4547; color:#fff; text-align:center; border:none;}
*/
/*feedback*/
.inner-feedback { width:770px; margin-top:20px; font-size:14px; color:#00847F; border-top:1px solid #ccc;}
.inner-feedback .feed_t{ width:341px; height:31px; background:#fff; border:none; line-height:31px; text-indent:12px; color:#656565; *text-indent:0; *width:339px; *padding-left:12px;}
.inner-feedback .feed_c{ width:521px; height:81px; background:#fff; border:none; padding:10px; color:#656565;}
.inner-feedback .feed_b{ float:left; width:84px; height:30px; line-height:30px; background:#DDDFDF; color:#fff; text-align:center; border:1px solid #00847F; border-radius:5px;color:#00847F;}
.inner-feedback table{ margin:30px auto; background:#fff; border:1px solid #fff; border-radius:10px; overflow:hidden;}
.inner-feedback table td{ padding:15px 20px; background:#DDDFDF;}



.feedback {clear:both;margin:0px auto;padding:0px;margin:20px 0px 0px 0px;}
.submita {margin:16px auto;display:inline-block;padding:0 18px!important;line-height:22px;background:#ff9c00;border:0px;height:24px;color:#FFF;cursor:pointer;font-size:16px;}
.xh {color:#f00;padding:0 3px;}
#feedbackForm {margin:20px 0px 0px 0px;}
#feedbackForm .text {width:300px;height:26px;margin:10px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px 0px 0px 5px;border:1px solid #CCC;}
#feedbackForm .lable {padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;}
#feedbackForm .atextarea {float:left;border:1px solid #CCC;height:100px;width:305px;ont-size:12px;margin-top:10px;line-height:24px;color:#666;}
#feedbackForm .smtcss {padding-right:112px;text-align:center;}
.table {border-collapse:collapse;}
.table td, .table th {border:1px solid #cdcdcd;padding:5px;}
.table p {padding:0px;margin:0px;}
.e_mobile {height:25px;line-height:25px; background: url( emobile1.png) 0px -51px no-repeat; padding-left: 25px;}


/*format table*/
.defcont .ke-zeroborder {border-collapse:collapse;}
.defcont .ke-zeroborder td, .table th {border:1px solid #cdcdcd;padding:5px; line-height:24px;}
.defcont .ke-zeroborder p {padding:0px;margin:0px;}

.online {
	width: 50px;
	z-index: 3;
	position: fixed;
	right: 0;
	top: 40%;
}
.online a {
	display: block;
	width: 42px;
	height: 42px;
	background:#2AA9E0 url(../images/online.png) no-repeat;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #fff;
}
.online a:last-child {
	border-bottom: none;
}

.online a div{
	display: block;
	width: 200px;
	min-height: 24px;
	line-height:24px;
	padding:9px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	background:#2EA250;
	position: absolute;
	right: 42px;
	top: 0px;
	z-index: 999;
	transition:1s all; 
	display: none;
	}
.online a.online-4 div {
	display: block;
	width: 138px;
	height: 138px;
	border: 2px solid #33d055;
	position: absolute;
	right: 54px;
	top: 0px;
	z-index: 999;
	display: none;
}
.online a:hover {
	background-color: #2EA250;
}

.online a:hover div {
	display: block;transition:1s all; 
}



.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank1{margin:0px auto; clear:both; height:1px; font-size:1px; overflow:hidden;}
.blank8{margin:0px auto; clear:both; height:8px; font-size:1px; overflow:hidden;}
.blank10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}
.blank30{margin:0px auto; clear:both; height:30px; font-size:1px; overflow:hidden;}
.blank40{margin:0px auto; clear:both; height:40px; font-size:1px; overflow:hidden;}
.blank45{margin:0px auto; clear:both; height:45px; font-size:1px; overflow:hidden;}
.blank50{margin:0px auto; clear:both; height:50px; font-size:1px; overflow:hidden;}
.blank60{margin:0px auto; clear:both; height:50px; font-size:1px; overflow:hidden;}
