.pad-main { padding-bottom: 88px; }
.nav-main { width: 100%; height: 60px; background-color: #336666; }
.nav-main .wd { font-size: 16px; color: #fff; }
.nav-main .wd > a { display: block; float: left; width: auto; height: 60px; line-height: 60px; text-align: center; cursor: pointer;color: #fff;padding-left: 5px;padding-right: 5px;  }
.nav-main .wd > a:hover { background-color: #627a7a; }
.nav-main .wd > a.active {background-color: #627a7a;  }
.crumbs { width: 100%; height: 25px; overflow: hidden; margin-top: 23px; border-bottom: 1px solid #cccccc; font-family: 'Microsoft YaHei'; }
.crumbs a { color: #333; }
.crumbs a:hover{color: #336666;}
.crumbs .w-span { display: block; float: left; }
.crumbs .f-span { display: block; float: left; width: 30px; text-align: center; }
/*字体*/
.ftsz24 { font-size: 24px; }
.ftsz20 { font-size: 20px; }
.ftsz18 { font-size: 18px; }
.ftsz16 { font-size: 16px; }
.ftsz14 { font-size: 14px; }
.ftsz12 { font-size: 12px; }
/*行高*/
.lnhei24 { line-height: 24px; }
/*关于瑞钮*/
.ab-hdimg { width: 100%; min-height: 113px; }
.ab-hdimg img { width: 100%; min-height: 113px; }
.left-wd { width: 51%; }
.left-wd p { color: #666666; }
.left-wd p:first-child { margin-top: -10px; }
.right-wd { width: 46%; }
.right-wd img { max-width:100%; height:300px;}
.ab-mgt { margin-top: 48px; }
.ab-mgb { margin-bottom: 18px; }
.ab-mgl { margin-left: 3%; }
.ab-mgt-p { margin-top: 24px; }
.ab-mgt-ap { margin-top: 12px; margin-bottom: 20px; }
.all-p-t { display: block; color: #666666; }
.all-p { display: block; color: #666666; }
.textMain { margin-bottom: 50px; }
/*联系我们*/
.us-mgt { margin-top: 46px; }
.us-mgf { margin-left: 8%; margin-right: 8%; }
.us-left { width: 45.6%; background-color: #f3f3f3;  }
.us-left p { width: 84%; }
.us-mgt.detail { padding-bottom: 14px; }

.a-tt { line-height: 32px; color: #333333; }
.a-tt span{display:block; text-align:center;}
.a-tt-mgtb { margin-top: 30px; margin-bottom: 18px; }
.one-gov { margin-bottom: 20px; }
.b-tt { color: #333333; }
.b-tt span { font-weight: bold; font-size: 14px; }
.one-gov .b-tt-mgb { margin-bottom: 4px; }
.c-tt { line-height: 24px; color: #666666; }
.us-right { width: 54.4%;  }
.us-msg { width: 100%; }
.us-msg form { margin-top: -30px; }
.us-msg-mgt { margin-top: 70px; }
.a-tt-msg { color: #333333; }
.center-sy { display: block; height: 32px; width: 100%; text-align: center; }
.us-msg .msg-l { width: 49%; }
.us-msg .msg-r { width: 49%; }
.us-msg .msg-mg { margin-left: 2%; }
.us-msg .ipt-bg { position: relative; margin-top: 16px; width: 100%; height: 40px; background-color: #f3f3f3; }
.us-msg .ipt-bg .lb-name { padding-left:10px; height: 40px; line-height: 40px; color: #333333; text-align: right; }
.us-msg .ipt-bg input[type="text"] { width:78%; background-color: #f3f3f3;  border: none; line-height: 40px; color: #666666; outline-style: none; }
.us-msg .msg-a { width: 100%; }
.us-msg .msg-a .ipt-bg { position: relative; margin-top: 16px; width: 100%; min-height: 118px; background-color: #f3f3f3; }
.us-msg .msg-a .ipt-bg .lb-name { line-height: 36px; color: #333333; text-align: center;  }
.us-msg .msg-a .ipt-bg textarea { float: left; width:88%; background-color: #f3f3f3; margin: 8px auto; border: none; line-height: 24px; color: #666666; outline-style: none; }
.us-mgt-btn { margin-top: 30px; margin-bottom: 60px; }
.us-page { width: 240px; position: relative; margin: 30px auto; }
.us-page .page-sp { display: block; border: none; width: 106px; height: 28px; line-height: 28px; text-align: center; background-color: #e8e8e8; outline-style: none; }
.us-page .page-sp:hover { background-color: #2e666f; color: #fff; }

/*新闻与咨询*/
.o-new-mgt { margin-top: 32px; }
.one-new { width: 100%; position: relative; }
.one-new .new-pic { width: 25%; display:inline; }
.one-new .new-pic img { width: 100%; }
.one-new .new-con {  margin-left:2.5%; width: 72.5%; position: relative; display:inline;}
.one-new .new-con .n-tt { display: block; width: 100%; overflow: hidden;display: -webkit-box; text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height:33px;line-height:21px;}
.one-new .new-con .n-tt:hover { color: #336666; }
.one-new .new-con .n-tt .one-new .new-con .n-con { display: block; width: 100%; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.one-new .new-con .n-time { display: block; width: 100%; }

.one-new .new-con .tmc-mgt { margin-top: 31px; }
/*新闻详情*/
.nd-t-mgt { margin-top: 28px; }
.nd-tt { color: #333333; display: block; width: 100%; text-align: center; overflow: hidden;display: -webkit-box; text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.nd-time { display: block; width: 100%; text-align: center; overflow: hidden; line-height: 33px; text-overflow: ellipsis; white-space: nowrap; color: #666666; border-bottom: 1px dashed #e6e6e6; }
.nd-con { display: block; width: 100%; color: #666666; }
.nd-pic { width: 100%; }
.nd-pic .one-nd { width: 32.4%; margin-left: 1.4%; margin-top: 14px; }
.nd-pic .one-nd:nth-child(3n+1) { margin-left: 0; }
.nd-pic .one-nd img { width: 100%; }
.nd-page { width: 100%; height: 30px; position: relative; margin-bottom: 30px; }
.nd-page .page-sp { display: block;height: 30px; line-height: 30px; text-align: center; background-color: #e8e8e8; }
.nd-page .page-sp:hover { background-color: #336666; color: #fff; }


/*案例详情页*/
.case-mgb { margin-bottom: 80px; }
.case-mgf { margin-left: 5.4%; }
.case-left { width: 51.6%; }
.case-right { width: 43%; }
.time-tt { font-size:14px; color: #666666;margin-top:11px; }
.case-right table { margin-top: 25px; }
.case-right table tr td { font-size: 12px; line-height: 24px; color: #666666; }
.case-right table tr td a { font-size: 12px; line-height: 24px; color: #666666; }
.case-right table tr td:last-child { padding-left: 0px; }
/*案例列表*/
.ls-case-mgt { margin-top: 34px; }
.one-case { width: 31.6%; margin-left: 2.6%; margin-top: 34px; }
.one-case:nth-child(3n+1) { margin-left: 0; }
.project_case .us-mgt{margin-top:20px;}
.one-case img { width: 100%; }
.o-case-mg { margin-left: 2.6%; }
.one-case .hname { display: table; width: 100%; box-shadow: 3px 3px 2px #d2d2d2; text-align: center; color: #666666; overflow: hidden; }
.one-case .hname a { color: #666666; font-weight: 500; display: table-cell; width: 98%; margin: auto auto; vertical-align: middle; height: 46px; text-align: center; overflow: hidden; }
.one-case .hname a:link { color: #666666; }
.one-case .hname a:visited { color: #336666; }
.one-case .hname a:hover { color: #336666; opacity: 0.6; }
.one-case .hname a:active { color: #336666; }




/*案例首页*/


#timeline { width: 100%; overflow: hidden; position: relative; z-index: 1; background: url(../images/case_bg.png) top repeat-x; }
/* 效果CSS开始 */

.PC-div { width: 1000px; overflow: hidden; }
.timeLine { position: relative; height: 70px; border-bottom: 1px solid #000; }
    .timeLine table { display: block; font-size: 0; letter-spacing: 0; position: absolute; top: 0; }
    .timeLine td { line-height: 27px; background: url(../images/smallcircle.png) center 65px no-repeat; padding-bottom: 10px; width: 330px; height: 70px; font-size: 14px; vertical-align: middle; color: #333; text-align: center; }
    .timeLine .active { font-size: 24px; }
.zoomBox { background: url(../images/case_shadow.png) center 266px no-repeat; margin: 50px 0 64px; padding-bottom: 26px; }
.zoomBox_inner { position: relative; height: 266px; background-color: #ededed;overflow: hidden; }
.zoomBox ul { display: block; font-size: 0; letter-spacing: 0; position: absolute;top: 36px; }
.zoomBox pre { cursor: pointer; position: absolute; top: 128px; width: 25px; height: 38px; z-index: 22; }
    .zoomBox pre.prev { background: url( ../images/prev.png) left bottom no-repeat; left: 0px; }
    .zoomBox pre.next { background: url(../images/next.png) right bottom no-repeat; right: 0px; }
.zoomBox li { display: inline-block; width: 250px; margin-right: 0px; text-align: center; line-height: 231px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; -ms-transition: all 0.6s linear; transition: all 0.6s linear; }
    .zoomBox li.active { width: 500px; }
        .zoomBox li.active img { width: 100%; height: 228px; }
    .zoomBox li.hard_active {width: 500px; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition: all 0.6s linear; transition:none; }
        .zoomBox li.hard_active img {width: 100%; height: 228px;-webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition: all 0.6s linear; transition:none; }
    .zoomBox li img { width: 158px; height: 72px; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; -o-transition: all 0.6s linear; -ms-transition: all 0.6s linear; transition: all 0.6s linear; }
.zoomBox li.hard_deactive {display: inline-block; width: 250px; margin-right: 0px; text-align: center; line-height: 231px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
.zoomBox li.hard_deactive img{width: 158px; height: 72px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
/* 效果CSS结束 */
.bot-div { width: 100%; height: 92px; position: relative; background: url(../images/bot_bg.png) center no-repeat; }
/*案例手机端*/
.slide-min-h { min-height: 320px; }
.ck-slide { position: relative; overflow: hidden; width: 100%; }
.ck-slide ul { margin: 0; padding: 0; list-style-type: none; }
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; }
.ck-slide ul.ck-slide-wrapper li { position: absolute; margin-top: 0; overflow: hidden; }
.ck-slide ul.ck-slide-wrapper li a { line-height: 0; display: block; }
.ck-slide.caseindex ul.ck-slide-wrapper li a img { min-height: 270px; }
.ck-slide ul.ck-slide-wrapper li .info { position: relative; display: block; width: 100%; height: 300px; text-align: left; color: #333333; margin-bottom: 0px; }
.ck-slide ul.ck-slide-wrapper li .info table { margin-top: 12px;text-align: left; }
.ck-slide ul.ck-slide-wrapper li .info table tr td { font-size: 12px; line-height: 24px; color: #666666; }
.ck-slide ul.ck-slide-wrapper li .info table tr td a { font-size: 12px; line-height: 24px; color: #666666; }

.ck-slide ul.ck-slide-wrapper li .txt {   display: block; width: 100%; height:50px; line-height:50px; text-align: center; color: #2f6571; margin-bottom: 0px; font-size:16px;font-weight:bold; }
.ck-slide .ck-next, .ck-slide .ck-prev { position: absolute; top: 50%; z-index: 2; width: 21px; height: 36px; margin-top: -43px; border-radius: 3px; opacity: .8; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s; }
.ck-slide .ck-prev { left: 0px; background: url(../images/arrow-left.png) #000 50% no-repeat; }
.ck-slide .ck-next { right: 0px; background: url(../images/arrow-right.png) #000 50% no-repeat; }
.ck-slide .slidesjs-previous, .ck-slide .slidesjs-next { position: absolute; top: 50%; z-index: 10; width: 21px; height: 36px; margin-top: -43px; border-radius: 3px; opacity: .8; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s; }
.ck-slide .slidesjs-previous { left: 0px; background: url(../images/arrow-left.png) #000 50% no-repeat; }
.ck-slide .slidesjs-next { right: 0px; background: url(../images/arrow-right.png) #000 50% no-repeat; }
.ck-slide { width: 100%; height: 109px; margin: 0 auto; }
.ck-slide ul.ck-slide-wrapper { height: 109px; }
/*分页*/
.page { margin: 40px auto 10px auto; height: 40px; }
.pageList{ margin:0 auto;}
.pageList a:first-child{ border-radius: 5px 0 0 5px;}
.pageList a:last-child{ border-radius:  0 5px 5px 0;}
.pageList a,.pageList span { float: left; display: block; margin-right: 2px; padding:0 10px; min-width: 20px; height: 40px; background-color: #f0f0f0; color: #666; text-align: center; font-size: 14px; line-height: 40px; cursor:pointer; }
.pageList span:hover,.pageList a:hover { background-color: #2e666f; color: #f0f0f0; }
.pageList span { background-color: #2e666f; color: #f0f0f0; }
.pageList span .active { background-color: #2e666f; color: #f0f0f0; }
.phone-div { display: none; }



@media (max-width: 1020px) {
  .w1000{width:100%;}
.crumbs,.nav-main .wd{width:95%; margin:0px auto;}
.about_ruiniu .textMain,.contactMain{width:95%; margin:0px auto;}
.one-new .new-con .ctt-mgt { margin-top: 20px; }
.one-new .new-con .tmc-mgt { margin-top: 20px; }
.news_lists{width:95%;}
}

@media (max-width: 1000px) {
  
  .ftsz24 { font-size: 24px; }
.ftsz20 { font-size: 20px; }
.ftsz18 { font-size: 18px; }
.ftsz16 { font-size: 16px; }
.ftsz14 { font-size: 14px; }
.ftsz12 { font-size: 12px; }

.crumbs {    
  margin-top: 7px;
  height: 20px;
}
p.b-tt.ftsz16{font-size:16px;}
.ab-mgt { margin-top: 22px; }
.one-new .new-con .ctt-mgt { margin-top: 15px;max-height:23px;overflow:hidden;}
.one-new .new-con .tmc-mgt { margin-top: 25px;}
/*案例详情*/
.case-mgf { margin-left: 0; }
.case-left { display:none; }
.case-right { display:none; }
.case-right table { margin-top: 28px; }
.phone-div { display: block; }
.PC-div {display:none; }
}


@media (max-width: 767px) {
  #allmap{width:auto;}
.us-msg .ipt-bg input[type="text"] { width:71%; }
p.a-tt{font-weight:bold; margin-top:20px;}
p.b-tt.ftsz16{font-size:12px;}
.us-mgf { margin-left:0; margin-right: 0; }
.pad-main { padding-bottom: 48px; }
.left-wd { width: 100%; }
.right-wd { width: 100%; text-align:center; margin-left:0; }
.right-wd img{ margin-top:0px;}
.one-new .new-con .ctt-mgt { margin-top: 10px; margin-bottom:27px}
.one-new .new-con .tmc-mgt { margin-top: 10px; }

/*联系我们*/
.contactMain{width:100%;}
.us-mgt { margin-top: 10px; }
.a-tt-mgtb { margin-top: 10px; margin-bottom: 10px; }
.us-left { width: 100%; background-color: transparent; }
.us-right { width: 100%; margin:0 auto; }
.contact-us .detail{width: 95%;
  margin: 0px auto; float:none;padding-bottom:0;
}
.liuyan{width: 95%;
  margin: 0px auto;float:none;}
.us-msg-mgt { margin-top: 20px; }
.us-mgt-btn { margin-top: 15px; margin-bottom: 10px; }
.case-right table { margin-top: 20px; }
.map_wrap.us-mgt{width:95%;float:none;margin: 0 auto;min-height:none;}
}

@media (max-width: 620px) {
  .left-wd { width: 100%; }
.right-wd img { width:80%; height:80%;}
.us-right { width: 80%; height:90%;  text-align:center;  }
.one-new .new-pic { width: 35%; }
.one-new .new-con { width: 62.5%; }
.one-new .new-con .ctt-mgt { margin-top: 5px; margin-bottom:20px }
.one-new .new-con .tmc-mgt { margin-top: 5px; }
.case-right table { margin-top: 16px; }
#timeline { display: none; }

.us-msg .ipt-bg input[type="text"] { width:63%; }


.case-left { display: none; }
.case-right{display: none; }
}
@media (max-width: 480px) {
  
  .one-new .new-con .ctt-mgt { display:none; }
.one-new .new-con .n-tt{line-height:21px;}
.crumbs .w-span.last_title{display:none;}
.f-span.last_title{display:none;}
}

@media (max-width: 480px) {
  .news_lists{margin-bottom:30px;}
.page_navi{display:none;}
.ck-slide ul.ck-slide-wrapper li .txt { font-size: 16px; color: #336666; }
.lnhei24 { line-height: 22px; }
.nav-main { height: 30px; }
.nav-main .wd > a {
  font-size:14px;
  height: 30px;
  width:93px;
  line-height: 30px;
}
.left-wd { width: 100%; }
.right-wd img { width:100%; height:50%;}

.ab-mgl { margin-left: 0px; }
.ab-mgt-p { margin-top: 24px; }
.pageList a,.pageList span { padding:0 5px; }



.center-sy { text-align: left; font-size: 16px; }
.us-msg .msg-l { width: 100%; }
.us-msg .msg-r { width: 100%; }
.us-msg .msg-mg { margin-left: 0; }
.us-msg .ipt-bg { width: 100%; }
.us-msg .ipt-bg .lb-name { font-size: 14px; }
.us-msg .msg-a .ipt-bg textarea { width: 70%; }

.ck-slide ul.ck-slide-wrapper li a .txt { color: #336666; }
.us-mgt { margin-top: 16px; }
.us-mgf { margin-left: 0; }
.us-left p { width: 100%; }
.us-msg .msg-l { width: 100%; }
.us-msg .msg-r { width: 100%; }
.us-msg .msg-mg { margin-left: 0; }
.us-msg .ipt-bg { margin-top: 2px; }
.us-msg .msg-a .ipt-bg { margin-top: 2px; }
.time-tt { margin-top: 8px; }
.one-case { width: 100%; margin-top: 14px; }
.one-case:nth-child(n) { margin-left: 0; }
.case-right table { margin-top:12px; }
.textMain img{ max-width:100%; margin-bottom:20px;}
/*新闻与咨询*/

.o-new-mgt { margin-top: 18px; }
.one-new { width: 100%; position: relative; }

.one-new .new-con .n-con { display: none; }
.one-new .new-con .tmc-mgt { margin-top: 20px; }
.one-new .new-con a:hover { color: #005696; }
.one-new .new-con .ctt-mgt { display:none; }

/*咨询详情*/
.nd-time { border: none; }
.nd-pic .one-nd { width: 48%; margin-left: 4%; margin-top: 14px; }
.nd-pic .one-nd:nth-child(3n+1) { margin-left: 4%; }
.nd-pic .one-nd:nth-child(2n+1) { margin-left: 0; }
.nd-pic .one-nd img { width: 100%; }
.nd-t-mgt { margin-top: 16px; }



/*分页*/

.page{width: 250px; height: 29px;  }
.page table.pageList .prev { margin-right: 1px; width: 45px; height: 29px;  text-align: center; font-size:12px; line-height: 29px; }
.page table.pageList .next{  width: 45px; height: 29px;    font-size: 12px; line-height: 29px; }
.page table.pageList a,.pageList span { margin-right: 1px; width: 29px; height: 29px;  font-size: 12px; line-height: 29px;  }
.case-left { display: none; }

}

@media (max-width: 320px) {
  .one-new .new-con .tmc-mgt { margin-top: 5px; }

}