/*banner*/


/*关于我们*/
.about-us { padding: 20px 0 10px; }
.about-us h1 { margin: 0 0 12px; line-height: 26px; font-size: 18px; font-weight: bold; color: #00BF00; }
.about-us p { text-indent: 26px; line-height: 24px; font-size: 13px; color: #555; }
@media (min-width: 768px) {
.about-us { padding: 35px 0 25px; }
.about-us h1 { margin: 0 0 15px; font-size: 20px; }
.about-us p { text-indent: 28px; font-size: 14px; }
}
@media (min-width: 992px) {
.about-us { padding: 40px 0 30px; }
.about-us h1 { margin: 0 0 18px; font-size: 22px; }
}
@media (min-width: 1200px) {
.about-us { padding: 60px 0 48px; }
.about-us h1 { margin: 0 0 30px; text-indent: 30px; font-size: 24px; }
.about-us p { text-indent: 30px; line-height: 26px; font-size: 15px; }
}
.team { padding: 20px 0; background: #efefef; }
.team-title-lg { margin: 0; font-size: 16px; color: #555; }
.team-title-lg span { padding-left: 10px; font-size: 12px; }
.list-team { margin: 0; }
.list-team .col-md-6 { padding: 12px 0 0; }
.list-team .col-md-6 img { float: left; width: 64px; padding-right: 5px; }
.list-team .col-md-6 h3 { margin: 0 0 5px; font-size: 14px; color: #00BF00; }
.list-team .col-md-6 span { line-height: 20px; font-size: 12px; color: #666; text-indent: 24px; }
@media (min-width: 768px) {
.team { padding: 35px 0; }
.team-title-lg { font-size: 18px; }
.team-title-lg span { font-size: 13px; }
.list-team .col-md-6 { padding: 18px 0 0; }
.list-team .col-md-6 img { width: 100px; padding-right: 12px; }
.list-team .col-md-6 h3 { margin: 0 0 8px; font-size: 15px; }
.list-team .col-md-6 span { line-height: 22px; font-size: 13px; text-indent: 26px; }
}
@media (min-width: 992px) {
.team { padding: 40px 0; }
.team-title-lg { font-size: 20px; }
.team-title-lg span { font-size: 14px; }
.list-team .col-md-6:nth-child(2n+1) { padding: 25px 20px 0 0; }
.list-team .col-md-6:nth-child(2n+2) { padding: 25px 0 0 20px; }
.list-team .col-md-6 img { width: 130px; padding-right: 15px; }
.list-team .col-md-6 h3 { margin: 0 0 5px; font-size: 14px; }
.list-team .col-md-6 span { display: block; line-height: 18px; font-size: 12px; text-indent: 24px; }
}
@media (min-width: 1200px) {
.team { padding: 60px 0; }
.team-title { margin: 0; }
.list-team .col-md-6:nth-child(2n+1) { padding: 35px 30px 0 0; }
.list-team .col-md-6:nth-child(2n+2) { padding: 35px 0 0 30px; }
.list-team .col-md-6 img { width: 150px; padding-right: 18px; }
.list-team .col-md-6 h3 { margin: 0 0 8px; font-size: 16px; }
.list-team .col-md-6 span { line-height: 24px; font-size: 14px; text-indent: 28px; }
}
.about-adv { padding: 20px 0 10px; }
.about-adv h4 { margin: 0 0 15px; font-size: 16px; font-weight: bold; color: #00BF00; }
.about-adv p { line-height: 20px; font-size: 13px; color: #555; }
@media (min-width: 768px) {
.about-adv { padding: 35px 0 25px; }
.about-adv h4 { margin: 0 0 18px; font-size: 18px; }
}
@media (min-width: 992px) {
.about-adv { padding: 40px 0 30px; }
.about-adv h4 { margin: 0 0 20px; font-size: 18px; }
.about-adv p { font-size: 14px; }
}
@media (min-width: 1200px) {
.about-adv { padding: 60px 0 50px; }
.about-adv h4 { margin: 0 0 25px; font-size: 20px; }
}
/*解决方案*/
.solution { width: 100%; padding-bottom: 20px; background: #efefef; }
.list-solu .row { padding: 20px 15px; margin: 20px -5px 0; background: #fff; }
.list-solu .row .col-md-6 { padding: 0; }
.list-solu .row .col-md-6 img { display: block; width: 100%; max-width: 520px; margin: 0 auto; }
.list-solu .row .col-md-6 { padding: 0; }
.list-solu .row .col-md-6 h2 { margin: 15px 0 8px; font-size: 16px; color: #00BF00; }
.list-solu .row .col-md-6 p { line-height: 22px; font-size: 13px; color: #999; }
.list-solu .row .col-md-6 ul { width: 100%; padding: 0; margin: 0; list-style: none; overflow: hidden; }
.list-solu .row .col-md-6 ul li { float: left; width: 50%; padding: 0 0 0 8px; margin: 0; background: url(../images/li-icon.gif) no-repeat left center; line-height: 20px; font-size: 12px; color: #666; }
.solu-ellipsis { height: 14px; line-height: 14px; color: #666; }
.solu-link { display: block; height: 36px; width: 100px; margin-top: 12px; background: #00BF00; line-height: 36px; text-align: center; font-size: 13px; color: #fff; border-radius: 2px; }
.solu-link:hover { opacity: 0.8; }
.solu-link:hover, .solu-link:active, .solu-link:focus { color: #fff; text-decoration: none; }
@media (min-width: 768px) {
.solution { padding-bottom: 30px; }
.list-solu .row { padding: 30px; margin: 30px 0 0; }
.list-solu .row .col-md-6 h2 { margin: 25px 0 15px; font-size: 22px; }
.list-solu .row .col-md-6 p { line-height: 24px; font-size: 15px; }
.list-solu .row .col-md-6 ul li { line-height: 24px; font-size: 13px; }
.solu-ellipsis { font-size: 14px; }
.solu-link { width: 120px; height: 40px; line-height: 40px; font-size: 14px; }
}
@media (min-width: 992px) {
.solution { padding-bottom: 40px; }
.list-solu .row { padding: 30px; margin: 40px 0 0; }
.list-solu .row:nth-child(2n+1) .col-md-6 { float: right; }
.list-solu .row:nth-child(2n+1) .col-md-6 { padding-right: 30px; }
.list-solu .row:nth-child(2n+2) .col-md-6 { padding-left: 30px; }
.list-solu .row .col-md-6 h2 { margin: 0px 0 15px; font-size: 22px; }
.solu-link { width: 140px; height: 42px; line-height: 42px; font-size: 15px; }
}
@media (min-width: 1200px) {
.solution { padding-bottom: 50px; }
.list-solu .row { padding: 40px; margin: 50px 0 0; }
.list-solu .row:nth-child(2n+1) .col-md-6 { float: right; }
.list-solu .row:nth-child(2n+1) .col-md-6 { padding-right: 60px; }
.list-solu .row:nth-child(2n+2) .col-md-6 { padding-left: 60px; }
.list-solu .row .col-md-6 h2 { margin: 0px 0 15px; font-size: 30px; }
.list-solu .row .col-md-6 p { margin-bottom: 15px; line-height: 26px; font-size: 16px; }
.list-solu .row .col-md-6 ul li { padding: 0 0 0 15px; line-height: 26px; font-size: 14px; }
.solu-ellipsis { height: 22px; line-height: 22px; font-size: 16px; }
.solu-link { width: 160px; height: 46px; margin-top: 18px; line-height: 46px; font-size: 16px; }
}
/*联系我们*/
.contact-main { width: 100%; background: #ccc; }
.contact { width: 100%; background: url(../images/contact-bg.png) repeat; }
.cantact-info { margin: 15px 0 0; background: #fff; }
.ci-list { width: 100%; overflow: hidden; }
.ci-list ul { width: 100%; padding: 0 10px 10px; margin: 0; overflow: hidden; list-style: none; }
.ci-list ul li { float: left; width: 100%; height: 200px; padding: 30px 20px; margin: 10px 0 0; color: #444; }
.ci-list ul li.cl-ad { background: #F8E1E0; }
.ci-list ul li.cl-tel { background: #DEF2F4; }
.ci-list ul li.cl-em { background: #EBF2DA; }
.ci-list ul li.cl-qq { background: #D6ECF9; }
.ci-list ul li i { display: block; text-align: center; }
.ci-list ul li h2 { padding: 20px 0 15px; margin: 0; text-align: center; font-size: 16px; }
.ci-list ul li p { margin: 0; text-align: center; line-height: 24px; font-size: 14px; }
@media (min-width: 768px) {
.cantact-info { margin: 25px 0 0; }
.ci-list ul { padding: 0 0 20px; }
.ci-list ul li { width: 330px; padding: 35px 25px; margin: 20px 0 0 20px; }
}
@media (min-width: 992px) {
.cantact-info { margin: 25px 0 0; }
.ci-list ul { padding: 20px 0; }
.ci-list ul li { width: 210px; height: 190px; padding: 25px 10px; margin: 0 0 0 20px; }
.ci-list ul li h2 { padding: 18px 0 10px; }
.ci-list ul li p { font-size: 12px; }
}
@media (min-width: 1200px) {
.cantact-info { margin: 30px 0 0; }
.ci-list ul li { width: 260px; height: 240px; padding: 40px 20px; margin: 0 0 0 20px; }
.ci-list ul li h2 { padding: 25px 0 15px; font-size: 18px; }
.ci-list ul li p { line-height: 28px; font-size: 15px; }
}
.map-warp { width: 100%; margin-bottom: 15px; background: #fff; }
.message-warp { width: 100%; padding: 10px; margin: 15px 0; background: #fff; }
h3.message-title { margin: 0; font-size: 16px; color: #555; }
h3.message-title span { font-size: 13px; color: #999; }
.msg-text, .msg-textarea { width: 100%; height: 34px; padding: 8px; margin-top: 8px; border: #c6c6c6 solid 1px; line-height: 16px; font-size: 14px; color: #666; }
.msg-textarea { height: 78px; line-height: 20px; }
.msg-btn { width: 100%; margin-top: 10px; overflow: hidden; }
.msg-submit, .msg-reset { float: left; width: 110px; height: 36px; background: #666; border: none; line-height: 36px; text-align: center; font-size: 14px; color: #fff; border-radius: 2px; }
.msg-reset { margin-left: 15px; }
.msg-submit:hover, .msg-reset:hover { background: #00BF00; }
@media (min-width: 768px) {
.message-warp { padding: 20px; margin: 20px 0; }
.map-warp { padding: 20px; margin-bottom: 25px; }
.msg-text { height: 40px; padding: 11px 8px; margin-top: 12px; }
.msg-textarea { height: 106px; margin-top: 12px; line-height: 22px; }
.msg-btn { margin-top: 15px; }
.msg-submit, .msg-reset { width: 120px; height: 40px; text-align: center; line-height: 40px; }
}
@media (min-width: 992px) {
.msg-text { height: 42px; padding: 12px 8px; }
}
@media (min-width: 1200px) {
.message-warp { margin: 20px 0; }
.map-warp { margin-bottom: 30px; }
.msg-form { padding: 30px; margin-top: 15px; border: #c6c6c6 solid 1px; }
.msg-text { height: 48px; padding: 14px 10px; margin-top: 0px; margin-bottom: 20px; line-height: 18px; }
.msg-textarea { height: 112px; margin-top: 0px; line-height: 24px; }
.msg-btn { margin-top: 22px; }
.msg-submit, .msg-reset { width: 150px; height: 45px; text-align: center; line-height: 45px; }
.msg-reset { margin-left: 20px; }
}
/*精彩案例二级菜单*/
.case-menu { padding: 12px 0 4px; }
.case-menu ul { width: 100%; padding: 0; margin: 0; list-style: none; overflow: hidden; }
.case-menu ul li { display: inline-block; float: left; padding: 0; margin-right: 8px; }
.case-menu ul li a { font-size: 12px; color: #555; }
.case-menu ul li a:hover, .case-menu ul li a:focus, .case-menu ul li.current a { text-decoration: none; color: #00BF00; }
@media (min-width: 768px) {
.case-menu { padding: 16px 0 4px; }
.case-menu ul li { margin-right: 25px; }
.case-menu ul li a { font-size: 13px; }
}
@media (min-width: 992px) {
.case-menu { padding: 22px 0 9px; }
.case-menu ul li { margin-right: 40px; }
.case-menu ul li a { font-size: 14px; }
}
@media (min-width: 1200px) {
.case-menu { padding: 26px 0 8px; }
.case-menu ul li { margin-right: 50px; }
}
/*精彩案例*/
.case { background: #efefef; padding-bottom: 20px; }
.case-list { margin: 0 -10px 0; overflow: hidden; }
.case-list .col-xs-12 { padding: 0 10px; margin: 8px 0; }
.case-list .col-xs-12 a { display: block; background: #fff; }
.case-list .col-xs-12 a:hover, .case-list .col-xs-12 a:active, .case-list .col-xs-12 a:focus { text-decoration: none; color: #00BF00; }
.case-list .col-xs-12 a img { width: 100%; }
.case-list .col-xs-12 a span { display: block; padding: 8px 8px 5px; font-size: 15px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.case-list .col-xs-12 a p { padding: 0 8px 10px; margin: 0; line-height: 170%; font-size: 12px; color: #888; }
.case-list .col-xs-12 a:hover span, .case-list .col-xs-12 a:hover p { color: #00BF00; }

.case_list_l{ width:55%; height:auto; float:left;}
.case_list_r{ width:45%; height:auto; float:right; text-align:right;}
.cl{ clear:both;}
.case_list_r p{ display: inline-block; height: 60px; padding: 0 12px 0 2px; width: 20px; }
.case_list_r p.cases_a_pc { background: url("../images/cases_ico_pc_b.png") no-repeat scroll center center; }
.case_list_r p.cases_a_phone { background: url("../images/cases_ico_phone_b.png") no-repeat scroll center center; }
@media (min-width: 768px) {
.case { padding-bottom: 30px; }
.case-list { margin: 0 -10px 0; }
.case-list .col-xs-12 { margin: 12px 0; }
.case-list .col-xs-12 a span { padding: 10px 12px 5px; }
.case-list .col-xs-12 a p { padding: 0 12px 12px; font-size: 13px; }
}
@media (min-width: 992px) {
.case { padding-bottom: 35px; }
.case-list { margin: 0 -10px 0; }
.case-list .col-xs-12 { margin: 13px 0; }
.case-list .col-xs-12 a span { padding: 6px 6px 1px; }
.case-list .col-xs-12 a p { padding: 0 6px 6px; line-height: 160%; }
}
@media (min-width: 1200px) {
.case { padding-bottom: 45px; }
.case-list { margin: 0 -10px 0; }
.case-list .col-xs-12 { margin: 18px 0; }
.case-list .col-xs-12 a span { padding: 12px 13px 4px; font-size: 16px; }
.case-list .col-xs-12 a p { padding: 0 13px 12px; line-height: 170%; }
}
/*精彩案例详情页*/
.case-content { width: 100%; }
.case-article { padding-bottom: 15px; }
.ca-top { padding: 10px 0 15px; }
.ca-top h1 { padding: 0 0 8px; margin: 0; font-size: 16px; color: #333; }
.ca-top span { font-size: 12px; color: #999; }
.ca-top h2 { padding: 8px 0; margin: 0; font-size: 14px; color: #333; }
.ca-top h2 a { color: #00BF00; }
.ca-top h2 a:hover, .ca-top h2 a:focus { color: #00BF00; text-decoration: none; }
.ca-top .col-sm-7 { line-height: 20px; font-size: 12px; color: #999; }
.case-body { padding-bottom: 10px; border-bottom: #ccc dotted 1px; }
.case-body img { width: 100%; max-width: 1140px; }
@media (min-width: 768px) {
.case-article { padding-bottom: 25px; }
.ca-top .col-sm-7 { line-height: 22px; }
.case-body { padding-bottom: 15px; }
}
@media (min-width: 992px) {
.case-article { padding-bottom: 30px; }
.ca-top h1 { font-size: 18px; }
.ca-top .col-sm-7 { line-height: 24px; }
.case-body { padding-bottom: 20px; }
}
@media (min-width: 1200px) {
.case-article { padding-bottom: 45px; }
.ca-top { }
.ca-top h1 { padding: 4px 0 10px; font-size: 20px; }
.ca-top h2 { padding: 10px 0; font-size: 16px; }
.ca-top .col-sm-7 { line-height: 26px; }
.case-body { padding-bottom: 25px; }
}
/*新闻二级栏目*/
.position-news { padding: 25px 0 5px 0; }
.pn { width: 100%; background: #fff; padding: 15px; overflow: hidden; }
.pn-title { float: left; line-height: 24px; color: #555; }
.pn-title span { padding-left: 6px; color: #ccc; }
.pn ul { float: right; padding: 0; margin: 0; list-style: none; }
.pn ul li { display: inline-block; float: left; margin-left: 40px; }
.pn ul li a { line-height: 24px; font-size: 13px; color: #555; }
.pn ul li a:hover, .pn ul li a:focus, .pn ul li.current a { text-decoration: none; border-bottom: #00BF00 solid 2px; color: #00BF00; }
@media (min-width: 1200px) {
.position-news { padding: 35px 0 2px 0; }
.pn { padding: 18px 20px; }
.pn ul li { margin-left: 50px; }
}
/*新闻列表*/
.news { width: 100%; padding-top: 5px; padding-bottom: 20px; background: #efefef; }
.list-news { padding-bottom: 5px; }
.list-news ul { margin: 0; padding: 0; list-style: none; }
.list-news ul li { position: relative; margin: 15px 0 0; padding: 10px; background: #fff; }
.list-news ul li a { display: block; width: 100%; padding-bottom: 8px; font-size: 14px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list-news ul li p { margin-bottom: 5px; line-height: 20px; font-size: 12px; color: #666; }
.list-news ul li span.list-time { display: block; font-size: 12px; color: #999; }
.list-news ul li a:hover { text-decoration: none; color: #00BF00; }
@media (min-width: 768px) {
.news { padding-bottom: 30px; }
.list-news { padding-bottom: 8px; }
.list-news ul li { padding: 18px 20px; margin: 20px 0 0; }
.list-news ul li a { padding-bottom: 12px; }
.list-news ul li p { margin-bottom: 8px; }
}
@media (min-width: 992px) {
.news { padding-bottom: 30px; }
.list-news { padding-bottom: 8px; }
.list-news ul li { padding: 25px; margin: 20px 0 0; }
.list-news ul li a { padding-bottom: 15px; }
.list-news ul li p { margin-bottom: 10px; }
}
@media (min-width: 1200px) {
.news { padding-bottom: 40px; }
.list-news { padding-left: 78px; }
.list-news ul li { padding: 30px 40px; margin-top: 30px; }
.list-news ul li a { padding-bottom: 20px; }
.list-news ul li p { margin-bottom: 22px; line-height: 24px; }
.list-news ul li.hover a { color: #00BF00; }
.list-news ul li .news-time { position: absolute; left: -78px; top: 0px; width: 78px; height: 114px; background: url(../images/news_clock.png) no-repeat center 78px #888; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.list-news ul li.hover .news-time { background-color: #00BF00; }
.news-time span.time-day { display: block; line-height: 50px; text-align: center; font-size: 36px; color: #fff; }
.news-time span.time-my { display: block; line-height: 24px; text-align: center; font-size: 13px; color: #ccc; }
}
/*文章页*/
.body-news { }
.article-news { width: 100%; overflow: hidden; }
.an-left { background: #fff; padding: 15px 0; }
.news-title { padding: 0 0 10px; }
.news-title h1 { margin: 0px; text-align: center; font-size: 18px; color: #333; }
.news-title span { display: block; text-align: center; font-size: 12px; color: #999; }
.news-body { padding-bottom: 10px; border-bottom: #ccc dotted 1px; min-height: 300px; line-height: 170%; font-size: 13px; color: #555; word-break: break-all; }
.news-body img { max-width: 100%; padding: 8px; margin: 0 auto; border: #eee solid 1px; border-radius: 3px; }
@media (min-width: 768px) {
.an-left { padding: 20px 0; }
.news-title h1 { padding-bottom: 8px; font-size: 20px; }
.news-body { word-break: break-all; padding-bottom: 15px; line-height: 180%; font-size: 14px; }
}
@media (min-width: 992px) {
.an-left { padding: 25px 0; }
.news-title h1 { padding-bottom: 10px; font-size: 22px; }
.news-body { word-break: break-all; padding-bottom: 20px; line-height: 190%; font-size: 14px; }
}
@media (min-width: 1200px) {
.article-news { width: 1140px; padding: 40px 0; }
.an-left { float: left; width: 840px; padding: 0; }
.news-title { padding: 0 0 20px; }
.news-title h1 { padding-bottom: 15px; font-size: 24px; }
.an-right { float: right; width: 240px; padding: 0px; background: #fff; }
h2.anr-title { margin: 0px; padding-bottom: 10px; font-size: 24px; color: #333; }
.anr-list-news { padding: 0; margin: 0; list-style: none; }
.anr-list-news li { margin: 0; padding: 20px 0 8px; border-bottom: #ddd dashed 1px; }
.anr-list-news li:last-child { border-bottom: none; }
.anr-list-news li a h3 { margin: 0 0 12px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.anr-list-news li a { color: #666; }
.anr-list-news li a:hover, .anr-list-news li a:focus { text-decoration: none; color: #00BF00; }
.anr-list-news li a p { margin-bottom: 15px; line-height: 22px; font-size: 12px; }
.anr-list-news li span { font-size: 12px; color: #999; }
}
/*当前位置*/
.position { height: 42px; line-height: 42px; font-size: 12px; color: #999; }
.position i { padding-right: 5px; color: #ccc; }
.position a { padding-right: 5px; color: #999; }
.position a:hover, .position a:focus { color: #555; text-decoration: none; }
/*分页、翻页、分享*/
.page { width: 100%; margin-top: 8px; }
.page ul { padding: 0; margin: 0; list-style: none; text-align: center; }
.page ul li { display: inline-block; padding: 0; margin: 0 1px; padding: 1px 6px; border: #00BF00 solid 1px; background: #fff; font-size: 12px; color: #666; }
.page ul li:hover, .page ul li.thisclass, .page ul li:hover a { background: #00BF00; color: #fff; }
.page ul li a { display: inline-block; color: #00BF00; }
.page ul li a:hover, .page ul li a:focus { text-decoration: none; color: #fff; }
@media (min-width: 768px) {
.page { margin-top: 12px; }
.page ul li { padding: 5px 10px; }
}
@media (min-width: 1200px) {
.page { margin-top: 18px; }
}
.prev-next { padding-top: 10px; }
.prev-next span { display: block; line-height: 24px; font-size: 12px; color: #555; }
.prev-next span a { color: #555; }
.prev-next span a:hover, .prev-next span a:focus { text-decoration: none; color: #00BF00; }
.art-bottom { width: 100%; padding-top: 5px; overflow: hidden; }
.baidu-share { float: left; padding: 0; }
.baidu-share span { display: block; float: left; line-height: 28px; font-size: 12px; color: #555; }
.bdsharebuttonbox { float: left; }
.back-list { float: right; }
.back-list a { display: block; width: 64px; height: 28px; background: #666; line-height: 28px; text-align: center; font-size: 12px; color: #fff; }
.back-list a:hover, .back-list a:focus { background: #00BF00; text-decoration: none; color: #fff; }
@media (min-width: 768px) {
.prev-next { padding-top: 15px; }
.art-bottom { padding-top: 10px; }
}
@media (min-width: 992px) {
.prev-next { padding-top: 20px; }
.art-bottom { padding-top: 15px; }
}
@media (min-width: 1200px) {
.prev-next span { line-height: 28px; }
.prev-next { padding-top: 25px; }
.art-bottom { padding-top: 20px; }
}