@charset "utf-8";

/*---------------全局---------------*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dt,dd,form,fieldset,legend,input,textarea,select{
    margin:0;
    padding:0;
    font-family:"Microsoft Yahei";
    font-size:14px;
    color: #6c6c6c;
}
html{_background-image:url(about:blank); _background-attachment:fixed;}
body{
    background-color: #fff;
    padding-top: 81px;
}
a{
    color:#575757;
    text-decoration:none;
}
a:hover .opa80{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
em{ font-style:normal; }
li{ list-style:none; }
img{
    border:0;
    vertical-align:middle;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
p{ word-wrap:break-word; }
hr{
    border: 1px solid #ccc;
    border-width: 1px 0 0;
}
hr.green{
    border-color: #009941;
    border-width: 1px 0 0 !important;
    margin: 10px 0 20px;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}

/* 常用 */
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.clearfix{
    display:block;
    *zoom:1;
}
.clearfix:after{
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.txtcen{ text-align:center; }
.txtright{ text-align:right; }

.mart0{ margin-top: 0 !important; }
.mart10{ margin-top: 10px !important; }
.mart15{ margin-top: 15px !important; }
.marb10{ margin-bottom: 10px !important; }
.marr0{ margin-right: 0 !important; }
.padr5{ padding-right: 5px !important; }
.padt10{ padding-top: 10px !important; }
.padt50{ padding-top: 50px !important; }
.padb20{ padding-bottom: 20px !important; }
.pos_parent{ position: relative; }

.container{
    width: 950px;
    margin: 0 auto;
}

/* header */
.header{
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(top, #fff, #f4f4f4);
    background-image: -webkit-linear-gradient(top, #fff, #f4f4f4);
    background-image: -ms-linear-gradient(top, #fff, #f4f4f4);
    background-image: linear-gradient(top, #fff, #f4f4f4);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true',startColorstr='#ffffffff',endColorstr='#fff4f4f4',GradientType='0');
    height: 80px;
    position: fixed;
    left: 0;
    top: 0;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop));
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    z-index: 9;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}
.header a.logo{
    display: block;
    width: 220px;
    height: 80px;
    background: url(../img/logo.png) center 22px no-repeat;
}
.header .nav{
    float: right;
}
.header .nav a{
    float: left;
    line-height: 77px;
    border-bottom: 3px solid #f4f4f4;
    padding: 0 12px;
    font-size: 18px;
    margin-right: 12px;
}
.header .nav a:active{
    background: none;
}
.header .nav a:hover{
    color: #46acf4;
    border-color: #46acf4;
}
.header .nav a.active{
    background-color: #46acf4 !important;
    border-color: #46acf4;
    color: #fff;
}
.header .nav a.active:hover{
    color: #fff;
}

/* footer */
.footer{
    background-color: #3ca09a;
    background-image: -moz-linear-gradient(top, #3ca09a, #64ca9a);
    background-image: -webkit-linear-gradient(top, #3ca09a, #64ca9a);
    background-image: -ms-linear-gradient(top, #3ca09a, #64ca9a);
    background-image: linear-gradient(top, #3ca09a, #64ca9a);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true',startColorstr='#ff3ca09a',endColorstr='#ff64ca9a',GradientType='0');
    margin-top: 20px;
    padding-top: 20px;
    *height: 500px;
    _height: 500px;
}
.footer h3{
    color: #fff;
    font-size: 22px;
    line-height: 2em;
}
.footer div.left,
.footer div.right{
    width: 46%;
    margin-bottom: 25px;
}
.footer div.left ul{
    margin-bottom: 10px;
}
.footer li{
    color: #fff;
    font-size: 16px;
    line-height: 2em;
}
.footer div.right input,
.footer div.right textarea{
    border: 0 none;
    padding: 3px 5px;
    width: 427px;
    display: block;
    margin-bottom: 10px;
}
.footer div.right input{
    height: 26px;
}
.footer div.right textarea{
    height: 205px;
}
.footer div.right button.right{
    border: none;
    color: #fff;
    width: 168px;
    height: 50px;
    padding: 0;
    background-color: #32b16c;
    font: 22px/30px "Microsoft Yahei";
    cursor: pointer;
}
.footer div.right p{
    color: #fff;
    line-height: 1.8em;
}
.partner .info{
    background: #1d7169;
    height: 100px;
    margin-top: 10px;
}
.partner .info p{
    color: #94f7cb;
    line-height: 100px;
}


/* ============= 首页 ============== */

/* slider */
.slider{
    position: fixed;
    left: 0;
    width: 100%;
    height: 398px;
    top: 81px;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop) + 81);
}
.slider ul li{
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center 0;
    width: 100%;
    min-width: 950px;
    height: 398px;
    z-index: 1;
    display: none;
}
.slider ul li a{
    display: block;
    width: 100%;
    height: 398px;
}
.slider .btns{
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 10px;
    z-index: 2;
}
.slider .btns span{
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #a49185;
    margin-right: 5px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2) inset;
    transition: .5s;
}
.slider .btns span.active{
    background-color: #78b0e2;
    width: 20px;
}

/* content */
.abs_content{
    position: absolute;
    width: 100%;
    min-width: 950px;
    top: 81px;
    left: 0;
    z-index: 3;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2) inset;
    background: #fff;
}
.abs_content h2{
    color: #6c6c6c;
    text-align: center;
    font-size: 24px;
    line-height: 2em;
    margin-bottom: 10px;
    padding: 20px 0;
}

.service .container,
.scheme .container,
.case .container{
    border-bottom: 1px solid #e1e1e1;
}

.meta{ padding: 20px 0; }
.meta p{
    text-align: center;
    font-size: 16px;
    color: #6c6c6c;
    line-height: 2em;
}
.meta p.green{
    color: #44b790;
}

/* 产品 */
.product{
    background-color: #44b790;
}
.product h2{
    color: #fff;
}
.product ul li{
    float: left;
    text-align: center;
    color: #fff;
    width: 237px;
    padding: 10px 0;
}
.product ul li i{
    display: block;
    width: 62px;
    height: 62px;
    margin: 0 auto;
    background-image: url(../img/product_ico.png);
    _background-image: url(../img/product_ico.gif);
}
.product ul li i.ico1{ background-position: left top }
.product ul li i.ico2{ background-position: -63px top }
.product ul li i.ico3{ background-position: -126px top }
.product ul li i.ico4{ background-position: right top }

.product ul li i.ico5{ background-position: left bottom }
.product ul li i.ico6{ background-position: -63px bottom }
.product ul li i.ico7{ background-position: -126px bottom }
.product ul li i.ico8{ background-position: right bottom }

/* 服务 && 案例 */
.case h2{
    background-color: #f2f2f4;
    color: #009941;
}
.service dl,
.case dl{
    float: left;
    width: 33.31%;
}
.service dl dt,
.case dl dt{
    height: 98px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 2em;
    padding-top: 20px;
    margin-bottom: 10px;
    border-radius: 6px;
    margin: 0 5px;
}
.service dl dt b{
    font-size: 26px;
    font-weight: normal; 
}
.service dl dt.green{ background-color: #44b790; }
.service dl dt.blue{ background-color: #66d0fa; }
.service dl dt.yellow{ background-color: #fca158; }

.service dl dd{
    line-height: 1.5em;
    margin: 0 10px;
}
.case dl dd{
    line-height: 1.5em;
    margin: 0 23px 5px;
}
.service dl dd.tit{
    font-size: 16px;
    line-height: 2em;
}

/* 解决方案 */
.scheme_group{
    padding-bottom: 20px;
}
.scheme_item{
    float: left;
    width: 28.2%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 5%;

}
.scheme_item i{
    float: left;
    width: 55px;
    height: 55px;
    background-image: url(../img/scheme_ico.png);
    margin-right: 5px;
}
.scheme_item i.ico1{ background-position: left 0 ; }
.scheme_item i.ico2{ background-position: center 0; }
.scheme_item i.ico3{ background-position: right 0; }
.scheme_item i.ico4{ background-position: left -55px; }
.scheme_item i.ico5{ background-position: center -55px; }
.scheme_item i.ico6{ background-position: right -55px; }
.scheme_item i.ico7{ background-position: left -110px; }
.scheme_item i.ico8{ background-position: center -110px; }
.scheme_item i.ico9{ background-position: right -110px; }
.scheme_item i.ico10{ background-position: left -165px; }
.scheme_item i.ico11{ background-position: center -165px; }
.scheme_item i.ico12{ background-position: right -165px; }
.scheme_item i.ico13{ background-position: left -220px; }
.scheme_item i.ico14{ background-position: center -220px; }
.scheme_item i.ico15{ background-position: right -220px; }
.scheme_item i.ico16{ background-position: left -275px; }
.scheme_item i.ico17{ background-position: center -275px; }
.scheme_item i.ico18{ background-position: right -275px; }
.scheme_item .hgroup{
    float: left;
}
.scheme_item .hgroup h3,
.scheme_item .hgroup h4{
    line-height: 1.3em;
}
.scheme_item .hgroup h3{
    font-size: 26px;
}
.scheme_item .hgroup h3 span.yellow{ color: #fbc252; }
.scheme_item .hgroup h3 span.green{ color: #58a61d; }
.scheme_item .hgroup h3 span.red{ color: #e64244; }

/* 资讯 */
.news_item{
    width: 33.31%;
    float: left;
    padding-top: 20px;
}
.news_item h3,
.news_item ul{
    padding: 0 15px;
}
.news_item h3{
    font-size: 18px;
    color: #009941;
    line-height: 2em;
    margin-bottom: 10px;
}
.news_item h3 a.right{
    color: #fbc252;
}
.news_item li,
.hot_news li/*资讯详情页*/{
    line-height: 2.5em;
    font-size: 12px;
}
.news_item li a:hover,
.hot_news li a:hover/*资讯详情页*/{
    color: #46acf4;
    text-decoration: underline;
}
.news_item li span.right,
.hot_news li span.right/*资讯详情页*/{
    color: #828282;
}

/* 合作伙伴 */
.partner a{
    float: left;
    display: inline;
    margin: 0 32px;
}

/* ============= 资讯列表页 ============== */
.news_list_tit{
    padding: 20px 0;
    position: relative;
}
.news_list_tit hr{
    display: block;
    border-width: 3px 0 0;
    border-color: #f2f2f4;
    position: absolute;
    margin: 0;
    z-index: 0;
    left: 0 !important;
    top: 38px;
    width: 100%;
}
.news_list_tit h2{
    color: #009941;
    font-size: 26px;
    width: 185px;
    margin: 0 auto;
    line-height: 1.5em;
    background-color: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
}
.container .aside{
    width: 220px;
    float: right;
    position: relative;
}
.container .main{
    width: 700px;
}
.container .aside .fix{
    position: fixed;
    top: 95px;
}
.container .aside .abs{
    position: absolute;
    bottom: 0;
}
div.news_list li a{
    line-height: 2em;
    color: #222;
}
div.news_list li a:hover{
    color: #009941;
}
.list_item{
    border-bottom: 1px dashed #ddd;
    padding: 15px 5px 10px;
    position: relative;
    margin-left: 155px;
    _height: 120px;
}
.list_item a.left img{
    width: 180px;
    height: 119px;
}
.list_item h3,
.list_item h4,
.list_item p{
    margin-bottom: 5px;
}
.list_item h3 a{
    font-size: 18px;
    color: #222;
    line-height: 1em;
}
.list_item h3 a:hover{
    color: #46acf4;
    text-decoration: underline;
}
.list_item h4{
    font-size: 12px;
    color: ababab;
    line-height: 1.5em;
}
.list_item h4 a:hover{
    text-decoration: underline;
}
.list_item p{
    font-size: 12px;
    color: #333;
    line-height: 2em;
}
.list_item .time{
    position: absolute;
    left: 0;
    top: 35px;
    margin-left: -90px;
}
.list_item .time h5{
    font-size: 34px;
    color: #c6c6c6;
    line-height: .82em;
}
.list_item .time h6{
    font-size: 18px;
    color: #c6c6c6;
    line-height: 1em;
}
/* 分页 */
.pagination{
    padding-top: 20px;
}
.pagination a{
    float: left;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #909090;
    border-bottom: 1px solid #909090;
    text-align: center;
}
.pagination a:hover{
    color: #fff;
    background-color: #909090;
}
.pagination a.active{
    color: #fff;
    background-color: #009941 !important;
}

/* ============= 资讯详情页 ============== */
.hot_news{
    border: 1px solid #f6f6f7;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.hot_news .inner{
    padding: 5px;
    width: 208px;
}
.hot_news h2{
    background-color: #f6f6f7;
    color: #009941;
    text-indent: .5em;
    line-height: 36px;
    font-size: 16px;
    margin-bottom: 10px;
}
.hot_news h2 a.right{
    font-size: 14px;
    padding-right: 5px;
    outline: none;
}
.hot_news ul{
    padding: 0 5px;
}

.main h1{
    font-size: 26px;
    color: #1a1a1a;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 20px;
}
.article_info{
    height: 20px;
}
.article_info a,
.article_info span{
    color: #009941;
    font-size: 14px;
    margin: 0 5px;
}
.article_info a:hover{
    text-decoration: underline;
}
h3.description{
    background-color: #f6f6f7;
    line-height: 1.8em;
    padding: 5px 10px;
    margin-bottom: 20px;
}
.details p{
    text-indent: 2em;
    line-height: 1.8em;
    margin-bottom: 20px;
}
.other_article{
    height: 50px;
}
.other_article a{
    color: #009941;
    position: relative;
}
.other_article a.prev{
    float: left;
    padding-left: 25px;
}
.other_article a.next{
    float: right;
    padding-right: 25px;
}
.other_article a span{
    color: #6c6c6c;
    margin: 0 5px;
}
.other_article a i{
    width: 0;
    height: 0;
    top: 2px;
    border: 8px dashed transparent;
    position: absolute;
    overflow: hidden;
}
.other_article a.prev i{
    left: 0;
    border-right-style: solid;
    border-right-color: #009941;
}
.other_article a.next i{
    right: 0;
    border-left-style: solid;
    border-left-color: #009941;
}
/*--我要留言--*/
#wish-msgbox form p{
    padding: 5px 0;
}
.leave_message h2{
    color: #52a538;
    border-bottom: 1px solid #52a538;
    font-size: 16px;
    line-height: 3em;
    background: url(../images/global/msg_ico.png) no-repeat 0 center;
    text-indent: 1.5em;
    margin-bottom: 5px;
}
.leave_message div.det{
    padding: 10px 0;
}
.leave_message div.det p.name input{
    line-height: 20px;
    border: 1px solid #ccc;
}
.leave_message .leave_btn{
    width: 122px;
    height: 31px;
    font: 18px/28px "Microsoft Yahei";
    background-color: #1a985c;
    color: #fff;
    border: none;
    padding: 0;
}
.editor{
    margin:10px auto;
}
.mess{
    margin-top:15px;
    overflow:hidden;
}
.mess .items{
    border-top:1px dashed #c5c5c5;
    margin-bottom:10px;
    padding-top:12px;
    overflow:hidden;
}
.mess .items a.userimg{
    margin-right:10px;
    
}
.mess .items div.right_det{
    width:600px;
    float:right;
}
.mess .items .mess_group{
    border-bottom:1px dotted #c5c5c5;
    margin-bottom:10px;
}
.mess .items .mess_group .mess_top{
    height:25px;
    font-weight:normal;
    color:#333;
    font-size:14px;
}
.mess .items .mess_group .mess_top div.right span{
    color:#966943;
}
.mess .items .mess_group .mess_top div.right a.ip{
    margin-left:10px;
}
.mess .items .mess_group .mess_top .name span{
    font-size:14px;
    color:#333;
}
.mess .items .mess_group .mess_top .name a{
    margin-right:10px;
    font-size:14px;
    color:#333px;
}
.mess .items .mess_group p{
    padding:10px 0;
    font-size:14px;
    color:#333;
    font-size:14px;
    line-height:1.5em;
}
p.reply{
    line-height:25px;
    padding-bottom:10px;
}
p.reply a{
    color:#966943;
    font-size:14px;
}

/* 详情页相册 */
.picture_album{
    border:1px solid #ede9e9;
    padding:5px;
    margin-bottom:20px;
}
.bigimg_box{
    position:relative;
    height:400px;
    overflow:hidden;
    text-align: center;
}
.bigimg_box .goPrev,
.bigimg_box .goNext{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;  
}
.bigimg {
    display: inline;
}
.picture_album_big .bigimg_box{
    height:579px;
}
.opacity04{
    height:50px;
    background-color: rgba(0,0,0,.4);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = 'true',startColorstr = '#40000000',endColorstr = '#40000000');
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
}
.opacity04 p,
.opacity04 a,
.opacity04 span{
    font-size:14px;
    color:#fff;
    line-height:50px;
}
.opacity04 .imgtit{
    padding-left:20px;
    width:350px;
    text-align: left;
}
.opacity04 .imgnum_box{
    padding-right:10px;
}
.smallimg_box{
    padding-top:10px;
    position:relative;
    height:72px;
}
.smallimg_box a.prev,
.smallimg_box a.next{
    width:17px;
    height:64px;
    position:absolute;
    text-indent:-9999px;
}
.smallimg_box a.prev{
    background:url(../img/global/btns.gif) left top no-repeat;
    left:0;
    bottom:10px;
    display: block;
}
.smallimg_box a.next{
    background:url(../img/global/btns.gif) right top no-repeat;
    right:0;
    bottom:10px;
    display: block;
}
.smallimg_box a.hidden{
    display:none;
}
.jcarousellite{
    margin-left:18px;
    height:75px;
    overflow:hidden;
}
.smallimg_box ul li{
    padding:0 5px;
}
.picture_album_big .smallimg_box ul li{
    padding:0 11px;
}
.smallimg_box ul li img{
    border:2px solid #ccc;
    border-radius:4px;
    width:90px;
    height:60px;
    padding:4px;
}
.smallimg_box ul li.curr img{
    border-color:#46acf4;
}