@charset "utf-8";
/* CSS Document */

article p { font-size: 14px }
.pos-r { position: relative }
.banner_inside { height: 420px }
.sec_title { padding: 15px 0 14px; text-align: center }
.sec_title h2 { padding: 0 0 8px 0 }
.sec_title p { margin: 0 auto; max-width: 48em }
@media(min-width:760px) {
.sec_title { padding: 15px 0 28px }
.sec_title h2 { padding: 0 0 17px 0; font-size: 24px }
.sec_title p { font-size: 18px; line-height: 31px }
}
.breadcrumb { padding-top: 15px; padding-bottom: 15px; background: #e5e5e5 }
.breadcrumb i { padding-right: 6px }
.breadcrumb a { font-size: 14px }
.inside_list { font-size: 16px }
.inside_list_title { padding: 20px 0 }
.inside_list_title span, .inside_list_title span a { color: #7c7c7c }
.inside_list_title_a span a:nth-child(1) { border-left: 1px solid #fff }
.inside_list_title span a:hover { color: #d40000 }
.inside_list .img_list a { color: #333 }
.inside_list .img_list h2 { padding: 14px 0 7px }
.inside_list .img_list h2:hover { color: #d40000 }
.inside_list .img_list p { padding-top: 14px }
.inside_list .img_list span { color: #555 }
.inside_list_title .h1, .inside_list_title h1 { font-size: 20px }
.inside_list_title h1 span { float: none; padding: 0; color: #333; font-weight: 200 }
@media(min-width:760px) {
.inside_list_title { padding: 20px 0 10px; color: #db1000; }
.breadcrumb { padding-top: 15px; padding-bottom: 15px }
.inside_list_title .h1, .inside_list_title h1 { font-size: 24px; float: left }
.inside_list_title span { float: right; padding-top: 8px; font-size: 14px }
.inside_list .img_list h2 { padding: 7px 0 3px }
.inside_list .img_list p { padding-top: 6px }
}
@media(min-width:1000px) {
.inside_list .img_list h2 { padding: 14px 0 12px }
.inside_list .img_list p { padding-top: 15px }
}
@media(min-width:1200px) {
.inside_list .img_list h2 { padding: 14px 0 20px }
.inside_list .img_list p { padding-top: 37px }
}
.text_list .date-l div { padding: 15px 0; background-color: #db1000; color: #fff }
.text_list .date-l span { font-weight: 700; font-size: 36px }
.text_list .date-l p { margin: 0; font-size: 12px }
.text_list a { color: #333 }
.text_list .list_title span { color: #555 }
.text_list .xl12 h2:hover { color: #db1000 }
.text_list .xl12 p:hover { color: #db1000 }
.text_list .list_title { padding-bottom: 6px }
.text_list li { padding-bottom: 30px }
@media(min-width:1000px) {
.text_list .date-l span { line-height: 1 }
.text_list .date-l p { padding-top: 6px; line-height: 1 }
.text_list .date-l { width: 100px; height: 80px }
.text_list .date-l div { padding: 12px 0 }
.text_list .xl12 { width: 900px }
.text_list .list_title h2 { float: left }
.text_list .list_title span { float: right }
.text_list .list_title { padding-bottom: 8px; border-bottom: 1px dotted #999 }
.text_list .xl12 p { margin: 7px 0 0 }
.text_list li { padding-bottom: 45px }
}
@media(min-width:1200px) {
.text_list .date-l { width: 110px }
.text_list .list_title { padding-bottom: 17px }
.text_list .xl12 { width: 730px }
.text_list .xl12 p { line-height: 32px }
.text_list li { padding-bottom: 32px }
}
.pager, .pager-l { margin: 22px 0 52px }
@media(min-width:760px) {
.pager-l { margin: 22px auto 52px; text-align: center }
}
.pager span { display: block; margin: 10px 0; font-size: 16px }
.pager-l .pagination a, .pager-l .pagination li { border-radius: 0 }
.pager-l .pagination li { cursor: pointer }
.pager-l .pagination li a.active, .pager-l .pagination li a:hover { background-color: #d40000; color: #fff }
.pager-l .pagination { margin: 0 5px }
.pager-l span { line-height: 36px }
.aec_rela a { clear: both; display: block }
.aec_rela a:hover h4, .aec_rela a:hover span { color: #d40000 }
.aec_rela h2 { padding-top: 30px }
.aec_rela span { display: inherit; color: #555; font-weight: initial; font-size: 14px }
@media(min-width:1200px) {
.aec_rela h4 { float: left }
.aec_rela span { float: right }
}
.arc_pro, .aec_rela { padding-bottom: 30px }
.arc_pro h2, .aec_rela h2 { padding-bottom: 22px; font-size: 24px }
.aec_rela h2 { padding-bottom: 16px }
.arc_pro h4 { padding: 24px 0 10px; font-weight: 200; text-align: center;font-size: 14px; }
.arc_pro img { width: 100% }
.arc_pro .pointer { bottom: 15px }
.arc_pro .pager-next, .arc_pro .pager-prev { top: 40% }
.news_group { padding-top: 25px }
.case-article-a-1 .news_group { padding-top: 0 }
.news_group .title-float, .news_industry .title-float { position: absolute; top: 10px; left: 35px; z-index: 1; font-weight: 700; font-size: 24px }
.news_group .title-float a, .news_industry .title-float a { display: block; padding: 19px 24px; width: 100px; background-color: #d40000; color: #fff; font-size: 25px; }
.news_group .more { margin-bottom: 14px; color: #555; font-size: 18px }
.news_group .more .icon { padding-right: 10px }
.news_group .carou { position: relative }
.news_group .carou li { display: none }
.news_group .carou img { width: 100% }
.news_group .carou h3 { position: absolute; bottom: 0; overflow: hidden; padding: 0 25px; width: 100%; height: 49px; background-color: rgba(0,0,0,.5); color: #fff; line-height: 49px }
.news_group .pointer .l, .news_group .pointer .r { position: absolute; top: 50%; display: none; margin-top: -25px; width: 50px; height: 50px; background-color: rgba(0,0,0,.5); color: #fff; font-size: 48px; line-height: 50px; cursor: pointer }
.news_group .pointer .l { left: 0 }
.news_group .pointer .r { right: 0 }
.news_group_r a { display: block; color: #555; padding: 2px 0 }
.news_group_r h4, .aec_rela h4 { padding-bottom: 5px; color: #333; font-weight: 400 }
.aec_rela h4 { font-size: 14px }
.aec_rela h4 { padding-bottom: 8px }
.news_group_r h4 { font-size: 14px; line-height: 21px }
.news_group_r li span { display: none; color: #555; text-align: right; font-weight: initial; font-size: 14px }
.news_group_r a p { margin: 0 }
.news_group_r ul { padding: 29px 30px 28px; background-color: #f6f6f6 }
.news_group_r a:hover h4, .news_group_r a:hover span { color: #d40000 }
@media(min-width:760px) {
.news_group_r li span { float: right; display: block }
}
@media(min-width:1000px) and (max-width:1199px) {
.news_group_r li span { display: none }
.news_group_r h4 { line-height: 17px }
.news_group_r ul { padding: 22px 30px 20px }
}
@media(min-width:100px) {
.news_group { padding-top: 40px }
}
@media(max-width:999px) {
.news_group_r { padding-top: 30px }
}
.news_industry { padding-top: 30px }
.news_industry .title-float { top: -25px; right: 20px; left: auto }
.news_industry_padding { padding: 24px 15px 12px }
.news_industry_padding h4 { padding-bottom: 7px }
.news_industry_padding a p { margin: 0; color: #333 }
.news_industry_ul { padding: 0 0 30px }
.news_industry_ul li { float: left; padding: 14px 20px; width: 50% }
.news_industry_ul li a { display: block; height: 45px; border: 1px solid #ccc; text-align: center; line-height: 45px }
.news_industry_ul li a:hover { border-color: #d40000 }
@media(min-width:760px) {
.news_industry { padding-top: 77px }
.news_industry_padding { padding: 24px 20px 12px }
}
@media(min-width:1000px) and (max-width:1199px) {
.news_industry_padding { padding: 25px 0 10px 20px }
.news_industry_ul li { padding: 8px 20px }
}
@media(min-width:1200px) {
.news_industry_padding { padding: 50px 0 31px 34px }
.news_industry_padding h4 { padding-bottom: 14px }
.news_industry_ul { padding: 0 0 36px 14px }
}
.news_spec { margin-top: 60px; padding-bottom: 63px; background-color: #f1f1f1 }
.news_spec .container { position: relative }
.news_spec h2, .news_weekly h2 { padding: 30px 0 22px; font-size: 24px }
.news_spec .banner { position: inherit }
.news_spec .carousel img, .news_weekly .xm4 img, .news_weekly li img { display: block; width: 100%; height: auto }
.news_spec .carousel h4 { padding: 24px 0 10px }
.news_spec .carousel p { color: #555 }
.news_spec .carousel li { padding: 0 10px }
.news_spec .carousel li a { display: block; padding: 20px 15px; background-color: #fff }
.news_spec .pointer { bottom: -55px }
.news_spec .pointer li { margin: 0 2px; width: 12px; height: 12px; border: 0; background-color: #8e8e8e }
.news_spec .pointer .active { background-color: #c2c2c2 }
@media(min-width:760px) {
.news_spec .pointer li { margin: 0 9px }
}
@media(min-width:1200px) {
.news_spec .carousel li { padding: 0 15px }
}
#news .news_weeklt_h1 { padding-bottom: 0 }
#weekly_dialog { position: fixed; top: 336px; width: 100%; z-index: 10002 }
#weekly_dialog .dialog { width: 95%; margin: 0 auto; max-width: 628px }
.news_weekly { padding-bottom: 32px }
.news_weekly .xm4 img { padding-bottom: 30px }
.news_weekly li { float: left; padding: 0 10px 20px; width: 50% }
.news_weekly h4 { padding: 14px 0 5px }
.news_weekly h4, .news_weekly p { color: #555; text-align: center }
.spec_list h3 { padding: 12px 0 0 }
@media(min-width:760px) {
.news_weekly li { width: 20% }
}
@media(min-width:1200px) {
.news_weekly li { padding: 0 15px }
}
.spec_list a { color: #3a3a3a }
.spec_list p { padding: 7px 0 20px; font-size: 14px }
@media(min-width:1200px) {
.spec_list p { padding: 7px 0 30px }
}
.weekly_title_l { float: left; color: #2b2b2b }
.weekly_title_l h2 { padding: 15px 0 0; font-weight: 200; font-size: 27px }
.weekly_title_l .date { padding-top: 18px }
.weekly_title_l a { color: #d40000 }
.weekly_title_l .date .b { padding: 0 14px }
.weekly_title_r { float: right; padding-top: 33px }
@media(min-width:452px) {
.weekly_title_l h2 { padding: 15px 0 0 20px; font-weight: 200; font-size: 27px }
}
@media(min-width:760px) {
.weekly_title_l { padding-bottom: 50px }
}
.last_weekly a { color: #3a3a3a }
.last_weekly h2:hover, .last_weekly span { color: #d40000 }
.last_weekly .h2 { padding: 12px 0 }
.last_weekly h2 { padding-bottom: 18px }
@media(max-width:450px) {
.last_weekly .xl5, .last_weekly .xl7 { width: 100% }
}
@media(min-width:1200px) {
.last_weekly .h2 { padding: 14px 0 22px }
.last_weekly h2 { padding-bottom: 25px }
}
.weekly_list { padding-top: 30px }
.weekly_list img { margin-bottom: 12px; -webkit-box-shadow: 10px 10px 3px #ebebeb; -moz-box-shadow: 10px 10px 3px #ebebeb; box-shadow: 10px 10px 3px #ebebeb }
.weekly_list p { font-size: 14px }
.weekly_list .phase { font-size: 12px }
.weekly_list li { padding-bottom: 15px }
@media(min-width:301px) and (max-width:450px) {
.weekly_list li { float: left; width: 50% }
}
@media(min-width:760px) {
.weekly_list { padding-top: 45px }
}
@media(min-width:1200px) {
.weekly_list { padding-top: 60px }
}
.cont_head { float: left; padding-bottom: 16px; color: #999 }
.cont_head time, .view_num { padding-left: 5px }
.font_s { padding-right: 5px }
.font-bigger { padding-right: 5px }
.font-normal { padding-right: 7px }
.cont_head sup { font-family: 寰蒋闆呴粦; cursor: pointer }
.font-bigger, .font-normal, .font-smaller { cursor: pointer }
.cont_head li { display: inline-block; padding-right: 10px }
.inside_list h1 { padding: 20px 0 15px }
@media(max-width:759px) {
.inside_list h1 { font-size: 18px }
}
.go_back { float: right; padding-bottom: 16px }
.go_back i { padding-left: 12px; color: #d40000 }
.cont p, .cont ul li div { line-height: 24px; padding:5px 0; font-size: 14px }
.cont img { display: block; margin: 0 auto; padding: 16px 0 32px; max-width: 80%; width: auto !important; height: auto !important }
@media(min-width:760px) {
.cont_head li { padding-right: 20px }
.cont_head, .go_back { padding-bottom: 26px }
}
@media(min-width:1000px) {
.cont_head li { padding-right: 32px }
}
.cont_pager { border: 1px dotted #ccc; background-color: #eaeaea; text-align: center; line-height: 60px }
.cont_pager a { overflow: hidden; white-space: nowrap }
.cont_pager span { position: relative; display: block; width: 80px; background-color: #dbdbdb; color: #333 }
.cont_pager .pre span { float: left }
.cont_pager .next span { float: right }
@media(min-width:1000px) {
.cont_pager .pre { border-right: 1px solid #ccc }
}
.banner_con { padding: 80px 0 0 0; width: 670px; max-width: 100% }
.banner_con h1 { padding-bottom: 15px; line-height: 1.5 }
@media(min-width:760px) {
.banner_con h1 { font-size: 32px }
.banner_con p { font-size: 18px; line-height: 32px }
.banner_con { padding: 114px 0 0 52px; width: 670px; max-width: 100% }
}
.service_specialist { padding-top: 11px }
.service_specialist li { margin-bottom: 20px; padding: 0 10px; text-align: center }
.service_specialist li a { display: block; padding-top: 6px; width: 147px; height: 147px; border-radius: 50%; background-color: #e6e6e6; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s }
.service_specialist li i { font-size: 36px; cursor: default }
.service_specialist li p { margin: 0 auto; width: 4em }
@media(max-width:759px) {
.service_specialist ul { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center }
}
@media(min-width:760px) {
.service_specialist li i { font-size: 44px }
.service_specialist li { float: left; width: 20% }
.service_specialist li a { width: 130px; height: 130px }
}
@media(min-width:1000px) {
.service_specialist li i { font-size: 60px }
.service_specialist li a { padding-top: 18px; width: 180px; height: 180px }
}
@media(min-width:1200px) {
.service_specialist li { margin-bottom: 28px; padding: 0 15px }
.service_specialist li a { padding-top: 21px; width: 210px; height: 210px }
.service_specialist li p { padding-top: 1px; font-size: 18px; line-height: 28px }
}
.service_specialist li a:hover { background-color: #d40000; color: #fff }
.appointment { margin: 0 auto; max-width: 372px; text-align: center }
.appointment a { float: left; display: block; width: 186px; max-width: 50%; cursor: pointer }
.appointment a span { display: block; margin: 0 11px; height: 40px; line-height: 40px }
.appointment .specialist span { border: 1px solid #d0d0d0 }
.appointment .specialist span:hover, .appointment .visit span { border-color: #d40000; background: #d40000; color: #fff }
.service_list { padding-top: 32px }
.service_list ul { padding-top: 7px }
.service_list li { padding-bottom: 20px }
@media(min-width:1200px) {
.service_list li { padding-bottom: 30px }
}
.service_list li a { color: #3a3a3a; cursor: default }
.service_list li p { cursor: pointer; font-size: 14px; line-height: 25px }
.service_list li h3 { margin: 24px 0 7px; cursor: pointer }
.service_activity .l a.join, .service_list li span { display: block; margin-top: 13px; width: 148px; height: 30px; border: 1px solid #d0d0d0; color: #d40000; text-align: center; line-height: 28px; cursor: pointer }
.service_list li h3:hover, .service_list li p:hover { color: #d40000 }
.service_activity .l a.join:hover, .service_list li span:hover { border-color: #d40000; background-color: #d40000; color: #fff }
.service_activity { background-color: #f5f5f5 }
.service_activity .line-big { padding: 16px 0 14px }
.service_activity h2 { padding-bottom: 8px }
.service_activity h4 { padding-bottom: 8px; font-weight: inherit }
.service_activity span { display: inherit; padding: 7px 0 10px }
.service_activity .l a.join { margin: 0 0 30px; width: 177px }
@media(min-width:760px) {
.service_activity h2 { padding: 18px 0 12px }
}
@media(min-width:1200px) {
.service_activity .line-big { padding: 33px 0 28px }
.service_activity h2 { padding: 40px 0 18px }
.service_activity h4 { padding-bottom: 16px }
.service_activity span { padding: 14px 0 23px }
}
.service_h2 { padding: 11px 0 6px; font-size: 24px }
#area .strength ul { margin: 20px 0 }
#area .strength ul li { margin-top: 20px; padding: 0 10px }
@media(max-width:759px) {
#area .strength ul { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center }
#area .strength ul li { width: 132px }
}
@media(min-width:760px) {
#area .service_h2p { font-size: 16px; line-height: 32px }
.service_h2 { padding: 22px 0 13px }
#area .strength ul { margin: 10px -15px }
#area .strength ul li { float: left; margin-top: 30px; padding: 0 15px; width: 14.2857% }
}
#area .strength ul li i { display: block; overflow: hidden; margin: 0 auto 7px; width: 55px; height: 50px; background: url(/img/service/strength.png) no-repeat; vertical-align: middle; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -ms-transition: all .5s ease }
#area .strength .e2 i { width: 48px; background-position: -55px 0 }
#area .strength .e3 i { width: 53px; background-position: -104px 0 }
#area .strength .e4 i { width: 50px; background-position: -157px 0 }
#area .strength .e5 i { width: 50px; background-position: -207px 0 }
#area .strength .e6 i { width: 34px; background-position: -257px 0 }
#area .strength .e7 a { display: block; margin: 0 auto;  width:100$;
height: 76px; background-color: #dbdbdb; line-height: 76px }
#area .strength .e7 span { font-size: 18px }
#area .application .list-inline li { margin: 10px 0 15px; padding: 0 15px 0 0 }
#area .application .list-inline a { padding: 0 2px; border-bottom: 2px solid; font-size: 16px }
#area .building .application .list-inline a { border-color: #80ae28 }
#area .mining .application .list-inline a { border-color: #1482e6 }
#area .construction .application .list-inline a { border-color: #ff6e00 }
#area .grinding .application .list-inline a { border-color: #fa3246 }
#area .application .list-inline a span { font-size: 24px }
#area .application .banner { margin-bottom: 40px }
#area .application .banner h4, #area .application .banner p { color: #3a3a3a }
#area .application .banner h4 { padding: 13px 0 7px }
#area .application .banner h4:hover { color: #db1000 }
#area .application .banner .pager-next, #area .application .banner .pager-prev { margin-top: -60px }
#area .application .banner .pointer { display: none }
.application .materials li { float: left; display: block; padding: 0 10px 20px; width: 50% }
.application .mate_list h3 { padding-bottom: 12px }
@media(min-width:760px) {
#area .application .list-inline li { margin: 12px 0 31px; padding: 0 42px 0 0 }
.application .mate_list a { font-size: 16px }
#area .application .banner .pointer { bottom: 8px }
#area .application .banner .pager-next, #area .application .banner .pager-prev { margin-top: -48px }
.application .mate_list h3 { font-size: 24px }
.application .materials li { width: 25% }
}
.application li.mate_list { padding-bottom: 8px; width: 100% }
@media(min-width:1000px) {
.application .materials li { width: 20% }
.application .mate_list a { float: left; display: block; width: 30% }
#area .application .banner .pointer { bottom: 78px }
.application .mate_list a.long_name { width: 60% }
}
@media(min-width:1200px) {
.application .materials li { padding: 0 15px }
.application .mate_list h3 { padding-bottom: 7px }
.application .mate_list a { float: left; display: block; width: 30%; line-height: 32px }
}
.building .text-fieldcolor, .building .text-fieldcolor a { color: #db1000 }
.mining .text-fieldcolor, .mining .text-fieldcolor a { color: #db1000 }
.construction .text-fieldcolor, .construction .text-fieldcolor a { color: #db1000 }
.grinding .text-fieldcolor, .grinding .text-fieldcolor a { color: #db1000 }
@media(max-width:999px) {
#area .case .line-big { margin-bottom: 15px }
}
#area .case_img a { display: none }
#area .case_img img { padding-bottom: 30px }
#area .case .panel { padding: 10px 2px; border: 0; border-radius: 0 }
#area .case .panel .panel-head { padding-bottom: 0; border: 0; background-color: transparent; cursor: pointer }
#area .case .panel .panel-body { padding-top: 5px }
#area .case .panel h4 { font-weight: 200; font-size: 18px }
#area .case .active { padding: 15px 2px }
.building .case .active, #area .building .first a { background-color: #db1000 }
.mining .case .active, #area .mining .first a { background-color: #db1000 }
.construction .case .active, #area .construction .first a { background-color: #db1000 }
.grinding .case .active, #area .grinding .first a { background-color: #db1000 }
#area .case .active h4 { color: #fff; font-weight: 600 }
#area .case .active a { color: #fff; line-height: 23px }
@media(min-width:760px) {
#area .case img { padding-bottom: 39px }
}
@media(min-width:1000px) and (max-width:1199px) {
#area .case { padding-bottom: 30px }
}
#area .more { display: block; background-color: #f4f5f7; line-height: 100% }
#area .products li { margin: 10px 0 }
@media(min-width:290px) and (max-width:759px) {
#area .products li { width: 50%; float: left }
}
#area .more i { font-size: 50px }
#area .more p { padding-top: 10px; font-weight: 700; font-size: 24px }
@media(min-width:1200px) {
#area .products li { margin: 15px 0 }
}
#area .parts { margin-top: 30px; padding-bottom: 15px }
#area .first div { padding: 0 10px 10px; background-color: #f4f5f7; color: #555 }
#area .first h2 { padding: 12px 0 5px }
#area .first a { display: block; margin: 12px 0 0; width: 31px; height: 30px; color: #fff; text-align: center; font-size: 25px; line-height: 28px }
#area .parts li { position: relative; margin-bottom: 20px }
#area .parts_name { position: absolute; bottom: 0; left: 0; display: block; padding: 0 10px; width: 100% }
#area .parts_name p { width: 100%; background-color: rgba(0,0,0,.66); color: #fff; text-align: center; line-height: 39px }
@media(min-width:760px) {
#area .first a { margin: 0 }
#area .first h2 { padding: 26px 0 10px }
#area .first div { padding: 0 20px 30px }
}
@media(min-width:1200px) {
#area .parts_name { padding: 0 15px }
}
.parts_intro { padding: 3px 0 16px }
.parts ul img { width: 100% }
.parts ul p { padding: 16px 0 28px }
.s_list h1 { padding-bottom: 7px; font-size: 24px }
.s_list .inside_list_title { padding: 10px 0 0 }
.s_list .inside_list_title span { display: block; padding: 2px 0 8px }
.inside_list_title span a { cursor: pointer }
.inside_list_title_a span a { border-left: 1px solid #7c7c7c; padding-left: 8px; padding-right: 5px }
.inside_list_title span a.active { color: #d40000; cursor: default }
.s_list h2 { padding: 10px 0 10px }
.s_list p { line-height: 30px }
.s_list .breadcrumb { padding-top: 15px }
.breadcrumb { padding-top: 10px; padding-bottom: 10px }
.network .global h2 { position: relative }
@media(min-width:760px) {
.s_list h1 { padding-bottom: 17px }
.s_list .inside_list_title span { display: inline; padding: 20px 0 5px }
}
.map img { margin: 0 auto }
@media(min-width:1000px) {
.network .map { margin-top: -44px }
}
@media(min-width:1000px) and (max-width:1199px) {
#area .first h2 { padding: 10px 0 0 }
#area .first p { padding: 5px 0 5px }
#area .first div { padding: 0 11px 20px }
}
@media(min-width:1200px) {
.parts ul p { padding: 4px 0 10px }
}
.network_contact { margin-top: 21px; background-color: #dc343a; color: #fff }
.network_contact .l h3 { padding: 27px 30px 8px }
.network_contact .l p { padding: 2px 30px 5px }
.network_contact .r p { padding-top: 21px; font-weight: 700 }
.network_contact .r { margin: 24px 26px; padding: 23px; border: 1px solid #fff }
.network_contact .r { padding: 15px 18px }
.network_contact h2 { position: relative; padding-top: 54px }
.network_contact h3 { padding-bottom: 10px }
.network .contact { margin-top: 30px }
.network_contact li a { color: #fff }
.network_contact li { float: left; padding: 6px 2px 12px; width: 50%; min-width: 155px; font-weight: 200; font-size: 14px }
@media(min-width:760px) {
.network_contact .l h3 { padding: 27px 0 14px 58px }
.network_contact .l p { padding: 3px 0 45px 58px }
.network_contact .r p { font-size: 18px }
}
@media(min-width:1200px) {
.network_contact li { min-width: 230px; font-size: 18px }
}
.support .a { margin-bottom: 21px }
.support .a li { margin: 26px 0 11px; color: #fff }
.support .a li h4 { padding-bottom: 12px; font-size: 24px }
.support .intro { position: relative; padding: 27px 35px 47px; transition: all .1s }
.support .intro.gray .call, .support .intro.gray:hover, .support .intro.red, .support .intro.red:hover .call { background-color: #db1000 }
.support .intro.gray, .support .intro.gray:hover .call, .support .intro.red .call, .support .intro.red:hover { background-color: #81878f }
.support .call { position: absolute; right: 0; bottom: 0; width: 106px; height: 39px; color: #fff; text-align: center; font-size: 24px; line-height: 39px }
.support .a_4 .clearfix { padding-top: 28px }
.support .a_4 .clearfix a { float: left; display: block; width: 100%; color: #fff; text-decoration: underline; line-height: 28px }
@media(min-width:430px) {
.support .a_4 .clearfix a { width: 50% }
}
@media(min-width:1000px) {
.support .a li div { height: 285px }
}
@media(min-width:1200px) {
.support .a_4 .clearfix a { width: 33.33333% }
.support .a li div { height: 271px }
}
.support .call i:before { transform: rotate(-45deg) }
.support .b { padding-top: 9px; background-color: #f5f5f5 }
.support .b h2 { padding-bottom: 17px; font-size: 24px }
.support .b ul { margin-top: 25px }
.support .b li { padding-bottom: 30px }
.support .b li div { height: 196px; background-color: #ebebeb }
.support .first div { overflow: hidden }
.support .b li span { display: block; padding: 40px 0 10px; text-align: center; font-size: 50px }
.support .b li p { padding: 0 25px; font-size: 14px; line-height: 24px; text-align: center }
@media(min-width:1000px) and (max-width:1199px) {
.support .b li span { padding: 15px 0 8px }
}
@media(min-width:606px) and (max-width:999px) {
.support .first img { width: 100% }
}
@media(min-width:1000px) {
.support .b li span { font-weight: bold }
.support .b li p { font-size: 20px }
}
.support .c { padding-top: 45px }
.support .c h5 { color: #5b5b5b; font-size: 16px }
.support .c h2 { padding-top: 10px; font-size: 24px }
.support .c h3 { padding-bottom: 8px; color: #da251d; font-size: 20px }
.support .c h3 [class*=icon-]:before { padding-right: 15px; font-size: 30px }
.support .c_2 { margin-top: 32px; margin-bottom: 10px; font-size: 14px; line-height: 24px }
.support .c_2 li { margin-bottom: 30px }
.support .c_3 { margin-bottom: 15px; color: #454444 }
.support .c_3 h5 { font-size: 18px }
.support .c_3 h5 span { color: #db1000; font-size: 50px }
.support .c_3 p { padding-top: 3px; padding-bottom: 15px }
.support .c_3 { display: flex; flex-flow: wrap; justify-content: center }
@media(min-width:600px) {
.support .c_3 .h24 { border-color: #e3e3e3; border-style: solid; border-width: 0 1px }
.support .c_3 { margin-bottom: 30px }
}
@media(min-width:760px) {
.support .c_2 { display: flex; flex-flow: wrap; justify-content: center }
.support .c_3 h5 { font-size: 26px }
.support .c_3 h5 span { color: #db1000; font-size: 70px }
.support .c_3 p { padding-bottom: 30px; font-size: 22px }
}
.train .a ul { text-align: center }
.train .a ul li { margin-top: 14px; margin-bottom: 6px }
.train .a ul div { height: 116px; border: 1px solid #b8b8b8; transition: all .3s }
.train #train-system { background-color: #d40000; color: #FFF }
.train #train-system h3 { color: #FFF }
.train #train-system p { font-size: 16px; font-weight: 200 }
.train .a ul div:hover { border-color: #929292; background-color: #929292 }
.train .a ul div:hover h3 { padding-bottom: 5px; color: #fff }
.train .a ul div:hover p { color: #fff; font-weight: 700; font-size: 18px }
.train .a ul h3 { padding-top: 30px; padding-bottom: 5px; color: #ef011c }
@media(min-width:1200px) {
.train .a ul li { margin-top: 17px; margin-bottom: 11px }
}
.train .b { padding-bottom: 30px }
.train .b .icon { display: block; margin: 0 auto; margin-bottom: 6px; width: 77px; height: 77px; border-radius: 50%; background-color: #ff454c; color: #fff; vertical-align: middle; text-align: center; font-size: 48px; line-height: 72px }
.train .b li { margin-top: 24px }
@media(min-width:1000px) {
.train .b li { width: 20% }
}
.train .b_1 { margin-bottom: 30px }
.train .c { background: #e5e5e5 }
#service .train .c h2 { padding: 38px 0 32px }
.train .c .m_b { margin-bottom: 10px }
.train .c .clearfix { margin-bottom: 20px }
@media(min-width:1200px) {
.train .c .clearfix { margin-bottom: 30px }
}
.train .c_3r { padding: 10px 0 }
.train .c_3r2 { margin-left: 12px }
@media(min-width:606px) {
.train .c_3l, .train .c_3r { float: left; width: 50% }
.train .c_3r { padding: 10px }
}
@media(min-width:1000px) and (max-width:1199px) {
.train .c_3l { width: 40% }
.train .c_3r { width: 60% }
}
.train .c_4 img { padding-bottom: 20px }
.train .d img { display: block; margin: 0 auto 13px; max-width: 100% }
.train .d p { padding-bottom: 14px; color: #575757 }
#service .train .d h2 { padding: 19px 0 18px }
@media(min-width:760px) {
.train .d img { margin: 0 auto 27px }
#service .train .d h2 { padding: 38px 0 36px }
}
#service .train .e h2 { padding-bottom: 8px }
.train .e li a { display: block; margin: 12px 0; height: 40px; border: 1px solid #d0d0d0; text-align: center; font-size: 20px; line-height: 38px; transition: all .3s }
.train .e ul { margin: 11px 0 }
@media(min-width:630px) {
.train .e ul { margin: 16px -10px 20px }
.train .e li { float: left; padding: 0 10px; width: 25% }
}
@media(min-width:1000px) {
.train .e ul { margin: 22px -13px 29px; max-width: 915px }
.train .e li { float: left; padding: 0 13px }
}
.train .e li a:hover { background-color: #ef011c; color: #fff }
.repair .form-tips { padding-top: 20px }
.repair .line-big label { display: inline-block }
.repair .line-big { padding: 10px 0 29px }
.repair .form-group { padding-bottom: 15px }
.repair .button, .repair .input { border-color: #888686 }
.repair select.input { background-color: #fff }
.repair .product { line-height: 32px }
.repair .product label { font-weight: 200 }
.repair .product span { padding: 0 8px 22px }
.repair .time .button, .repair .type .button { margin-bottom: 5px; width: 100%; text-align: center }
.repair .time, .repair .type.form-group { padding-bottom: 10px }
.repair .reset, .repair .submit { float: left; height: 41px }
.repair .submit .button { border-color: #f4502d; background-color: #f4502d; color: #fff }
.repair .time .button-group { width: 100% }
@media(max-width:759px) {
.repair .form-button { margin-right: -10px; margin-left: -10px }
.repair .reset, .repair .submit { padding: 0 10px; width: 50% }
.repair .reset button, .repair .submit button { width: 100% }
}
@media(min-width:264px) {
.repair .time .button { width: 50% }
}
@media(min-width:388px) {
.repair .type .button { width: 50% }
}
@media(min-width:491px) {
.repair .time .button { width: 25% }
}
@media(min-width:760px) {
.repair .input { border-radius: 2px }
.repair .form-x .form-group .label { width: 12% }
.repair .form-x .form-group .field { width: 88% }
.repair .type .button { width: 33.33333333% }
.repair .line-big label { font-weight: 200; font-size: 16px }
.repair .reset button, .repair .submit button { width: 160px }
.repair .submit { margin-right: 36px }
.repair .form-button { margin-left: 12%; padding-left: 6px }
}
@media(min-width:1000px) {
.repair .form-x .form-group .label { width: 18% }
.repair .form-x .form-group .field { width: 82% }
.repair .type .button { padding: 6px 10px; width: inherit }
.repair .line-big { padding-top: 15px }
.repair .form-group { padding-bottom: 31px }
.repair .time, .repair .type.form-group { padding-bottom: 26px }
.repair .form-x .form-group.xm12 .label { width: 8.816% }
.repair .form-x .form-group.xm12 .field { width: 91.184% }
.repair .form-button { margin-left: 8.816%; padding-left: 7px }
.repair .time .button { width: 50% }
}
@media(min-width:1200px) {
.repair .form-x .form-group .label { width: 15% }
.repair .form-x .form-group .field { width: 85% }
.repair .type .button-group { width: 100% }
.repair .type .button { padding: 6px 15px; width: 20% }
.repair .time .button { padding: 6px 0; width: 25% }
.repair .form-x .form-group.xm12 .label { width: 7.308% }
.repair .form-x .form-group.xm12 .field { width: 92.692% }
.repair .form-button { margin-left: 7.308%; padding-left: 11px }
}
#service .upkeep h2 { padding: 37px 0 25px; font-size: 24px }
#service .upkeep .fix h2, #service .upkeep .install h2 { padding: 22px 0 25px }
#service .upkeep h2 small { font-size: 18px; opacity: 1 }
.upkeep { padding-bottom: 32px }
.upkeep ol { padding-left: 2em }
.upkeep p { padding-bottom: 10px }
.upkeep h4 { padding-bottom: 12px }
.upkeep .bg { margin-top: 30px; padding-bottom: 32px }
.upkeep .bg h3 { margin-bottom: 10px }
.upkeep .fix ol { padding-left: 26px; list-style-type: decimal-leading-zero }
.upkeep .fix li { padding: 0 10px 0 5px }
.upkeep li { margin-bottom: 10px; font-size: 16px; line-height: 28px }
.upkeep .panel-head { cursor: pointer }
.upkeep .active .panel-head { cursor: inherit }
.upkeep h3 { font-weight: 200 }
.upkeep .panel.active h3 { color: #ef011c; font-weight: 700 }
.upkeep .getall a, .upkeep .getpdf a { display: block; margin: 20px 0 0; width: 100%; height: 40px; max-width: 365px; text-align: center; line-height: 38px }
.upkeep .getpdf a { float: right }
.upkeep .getpdf a { border: 1px solid #d0d0d0; background-color: #fff }
.upkeep .getpdf a span { color: #ef011c }
.upkeep .getall a { background-color: #ef011c; color: #fff }
@media(min-width:760px) {
.upkeep .fix ol { padding-left: 29px }
.upkeep .getall, .upkeep .getpdf { float: left; padding: 0 16px; width: 50% }
}
@media(min-width:1000px) {
.upkeep .getall, .upkeep .getpdf { font-size: 20px }
}
.solu h2 { padding: 10px 0 20px }
.solu .ap li { margin-bottom: 24px; text-align: center }
.solu .ap li p { display: block; margin-top: 10px; height: 46px; border: 1px solid #cfcfcf; line-height: 44px }
.solu .cas li, .solu .mat li { margin-bottom: 20px }
.solu .cas li a, .model-case a { position: relative; display: block; width: 100% }
.solu .cas li p, .model-case h4 { position: absolute; bottom: 0; display: block; width: 100%; height: 34px; background-color: #1a76bd; color: #fff; line-height: 34px; opacity: .8 }
.solu .mo a { display: block; width: 100%; background-color: #ef011c; color: #fff }
.solu .mo div { position: absolute; top: 42%; width: 100% }
.solu .mo a h4 { padding-bottom: 14px; font-size: 20px }
.solu .mo a h5 { font-size: 14px }
.solu .mo a span { font-weight: 200 }
.solu .lin h3 { padding: 9px 0 12px; font-weight: 200 }
.solu .lin li a { display: block; margin-bottom: 17px; width: 100%; height: 46px; border: 1px solid #cfcfcf; line-height: 46px }
.solu .mat h2 { padding: 20px 0 }
.solu .img-scale { border-radius: 50% }
.solu .sca a { position: relative; display: block; overflow: hidden; border-radius: 50%; background: #fff; z-index: 1 }
.solu .sca p { position: absolute; bottom: -120px; display: block; padding-top: 12px; width: 100%; height: 170px; border-radius: 50%; background-color: #030303; color: #fff; opacity: .8; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -ms-transition: all .3s ease 0s }
.solu .sca:hover p { background-color: #ef011c; color: #FFF; opacity: 1 }
.solu .mor a { position: relative; display: block; width: 100%; border-radius: 50%; background-color: #ef011c; color: #FFF }
.solu .mor div { position: absolute; top: 36%; width: 100% }
.solu .mor i { font-size: 36px; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -ms-transition: all .3s ease 0s }
.solu .mor:hover i { font-size: 50px }
.solu .link { margin: 20px 0 64px }
.solu .link h4 { display: inline; color: #ef011c }
@media(min-width:1200px) {
.solu .mat h2 { padding: 20px 0 30px }
.solu .cas li, .solu .mat li { margin-bottom: 30px }
.solu .mor div { top: 28% }
}
.sec-nav ul { width: 100%; bottom: 0 }
.sec-nav li { width: 49%; height: 34px; overflow: hidden }
@media(min-width:300px) {
.sec-nav li { width: 32% }
}
.sec-nav a { display: block; padding: 7px 0; color: #333; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; text-align: center }
.sec-nav .active a, .sec-nav a:hover { font-size: 16px; padding: 6px 0; font-weight: bold; color: #d40000 }
@media(min-width:760px) {
.sec-nav .active a, .sec-nav a:hover { padding: 12px 0 }
}
@media(max-width:759px) {
.sec-nav ul { background-color: hsla(0,0%,100%,.68) }
}
@media(min-width:450px) {
.sec-nav li { width: 24% }
}
@media(min-width:760px) {
.sec-nav li { width: 12%; height: 48px }
.sec-nav { height: 48px; background-color: hsla(0,0%,100%,.68); position: absolute; top: -48px; left: 0; width: 100% }
#about .bg-white article { position: relative }
.sec-nav ul { height: 48px }
.sec-nav a { padding: 14px 0 }
}
@media(min-width:1000px) {
.sec-nav ul { padding: 0 30px }
.sec-nav .active a, .sec-nav a:hover { font-size: 18px }
}
#about .a_title { position: relative; display: block; width: 4em; margin: 0 auto; font-size: 20px; padding-bottom: 16px; margin-bottom: 21px; padding-top: 20px }
@media(min-width:760px) {
#about .a_title { font-size: 24px; padding-top: 30px; padding-bottom: 10px }
}
#about .aboutp { line-height: 32px; margin: 4px 0 22px }
#about .aboutp p { line-height: 32px; padding-bottom: 10px }
#about .a_title:hover:after { margin-left: -50%; width: 100% }
.abo .pos { position: relative; color: #fff }
.abo .pos div { opacity: .9; position: absolute; width: 100%; height: 100%; top: 0; padding: 30px 0 0; -webkit-transition: all .3s ease; transition: all .3s ease }
.abo .pos h3 { font-size: 30px; text-align: center }
.abo .pos h4 { font-size: 18px; text-align: center; margin: 5px 0 0 }
.abo .pos p { font-size: 14px; color: transparent; -webkit-transition: all .3s ease; transition: all .3s ease }
.abo .pos:hover div { background-color: #d43341 }
.abo .a ul li { margin-bottom: 10px }
@media(min-width:1000px) {
.abo .pos h3 { font-size: 24px }
.abo .pos h4 { font-size: 16px }
.abo .pos h4 { margin: 5px 0 5px }
.abo .pos div { padding: 20px 20px 0 }
.abo .pos:hover p { color: #fff }
}
@media(min-width:1200px) {
.abo .pos h3 { line-height: 44px }
.abo .pos h4 { margin: 5px 0 20px }
.abo .pos div { padding: 40px 45px 0 }
.abo .pos:hover p { color: #fff }
.abo .aboutp { margin: 4px 0 44px }
}
.abo .b ul { text-align: center; }
@media(min-width:1200px) {
.abo .b .ml { margin-left: -35px; }
}
.abo .b li { margin-bottom: 10px }
@media(min-width:1000px) {
.abo .b ul { margin-top: 10px; }
.abo .b li { margin-bottom: 20px }
}
.abo .b video { max-width: 100%; width: 800px; display: block; margin: 0 auto }
.abo .b_w p { font-size: 18px; }
.abo .b_bg { -webkit-transition: all .3s ease; transition: all .3s ease }
@media(min-width:1200px) {
.abo .b .b_w .b_bg u.cl { clip: rect(0px, 147px, -10px, 64px); }
.abo .b .b_w .b_bg u.cr { clip: rect(147px,64px,147px,0px); }
.abo .b .b_w:hover u.cl { clip: rect(0px,147px,147px,64px); }
.abo .b .b_w:hover u.cr { clip: rect(0px,64px,147px,0px); }
}
@media(min-width:1200px) {
.abo .b .b_w .b_bg u { display: block; position: absolute; width: 147px; height: 147px; background: url(/img/about/index_b.png) no-repeat 0px 0px; transition: all .5s ease-in-out 0s; }
}
.abo .b_bg i { display: block; width: 71px; height: 100px; margin: 0 auto; background: url(/img/about/index_b.png) no-repeat -170px -12px; -webkit-transition: all .3s ease; transition: all .3s ease; }
.abo .b_2 { background-position: -250px 0 !important }
.abo .b_3 { background-position: -330px 0 !important }
.abo .b_4 { background-position: -410px 0 !important }
@media(max-width:449px) {
#about h1.a_title { margin-top: 20px }
.abo .b li { width: 50%; float: left }
}
@media(min-width:1200px) {
.abo .b_w { margin: 0 auto; width: 148px; height: 148px; }
.abo .b ul { margin-top: 20px }
.abo .b li { margin-bottom: 20px }
}
.abo .c { margin-top: 10px }
.abo .d { margin-top: 20px; padding-bottom: 30px }
@media(max-width:759px) {
.abo .d .l { background-color: #e44251 }
}
@media(max-width:999px) and (min-width:760px) {
.abo .d .l div { background-color: #e44251 }
.abo .d .l img { margin: 0 auto }
}
@media(max-width:999px) {
.abo .d .l img { margin: 0 auto }
}
.abo .d .r h3 { font-size: 32px; margin: 20px 0 5px }
.abo .d .r p { color: #848383; line-height: 30px }
#about .history-dot { width: 19px; height: 19px; border-radius: 50%; display: block; border: 6px solid #e8e8e8; position: absolute; background-color: #fff; cursor: pointer }
#about .active .history-dot { border-color: #ef8c19 }
.abo .year div { position: relative; padding: 10px 0; margin: 10px 0 }
.abo .year p { padding: 12px 0; cursor: pointer }
@media(max-width:759px) {
.abo .year { display: none }
}
@media(min-width:760px) {
.abo .d .r { margin: 0 0 40px }
.abo .d .r li { display: none }
.abo .d .r li.active { display: block }
.abo .year span { left: 88px; bottom: 50px }
.abo .year div { border-top: 1px solid #f3f3f3 }
}
@media(min-width:1000px) {
.abo .d .r { margin: 0 }
.abo .d .r h3 { margin: 0 0 8px }
.abo .d .r p { line-height: 37px }
.abo .d .year { padding-top: 50px }
.abo .year span { left: 118px }
}
@media(min-width:1200px) {
.abo .d .r h3 { font-size: 48px }
.abo .d .r p { line-height: 47px; padding-left: 8px }
.abo .d .year { padding-top: 82px }
.abo .year span { left: 142px; bottom: 60px }
.abo .year div { padding-top: 20px }
.abo .d { padding-bottom: 50px }
.abo .d .line-big { margin-top: 30px }
}
.hon .tab { margin-bottom: 10px }
.hon .tab span { font-size: 16px; color: #bbb; display: inline-block; cursor: pointer; border: 2px solid #bbb; font-weight: 700; padding: 5px 10px; margin-right: 27px }
.hon .tab span.active { color: #333; cursor: context-menu }
.hon .pos_a { position: relative }
.hon .pos_a img { width: 100% }
.hon .pos_b { cursor: pointer; text-align: center }
.hon .pos_b i { display: none }
.hon .pos_b h4 { margin: 10px 0 20px }
.hon .comp li, .hon .prod li, .hon .ppatent li { padding: 10px }
.hon .prod, .hon .ppatent { display: none }
.comp, .prod, .ppatent { padding-bottom: 30px; }
@media(min-width:1000px) {
.hon .pos_b i { display: inline }
.hon .pos_a { position: relative }
.hon .pos_b { -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0 }
.hon .pos_a:hover .pos_b { opacity: 1 }
.hon .pos_b { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(212,61,61,.85); color: #fff }
.hon .pos_b i:before { font-size: 31px; padding: 50px 20px 10px; border-bottom: 1px solid #fff }
.hon .pos_b h4 { font-size: 20px; margin: 30px 0 0 }
.hon .ppatent .pos_a p { padding-top: 10px; }
}
@media(min-width:1200px) {
.hon .pos_b i:before { padding: 70px 20px 10px }
.hon .pos_b h4 { font-size: 24px; margin-top: 20px }
.hon .ppatent .pos_a p { padding-top: 10px; }
.hon .comp li, .hon .prod li, .hon .ppatent li { padding: 15px }
}
#b_img { position: fixed; top: 50px; display: none; width: 50%; z-index: 10002; background: #Fff; left: 25%; max-width: 669px; border: 1px solid #fff; border-radius: 4px; }
#b_img img { max-width: 100%; padding: 20px 20px 20px 20px; margin: 0 auto; display: block; overflow: scroll; max-height: 650px; }
#about h1.b_title { margin: 30px 0 20px; font-size: 20px }
#about h2.b_title { font-size: 18px; margin: 26px 0 15px }
@media(min-width:760px) {
#about h1.b_title { font-size: 30px }
#about h2.b_title { font-size: 24px }
}
.hist { padding-bottom: 20px }
.hist h4 { font-size: 18px; margin: 10px 0 }
@media(min-width:760px) {
.hist h4 { font-size: 22px }
}
.hist h5 { font-size: 16px; font-weight: 700; margin: 10px 0 0 }
@media(min-width:760px) {
.hist h4 { margin: 27px 0 23px }
.hist h5 { font-weight: 200; margin: 0; color: #a3a3a3; position: relative; bottom: 5px }
.hist .box p { position: relative; bottom: 8px }
.hist .box div { float: left }
.hist .box .l { width: 6% }
.hist .box .r { width: 90%; border-left: 1px solid #a3a3a3; position: relative; padding-bottom: 10px }
.hist .box .r:before { content: ""; display: block; position: absolute; width: 11px; height: 11px; background-color: #ff6700; border-radius: 50%; left: -6px; top: 0 }
.hist .box .r p { display: block; padding: 0 30px 5px; line-height: 30px }
}
@media(min-width:1000px) {
.hist .box .l { width: 5% }
.hist .box .r { width: 95% }
.hist .box .r p { padding: 0 44px 5px 50px }
}
.glo .pic img { width: 100%; display: block; padding-bottom: 20px }
.glo .pic .line-big { padding-top: 5px }
.glo .bg { padding-top: 30px; margin-top: 30px; padding-bottom: 10px }
.glo .bg li { padding-bottom: 20px; max-width: 50%; float: left }
.glo .bg img { max-width: 100% }
@media(min-width:1200px) {
.hist .box .l { width: 5.556%; margin-left: 20px }
.hist .box .r { width: 90% }
.hist .box .r p { padding: 0 50px 5px 150px }
.glo .pic img { padding-bottom: 30px }
.glo .bg li { padding-bottom: 30px }
}
.fac { padding-bottom: 30px }
.fac .a { padding-top: 28px }
.pic-scale-x .intr h4 { font-size: 18px; padding: 10px 0 5px; display: none }
.pic-scale-x .intr h2 { font-size: 18px; padding: 10px 0 8px }
@media(min-width:760px) {
.pic-scale-x .intr h2 { font-size: 20px }
}
.pic-scale-x .intr p { color: #848383 }
.pic-scale-x { margin-bottom: 20px }
.rese .intr { font-size: 16px; line-height: 26px; padding-top: 10px }
.rese .intr h5 { font-size: 16px }
.rese .intr .direction p { color: #333 }
.rese .pic-scale-x { padding-top: 20px }
@media(max-width:1199px) {
.pic-scale-x .img img { width: 100% }
}
@media(min-width:760px) {
.pic-scale-x .intr div { border: #f1f1f1 solid 4px; padding: 35px 30px 23px }
.rese .intr { padding-top: 0 }
.rese .img { height: 223px; overflow: hidden }
.rese .intr div { padding: 13px 28px 0; height: 223px }
.rese .intr .direction { padding-top: 30px }
}
@media(min-width:1000px) {
.pic-scale-x .intr h4 { font-size: 20px; padding: 10px 0 15px }
.pic-scale-x .intr h2 { font-size: 24px; padding: 0 0 20px }
.pic-scale-x .intr div { padding: 91px 50px 66px }
.rese .intr div { height: 302px; padding: 30px 50px 0 }
.rese .img { height: 302px }
.rese .intr .direction { padding-top: 60px }
.rese .intr h5 { line-height: 36px }
.rese .intr h2 { padding-top: 12px }
}
@media(min-width:1200px) {
.pic-scale-x .img { overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease }
.pic-scale-x .intr { -webkit-transition: all .3s ease; transition: all .3s ease }
.pic-scale-x .img img { height: 389px }
.pic-scale-x .img div { overflow: hidden }
.pic-scale-x:hover .img { width: 628px }
.pic-scale-x:hover .intr { width: 572px }
.pic-scale-x:hover .xs6-left { left: 572px }
.pic-scale-x:hover .xs6-right { right: 628px }
.fac { padding-bottom: 50px }
.pic-scale-x .intr p { line-height: 32px }
.pic-scale-x { margin-bottom: 36px }
.pic-scale-x .intr h4 { padding: 10px 0 18px }
.pic-scale-x .intr h2 { padding: 0 0 15px }
.pic-scale-x .intr div { padding: 100px 85px 0; height: 389px }
.rese .pic-scale-x { padding-top: 24px }
.rese .img { height: 389px }
.rese .intr div { padding: 50px 85px 0 }
.rese .intr h2 { padding: 20px 0 15px }
.rese .intr h4 { line-height: 42px }
.rese .intr ul { line-height: 40px }
.rese .intr .direction { padding-top: 80px }
}
.conta p { line-height: 34px; color: #575757 }
.conta h2 { margin: 20px 0 10px }
.conta .text-red { display: inline-block }
#about .conta .aboutp { margin-bottom: 10px }
.conta iframe { padding-top: 10px }
.inq_r .province { width: 50%; float: left; padding-right: 8px }
.inq_r .city { width: 50%; float: left; padding-left: 8px }
.conta .inq_l p { margin: 8px 0 0 }
.conta .inq_l h3 { margin: 15px 0 20px }
.conta .inq_l img { margin: 0 auto; max-width: 100% }
.inq_r { margin: 20px 0 30px }
.inq_r .button { background-color: #1a76bd; color: #fff }
@media(min-width:760px) {
.conta .inq_l p { margin: 24px 0 0 }
.inq_r { margin: 30px 0 50px }
}
@media(min-width:1000px) {
.conta .inq_l img { margin: 0 }
.conta .inq_l h3 { margin: 25px 0 30px }
}
@media(min-width:1200px) {
#about .conta .aboutp { padding-bottom: 11px }
.inq_r .form-group { margin-bottom: 16px }
.conta p { line-height: 44px }
.sale-part ul li { margin-top: 19px }
.conta .inq_l h3 { margin: 33px 0 34px }
}
.rese .pic div { padding-bottom: 20px }
.rese .pic img { width: 100% }
@media(min-width:1200px) {
.rese .pic { padding-top: 24px }
.rese .pic div { padding-bottom: 30px }
}
.rese .patent li { line-height: 32px; font-size: 16px; word-break: break-all; cursor: pointer }
.rese .patent li span { display: inline-block; color: #d40000; float: right }
@media(max-width:999px) {
.rese .patent li { clear: both }
}
@media(min-width:760px) {
.rese .patent li { padding-bottom: 10px }
}
@media(min-width:1200px) {
.rese .patent { padding-bottom: 50px }
.rese .patent ul { margin: 0 -15px }
.rese .patent li { width: 50%; float: left; padding: 0 15px; margin-bottom: 12px }
}
#container { width: 100% }
.meeting { position: relative }
.meeting_fix { position: absolute; top: 0; left: -10pc; z-index: 1002; -webkit-transition: all .2s; transition: all .2s }
.meeting_fix>div { height: 100%; background: hsla(0,0%,91%,.66); text-align: center }
.meeting_fix>i { position: absolute; top: 44%; right: -22px; display: block; width: 22px; height: 98px; background-color: #363636; color: #fff; text-align: center; font-size: 22px; line-height: 98px; cursor: pointer }
.meeting_fix.active>i:before { content: "\f104" }
.meeting_fix.active { left: 0 }
.meeting_ul { padding-top: 5% }
.meeting_ul>.active { background-color: #1982cf }
.meeting_ul>.active>a { color: #fff }
.meeting_ul li { border-bottom: 1px solid hsla(0,0%,91%,.52) }
.meeting_ul a { display: block; padding: 3%; color: #372425; font-size: 1.428571em; cursor: pointer }
.meeting_text { position: absolute; right: 0; bottom: 0; z-index: 1001; width: 100%; background: rgba(37,37,37,.4); color: #fff; text-align: center }
.meeting_text>div { margin: 0 auto; width: 80% }
.meeting_text p { padding: 15px 0; font-size: 1em; line-height: 1.3 }
.meeting_text i { margin-left: 5px }
.meeting_text span { display: inline-block; padding-bottom: 15px; cursor: pointer }
#move { position: absolute; top: 23%; left: 27%; z-index: 1006 }
@media(max-height:750px) {
.meeting_logo { display: none }
}
@media(min-width:768px) {
.meeting_fix { width: 15pc; left: -15pc }
.meeting_fix>div { padding: 10% 0 0 }
.meeting_logo { border: 1px solid #fff; border-radius: 50%; width: 178px; height: 178px; margin: 0 auto 7%; padding: 26px 0 }
.meeting_logo img { margin: 0 auto }
.meeting_logo p { margin-top: 10px; font-weight: 200 }
.meeting_logo h4 { margin-top: 5px }
}
.inside_maintain_tab li { margin-bottom: 20px }
.inside_maintain_tab a { display: block; position: relative; height: 80px; line-height: 80px; border: 1px #ccc solid }
.inside_maintain_tab i { display: block; width: 62px; height: 47px; position: absolute; top: 50%; margin-top: -23px; margin-left: 22px }
.inside_tab_on { background: #ef0113; color: #fff }
.inside_tab_on:hover { color: #fff }
.inside_maintain_tab .i_1 { background: url(/img/service/sb-png.png) no-repeat 0 -47px }
.inside_maintain_tab .i_2 { background: url(/img/service/sb-png.png) no-repeat -62px -47px }
.inside_maintain_tab .i_3 { background: url(/img/service/sb-png.png) no-repeat -124px -47px }
.inside_maintain_tab .i_4 { background: url(/img/service/sb-png.png) no-repeat -186px -47px }
.inside_maintain_tab .inside_tab_on .i_1 { background-position: left 0 top 0 }
.inside_maintain_tab .inside_tab_on .i_2 { background-position: left -62px top 0 }
.inside_maintain_tab .inside_tab_on .i_3 { background-position: left -124px top 0 }
.inside_maintain_tab .inside_tab_on .i_4 { background-position: left -186px top 0 }
.inside_maintain_tab span { margin-left: 105px }
@media(min-width:450px) and (max-width:759px) {
.inside_maintain_tab span { margin-left: 67px }
.inside_maintain_tab i { margin-left: 5px }
}
@media(min-width:1000px) and (max-width:1199px) {
.inside_maintain_tab span { margin-left: 92px }
}
.inside_nav_list { overflow: hidden }
.inside_nav_list_peitao p { float: left; width: 50%; text-align: center; padding-bottom: 0; line-height: 32px; background: #e2e2e2; border-right: 1px #fff solid; margin-top: 10px; cursor: pointer }
.b_bottom { border-bottom: 1px #ccc solid }
.inside_pl { padding-left: 18px !important }
.inside_pl2 { padding-left: 15px }
.inside_pt { padding-top: 5px }
.inside_runhua { overflow: hidden }
.inside_pdf { border: 1px #ccc solid; padding: 5px; text-align: center }
.inside_mb_pdf { margin-bottom: 5px }
.inside_crusher .nb_tab { display: none }
#t_1 { display: block }
.inside_nav_on { background-color: red !important; color: #fff }
.inside_nav_off { background: #e2e2e2 !important; color: #000 }
.text-warning { color: red }
.inside_nav_list_crusher p { padding-bottom: 0 !important; background: #ccc; border-right: 1px #fff solid; cursor: pointer; margin-top: 10px }
@media(min-width:1200px) {
.inside_maintain_tab a { height: 80px }
}
@media(max-width:759px) {
.inside_nav_list_crusher p { width: 50%; float: left }
}
@media(min-width:760px) {
.inside_nav_list_peitao p { width: 20% }
.inside_rcwh { margin-left: -29px }
}
@media(min-width:1000px) {
.inside_nav_list_crusher p { width: 12.5% }
}
.mate_img a { position: relative; display: block; width: 100% }
.mate_img p { line-height: 30px; position: absolute; bottom: 0; display: block; width: 100%; height: 34px; background: rgba(0,0,0,0.5); color: #fff; text-align: center }
.msg-dialog { position: fixed; top: 8%; width: 100%; z-index: 10002 }
@media(min-width:760px) {
.msg-dialog { top: 15% }
.msg-dialog .inq_r { margin: 30px 20px 35px 0 }
}
@media(min-width:1000px) {
.msg-dialog .inq_r { margin-right: 50px }
}



.case-tab{background: #eeeeee; margin-bottom: 30px;}
.case-tab-sec p{ background: #cccccc; font-size: 18px; line-height: 65px; text-align: center; cursor: pointer; color: #000; transition: all 0.2s;}
.case-tab-sec p.active,.case-tab-sec p.active:hover{ background: #ed2d42; color: #fff;}
.case-tab-sec p:hover{ color: #ed2d42;}
@media (max-width: 999px){.case-tab-sec p{width: 50%; float: left; font-size: 16px; line-height: 45px;}}
.case-tab-third{ display: none; padding: 15px 0; height: 130px;}
.case-tab-third.active{ display: block;}
.case-tab-third p{ font-size: 18px; line-height: 35px; text-align: center; padding: 15px 0; cursor: pointer; color: #000; height: 100px; border-left: 1px solid #cccccc; position: relative;}
.case-tab-third p:first-child{ border-left: none;}
.case-tab-third p.active,.case-tab-third p.active:hover{ color: #ed2d42;}
.case-tab-third p:hover{ color: #ed2d42;}
.case-tab-third p span{ display: block; height: 35px; transition: all 0.5s;}
.case-tab-third p span img{ width:43px;}
.case-tab-third-text{ transition: all 0.5s;}
.case-tab-third-ico i,.case-tab-third-ico b{ position: absolute; left: 50%; margin-left: -21px; transition: all 0.5s;}
.case-tab-third-ico b{ opacity: 0;}
.case-tab-third p.active .case-tab-third-ico b,.case-tab-sec p.active:hover .case-tab-third-ico b{ opacity: 1;}
.case-tab-third p.active .case-tab-third-ico i,.case-tab-sec p.active:hover .case-tab-third-ico i{ opacity: 0;}
.case-tab-third p:hover .case-tab-third-ico b{ opacity: 1;}
.case-tab-third p:hover .case-tab-third-ico i{ opacity: 0;}
@media (max-width: 999px){.case-tab-third{ padding: 0; height: 100px;}.case-tab-third p{width: 33.33%; float: left; font-size: 14px;}}
.pager-more{ background: #ccc; text-align: center; font-size: 18px; line-height: 42px; cursor: pointer; transition: all 0.2s;}
.pager-more:hover{background: #ed2d42; color: #fff;}
.pager-more.pager-more-hide{ display: none;}
.model-case-teb,.project-case-teb,.model-case,.project-case{ display: none;}
.model-case-teb.active,.project-case-teb.active,.model-case.active,.project-case.active{ display: block;}


/*翻页*/
.pages { margin:15px 0; overflow: hidden; text-align:center; }
.pagelist{ display:inline-block;}
.pagelist li { float: left; border: 1px solid #ccc; line-height: 16px; margin-left: 5px; display: inline; font-size: 12px; padding: 3px 8px }
.pagelist { overflow: hidden }
.pagelist li.thisclass { background-color: #b42122; color: #FFF; }
.pagelist li.thisclass a { color: #FFF; }
.pagelist a { color: #191919; }



.xb4{ width:16.666666666666666666%;}
.line-big{ margin-bottom:0;}
.model-case li .img-res{ height:208px !important;}