@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{ font-size:14px; color:#000; font-family:"微软雅黑"; background:#FAFAF8}
.float_left{ float: left;}
.float_right{float: right;}
.clear_both{clear:both;}
.smwidth{ width:1024px; margin:0 auto;}
.clearfix{display:block;}
li{list-style:none;}
a{text-decoration: none;color:#000; }
a:link a:visited a:active{color:#000;} 
a img{text-decoration:none; border:0;}
.pt40{ padding-top:40px;}
.pt30{ padding-top:30px;}
.pt20{ padding-top:20px;}
.pt10{ padding-top:10px;}
.ml60{ margin-left:60px;}
.topbg{ height:150px;}
.logo{ width:577px; height:77px; margin-top:25px;}
.tel{ width:296px; height:54px; background:url("../images/tel.png") no-repeat; margin-top:50px;}
.hnav{ height:70px; border-top:1px solid #009f3b}
.hnavc li{ width:102px; float:left; line-height:70px; font-size:15px; text-align:center}
.hnavc li a{ color:#3e3e3e; width:102px; height:70px; line-height:70px; display:block}
.hnavc li a:hover{ color:#009f3b; }
.portitle{ width:102px; height:46px; background:url("../images/news1.jpg") no-repeat; text-align:center; line-height:46px; font-size:16px; color:#fff;}
.shnewslist{ width:900px; height:46px; overflow:hidden}
.shnewslist ul li{ float:left; width:300px; height:46px; line-height:46px; background:url("../images/ico.png") no-repeat left; text-indent:1em;}
.shnewslist ul li a{ color:#000;}
.shabout{ height:400px; background:#eceeea; width:100%; border-top:1px solid #009f3b}
.shaboutxt{ width:480px; height:70px; margin:0 auto; margin-top:30px;}
.shabouttitle{ font-size:24px; color:#009f3b; line-height:40px; text-align:center}
.shabouttitle1{ font-size:14px; color:#e87e00; line-height:30px; border-top:1px solid #e87e00; text-align:center}
.shaboucontent{ width:550px; line-height:28px;}
.shaboucontent p{ text-indent:2em;}
.shmore{ width:104px; height:39px; background:#009f3b; text-align:center; line-height:39px; margin-top:26px;}
.shmore a{ color:#fff}
.shvideocon{ width:160px;}
.shshipin{ font-size:24px; color:#e87e00; line-height:36px; background:url("../images/linebg.png") no-repeat left; text-indent:.7em;}
.shvlist li{ background:url("home.png") no-repeat left; font-size:16px; line-height:45px; text-indent:2em; margin-left:30px;}
.shvlist li a{ color:#009f3b}
.shhjss{ width:810px; }
.shshesli li{ float:left; margin-left:10px; width:191px; height:160px; text-align:center}
.shshesliimg{ max-width:191px; max-height:135px;text-align:center; display: table-cell;vertical-align:middle; border:1px solid #ccc}
.shshesli li a{ color:#000;}
.shshesli li p{ line-height:30px;}
.shlmbg{ width:100%; height:270px; background:url("../images/lmbg.jpg") no-repeat center; margin-top:30px;}
.shlmbg1{ width:900px; height:270px; background:url("../images/lmbg1.jpg") no-repeat; margin:0 auto}

#demo1p {list-style: none outside none; overflow: hidden;width: 1024px; height:270px; margin:0 auto;}
#indemo1p {float: left;width: 800%;}
#demo1p1 {float: left;}
#demo1p2 {float: left;}
.top_14{margin-top:20px;}
.top_14 ul li{float:left;width:200px; _width:230px;margin:5px 10px 5px 10px; padding:5px 10px 5px 10px; text-align:center;}
.top_14 ul li h2{width:230px;height:180px;margin:0 auto;}
.top_14 ul li h2 a{width:230px;height:180px;border:#ddd solid 1px; display: table-cell;vertical-align:middle;text-align:center;*display:block; color:#222}
.top_14 p{ width:230px; line-height:35px; font-size:14px;}
.top_14 ul li h2 img{vertical-align:middle; max-width:230px; max-height:180px;}

.shjkcs li{ width:280px; height:203px; background:#eceeea; margin-left:12px; margin-right:18px; margin-top:10px; float:left; padding-left:20px;  font-size:12px;line-height:26px; padding-right:10px;color:#474747; }
.shjkcstitle{ font-size:16px; line-height:30px;}
.shjkcstitle a{color:#009f3b; }
.shjkcscon a{ color:#474747;}

.shftbg{ height:293px; background:#fff; margin-top:50px; border-top:1px solid #009f3b}
.shtfimg{ width:634px; height:293px; background:url("../images/cont1.jpg") no-repeat}
.shftcontact h2{ line-height:45px; margin-bottom:20px;}
.shftcontact p{ line-height:35px; color:#000; font-size:16px;}
.shftmain{ height:63px; background:#c8d1cb; line-height:63px; text-align:center; font-size:14px; color:#363834; margin-top:50px;}
.shftmain a{ color:#363834}




/*Banner*/
.banner { position:relative; height:556px; background:#FAFAF8}
.banner .btn1 { bottom: 20px;margin-right: -450px; padding: 5px 6px; position: absolute; right: 50%;z-index: 7;}
.banner .btn1 span {line-height: 14px; background: none repeat scroll 0 0 #009F3B; border: 1px solid #009F3B; color: #FFFFFF; cursor: pointer;display: inline-block; margin-left: 5px;padding: 2px 5px;}
.banner .btn1 span.cur { font-weight: bold; padding: 4px 8px;}
.banner .bgitem{height: 556px; cursor:pointer; width: 100%;margin: 0 auto;position:absolute; background-position:center top; background-repeat:no-repeat;}


/*main*/
.main{ width:100%; margin:0 auto;}
.imain{width:1000px; margin:30px auto;}
.left{ float:left; width:260px;}
.right{float:right; width:700px;}

.qq{width:1000px; margin:40px auto 0; background:url("../images/qq.gif") no-repeat top center; height:244px;}

.tit{border-bottom:1px solid #009F3B ; height:30px; margin-top: 9px;}
.tit p{float:left; height:30px; line-height:30px; color:#009F3B; font-size:16px;  text-align:center; padding-left:19px; font-weight:bold;}
.tit p span{font-size:14px;}
.tit a{float:right; line-height:30px; color:#009F3B; padding-right:8px; font-size:12px; }
.tit a:hover{color:#333;}

.tu {width:301px; margin:6px auto;}

.iabout{width:301px; margin:0 auto;}
.iabout p{ font-size:12px; font-family:"Microsoft YaHei";  line-height:24px; color:#333;}



#demo1p {list-style: none outside none; overflow: hidden;width: 1000px; height:270px; margin:0 auto;}
#indemo1p {float: left;width: 800%;}
#demo1p1 {float: left;}
#demo1p2 {float: left;}
.top_14{margin-top:20px;}
.top_14 ul li{float:left;width:200px; _width:230px;margin:5px 10px 5px 10px; padding:5px 10px 5px 10px; text-align:center;}
.top_14 ul li h2{width:230px;height:180px;margin:0 auto;}
.top_14 ul li h2 a{width:230px;height:180px;border:#ddd solid 1px; display: table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:188px;}
.top_14 p{ width:230px; line-height:35px; font-size:14px;}
.top_14 ul li h2 img{vertical-align:middle;}
.top_14 ul li h3 a{color:#333;font-weight:normal; line-height:36px; display:block; font-size:14px;}
.top_14 ul li h3 a:hover{color:#0a68b6;}


#wrapper{margin-top:40px;text-align:center;}
.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ text-align:center;  display:none;}
#overlay_pic {margin:200px auto; width:400px;  box-shadow: 10px 10px 5px #000;}
.jscarousal{width:1000px;height: 180px;margin:0 auto;padding: 0;position: relative; }
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left;	width: 23px;height: 98px;background-color: #121212;color: White;position: relative;	top:30px;	cursor: pointer;}
.jscarousal .jscarousal-left{background-image: url("../images/left_arrow.jpg");background-repeat: no-repeat;background-position: left;}
.jscarousal .jscarousal-right{background-image: url("../images/right_arrow.jpg");background-repeat: no-repeat;	background-position: right;}
.jscarousal-contents{width:954px;height:180px;float: left;position: relative;overflow: hidden; margin:0 auto;}
.jscarousal-contents > div{position: absolute;width: 100%;height: 180px;}
.jscarousal-contents > div > div{float: left;margin-left:40px;	margin-right:30px; padding:2px; border: solid 1px #dedede;}
.jscarousal-contents img{width: 113px;height: 160px;	}
.hidden{display: none;}
.visible{display: block;}
.thumbnail-active{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;}
.thumbnail-text{color: #7A7677;	font-weight: bold;text-align: left;	display: block;	padding: 10px 2px 2px 0px;}



.chanpin{width:1000px; margin:30px auto 0;}
.product{width:220px; float:left;}
.iprofenlei{color:#333; width:847px; margin:30px auto 0; height:24px; line-height:24px; border-left:1px #dedede solid;}
.iprofenlei a{ float:left; color:#333; padding:0px; font-size:14px; width:120px; text-align:center; border-right:1px #dedede solid;}
.iprofenlei a:hover{ text-decoration:underline; color:#009F3B;}
.iprofenlei a.tabactive {position:relative;}

.diudiu{width:770px; float:left; padding-left:10px;}
.iprolist{margin-top:10px;}
.iprolist DIV {MARGIN: 0px 0px 0px 20px; width:225px;  FLOAT: left;}
.iprolist H2 { WIDTH: 225px; HEIGHT: 168px; border:1px #ccc solid; margin:0 auto;}
.iprolist H2 A { WIDTH: 225px; DISPLAY: block; HEIGHT: 168px;}
.iprolist H2 IMG {VERTICAL-ALIGN: middle}
.iprolist p {width:227px; text-align:center; height:30px; line-height:30px; z-index:9}
.iprolist p A {text-decoration:none; text-align:center; font-size:14px; display:block; COLOR: #333}
.iprolist p A:visited {COLOR: #333}
.iprolist p A:hover {color:#009F3B;text-decoration:underline;}
.iprolist p span{ float:left; color:#fff;}



.title1{width:216px; height:50px;}
.title1 h3{ font-size:18px; color:#fff; font-weight:normal; text-align:center; line-height:50px;} 



.fl p{color:#fff;line-height:24px; font-size:14px; padding-top:42px; padding-left:26px;}

.lx{padding:15px;}
.lx p{color:#fff; line-height:24px;}

.lx2{ border-left:2px #009F3B solid; border-right:2px #009F3B solid; border-bottom:2px #009F3B solid; margin-top:5px;}
.lx2 p{color:#333; line-height:24px; padding:15px;}

.news{float:left; width:676px; margin-left:7px;}
.inews{padding:15px;}
.inews ul{}
.inews ul li{background:url("../images/dian.png") 8px center no-repeat; height:30px; line-height:30px; border-bottom:1px #cecece solid;}
.inews ul li a{float:left; font-size:12px; color:#333; padding-left:25px; display:block; line-height:30px;}
.inews ul li a:hover{color:#009F3B; text-decoration:underline; }
.inews ul li span{float:right; font-size:12px; color:#333; line-height:30px;}

.inews p{font-size:12px; line-height:24px; color:#333; padding-left:23px;}

.news2{float:right; width:277px; margin-right:7px;}

.title {border-bottom:1px #009F3B solid; HEIGHT: 26px; margin:0 10px 10px 10px;}
.title H2 {LINE-HEIGHT: 24px; COLOR: #009F3B; FONT-SIZE:16px ;FONT-WEIGHT: normal}

.title2{ height:50px; line-height:50px;width:220px; padding-left:10px; color:#fff; font-size:18px; font-family:"Microsoft Yahei";  }
.title2 span{ margin-left:10px; color:#fff; font-size:12px}

.title3{ height:50px; color:#333; font-size:18px; font-family:"Microsoft YaHei";  line-height:50px;  margin-bottom:10px; border-bottom:2px #009F3B solid;}
.title3 .loc{float:right;font-size:12px;font-family:"Microsoft YaHei"; color:#333; margin-right:20px; line-height:50px; }
.title3 span{display:block; width:280px; color:#009F3B; text-align:left; font-family:"Microsoft Yahei"; padding-left:10px;}

.content{ font-size:14px; line-height:24px; color:#333; font-family:"Microsoft YaHei"}

.prolist2 H3 A:visited {COLOR: #666}
.prolist2 H3 A:hover {COLOR: #009F3B;LINE-HEIGHT: 28px;}

.proinfo{ width:100%; height:250px;}
.proinfo_img{ float:left; width:300px; height:250px; border:1px #009F3B solid;}
.proinfo_text{ width:700px; margin-top:10px;}
.proinfo_text h3{ color:#009F3B; border-bottom:1px #009F3B solid; height:40px; font-size:24px; font-weight:normal; line-height:35px; font-family:"Microsoft YaHei";}
.proinfo_text p{ margin:10px 0; color:#666; font-family:"Microsoft Yahei";}
.pro_c{ width:700px; color:#666px; margin-top:15px; background:url("../images/box_dotline.gif") left bottom no-repeat; padding-bottom:20px;}

/*页脚样式*/
.page_info{text-align:center;margin-top:10px;color:#aaa;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:20px;line-height:20px;text-align:center;letter-spacing:0;;font-size:12px;margin-top:20px; border:none !important;}
.page_list a{display:inline-block;color:#aaa;border:1px solid #aaa;background:#fff;text-align:center;margin:0 1px; width:auto; height:20px; padding:0px 6px;font-family:"Microsoft Yahei";float: left;}
.page_list a:hover{color:#fff;border:1px solid #009F3B;background:#009F3B;}
.page_list a.on{color:#fff;border:1px solid #009F3B;background:#009F3B;}

.preNext{position:relative;background:url("../images/news_con.jpg") left top no-repeat; padding-top:10px; margin-top:10px;}
.preNext .line{height:10px;overflow:hidden;clear:both;margin:4px auto;padding-top:10px;}
.preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;float:left;}
.preNext .text{color:#999;}
.preNext .text a:hover{color:#009F3B; text-decoration:underline;}


/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:15px;display:none;}/*移除了eval表达式*/
.tbox #gotop{width:50px;height:50px;background:url("../images/icon.png") no-repeat 0 0;display:block;}

.ys{width:100%; height:150px; margin-top:40px; background:url("../images/ys.jpg") no-repeat top center;}


.comment_list {PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px}
.comment_list UL {LIST-STYLE-TYPE: none}
.comment_list LI {PADDING-BOTTOM: 6px; LINE-HEIGHT: 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 6px; border-bottom:1px dotted #ccc}
.comment_list LI A {PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url("../images/dian.png") no-repeat 10px center; COLOR: #333; PADDING-TOP: 0px}
.comment_list LI A:visited {COLOR: #333}
.comment_list LI A:hover {COLOR: #009F3B;}
.comment_list span{float:right}

.prob_list2 {PADDING-BOTTOM: 10px}
.prob_list2 .cn2 {TEXT-ALIGN: center; WIDTH: 140px; FLOAT: left; margin:10px 10px 5px 15px;}
.prob_list2 .cn2 H2 {	MARGIN: 0px auto 8px; WIDTH: 140px; HEIGHT: 140px}
.prob_list2 .cn2 H2 A {BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 140px; display:table-cell;*DISPLAY: block; BACKGROUND: #ffffff; HEIGHT: 140px; *FONT-SIZE: 122px; VERTICAL-ALIGN: middle; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid}
.prob_list2 .cn2 H2 IMG {VERTICAL-ALIGN: middle}
.prob_list2 .cn2 SPAN {LINE-HEIGHT: 18px; DISPLAY: block; COLOR: #333}
.prob_list2 .cn2 SPAN A {LINE-HEIGHT: 18px; COLOR: #333}
.prob_list2 .cn2 SPAN STRONG {LINE-HEIGHT: 18px}
.prob_list2 .cn2 SPAN A:hover {COLOR: #009F3B}

/* 侧边栏样式 */
.sidebox {width:260px; margin-bottom:16px; background:#eee}
.sidebox .sideTitle { font-size:15px; height:56px; background:#009F3B;}
.sidebox .sideTitle p {font-weight:bold; color: #fff; text-align: center; line-height: 56px; font-size:18px;}
.sidebox .sideTitle p span { color:#009F3B;}

.sidebox .sideList ul { font-size:14px;}
.sidebox .sideList ul li { line-height:40px;  width:260px; }
.sidebox .sideList ul li a{ width:180px; display:block;color:#000; font-size:14px;padding-left:15px; border-bottom:1px solid #aaa; margin:0 auto;text-indent:3em;}
.sidebox .sideList ul li a:hover{color:#009F3B !important; }
.sidebox .sideList ul li dl{ text-indent:1em;}
.sidebox .sideList ul li dl dd a{ color:#666; line-height:32px; font-weight:300; font-size:14px;}
.sidebox{ padding-bottom:20px;}

.sidebox .conList p{font-size:14px; line-height:30px;}

.ftcontact p{ color:#fff; line-height:31px; font-size:14px;}
.ftlink li{ width:90px; height:35px; float:left}
.cnzzft{ float:left; width:70px; margin-left:28px; margin-top:5px;}

.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}/*移除了eval表达式*/
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url("../images/suspend.png");position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url("../images/suspend.png") -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url("../images/suspend.png") -40px -86px;overflow:hidden;}


#four_flash{position:relative;width:800px;height:230px; margin:0 auto;}
#four_flash .flashBg{width:700px;height:400px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:400px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:193px;height:200px;margin-left:23px;color:#6C6E85; margin-right:13px;}
#four_flash .flashBg ul.mobile li img{width:191px;height:160px;display:block; border:1px solid #ccc;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:190px; line-height:24px;margin-top:10px;}
#four_flash .but_left{width:30px;height:60px;position:absolute; top:65px; left:0px;}
#four_flash .but_right{width:30px;height:60px; position:absolute; top:65px; right:0px;}
#four_flash .but_left:hover{background:url("../images/qianxleft1.png") no-repeat;}
#four_flash .but_right:hover{background:url("../images/qianxr1.png") no-repeat;}
/****************留言**********************/

.form-group1{ width:50%; float:left; margin-bottom:10px} 
.form-group10{ width:50%; float:left; margin-bottom:10px} 
.form-group2{ width:100%; float:left; margin-bottom:10px} 
.form-group3{ float:left; margin:0 50px 10px 0;} 
.form-group4{ float:left; margin-bottom:10px} 

.inquiry label{ float:left; line-height:30px;} 
.form-control1{ float:left; width:75%; border:1px #ddd solid; height:30px; line-height:30px;} 
.form-control2{ float:left; width: 87.5%; border:1px #ddd solid; height:100px; line-height:30px;} 
.form-control3{ float:left; width:100px; border:1px #ddd solid; height:30px; line-height:30px;} 
.form-sub1{ width:80px; height:30px; color:#fff; background:#0a5297; border:none;}

.form-group{ width:650px; margin:0 auto; clear:both; padding:12px 0;}
.form-group label{ float:left;}
.form-control{ float:left; width:500px; border:1px #ddd solid; height:30px; line-height:30px;}
.form-control-c{ float:left; width:500px; border:1px #ddd solid; height:100px; line-height:30px;}
.form-control-y{ float:left; width:100px; border:1px #ddd solid; height:30px; line-height:30px;}
.form-sub{ width:560px; height:30px; color:#fff; background:#0a5297; border:none;}