/*重置样式*/
body,div,p,ul,ol,li,dl,dt,dd,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;}

body { background: #FFF; color: #000; font-size: 12px; font-style: normal; font-family:'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial', sans-serif;}
address,caption,dfn,th,var,cite,code,i,em,s,label,input,select,textarea{font-style:normal;font-weight:normal;font-family:inherit;}
input[type="submit"],input[type="reset"],input[type="button"]{cursor:pointer;}
select,input,textarea{font-family:inherit;margin:0;}
li { list-style:none;}
img { border:none; background:none;}
a { text-decoration:none; color:#000;}
a:hover { text-decoration:underline; color:#063;}
table { border-spacing:0; border-collapse:collapse;}

/*通用*/
.flt {float: left;}
.frt {float: right;}
.clear {clear: both;}
.clearfix { *zoom: 1;} 
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}

.contbox {padding-top: 10px; overflow: hidden;}
.col_m {padding-left: 6px;height:590px;overflow:hidden;}
.col_r {padding-left: 6px;}
.w213 {width: 213px;}
.w662 {width: 662px;}
.w881 {width: 881px;}
.h310 {height: 310px;}
.h900 {height: 900px;}
.tit, .tab {height: 40px; font-size: 18px; color:#FFF;  line-height: 40px; background: #063;}
.tit {padding-left: 15px;}
.tit01 {font-weight: normal; text-align: center; color: #063; font-size: 32px;}
.tit02 { color: #063; font-size: 24spx;}
.tit03 { color: #063; font-size: 16px; line-height: 30px; border-bottom: 1px solid #CCC;}
.pt30 {padding-top: 30px;}
.pr50 {padding-right: 50px;}
.ml59 {margin-left: 59px;}
.none {display:none;}

.more {float: right; font: normal 16px "Arial"; line-height: 40px; padding-right: 5px;}
.more a, .more2 a {color: #FFF;}
.more a:hover, .more2 a:hover {text-decoration: none;}
.more2 {float: right; display: inline-block; background: #063; color: #FFF; padding: 0 6px; margin-top: 6px; line-height: 18px;}

/*基本布局*/
#topbg {background: #f0f0f0; border-bottom: 1px solid #CCC;min-width:1100px;}
#lxybodybg {background: url(../images/bg.jpg) repeat-x top #ccebfb;}
#footbg {background: #f0f0f0; border-top:1px solid #FFF;min-width:1100px;}

#top {width: 1100px; height: 50px; line-height: 50px; margin: 0 auto; }
#body {width: 1115px; min-height: 680px; background: #FFF; margin: 0 auto;}
#header {width: 1100px; height: 120px;margin: 0 auto;}
#content {width: 1100px; margin: 0 auto;}
#footer {width: 1100px; height: 242px; padding-top: 30px; margin: 0 auto;}

/*header*/
.logo {width: 280px; padding-top: 5px; color: #063; text-align: center;}
.logo_t1 {font-size: 24px;}
.logo_t2 {font-size: 13px;}
.mtext {width: 610px; padding-top: 70px; text-align: center;}
.mtext p {font-size: 14px; color: #063; line-height: 25px;}
.mtext p span {padding-left: 20px;}
.telbox {padding-top:55px;}
.tel {display: inline-block; padding-left: 5px;}
.tel p {font-size: 18px; color: #063; line-height: 30px;}

/*导航*/
.nav {width: 1100px; margin: 0 auto; height: 32px; padding:20px 0 10px; text-align: center;}
.nav ul li {float: left; font-size: 14px; padding: 0 40px; text-align: center; line-height: 32px;}
.nav ul li a { display: inline-block; height: 30px;}
.nav ul li a:hover { text-decoration: none;border-bottom: 2px solid #063;}
.nav_cur {border-bottom: 2px solid #063;}

/*首屏焦点图*/
.focus {height: 500px;}
.slideBox{ width:100%; height:500px; overflow:hidden; position:relative;    } 
.slideBox .hd{ height:25px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; } 
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  } 
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:25px; padding: 5px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } 
.slideBox .hd ul li.on{ background:#063; color:#fff; } 
.slideBox .bd{ position:relative; height:100%; z-index:0;   } 
.slideBox .bd img{ width:100% height:500px; } 
/*搜索*/
.search {height: 38px; border-bottom: 2px solid #063; padding: 15px 0 5px;}
.sobox {width: 388px;}
.sotext {margin-left: 10px; width: 278px; border: 1px solid #666; padding-left: 5px; height: 28px;margin-left:20px;width:268px;}
.sobtn { border: none; margin: 0; width: 60px; height: 30px; background: #063; position: relative; left: -4px; color: #FFF; font-size: 14px;}

.hotsearch {width: 692px; margin-left: 20px;}
.hotkey {font-size: 14px; font-weight: bold; }
.words {width: 605px; line-height: 18px; color: #666; }
.words span {padding-right: 16px;}
.words span a {color: #666;}
.words span a:hover {color: #063;}

/*案例*/
.item {padding-top: 5px;}
.item dt {height: 30px; font-size: 14px; line-height: 30px; padding-left: 20px; margin: 5px 0; background: #dadada;}
.item dd {line-height: 22px; padding-left: 20px; background: url(../images/dot.png) no-repeat left;}

.picbox ul, .probox ul {padding-top: 5px; overflow: hidden;}
.picbox ul li  { float: left; margin: 5px 0 0 10px;width:214px;height:176px;overflow:hidden;}
.probox ul li  { float: left; margin: 5px 0 0 7px;width:214px;height:176px;overflow:hidden;padding-bottom:5px;}
.pic {width: 202px; height: 136px; border: 1px solid #CCC; padding: 5px; }
.pic:hover {border: 1px solid #063;}
.pic_tit {font-weight: normal; text-align: center; line-height: 28px;}

.news {width: 213px; margin-top: 10px; overflow: hidden;}
.news ul li, #roll li {line-height: 20px; height: 80px; overflow: hidden; border-bottom: 1px dashed #063; padding: 10px 5px;}

/*五大优势*/
.youshi {padding: 20px 0;}
.ys_text {width: 470px; padding-left: 15px;}
.ys_text p {line-height: 24px; padding-top: 10px; text-align: justify; text-justify: inter-ideograph;}

.case01 {margin: 15px 80px 0 0;}
.case01 li {margin-left: 40px;}
.case01 li, .case03 li {float: left; }
.case02 {margin-left: 40px;}
.case03 li {margin-left: 10px;}
.case04 li {margin-right: 80px;}

/*分类*/
.item2 ul {padding-bottom: 10px;}
.item2 ul li {height: 30px; line-height: 30px; text-align: center; font-size: 14px; background: #dadada; border-bottom: 1px solid #FFF;}
.tab ul li { float: left; padding: 0 8px; font-size: 14px; cursor: pointer;}
.active { background: #014221; }
.normal { background: #063; }

.cp_pic {padding: 10px 0 0 5px;}
.cp_tit {font-size: 14px; font-weight: normal;line-height: 25px; text-align: center; color: #063; }
/*新闻中心*/
.n_box {width: 327px; float: left;}
.n_list ul {padding: 10px 0;}
.n_list ul li {line-height: 30px; border-bottom: 1px dashed #CCC; background: url(../images/list_dot.jpg) no-repeat left; padding-left: 20px;}
/*视频中心*/
.video ul {padding: 20px 0;}
.video ul li {float: left; margin: 0 11px;}
.video ul li img {border: 1px solid #CCC;}
.video ul li h3 {font-weight: normal; text-align: center; line-height: 30px;}

/*友情链接*/
.fri_link {min-height: 75px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; position: relative;}
.fri_tit {position: absolute; left: 0; top: -12px; width: 70px; height: 25px; line-height: 25px; font-size: 16px; background: #f0f0f0;}
.linkbox {padding: 15px 0 10px;}
.linkbox a {padding-right: 15px; font-size: 14px; line-height: 25px; color: #666;}

/*版权信息*/
.copyright_l {width: 190px; height: 125px;}
.logo_t3 {font-size:16px; color: #063; line-height: 30px; text-align: center;}
.copyright {margin-top: 10px;}
.copyright_r {width: 800px; height: 125px;}
.bnav a { line-height: 30px;}
.bnav span { padding: 0 5px;}
.ft_info p { line-height: 24px; color: #666;}
.ft_info span {padding-left: 30px;}

/*内页*/
.newslist dl {padding: 5px 15px;}
.newslist dl dt { font-size: 14px; line-height: 30px; background: url(../images/list_dot.jpg) no-repeat left; padding-left: 20px; border-bottom: 1px dotted #CCC;}
.newslist dl dd {padding: 5px 0 5px 20px; line-height: 20px; color: #666;}

.art_tit {font-size: 18px; text-align: center; line-height: 40px; }
.art_info {height: 50px; line-height: 30px; text-align: center; color: #666; }
.art_info span {margin-left: 20px;}
.pro_info {padding:10px;}
.pro_info p {line-height: 25px; font-size: 14px;}
.conn {margin-top: 60px; padding-left: 30px;}
.abstract {color: #555;}
.f_color {color: #222;}
.page {width: 800px; height: 50px; line-height: 50px; margin: 0 auto;}
.ord_info {padding: 10px;}
.ord_info p {line-height: 25px; font-size: 14px; margin-top: 5px;}


/*产品信息*/
.itembox { margin: 20px 0;}
#preview{ float:none; margin-left:10px; text-align:center; width:350px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

.videobox {width: 800px; height: 480px; margin: 0 auto; background: #CCC;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

/*产品简介*/
.infobox {width: 450px; margin-left: 50px;}
.item_tit {font-size: 18px; color: #063; line-height: 30px; border-bottom: 1px dotted #CCC; padding-bottom: 8px;}
.item_info {padding-top: 5px; height: 300px;}
.item_info p {line-height: 20px; font-size: 14px; padding: 5px 0;}
.buybtn {width: 120px; height: 40px; margin: 0 auto;}

/*关于易绿*/
.brief {border-bottom: 1px dashed #063; padding: 15px 10px; }
.brief, .about p { line-height: 20px; text-indent: 2em; text-align: justify; text-justify: inter-ideograph; }
.about {padding: 10px;}
.about p, .abstract, .conn p {font-size: 14px; padding: 5px 0;}

/*在线留言*/
.msgbox {width: 680px; margin: 10px auto;}
.msgbox p {font-size: 14px;}
.must {padding: 0 5px; color: #F00;}
.msgbox .msg {padding: 10px 0; width: 450px; margin: 0 auto;}
.msgbox .msg .msgtext {width: 200px; height: 20px; border: 1px solid #666; margin: 5px 0; padding-left: 3px;}
.msgbox .msg .cont {position: relative; bottom: 30px;}
.msgbox .msg .msgcont {width: 300px; height: 60px; margin-top: 10px; border: 1px solid #666;}
.msgbox .msg .msgsubmit, .msgbox .msg .btn_submit {width: 120px; height: 40px; }
.msgbox .msg .msgsubmit {padding: 5px 0; margin: 0 auto;}
.msgbox .msg .btn_submit {border: none; background: url(../images/submit.png);}

/*翻页*/
.mod-page { padding:20px 0; text-align:center; height:30px; zoom:normal;}
.mod-page .noPage{ color:#999;cursor:default;}
.mod-page .noPage, .mod-page a.a1 {width: 58px;}
.mod-page .curPage{background:#063; border:1px solid #063; color:#fff; cursor:default;}
.mod-page a, .mod-page span{ display:inline-block; min-width:33px; _width:33px; height:28px; color:#333; line-height:27px; 
font-size:14px; margin:0 5px; vertical-align:middle; border-radius:2px; border:1px solid #e3e3e3; background:#fff;}
.mod-page a:hover { background: #f2f2f2; color:#333; text-decoration:none;}


/*12--10*/
.wrap{background:#fff;}
.headbox{background:#fbfafa; border-bottom:1px solid #ccc;min-width:1100px;}


/* 2015-01-12 */
.mod-msg {width: 270px; height: 160px;  position: fixed; left:10px; bottom: 100px;z-index:999;}
.btmsg {width: 220px; height: 220px; border: 5px solid #063; background: #f5f5f5;}
.btmsg .tit { height: 30px; line-height: 30px; font-size: 14px; background: #063; color: #FFF;}
.btmsg .msghover {width: 40px; height: 80px; position: absolute; right: -40px;}
.btmsg form .msgtext {width: 214px; height: 80px; max-width: 214px; max-height: 80px; outline: none; border-color: #063;}
.btmsg form .btsub {width: 80px; height: 30px; color: #FFF; background: #063; border: none; margin-top: 8px; margin-left: 60px;}

.case .col_m{height:auto;}
.classify .col_m{height:auto;}


/*2015-03-06*/
.pinbox ul {padding-top: 5px; overflow: hidden;}
.pinbox ul li  { float: left; width: 195px; height: 180px; margin:15px 12px 0;}
.pin_tit {width: 195px; height: 28px; font-weight: normal; text-align: center; line-height: 28px; }
.pin_tit a {color: #000;}
.pin_tit a:hover {color: #063;}