﻿body,form{margin:0;padding:0;font-size:12px;font-family:微软雅黑,arial,宋体;color:#333;background:#ffffff;line-height:2}
img{border:none}
*{margin:0;padding:0}
li,img{list-style-type:none}
iframe, img {border: 0px;}
.l{text-align:right}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.m{margin-top:10px}
.red{color:red}
.dis{display:none}
.m10{margin:10px}
.mtb{margin-top:10px;margin-bottom:10px}
.mtb30{margin-top:30px;margin-bottom:30px}
.mt10{margin-top:10px}
.mr10{margin-right:10px}
.mb10{margin-bottom:10px}
.ml10{margin-left:10px}
.pb10{padding-bottom:10px}
.pt30{padding-top:30px}
.pt5{padding-top:5px}
a{text-decoration:none;color:#2d2d2e}
a:hover{text-decoration:none;color:#e10b0b}

.font18{font-size:18px}
.font24{font-size:24px}
.font14{font-size:14px}

/*common*/
.wapper{width:1002px;margin:0 auto;overflow:hidden}

/* flexslider */
.flexslider{position:relative;height:698px;z-index:9;overflow:hidden;background:url(../Images/loading.gif) 50% no-repeat;overflow:hidden}
.slides{position:relative;z-index:1}
.slides li{height:698px}
.flex-control-nav{position:absolute;bottom:185px;z-index:2;width:1002px;text-align:right;left:50%;margin-left:-501px}
.flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0 10px;*display:inline;zoom:1}
.flex-control-nav a{display:inline-block;width:20px;height:20px;line-height:70px;overflow:hidden;background:url(../Images/dot.png) right center no-repeat;cursor:pointer;text-indent:-99em}
.flex-control-nav .flex-active{background-position:left center;width:20px;height:20px}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2}
.flex-direction-nav li a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../Images/prev.png) center center no-repeat}
.flex-direction-nav li a.flex-next{right:40px;background:url(../Images/next.png) center center no-repeat}

/*header*/
.header{position:relative;height:698px;width:100%}
.header .top{position:absolute;top:0;height:148px;z-index:10;background:url(../Images/topBg.png) 0 0 repeat-x;width:100%}
.header .top>.wapper{border-top:3px solid #359809}
.top .logo{position:relative;top:13px}
.top .topContact{height:105px;width:240px;background:url(../Images/topContact.png) center 15px no-repeat}
.topContact ul{width:126px;float:right;background-color:#359809}
.topContact li{float:left;margin-left:4px;color:#fff;height:20px;line-height:20px}
.topContact li a{padding:0 3px;color:#fff}

.navgation .nav_list{height:40px;background:url(../Images/navBg.png) 0 0 no-repeat}
.nav_list li{line-height:40px;background:url(../Images/navLi.png) 0 0 repeat-x;height:40px;float:left;text-align:center}
.nav_list li a{width:108px;height:40px;text-decoration:none;color:#fff;display:block;line-height:40px;font-size:14px;font-weight:bold;padding-left:2px;background:url(../Images/navFg.jpg) 0 0 no-repeat}
.nav_list li a:hover{background-color:#333}
.nav_list li.current{margin-left:5px}
.nav_list li.current a{padding-left:0;background-image:none}

/*headCon*/
.headCon{position:absolute;bottom:0;width:100%;z-index:11}
.headCon .hCon{width:334px;height:168px;color:#fff;overflow:hidden}
.headCon .hCon.about{background-color:#86ca37}
.headCon .hCon.solutions{background-color:#63af0f}
.headCon .hCon.contact{background-color:#3d862d}
.headCon .hCon dl{padding:15px}
.hCon dl dt{height:34px;line-height:34px;border-bottom:1px solid #acd974}
.hCon dt b{font-size:16px}
.hCon dl dd{padding-top:10px}
.hCon dd p{line-height:18px;margin-bottom:10px;text-indent:2em}
/*.contact ul{background:url(../Images/contactBg.png) 20px 8px no-repeat;padding-left:20px}
.contact li{line-height:34px;padding-left:40px}
.contact li a,.contact li {color:#fff;font-size:16px}*/

/*Container*/
.container{height:auto;width:100%;overflow:hidden;margin-top:30px}

.conSidebar{width:270px}
.conSidebar .sideTitle{margin-top:9px;height:37px;overflow:hidden}
.conSidebar .sideTitle b{width:126px;text-align:center;display:inline-block;height:37px;line-height:32px;background:url(../Images/sideTitle.jpg) 0 0 no-repeat;color:#fff;font-size:14px;float:left}
.conSidebar .sideTitle a{display:inline-block;float:left;height:32px;width:32px;color:#fff;background-color:#94cf59;line-height:32px;margin-left:2px;text-align:center;font-size:20px}
.conSidebar .sideTitle a:hover{background-color:#4a9342}

.sideCon{margin-top:15px;background-color:#f8f8f8;width:100%;height:1000px;overflow:hidden}
.sideCon ul{padding:13px}
.sideCon li{height:29px;line-height:29px;border-bottom:1px solid #e0e0e0;cursor:pointer}
.sideCon li:hover{background-color:#f0f0f0}
.sideCon li a{color:#333;font-size:14px;padding-left:30px;background:url(../Images/FootLi.jpg) 40px center no-repeat}
.sideCon li.current a{font-size:16px;background-image:none; padding-left:25px}

.conProd{width:708px}
.conProd dl dt{margin-top:5px}
.conProd dl dd{padding:10px 20px;background-color:#f8f8f8;overflow:hidden;margin-top:17px;height:auto}

.conProdList li{float:left;position:relative;height:144px;width:200px;padding:3px;border:1px solid #dbdbd1;background-color:#fff;}
.conProdList li .pTitle{position:absolute;text-align:center;font-size:14px;height:40px;line-height:40px;color:#fff;bottom:7px;background:#000;width:200px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;z-index:21;left:7px}
.conProdList li:hover{background-color:#f0f0f0}
.conProdList li .pTitle img{height:144px;width:200px}
.conProdList li:hover .pTitle{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}

/*case*/
.case{width:100%;height:290px;background:#f2f2f4 url(../Images/caseBg.jpg) center top no-repeat}
.caseCon dt{width:100%;margin-top:25px;height:12px;position:relative;border-bottom:1px solid #dedede}
.caseCon dd{width:100%;height:260px;}

.caseCon dt b{padding-right:20px;background-color:#f2f2f4}
.caseCon dt .fr{height:45px;width:86px}

.caseCon dt .btn{display:block;height:34px;position:absolute;top:12px;width:42px;z-index:20;cursor:pointer;background-image:url(../Images/caseConBtn.jpg);background-repeat:no-repeat}
.caseCon dt .prev{background-position:left top}
.caseCon dt .prev:hover{background-position:right top}
.caseCon dt .next{margin-left:43px;background-position:left bottom}
.caseCon dt .next:hover{background-position:right bottom}

.warp-pic-list{margin-top:40px}
.warp-pic-list li{float:left;display:inline;margin-left:0;margin-right:45px;width:200px;height:155px}
.warp-pic-list li img{width:200px;height:155px}
.warp-pic-list li .pTitle{width:200px}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px}

/*process*/
.process{background-color:#63af0f}

/*Foot*/
.footer{height:auto;width:100%;background-color:#312c32;border-bottom:1px solid #433e44;color:#a7a5a8}
.footer a:hover{color:#fff}
.Links{height:43px;line-height:43px;text-align:center}
.Links b{padding-left:10px}
.Links a{color:#a7a5a8;padding:0 5px}
.FootCopy{line-height:64px;height:64px;text-align:center}
.FootCopy a{color:#f0f0f0}

/*次级页面*/
.cjHeader{height:350px}
.cjBanner{height:350px;background-position:center top;background-repeat:no-repeat}
.cjBanner.about{background-image:url(../Images/BannerAbout.jpg)}
.cjBanner.news{background-image:url(../Images/BannerNews.jpg)}
.cjBanner.product{background-image:url(../Images/BannerProducts.jpg)}
.cjContainer{background:#fff url(../Images/cjContainer.jpg) left top repeat-x;margin:0;padding-top:30px}

.Sidebar{height:auto;width:202px;min-height:500px;overflow:hidden;background:url(../Images/sidebarBot.jpg) 186px bottom no-repeat;padding-bottom:40px}
.Sidebar .sideTitle{height:50px;background:url(../Images/sidebarTop.jpg) 186px top no-repeat}
.Sidebar .sideTitle b{font-size:24px;line-height:48px;height:48px;width:166px;padding-left:20px;color:#646464;display:block;font-weight:lighter;border-bottom:1px solid #eee}
.Sidebar .sideCon{margin-top:0px;background:url(../Images/sidebarCon.jpg) 186px 0 repeat-y;height:auto}
.Sidebar .sideCon ul{padding:0}
.Sidebar .sideCon ul li{border:none}
.Sidebar .sideCon ul li:hover{background:url(../Images/sideConLiHover.jpg) right center no-repeat}
.Sidebar .sideCon ul li a{font-size:12px;display:block;width:146px;height:30px;padding-left:40px;line-height:30px;background-color:#f9f9f7}
.Sidebar .sideCon ul li a:hover{background-image:none}
.Sidebar .sideCon ul li.current a{font-size:14px;padding-left:16px;width:170px}
.Sidebar .sideCon ul li:hover a{background-color:#80b407;color:#fff}
.Sidebar .sideCon ul li.zw a,.Sidebar .sideCon ul li.zw{height:10px;background-image:none}

.Sidebar .sideBg{background:url(../Images/sidebarCon.jpg) 186px 0 repeat-y}

.Sidebar .sidebarContact{width:175px;padding:10px 0 20px 10px;background:url(../Images/sidebarContactLeft.jpg) 0 bottom no-repeat}
.sidebarContactInfo dt{font-size:16px;height:34px;line-height:34px;border-bottom:1px solid #e5e5e5;font-weight:bold}
.sidebarContactInfo dd{padding-top:8px}
.sidebarContactInfo dd p{line-height:24px}
.sidebarContactInfo dd p,.sidebarContactInfo dd p a{color:#656565}

.MainC{height:auto;width:775px;overflow:hidden;margin-bottom:10px;min-height:400px}
.MainC dl dt{overflow:hidden;border-bottom:1px solid #eeeeee;height:45px;line-height:45px}
.MainC dt b.mTitle{padding-left:25px;background:url(../Images/mTitle.jpg) 5px center no-repeat;font-size:18px;color:#646464;font-weight:normal}
.MainC dt span.position{padding:0 10px 0 15px;background:url(../Images/position.jpg) left center no-repeat}

.MainC dd .conProdList{padding-top:15px}
.MainC dd .conProdList li{margin:10px 18px}

/*News列表*/
.NewsList{width:770px;margin:0 auto;padding-top:5px}
.NewsList ul {width:770px;margin:0 auto;height:auto}
.NewsList ul li{width:770px;height:35px;line-height:35px;border-bottom:1px dashed #dedede;cursor:pointer}
.NewsList ul li:hover{background-color:#f9f9f9}
.NewsList .NewTitle{width:660px;padding-left:25px;background:url(../Images/ico.gif) 10px center no-repeat;overflow:hidden}
.list_title{font:14px Microsoft Yahei;margin:0;padding-left:20px;color:#03f;background:url(../Images/ico.gif) 8px 8px no-repeat}
.list_title a{color:#03f;text-decoration:underline}
.list_title a:hover{color:#ac0000}
.list_jj{color:#444;margin:5px 0;word-wrap:break-word;overflow:hidden;width:600px;line-height:15px;text-indent:2em}
.list_other{color:#777;margin-bottom:10px;border-bottom:1px dashed #ccc;padding-bottom:5px}
.list_other span{color:#b50a03}

/*分页*/
.List_page{text-align:center;margin-bottom:10px;padding-top:10px}
.List_page a{background:none;margin:0px 1px;padding:4px 6px;color:#A0A0A0}
.List_page span{background:url(../Images/pageli.jpg) 1px 1px no-repeat;color:#b50a03;margin:0px 1px;padding:4px 8px}

/*单页*/
.PageView{width:770px;margin:0 auto;overflow:hidden}
.ProViewCon{height:auto;width:750px;margin:15px auto;padding-top:15px}
#fg{height:1px;width:750px;border-bottom:1px dashed #000;margin:0 auto}
.ProViewConC2 table{width:300px;float:left;margin-left:20px;_margin-left:20px;height:154px}
.ProViewConC2 table td{vertical-align:top}
.ProViewConC2 table ul li{height:24px;line-height:24px;border-bottom:1px dashed #ccc;width:220px;padding-left:10px}

.info_title{margin:10px 0;font:100 18px Microsoft Yahei;text-align:center}
.info_other{text-align:center;color:#999;margin:4px auto;width:700px;overflow:hidden;height:24px;line-height:24px}
.info_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:24px;font-size:13px}
.info_content img{max-width:750px;background:none;border:none}
.info_pic{text-align:center}
.info_pic img{max-width:600px;background:none;border:none}
.info_next{color:#999;margin:12px 20px 6px 20px}
.info_next a{font-family:verdana}

.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px}
.content_url span{color:#666}
.content_url input{background:#50B20E;color:#fff;width:40px;border:0;height:24px;color:#000}
.content_url .fz{background:none;line-height:26px;overflow:hidden;margin-left:3px;cursor:pointer}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff}

/*SearchForm*/
.SearchForm{margin-top:15px}
.SearchForm h1{text-align:center;padding-bottom:15px}
.SearchForm td{line-height:35px;padding:0 10px}
.SearchForm td input,.SearchForm td textarea{border:1px solid #ccc;padding:3px 5px;outline:none}
.SearchForm td input.vote_bnt{cursor:pointer}

.scrolltext{width:300px;height:100px;overflow:hidden;}
.scrolltext li{padding-left:20px;width:280px;height:25px;font-size:12px;line-height:25px;border-bottom:1px dotted #acd974; background:url(../Images/NewsLi.png) 5px center no-repeat;}
.scrolltext li a{color:#fff;display:block;width:280px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.scrolltext li a:hover{color:#86ca37;text-decoration:none;}

.side{position:fixed;width:54px;height:120px;right:10px;bottom:30px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}














