a {color:#333;} a:hover{color:#e8380d; } .topArea { background-color: #f2f2f2; font-size: 12px; } .topArea .spot, .topArea span .wbst, .topArea span .wbst a { color:#333; } .topArea .r-arte .code, .topArea .r-arte .code a { color:#333; } .topArea .bg-topArea { width: 100%; padding: 0 5vw; } .header { position: relative; margin-bottom: 0; overflow: visible; z-index: 9; } .header .header-inner { display: flex; align-items: center; justify-content: space-between; width: 1300px; margin: 0 auto; padding: 0; position:relative;} .header .header-inner::after { content: none!important; } .topArea .r-arte { right: 5vw; } /*============================ 导航 ============================*/ /* .pg_margins:not(.pg_inside) .header { position: absolute; top: 0; left: 0; right: 0; width: 100%; } .pg_margins:not(.pg_inside) .header .logo { position: relative; margin-top: 0; margin-bottom: 0; } */ .pg_inside .header { /*position: absolute; top: 0; left: 0; right: 0;*/ width: 100%; /*background: rgba(0, 0, 0, 0.8);*/ z-index: 999;} .pg_inside .header .logo { position: relative; /*margin-top: -10px; margin-bottom: -10px;*/ } /* 通栏模式 */ #topNav { background:#eee; line-height:1.6; } #topNav .nav>ul>li { height:auto; line-height:1.6; } #topNav .nav>ul>li>a { padding-top: 1vh; padding-bottom: 1vh; color: #666; } #topNav .nav>ul>li>a .name_en { font-size: 12px; line-height: 18px; opacity: .5; } #topNav .nav>ul>li>a:hover, #topNav .nav>ul>li>a.current { background:#e8380d; color:#fff; z-index:1; } /* 左右模式 */ .header #topNav.fr {min-height: auto;margin-right: -1.3vw;background:none;line-height:26px;} .header #topNav.fr .nav { width: auto; height: auto!important; } .header #topNav.fr .nav>ul>li { width: auto!important; height: auto!important; line-height:26px; } .header #topNav.fr .nav>ul>li>a {padding: 1.3vh 1.3vw ;color: #fff;font-size: 16px;} .header #topNav.fr .nav>ul>li>a .name_en { font-size: 12px; line-height: 18px; opacity: .5; } .header #topNav.fr .nav>ul>li>a:hover, .header #topNav.fr .nav>ul>li>a.current { background:none; color:#e8380d;} /* 下拉菜单 */ .nav>ul>li .shownav { top:62px; width: 100%; padding: 8px 0; background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, .1); } .nav>ul>li .shownav a { margin:0; color:#333; } .nav>ul>li .shownav a:hover { color:#e8380d; } .header #topNav.fr .nav>ul>li .shownav { top:inherit; width: 140px; left: 50%; margin-left:-70px; } /* 下拉固定模式 */ .header #topNav.nav_fixed { min-height: 52px; margin-right: 0; box-shadow:0 3px 3px rgba(0, 0, 0, .1); background:#fff; line-height:52px; z-index: 99; } .header #topNav.nav_fixed .nav { width: 1200px; padding-top: 0; } .header #topNav.nav_fixed .nav>ul { text-align: center; } .header #topNav.nav_fixed .nav>ul>li { float:none; display: inline-block; line-height:52px; vertical-align: top; } .header #topNav.nav_fixed .nav>ul>li .shownav { top:52px; width: 140px; left: 50%; margin-left:-70px;} .phxia{display:none;} .picBox .hd ul li.on{width:64px; color:#fff; } .picBox .next, .picBox .prev{background:url(../image/icon_arr.png) no-repeat; } /* 热点 */ .HOT-KEYS {width: 1200px;margin: 0 auto; padding:20px 0;display: flex;justify-content: space-between;align-items: center;flex-flow: row-reverse;} .HOT-KEYS .keyleft {margin: 0;flex: 0 0 530px;padding-left: 50px;} .HOT-KEYS .keyleft .title .title_more { color:#6d6d6d; } .HOT-KEYS .keyleft .content {width: 530px;} .HOT-KEYS .keyleft .content a {padding-left: 12px;padding-right: 12px;} .HOT-KEYS .keyleft .content a:after {position: absolute;left: 0px;top: 50%;width: 4px;height: 4px;margin-top: -2px;background: #e8380d;content: "";} .HOT-KEYS .keyleft .content a:hover { color:#e8380d; } /* 搜索 */ .searchformBox {flex: 0 0 620px;} .searchformBox form .serach_input { background:#ecf1f9; color:#000; } .searchformBox form .btn_serach { background:url(../image/sbtn.png) no-repeat #e8380d center; color:#666; } /* placeholder 颜色 */ .searchformBox .serach_input::-webkit-input-placeholder { color:#999; } .searchformBox .serach_input:-moz-placeholder { color:#999; } .searchformBox .serach_input::-moz-placeholder { color:#999; } .searchformBox .serach_input:-ms-input-placeholder { color:#999; } .searchformBox:hover .serach_input::-webkit-input-placeholder { color:#999;} .searchformBox:hover .serach_input:-moz-placeholder { color:#999; } .searchformBox:hover .serach_input::-moz-placeholder { color:#999; } .searchformBox:hover .serach_input:-ms-input-placeholder { color:#999; } /************************************************** 框架 初始样式 **************************************************/ /* 图文内容_PC */ .TW_CONTENT .m-intro .u-more a { border:1px solid #ccc; color:#999; } .TW_CONTENT .m-intro .u-more a:after { color:#999; } /* 头条新闻_PC */ .TTXW_CONTENT { margin-bottom:8px; padding:0; border:0; overflow:hidden; } .TTXW_CONTENT .m-intro .u-more a { display: block; border-radius:3px; background-color:#333; color: #fff; transition:all 0.3s ease-in-out; } .TTXW_CONTENT .m-intro:hover .u-more a { background-color:#e8380d; color: #fff; } .TTXW_CONTENT .m-intro .u-date { color: #b4b4b4 } /* 新闻列表_PC */ .TTXW_LIST ul li { padding: 0 10px 0 5px; border-bottom: 1px solid #ebebeb; color:#999; font-size:14px; line-height: 46px; transition:all 0.3s ease-in-out; } .TTXW_LIST ul li .u-date { color: #999; font-size: 13px; } .TTXW_LIST ul li:hover { border-bottom-color: #e8380d; } /* 图片列表_PC */ .iFCB-TPLB li .iFCB-rp { padding: 0 14px 6px; } .iFCB-TPLB li .iFCB-rp .m-intro { padding: 8px; } .iFCB-TPLB li .iFCB-rp .m-intro .u-tt { font-size: 14px; } .iFCB-TPLB li .iFCB-rp .m-pic { border:1px solid #fff; transition:all 0.2s linear 0s; } /* 经过效果 */ .iFCB-TPLB li:hover .iFCB-rp .m-pic { border:1px solid #e8380d; } .iFCB-TPLB li:hover .iFCB-rp .m-intro { color: #e8380d; } .iFCB-TPLB li:hover .iFCB-rp .m-intro .u-tt a { color: #e8380d; } .iFCB-TPLB li:hover .iFCB-rp .m-intro .u-des { color: #333; } /* 图文列表_PC */ .TWLB_LIST { margin: 0; } .iFCB-TWLB li .iFCB-rp { padding: 0 0 14px; } .iFCB-TWLB li .iFCB-rp .m-intro { padding:8px; text-align: left; } .iFCB-TWLB li .iFCB-rp .m-intro .u-tt { margin-bottom: 8px; height: 40px; font-size: 16px; line-height:40px; text-align: left; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; } .iFCB-TWLB li .iFCB-rp .m-intro .u-des, .iFCB-TWLB li .iFCB-rp .m-intro .u-date { color:#666; } .iFCB-TWLB li .iFCB-rp .m-intro .u-des { line-height: 25px; } .iFCB-TPLB li .iFCB-rp .m-pic { border:1px solid #fff; transition:all 0.2s linear 0s; } /* 经过效果 */ .iFCB-TWLB li:hover .iFCB-rp .m-intro .u-tt a { color: #e8380d; } .iFCB-TWLB li:hover .iFCB-rp .m-intro .u-des, .iFCB-TWLB li:hover .iFCB-rp .m-intro .u-date { color: #333; } .iFCB-TWLB li:hover .iFCB-rp .m-pic { border:1px solid #e8380d; } /* 标题 */ .title {position: relative;display: flex;flex-direction: column-reverse;min-height:70px;margin:60px 0 40px;line-height:70px;text-align: left;} .title .title_more, .title .title_more a{color:#e8380d;font-size:36px;font-weight:bold;} /* 更多 */ .more { position: relative; z-index: 1; line-height:70px; text-align: center; } .more a { display:inline-block; min-width: 220px; margin-top: 40px; padding: 0 15px; border-radius: 42px; border: 1px solid #e8380d; font-size: 16px; line-height: 42px; } .more a:hover { border-color:#e8380d; background-color: #e8380d; color: #fff !important; padding:0 10px !important;} .data { margin-bottom:10px; } .data .title_name { display: block; float: none; padding-bottom: 10px; color:#333; font-size:18px; line-height:46px; } .data .input_option { position: relative; line-height: 46px; } .data .input_option input[type="radio"], .data .input_option input[type="checkbox"]{ margin-top: 14px; margin-right: 5px; } .data .input_option .input { border:1px solid #e5e5e5; background:#fff; } .data .input_option .input:hover { border:1px solid #e4e4e4; background-color: #f9f9f9; } .data .input_option #__ErrorMessagePanel { position: absolute; right: 10px; top: 0; display: inline-block; line-height: 22px; font-size: 12px; } .data .input_option select { width: 100%; border:1px solid #e5e5e5; background:#fff; } .btn-area { padding:10px 0 !important; clear: both; text-align: center; } .btn-area .btn-submit, .btn-area .reset { width: 30%; border-radius: 5px; color:#fff; } .btn-area .btn-submit { background:#e8380d; margin-right:0; } .btn-area .reset { background:#e7e7e7; color:#fff; } .module_field .middle .input { border:1px solid #e5e5e5; background:#fff; } .module_field .middle .input:hover { border:1px solid #e4e4e4; background-color: #f9f9f9; } /* 表单内容有误 */ .module_field .middle .input-validation-error { border:1px solid #ac2925; background:#ac2925; color: #fff; } .formitemlist .formInput { width:100% !important; border:1px solid #e5e5e5; background:#fff; } .formitemlist .formInput:hover { border:1px solid #e4e4e4; background-color: #f9f9f9; } .formitemlist .date { border:1px solid #e5e5e5; background:#fff; vertical-align: middle; } .title-ml-0 .title { margin-left: 0; } .title-ml-10 .title { margin-left: 10px; } .title-ml-15 .title { margin-left: 15px; } .title-ml-20 .title { margin-left: 20px; } .title-ml-30 .title { margin-left: 30px; } .title-mr-0 .title { margin-right: 0; } .title-mr-10 .title { margin-right: 10px; } .title-mr-15 .title { margin-right: 15px; } .title-mr-20 .title { margin-right: 20px; } .title-mr-30 .title { margin-right: 30px; } .title-mb-0 .title { margin-bottom: 0; } .title-mb-10 .title { margin-bottom: 10px; } .title-mb-20 .title { margin-bottom: 20px; } .title-mb-30 .title { margin-bottom: 30px; } .title-bb-0 .title { border-bottom: 0; } .title-bb-1 .title { border-bottom: 1px; } .title-bb-2 .title { border-bottom: 2px; } /************************************************** iFCB 首页 **************************************************/ /* 免费获取全屋 整体解决方案 */ .IBW-oFrom { position: fixed; left: 0; bottom: 0; width: 100%; height: 116px; padding: 35px 0; background-color: rgba(0, 0, 0, 0.6); transition:all 0.3s ease 0s; text-align: center; overflow: hidden; z-index: 999; } .IBW-oFrom, .IBW-oFrom .content::after{display:block;content:"";clear:both} .IBW-oFrom .title,.IBW-oFrom .content { display: inline-block; vertical-align: top; } .IBW-oFrom .title { width: 150px; padding-right: 40px; border: 0; background: none; margin: 0; min-height: auto; line-height: 23px; } .IBW-oFrom .title .title_more { background: none; color: #fff; } .IBW-oFrom .content { position: relative; width: 1010px; padding-right: 30px; } .IBW-oFrom .content .data, .IBW-oFrom .content .btn-area { float: left; } .IBW-oFrom .content .data .title_name { display: none; } .IBW-oFrom .content .data { width: 24%; margin-bottom: 0; margin-right: 2%; } .IBW-oFrom .content .data .input_option input[type="text"] { width: 100%!important; } .IBW-oFrom .content .btn-area { float: right; width: 22%; padding: 0 !important; clear: none; } .IBW-oFrom .content i { position: absolute; top:-30px; right: 0; display: block; width:30px; height: 30px; background: url(../image/icon_arr_close.png) no-repeat center; background-size: 30px; text-align: center; } .IBW-oFrom .content i::before { position: absolute; top:0; right: 0; content: ""; width:30px; height: 30px; color: #fff; z-index: 9; cursor: pointer; } .IBW-oFrom .content+.clear { position: absolute; right: -40px; top: 0; width:40px; height: 116px; background:#f60 url(../image/icon_arr_clear.png) no-repeat center; transition:all 0.6s ease 0s; display: none; cursor: pointer; } .IBW-oFrom .data .input_option #__ErrorMessagePanel { right: 0; top: -24px; } /* 头条背景 */ .bg-TTXW .TTXW_CONTENT { background-color: #f4f4f4; } .m906-slide { position: relative; } .m906-slide li { position: relative; } .m906-slide li a { display: block; } .m906-slide li .pic {} .m906-slide li .des { position: absolute; top: 0; right:0; width: 45%; height: 100%; padding: 55px 20px 0; background-color: rgba(0, 155, 116, .9); color: #fff; font-size: 14px; line-height: 26px; } .m906-slide li .des h4 { margin-bottom: 8px; font-weight: normal; font-size: 24px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .m906-slide .pn-arrow { position: absolute; right: 0; top: -40px; width: 40px; height: 24px; } .m906-slide .pn-arrow a { display: block; float: left; width: 20px; height: 24px; background: url(../image/906_slide_pn.png) no-repeat; cursor: pointer; } .m906-slide .pn-arrow a.prev { background-position: 0 0; } .m906-slide .pn-arrow a.next { background-position: -20px 0; } .m906-about { padding: 0 40px; } .m906-about .m-pic {} .m906-about .m-intro { padding: 75px 0 0 55px; line-height: 24px; } .m906-about .m-intro .u-memo { margin-bottom: 35px; } .m906-about .m-intro .u-more { width: 124px; height: 42px; color: #999; line-height: 42px; text-align: center; } .m906-about .m-intro .u-more a { display: block; padding: 0; border:1px solid #e5e5e5; color: #999; font-size: 14px; line-height: 40px; } .m906-about .m-intro .u-more a:after { display: none; content: none; } .m906-about .m-intro .u-more a:hover { border:1px solid #e8380d; color: #e8380d; } .M909-TXT-MEMO .p1 { font-size:28px; color:#e8380d; font-weight:bold; } .M909-TXT-MEMO .p2 { font-size:15px; color:#666; line-height:1.6; margin-top:50px; } .M909-TXT-MEMO .p3 { margin-top:50px; } .M909-TXT-MEMO .p3 a { display:inline-block; margin-right:20px; width:140px; height:45px; text-align:center; line-height:45px; font-size:15px; color:#e8380d; border:1px solid #b3c4d0; border-radius:8px; box-sizing: border-box; } .M909-TXT-MEMO .p3 a.a1 { background:#e8380d; color:#fff; border-color:#e8380d; } .M909-TXT-MEMO .p3 a.a1 i { display:inline-block; padding-right:40px; background:url(../image/a02.png) no-repeat center right; } .M909-TXT-MEMO .p3 a.a2:hover { background:#e8380d; color:#fff; border-color:#e8380d; } .aArea02 ul li { float:left; width:50%; text-align:center; padding:50px 0 40px; line-height:1; box-sizing: border-box; background-size:cover!important; cursor:pointer; } .aArea02 ul li .p1 { font-size:18px; color:#e8380d; font-weight:bold; } .aArea02 ul li .p1 i { font-size:30px; padding-right:5px; } .aArea02 ul li .p2 { font-size:18px; color:#666; margin-top:15px; } .aArea02 ul li:nth-child(1) { border-bottom:1px solid #e5e5e5; } .aArea02 ul li:nth-child(2) { border-bottom:1px solid #e5e5e5; } .aArea02 ul li:nth-child(2n) { border-left:1px solid #e5e5e5; } .aArea02 ul li:hover { background:url(http://penhuachina.com/u/Public/Skins/M1020/M10201/b4a3869e-90fe-4249-a8bc-85255644bd29/a01.jpg) no-repeat center; } .aArea02 ul li:hover .p1 { color:#fff; } .aArea02 ul li:hover .p2 { color:#fff; } .M909-NEWS .swiper-slide { background:#f8f8f8; } .M909-NEWS .swiper-slide a { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .M909-NEWS .swiper-slide .pic { flex:1; } .M909-NEWS .swiper-slide .txt { flex:1; padding:0 40px; } .M909-NEWS .swiper-slide .txt .p2 { font-size:22px; color:#333; min-height:30px; line-height:30px; } .M909-NEWS .swiper-slide .txt .p3 { font-size:14px; color:#999; margin-top:20px; line-height:2; min-height: 84px; } .M909-NEWS .swiper-slide .txt .p4 { margin-top:20px; padding-left: 6px; border-left: 2px solid #c4a56b; line-height: 16px; font-size: 13px; text-transform: uppercase; } .M909-NEWS .swiper-container-horizontal>.swiper-pagination-bullets, .M909-NEWS .swiper-pagination-custom, .M909-NEWS .swiper-pagination-fraction {position: relative;bottom: 0;margin-top: 10px;} .M909-TXT-DESC ul li { } .M909-TXT-DESC ul li a { display:block; padding:35px; min-height:200px; background:#f6f6f6; box-sizing: border-box; transition: all .3s ease; } .M909-TXT-DESC ul li .p1 { font-size:14px; color:#333; } .M909-TXT-DESC ul li .p2 { font-size:18px; color:#333; line-height:20px; margin-top:10px; } .M909-TXT-DESC ul li .p3 { font-size:14px; color:#a9a9a9; line-height:24px; margin-top:20px; min-height: 48px; } .M909-TXT-DESC ul li:hover a { background:#e8380d; } .M909-TXT-DESC ul li:hover .p1, .M909-TXT-DESC ul li:hover .p2 { color:#fff; } .M909-TXT-DESC ul li:hover .p3 { color:rgab(255,255,255,0.5); } .M909-TXT-DESC ul { margin: 0 -10px; } .M909-TXT-DESC ul li .messi { padding: 10px; } .M909-HD .title { float: left; } .M909-HD .content { float: right; } .M909-HD .content .pro_sort > div { height: auto!important; } .M909-HD .content .pro_sort > div div { display: inline-block!important; } .M909-HD .content .pro_sort .promore { display: none!important; } .M909-HD .content .pro_sort .each_li>.name { margin: 5px 0; border:0; background: none; font-size: 14px; line-height: 40px; } .M909-HD .content .pro_sort .each_li>.name>div>a { display: inline-block; padding: 0 20px; border-radius: 8px; text-indent: 0; transition: all .3s ease; } .M909-HD .content .pro_sort .each_li>.name>.icon:after { content: none; } .M909-HD .content .pro_sort .each_li>.name>div>a:hover { background-color: #e8380d; color: #fff; } .bArea .hd { text-align:center; padding:70px 0; } .bArea .hd .p1 { font-size:28px; color:#e8380d; font-weight:bold; } .bArea .hd .p2 { font-size:15px; color:#666; margin-top:20px; } .bArea01 { position:relative; } .bArea01 .gallery-thumbs { position:absolute; top:0; right:0; left:0; bottom:0; z-index:5; } .bArea01 .gallery-thumbs .swiper-slide .txt { padding:30% 15% 0 15%; } .bArea01 .gallery-thumbs .swiper-slide .txt .p1 { font-size:18px; color:rgba(255,255,255,0.5); } .bArea01 .gallery-thumbs .swiper-slide .txt .p2 { font-size:24px; color:#fff; font-weight:bold; margin-top:15px; padding-bottom:30px; border-bottom:1px solid #fff; } .bArea01 .gallery-thumbs .swiper-slide .txt .p2 a { color:#fff; } .bArea01 .gallery-thumbs .swiper-slide .txt .p3 { font-size:14px; color:rgba(255,255,255,0.8); margin-top:30px; line-height:35px; opacity:0; min-height: 240px; } .bArea01 .gallery-thumbs .swiper-slide .txt .p4 { position:absolute; bottom:10%; left:15%; right:15%; z-index:5; opacity:0; transition: all 0.6s; display: flex; align-items: center; justify-content: space-between;} .bArea01 .gallery-thumbs .swiper-slide-thumb-active .txt .p4 .intro-info-img.icon1 { max-width: 40px; } .bArea01 .gallery-thumbs .swiper-slide-thumb-active .txt .p4 a { display: block; width: 41px; height: 41px; background: url(../image/b01.png) no-repeat; } .bArea01 .gallery-thumbs .swiper-slide-thumb-active { background:#e8380d; } .bArea01 .gallery-thumbs .swiper-slide-thumb-active .txt .p3 { opacity:1; } .bArea01 .gallery-thumbs .swiper-slide-thumb-active .txt .p4 { bottom:20%; opacity:1; } /* m10031 */ .m10031-title .title { margin-bottom: 0; min-height:30px; line-height: 30px; } .m10031-title .title .title_more, .m10031-title .title .title_more a { color:#e8380d; font-size: 18px; font-weight: normal; } .m10031-title .title .more { float: right; position: relative; z-index: 1; } .m10031-title .title .more a { display:inline-block; color: #666; } .m10031-title .title .more a:hover { color: #e8380d; } .m10031-title-bf .title::before{content:'';position:absolute;left:0;bottom:0;background-color:#e8380d;width:60px;height:5px} .m10031-title-bf-cen .title { margin-bottom: 20px; text-align: center; } .m10031-title-bf-cen .title::before{left:50%;height:3px; transform:translateX(-50%);} .m10031-aArea { display: flex; justify-content: flex-start; align-items: center; } .m10031-aArea .title { flex: 0 0 180px; padding-left: 40px; background: url(../image/a01.png) no-repeat center left; } .m10031-aArea .content { flex: 0 0 calc( 100% - 180px ); } .m10031-aArea .clear { flex: 0 0 0; } /* m10031 视频 */ .m10031-video-box { position: relative; height: 604px; overflow: hidden; } .m10031-video-box .m10031-video { position: relative; height: 604px; overflow: hidden; } .m10031-video-box .m10031-video video { position: absolute; display: block; top: 50%; transform: translateY(-50%); width: 100%; } .m10031-video-box .m906-video-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; } .m10041-ivideo .ibw_intro {position: relative;} .m10041-ivideo:hover .content .ibw_intro img { transition: all .6s ease; } .m10041-ivideo .play { position:absolute; left:50%; top:50%; width: 47px; height: 47px; transform:translate(-50%,-50%); z-index: 2; cursor: pointer; } .m10041-ivideo .play .p{position: relative; width: 47px; height: 47px; border-radius: 50%; background: url(http://penhuachina.com/u/Public/Skins/M1020/M10201/b4a3869e-90fe-4249-a8bc-85255644bd29/m10041_ivideo_play.png) no-repeat 50% / cover; z-index: 2; } .m10041-ivideo .play .cir{position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); border-radius: 50%;} .m10041-ivideo .play .cir .item{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);border-radius: 50%;box-shadow: 0 0 0 0 rgb(255 255 255 / 50%);animation: ripple 4s infinite;} .m10041-ivideo .play .cir .item2{animation-delay: 0.4s;} .m10041-ivideo .play .cir .item3{animation-delay: 1s;} .m10041-ivideo:hover .content .ibw_intro img { transform: scale(1.1); } @keyframes ripple{0%{box-shadow: 0 0 0 0 rgb(255 255 255 / 40%);} 70%{box-shadow: 0 0 0 20px rgb(254 152 65 / 0%);} 100%{box-shadow: 0 0 0 40px rgb(254 152 65 / 0%);}} .m906-video-box { position:fixed;top:50%;left:50%;width:1074px;height:604px;margin-top:-302px;margin-left:-537px;z-index:99; display:none; z-index: 99999; } .m906-video-box::before { position: fixed; top:0; right: 0; bottom:0; left:0; content: ""; background: rgba(0,0,0,0.8); z-index: 99998; } .m906-video-box .content { position: relative; padding:0;background:#fff; border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3); z-index: 100000; } .m906-video-box video { position: relative; display:block; width:100%; height:100%; } .m906-video-box .clear {position:absolute;right:-10px;top:-10px; display:block; width:30px;height:30px; border-radius:100%;background:#e8380d url(../image/xx.png) no-repeat 50%; z-index: 100001;cursor:pointer;} /* m10031 最新公告_PC */ .TZGG_LIST li { padding: 0 25px; min-height:30px; line-height: 30px; } .TZGG_LIST li a { display: inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .TZGG_LIST li .u-date { display: inline-block; padding: 0 0 0 25px; vertical-align: top; } .TZGG_LIST li .u-date .date_y, .TZGG_LIST li .u-date .split_m { display: none; } /* m10031 焦点图-PC */ .m10031-items {} .m10031-items ul { display: flex; } .m10031-items ul li { position:relative; min-width:105px; padding-right: 5px; transition: all 0.3s; } .m10031-items ul li a { display: block; overflow: hidden; } .m10031-items ul li:last-child { padding-right:0; } .m10031-items ul li .pic { position:relative; } .m10031-items ul li .pic:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3); transition:.6s} .m10031-items ul li .txt { position:absolute; top:50%; left:10%; right:10%; transform: translateY(-50%); color:#fff; text-align:left; z-index:2; transition: .3s; } .m10031-items ul li .txt .p1 img { display: block; margin: 0; transition: .3s; } .m10031-items ul li .txt .p2 { margin: 8px 0 16px; font-size:18px; line-height:2; } .m10031-items ul li .txt .p3 { font-size:13px; text-transform:uppercase; } .m10031-items ul li.on { min-width:260px; } .m10031-items ul li.on .pic:after{background:rgba(0,0,0,.7);} .m10031-items ul li.on .txt { text-align:center; } .m10031-items ul li.on .txt .p1 img { margin: 0 auto; } .m10031-items ul li.on .txt .p2 { font-size:22px; } .m10031-items ul li.on .txt .p3 { font-size:14px; } /* m10031 图文列表_PC */ .M1003-PIC-TXT .messi {} .M1003-PIC-TXT .m-pic { display: block; } .M1003-PIC-TXT .m-intro { padding: 15px; } .M1003-PIC-TXT .m-intro .u-tt { margin-bottom: 16px; font-size: 16px; line-height: 22px; } .M1003-PIC-TXT .m-intro .u-desc { margin-top: 8px; } .M1003-PIC-TXT .m-intro .u-more { padding-left: 6px; border-left: 2px solid #c4a56b; line-height: 16px; font-size: 13px; text-transform: uppercase; } /* m10031 图片列表_PC */ .M1003-PIC { position: relative; margin: 0 -5px; } .M1003-PIC .messi { position: relative; margin: 5px; } .M1003-PIC .m-pic { display: block; } .M1003-PIC .m-intro { position: absolute; left: 0; bottom: 0; right: 0; padding: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; z-index: 1; } .M1003-PIC .m-intro .u-tt { padding: 5px 0; color: #fff; font-size: 16px; line-height: 24px; text-align: center; } .M1003-PIC .m-intro .u-tt a { color: #fff; } .M1003-PIC .m-intro .u-memo { display: none; font-size: 0; transition: all .3s ease; } .M1003-PIC .messi:hover .m-intro { left: 0; bottom: 0; top:0; right: 0; padding: 11%; } .M1003-PIC .messi:hover .m-intro::after { border: 1px solid #fff; position: absolute; top:5%; right: 5%; bottom: 5%; left: 5%; content: ''; } .M1003-PIC .messi:hover .m-intro .u-tt { font-size: 18px; } .M1003-PIC .messi:hover .m-intro .u-memo { display: block; margin-top: 8px; font-size: 14px; } /* m10031 图文内容_PC */ .M1003-TW { overflow: hidden; } .M1003-TW .m-pic { } .M1003-TW .m-intro { display: block; overflow: hidden; padding: 15px; } .M1003-TW .m-intro .u-tt { font-size: 30px; line-height: 2; } .M1003-TW .m-intro .u-desc { margin-top: 8px; line-height: 2; opacity: .9; } /* 10061 标题 */ .CEN-TITLE {display: flex;justify-content: space-between;align-items: center;flex-flow: row-reverse;margin-bottom: 30px;} .CEN-TITLE .title { flex:0 0 20%; min-height: inherit; margin-bottom: 0; line-height: inherit; } .CEN-TITLE .title span.more {font-size: 16px;line-height: 26px;border-bottom: 1px solid #e8380d;} .CEN-TITLE .title .title_more { display: none; } .CEN-TITLE .content { flex:0 0 80%; } .CEN-TITLE .clear { flex:0 0 0px; } /* m10061 图片列表_PC */ .M10061-PIC { position: relative; margin: 0 -5px; } .M10061-PIC .messi { position: relative; margin: 6px; } .M10061-PIC .m-pic { overflow: hidden; } .M10061-PIC .m-pic img { transition: .3s; } .M10061-PIC .u-tt2 {position: absolute;left: 0;bottom: 0; right: 0;padding: 7px; background: rgba(55,137,40,70%); color: #fff; font-size: 18px; text-align: center; line-height: 22px; opacity: 1;transition: all .3s ease;z-index: 1;} .M10061-PIC .m-intro { position: absolute;left: 0;bottom: 0; top:0;right: 0; padding: 10%; background: rgba(55,137,40,80%);color: #fff;opacity: 0;transition: all .3s ease;z-index: 1;} .M10061-PIC .m-intro .u-tt { margin-bottom: 8px; color: #fff; font-size: 20px; line-height: 34px; text-align: center; } .M10061-PIC .m-intro .u-des { color: #fff; font-size: 12px; line-height: 22px; } .M10061-PIC .m-intro a { display: block; width: 100%; height: 100%; color: #fff; } .M10061-PIC .messi:hover .m-intro { left: 0; bottom: 0; top:0; right: 0; opacity: 1; } .M10061-PIC .messi:hover .u-tt2 { opacity: 0; } .M10061-PIC .m-intro:after {position: absolute; left: 6%;top: 6%; right: 6%; bottom: 6%; content: ''; display: block; border: 1px solid #fff; } .M10062-PIC { position: relative; margin: 0 -5px; } .M10062-PIC .messi { position: relative; margin: 5px; } .M10062-PIC .m-pic { overflow: hidden; } .M10062-PIC .m-pic img { transition: .3s; } .M10062-PIC .m-intro { position: absolute; left: 0; bottom: 0; right: 0; padding: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; z-index: 1; } .M10062-PIC .m-intro .u-tt {padding: 10px 80px 10px 10px;color: #fff;font-size: 16px;line-height: 24px;text-align: left;} .M10062-PIC .m-intro .u-tt a { color: #fff; } .M10062-PIC .messi:hover .m-pic img { transform: scale(1.1); } /* m10061 图片灰彩_PC */ .M10061-GRAY-PIC { position: relative; margin: 0 -5px; } .M10061-GRAY-PIC .messi { position: relative; margin: 5px; } .M10061-GRAY-PIC .m-pic { overflow: hidden; } .M10061-GRAY-PIC .m-pic img { width: 100%; height: auto; filter: grayscale(100%); filter: gray; transition: all .3s ease; } .M10061-GRAY-PIC .messi:hover .m-pic img { filter: grayscale(0); filter: none; } .M10061-NEWS .swiper-slide {background: #7e6056;} .M10061-NEWS .swiper-slide a { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .M10061-NEWS .swiper-slide .pic { flex:1.3; overflow:hidden; } .M10061-NEWS .swiper-slide .pic img { width:100%; height:auto; } .M10061-NEWS .swiper-slide .txt { flex:.7; padding:0 50px 50px; } .M10061-NEWS .swiper-slide .txt .p1 { font-size: 48px; color:#fff; font-family: Arial; font-weight: bold; line-height: 1; } .M10061-NEWS .swiper-slide .txt .p2 { font-size:32px; color:#fff; margin-top:10px; line-height:1.6; } .M10061-NEWS .swiper-slide .txt .p3 { font-size:22px; color:#fff; line-height:1.8; } .M10061-NEWS .swiper-slide .txt .p4 { font-size:14px; color:#fff; margin-top:30px; line-height:1.6; opacity: .6; } .M10061-NEWS .swiper-container-horizontal>.swiper-pagination-bullets, .M10061-NEWS .swiper-pagination-custom, .M10061-NEWS .swiper-pagination-fraction {bottom: 30px;left: initial;right: 50px;width: auto;} .M10061-NEWS .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 38px; height: 2px; border-radius: 0; opacity: .2; background-color: #fff; } .M10061-NEWS .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; background-color: #fff; } .M10061-List .item { position: relative; margin: 0 0 10px; background:#fff; line-height:20px; } .M10061-List .item a {position: relative;display: flex;padding: 20px 20px;z-index: 1;align-items: center;} .M10061-List .item .date {position: relative; flex: 0 0 20%; padding-left: 10px; color: #666; border-right: 1px solid #e7e7e7; } .M10061-List .item .date .date-wp span { font: 14px/2 'Gotham-Book';} .M10061-List .item .date .date-wp .split_d { display: none; } .M10061-List .item .date .date-wp .date_d {display: block;font: 48px/1.5 'gotham-medium';} .M10061-List .item .date .date-wp:after {position: absolute;left: 10px;top: 29px;content: '';display: block;width: 25px;height: 3px;background: #e7e7e7;transition: all .6s;} .M10061-List .item dl { position: relative; flex: 0 0 80%; padding:0 0 0 30px; } .M10061-List .item dl .u-tt { margin-bottom: 6px; color: #333; font-size: 16px; line-height: 30px; } .M10061-List .item dl .u-desc { margin: 0 0 12px; opacity: .8; font-size: 14px; line-height: 22px; } .M10061-List .item dl .more { width: 20px; height: 30px; background: url(http://penhuachina.com/u/Public/Skins/M1020/M10201/b4a3869e-90fe-4249-a8bc-85255644bd29/M10061-icon2.png) no-repeat center center #fff; line-height: 990px; font-size: 0; overflow: hidden; transition: all .3s ease-in; } .M10061-List .item:hover a { color: #000; } .M10061-List .item:hover dl .u-tt {color: #e8380d;} .M10061-List .item:hover dl .more { width: 40px; } .M10061-List .item:hover .date .date-wp:after { width: 40px; } /* M10131 */ .M10131-swiper .swiper-container { position: relative; border: 1px solid #f3f3f3; overflow:hidden; } .M10131-swiper .swiper-container .swiper-slide { border-left: 1px solid #f3f3f3; margin-left: -1px; } .M10131-swiper .swiper-container .swiper-slide a { display: block; padding: 15px; } .M10131-swiper .swiper-container .swiper-slide .ibw_pic{ width:100%; overflow:hidden} .M10131-swiper .swiper-container .swiper-slide .ibw_pic img{ transition:all 0.4s linear; } .M10131-swiper .swiper-container .swiper-slide .txt{ padding:30px 5px;} .M10131-swiper .swiper-container .swiper-slide .txt h3{ margin-top: 5px; height: 64px; font-size:18px; color:#000; font-weight:normal; line-height: 32px; overflow: hidden; } .M10131-swiper .swiper-container .swiper-slide .txt .ibw_date { color:#c6c6c6; font-weight: bold; line-height:1.8; } .M10131-swiper .swiper-container .swiper-slide .txt .ibw_content { margin-top: 35px; color:#9e9e9e; line-height:25px; } .M10131-swiper .swiper-pagination {bottom: 0;line-height: 12px;position: relative;margin-top: 18px; text-align: center;} .M10131-swiper .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; line-height: 12px; vertical-align: top; margin: 0 4px; } .M10131-swiper .swiper-pagination .swiper-pagination-bullet-active { background:#e8380d; } .M10131-swiper .swiper-slide:hover .ibw_pic img{ transform:scale(1.1); } .M10131-about { text-align: center; } .M10131-about h3 { position: relative; font-size: 40px; font-weight: normal; line-height: 78px; } .M10131-about h3::after,.M10131-about h3::before { position: absolute; left: 50%; bottom: 0; content: ''; transform: translateX(-50%); display: inline-block; } .M10131-about h3::after { width: 454px; height: 1px; background-color: #d6d6d6; } .M10131-about h3::before { width: 120px; height: 4px; background-color: #6fba44; z-index: 1; } .M10131-about h5 { margin-top: 12px; font-size: 20px; font-weight: normal; line-height: 38px; } .M10131-about .ibw_content { margin-top: 34px; opacity: .7; font-size: 16px; line-height: 2; } .M10131-TABS .hd { margin-bottom: 60px; } .M10131-TABS .hd ul { text-align: center; } .M10131-TABS .hd ul li { display: inline-block; position: relative; min-width: 130px; margin: 0 -3px; line-height: 38px; font-size: 14px;border: solid 1px #78be51; transition: all .3s ease; } .M10131-TABS .hd ul li a { display: block; padding: 0 15px; color: #e8380d; } .M10131-TABS .hd ul li.on::after{ content: ""; position: absolute; transform: translate(-50%,0); left: 50%; bottom: -14px; width: 0;height: 0; border:7px solid transparent; border-top-color:#e8380d; } .M10131-TABS .hd ul li.on a { background: #e8380d; color: #fff;} .M10131-PICLIST { position: relative; padding: 0 28px; } .M10131-PICLIST .swiper-slide a { display: block; position: relative; overflow: hidden; } .M10131-PICLIST .swiper-slide span { position: absolute; left: 0; right: 0; bottom: 0; } .M10131-PICLIST .swiper-slide span a { padding: 8px; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; line-height: 2; text-align: center; white-space:nowrap; text-overflow:ellipsis; } .M10131-PICLIST .swiper-slide a img { transition:all 0.4s linear; } .M10131-PICLIST .swiper-slide a:hover img { transform:scale(1.1); } .M10131-PICLIST .swiper-button-prev, .M10131-PICLIST .swiper-button-next { width: 20px; height: 20px; margin-top: -10px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1675300102235' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3977' width='20' height='20'%3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23a6a6a6' p-id='3978'%3E%3C/path%3E%3C/svg%3E"); transition: all .3s ease; } .M10131-PICLIST .swiper-button-prev::after, .M10131-PICLIST .swiper-button-next::after { content: none; } .M10131-PICLIST .swiper-button-prev { left: 0; transform: rotate(180deg); } .M10131-PICLIST .swiper-button-next { right: 0; } .M10131-PICLIST .swiper-button-prev:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1675300665731' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4992' width='26' height='26'%3E%3Cpath d='M516.266667 490.666667L256 230.4 315.733333 170.666667l320 320L315.733333 810.666667 256 750.933333l260.266667-260.266666zM678.4 170.666667h85.333333v640h-85.333333V170.666667z' fill='%23e8380d' p-id='4993'%3E%3C/path%3E%3C/svg%3E"); } .M10131-PICLIST .swiper-button-next:hover { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1675300665731' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4992' width='26' height='26'%3E%3Cpath d='M516.266667 490.666667L256 230.4 315.733333 170.666667l320 320L315.733333 810.666667 256 750.933333l260.266667-260.266666zM678.4 170.666667h85.333333v640h-85.333333V170.666667z' fill='%23e8380d' p-id='4993'%3E%3C/path%3E%3C/svg%3E"); } .M10131-gallery { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; } .M10131-gallery .hd { position: relative; flex: 0 0 170px; height: 364px; padding: 40px 0; z-index: 5; } .M10131-gallery .hd::after { position: absolute; top:8px; left: 1px; bottom: 8px; width: 1px; background: rgba(255,255,255,.5); content: ''; } .M10131-gallery .gallery-thumbs { width: 180px; height: 284px; } .M10131-gallery .gallery-thumbs .swiper-slide { position: relative; padding-left: 30px; color: #fff; font-size: 18px; line-height: 44px; cursor: pointer; } .M10131-gallery .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { font-weight: bold; } .M10131-gallery .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after { position: absolute; top:50%; left: 0; width: 3px; height: 38px; background: #fff; content: ''; transform: translateY(-50%); } .M10131-gallery .M10131-gallery-next, .M10131-gallery .M10131-gallery-prev { position: absolute;left: 24px;bottom:0px;width: 44px;height: 24px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1675317858847' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7509' width='20' height='20'%3E%3Cpath d='M483.072 714.496l30.165333 30.208 415.957334-415.829333a42.837333 42.837333 0 0 0 0-60.288 42.538667 42.538667 0 0 0-60.330667-0.042667l-355.541333 355.413333-355.242667-355.413333a42.496 42.496 0 0 0-60.288 0 42.837333 42.837333 0 0 0-0.085333 60.330667l383.701333 383.872 1.706667 1.749333z' fill='%23ffffff' p-id='7510'%3E%3C/path%3E%3C/svg%3E"); cursor: pointer; } .M10131-gallery .M10131-gallery-prev { top: 0px; transform: rotate(180deg); } .M10131-gallery .gallery-top { flex: 0 0 500px; margin: initial; } .M10131-gallery .gallery-top .intro { color: #fff; transition: all 2s ease; z-index: 5; } .M10131-gallery .gallery-top .intro h2 { margin-bottom: 44px; font-weight: normal; font-size: 24px; line-height: 42px; } .M10131-gallery .gallery-top .intro h2 a { color: #fff; } .M10131-gallery .gallery-top .intro .desc { min-height: 206px; font-size: 16px; line-height: 28px; opacity: .8; } .M10131-gallery .gallery-top .intro .more2 a { display: block; width: 90px; height: 28px; color: #fff; line-height: 26px; border: 1px solid #fff; text-align: center; transition: all .3s ease; opacity: .8; } .M10131-gallery .gallery-top .intro .more2 a:hover { color: #fff; background: #e8380d; border: 1px solid #e8380d; opacity: 1; } /* m10031 焦点图-PC */ .M10131-items {} .M10131-items ul { display: flex; } .M10131-items ul li { position:relative; min-width:105px; padding-right: 5px; transition: all 0.3s; } .M10131-items ul li a {display: block;overflow: hidden;height: 810px;padding: 95px 0 0;background: url(http://penhuachina.com/u/Public/Skins/M1020/M10201/b4a3869e-90fe-4249-a8bc-85255644bd29/M10131-items.png) center;} .M10131-items ul li:last-child { padding-right:0; } .M10131-items ul li .pic { position:relative; text-align: center; } .M10131-items ul li .pic img { transition: all .3s ease; } .M10131-items ul li .txt { position:absolute; top:5%; left:5%; text-align:left; z-index:2; opacity: 0; transition: .3s; } .M10131-items ul li .txt .p1 { position: relative; padding: 0 23px; font-size: 96px; font-weight: bold; line-height: 106px; } .M10131-items ul li .txt .p1::after { position: absolute; left: 0; bottom: 0; width: 166px; height: 28px; background-color: #e8380d; content: ''; z-index: -1; text-align: center; } .M10131-items ul li .txt .p2 { position: relative; margin-top: 50px; padding-left: 50px; font-size:24px; font-weight: bold; line-height:34px; } .M10131-items ul li .txt .p2::after { position: absolute; left: 0; top: 50%; width: 34px; height: 34px; margin-top: -17px; border-radius: 34px; background-color: #e8380d; background-repeat: no-repeat; background-position: 4px 50%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1675300102235' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3977' width='20' height='20'%3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23ffffff' p-id='3978'%3E%3C/path%3E%3C/svg%3E"); content: ''; } .M10131-items ul li .p3 { position:absolute; bottom:5%; left:5%; color: #131313; font-size: 22px; line-height: 44px; } .M10131-items ul li .p3::after { display: block; width: 44px; height: 44px; content: ''; background-repeat: no-repeat; background-position: -8px 50%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1675300102235' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='3977' width='20' height='20'%3E%3Cpath d='M970.496 543.829333l30.165333-30.165333-415.829333-415.914667a42.837333 42.837333 0 0 0-60.288 0 42.538667 42.538667 0 0 0 0 60.330667l355.413333 355.498667-355.413333 355.285333a42.496 42.496 0 0 0 0 60.288c16.64 16.64 43.861333 16.469333 60.288 0.042667l383.914667-383.701334 1.749333-1.664z' fill='%23131313' p-id='3978'%3E%3C/path%3E%3C/svg%3E"); } .M10131-items ul li.on { min-width:260px; } .M10131-items ul li.on a {padding: 180px 0 0;} .M10131-items ul li.on .pic img {width: 80%;height: auto;} .M10131-items ul li.on .txt { opacity: 1; } .M10131-items ul li.on .txt .p1, .M10131-items ul li.on .txt .p2 { color: #131313; } .M10131-items ul li.on .p3 { display: none; } .M10131-AI { border: solid 1px #f2f2f2; background-color: #fff; } .M10131-AI .hd { } .M10131-AI .hd ul { display: flex; justify-content: space-between; align-items: center; text-align: center; } .M10131-AI .hd ul li { position: relative; min-width: 130px; margin-left: -1px; border-left: solid 1px #f2f2f2; border-bottom: solid 1px #f2f2f2; line-height: 85px; font-size: 24px; } .M10131-AI .hd ul li::after{ content: ""; position: absolute; left: 0; top: -1px; width: 0;height: 5px; background-color:#e8380d; transition: all .3s ease; } .M10131-AI .hd ul li a { display: block; padding: 0 15px; color: #131313; } .M10131-AI .hd ul li.on { border-bottom-color: #fff; } .M10131-AI .hd ul li.on::after { width: 100%; } .M10131-AI .bd .items { display: flex; justify-content: space-between; align-items: flex-start; padding: 25px 0; } .M10131-AI .bd .items .ibw_pic { width: 400px; text-align: center; } .M10131-AI .bd .items ul { width: 800px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-right: 30px; } .M10131-AI .bd .items ul li { flex: 0 0 47%; border-bottom: 1px solid #eee; } .M10131-AI .bd .items ul li a { position: relative; display: block; padding: 50px 30px 30px 108px; } .M10131-AI .bd .items ul li a i { position: absolute; left: 30px; top: 50px; width: 50px; height: 50px; } .M10131-AI .bd .items ul li a i img { display: block; width: 50px; height: 50px; } .M10131-AI .bd .items ul li .desc { } .M10131-AI .bd .items ul li .desc .ibw_titleText { overflow:hidden; text-overflow:ellipsis; display: -webkit-box; display:box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 18px; line-height: 30px;height: 60px; } .M10131-AI .bd .items ul li .desc .ibw_href { color: #999; font-size: 14px; margin-top: 18px; } .M10131-KB { position: relative; padding: 35px; border: solid 1px #f1f1f1; background-color: #fff; } .M10131-KB .hd { position: absolute; top: 50%; left: 50%; width: 80px; height: 274px; padding: 32px 0; background-color: #fff; transform: translate(0,-50%); z-index: 5; } .M10131-KB .KB-thumbs { width: 80px; height: 210px; padding: 1px; } .M10131-KB .KB-thumbs .swiper-slide { position: relative; height: 52px; border: 1px solid #fff; cursor: pointer; } .M10131-KB .KB-thumbs .swiper-slide a { display: block; } .M10131-KB .KB-thumbs .swiper-slide img { width: 76px; height: 50px; opacity: .8; } .M10131-KB .KB-thumbs .swiper-slide.swiper-slide-thumb-active a { border: 1px solid #e8380d; } .M10131-KB .KB-thumbs .swiper-slide.swiper-slide-thumb-active img { opacity: 1; } .M10131-KB .M10131-KB-next, .M10131-KB .M10131-KB-prev { position: absolute;left: 0;bottom:0px;width: 80px;height: 32px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1675317858847' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7509' width='20' height='20'%3E%3Cpath d='M483.072 714.496l30.165333 30.208 415.957334-415.829333a42.837333 42.837333 0 0 0 0-60.288 42.538667 42.538667 0 0 0-60.330667-0.042667l-355.541333 355.413333-355.242667-355.413333a42.496 42.496 0 0 0-60.288 0 42.837333 42.837333 0 0 0-0.085333 60.330667l383.701333 383.872 1.706667 1.749333z' fill='%23606060' p-id='7510'%3E%3C/path%3E%3C/svg%3E"); cursor: pointer; transition: all .3s ease; } .M10131-KB .M10131-KB-prev { top: 0px; transform: rotate(180deg); } .M10131-KB .M10131-KB-next:hover, .M10131-KB .M10131-KB-prev:hover { background-color: #e8380d; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1675317858847' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7509' width='20' height='20'%3E%3Cpath d='M483.072 714.496l30.165333 30.208 415.957334-415.829333a42.837333 42.837333 0 0 0 0-60.288 42.538667 42.538667 0 0 0-60.330667-0.042667l-355.541333 355.413333-355.242667-355.413333a42.496 42.496 0 0 0-60.288 0 42.837333 42.837333 0 0 0-0.085333 60.330667l383.701333 383.872 1.706667 1.749333z' fill='%23ffffff' p-id='7510'%3E%3C/path%3E%3C/svg%3E"); } .M10131-KB .KB-top { background-color: #fbfbfb; } .M10131-KB .KB-top .swiper-slide { overflow: hidden; background-color: #fff; } .M10131-KB .KB-top .swiper-slide .ibw_pic { float: left; width: 604px; overflow: hidden; } .M10131-KB .KB-top .swiper-slide .ibw_pic img { width: 604px; height: 418px; transition: all .6s ease; } .M10131-KB .KB-top .intro { display: block; overflow: hidden; padding: 60px 40px 0 70px; } .M10131-KB .KB-top .intro h2 { margin-bottom: 15px; font-weight: normal; font-size: 24px; line-height: 42px; } .M10131-KB .KB-top .intro .ibw_content { font-size: 16px; line-height: 30px; opacity: .8; } .M10131-KB .KB-top .swiper-slide:hover .ibw_pic img { transform:scale(1.1); } .M10131-KB .ibw_intro { position: absolute; top: 270px; left: 709px; line-height: 20px; z-index: 5; } .M10131-KB .ibw_intro td { padding: 15px; border-color: #ddd; transition: all .3s ease; } .M10131-KB .ibw_intro td:nth-child(2n){ padding: 0; } .M10131-KB .ibw_intro td:hover { border-color: #e8380d; color: #e8380d; } /* 标题 .iFCB-title |- .content |---- .ibw_intro |-------- .title-wp |------------ .title |---------------- h2 |-------- .ms */ .iFCB-title, .iFCB-title-dis { position:relative; margin-bottom:30px; text-align:center; clear:both; } .iFCB-title .content .title-wp, .iFCB-title-dis .content .title-wp, .pro_sort_box .title { position:relative; display:inline-block; margin-bottom:0; padding-left:0; vertical-align: top; } .iFCB-title .content .title-wp .title, .iFCB-title-dis .content .title-wp .title, .pro_sort_box .title .title_more { min-height:inherit; height: auto; margin-bottom:0; padding-right:0; line-height:inherit; } .iFCB-title .content .title-wp .title h2, .iFCB-title-dis .content .title-wp .title h2, .pro_sort_box .title .title_more a { display:inline-block; min-width:40px; height:50px; padding:0; font-size:38px; font-weight:normal; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top; } .iFCB-title .content .title-wp .title h2, .iFCB-title .content .title-wp .title h2 a, .iFCB-title-dis .content .title-wp .title h2, .iFCB-title-dis .content .title-wp .title h2 a, .pro_sort_box .title .title_more, .pro_sort_box .title .title_more a { color:#333; } .iFCB-title .ms, .iFCB-title-dis .ms { margin-bottom:0; line-height: 30px; font-size:18px; } .iFCB-title .ms, .iFCB-title .ms a, .iFCB-title-dis .ms, .iFCB-title-dis .ms a { color: #666; } /* 深色块不同样式 */ .iFCB-title-dis .content .title-wp .title h2, .iFCB-title-dis .content .title-wp .title h2 a { color: #fff; } .iFCB-title-dis .ms, .iFCB-title-dis .ms a { color: #eee; } .mainbg { padding:10px 0 30px; } /*内页样式*/ .pg_inside .main-home { padding-bottom:40px; } /* 面包屑 */ .location { padding:0; margin:0 0 35px; border: 1px solid #faf5f0; background:#f9f8f8; line-height:40px; } .location .ico { display:block; padding-left:95px; background:url(../image/icon-home.png) no-repeat; } .location .ico a:hover,.location .ico a:last-child { color:#e8380d; } .location .ico span { padding:0 5px; font-family:"黑体" } /* b常规-菜单、y相关推荐在左，主体内容在右ibw inner 左右-主体内容在左，菜单、相关推荐在右 inner1 通栏-菜单在上，主体内容、相关推荐在下 inner2 上左右-菜单在上，相关推荐在下左，主体内容在下右 inner3 下左右-菜单在上，主体内容下左，相关推荐在在下右 inner4 pro_sort_box title title_more a pro_sort div each_li name icon a third_box third_li name a 常规部分的栏目标题 */ .inner .pro_sort_box .title, .inner1 .pro_sort_box .title, .inner .box .title, .inner1 .box .title { display: block; margin-bottom:15px; padding:0; border:0; background:#e8380d; font-size:24px; line-height:50px; text-align:center; } .inner .pro_sort_box .title .title_more, .inner1 .pro_sort_box .title .title_more, .inner .box .title .title_more, .inner1 .box .title .title_more { padding:0 0; background: none; color:#fff; } .inner .pro_sort_box .title .title_more a, .inner1 .pro_sort_box .title .title_more a, .inner .box .title .title_more a, .inner1 .box .title .title_more a { display: inline; height: auto; padding:0; background: none; color:#fff; font:100 24px/50px "Microsoft Yahei","微软雅黑"; } .inner2 .pro_sort_box .title,.inner3 .pro_sort_box .title,.inner4 .pro_sort_box .title,.inner2 .box .title,.inner3 .box .title,.inner4 .box .title { display: none; } .inside_left .box,#leftObj .box,.pro_sort_box { margin-bottom: 20px; text-align: center; } /* 默认左右栏目样式 */ .each_li>.name { position:relative; margin-bottom: -1px; border: 1px solid #dedede; background:#fff; background:linear-gradient(to bottom,#fff,#fff); font-size:18px; text-align:center; font-weight: bold;line-height:20px; overflow:hidden; } .each_li>.name>div { position:relative; } .each_li>.name>div>a { position:relative; display:block; padding:20px 40px; color: #333; text-indent:-1.2em; } .each_li>.name>.icon:after { position:absolute; top:50%; left:17px; display:block; width:30px; height:30px; padding:0; margin-top:-15px; background:url(../image/third_box.png) no-repeat 11px 11px; cursor: pointer; content:""; z-index:2; } .each_li.active>.name>.icon:after { background:url(../image/third_box.png) no-repeat 11px -78px; } .each_li:hover>.name, .each_li.current>.name, .each_li.active>.name { border-bottom: 1px solid #dedede; background:#f2f2f2; background:linear-gradient(to bottom,#f2f2f2,#f2f2f2); } .each_li:hover>.name a, .each_li.current>.name a, .each_li.active>.name a { color:#e8380d; } .each_li .third_box { border:1px solid #eeefee; border-bottom:0; } .each_li .third_box .third_li, .menu dl dd { border-bottom:1px solid #efefef; background:#f9f9f9; } .each_li .third_box .third_li:hover { border-bottom:1px solid #2b94dc; background:#efefef; } .each_li .third_box .third_li .name { font-size:12px; text-align:center; line-height:20px; } .each_li .third_box .third_li .name a, .menu dl dd a { display:block; padding:12px 40px; background: url(../image/iFCB_sort_ico4.gif) no-repeat 30px 20px; color:#666; } .each_li .third_box .third_li.current, .menu dl dd a.current { border-bottom:1px solid #2b94dc; background:#2b94dc; } .each_li .third_box .third_li.current .active { background: url(../image/iFCB_sort_ico5.gif) no-repeat 30px 20px; color:#fff; } /* 更多按钮隐藏 */ .pro_sort .promore{display: none; border-bottom: 1px solid #2b69c5; background:#2280f4; background:linear-gradient(to bottom,#2280f4,#1b62cb); text-align:center;} .pro_sort .promore a{position:relative; display:block; padding:12px 40px; color: #fff; overflow:hidden; } .pro_sort .promore a::after {position:absolute; bottom:0; right:20%; width:47px; height: 47px; content: "+"; font-size:14px; display: block; line-height: 47px; } .pro_sort .promore:hover{border-bottom: 1px solid #e8380d; background:#e8380d; background:linear-gradient(to bottom,#e8380d,#ff4e23);} .pg_inside .inner2 .pro_sort > div, .pg_inside .inner3 .pro_sort > div, .pg_inside .inner4 .pro_sort > div {border-bottom:none;} .inner2 .location { margin-bottom: 0; border-bottom: 0; display: none; } .inside_left .box, #leftObj .box, .pro_sort_box { margin-bottom: 40px; text-align: center; } /* 默认通栏栏目样式 */ .inner2 .pro_sort, .inner3 .pro_sort, .inner4 .pro_sort{min-height:30px; padding:0 0 15px; text-align:center; } .inner2 .pro_sort{min-height:70px; padding:0; border-bottom: 1px solid #e7e7e7; } .inner2 .pro_sort>div, .inner3 .pro_sort>div, .inner4 .pro_sort>div{height:auto!important; } .inner2 .each_li, .inner3 .each_li, .inner4 .each_li{display:inline-block; height:70px; vertical-align:top; margin:0 20px; } .inner2 .each_li>.name, .inner3 .each_li>.name, .inner4 .each_li>.name { border-radius:0; border:0; background:none; line-height: 69px; } .inner2 .each_li>.name>div>a, .inner3 .each_li>.name>div>a, .inner4 .each_li>.name>div>a { padding:0 10px; color:#333; } .inner2 .each_li>.name>.icon>a, .inner3 .each_li>.name>.icon>a, .inner4 .each_li>.name>.icon>a { /*padding-right:30px;*/ } .inner2 .each_li>.name>.icon:after, .inner3 .each_li>.name>.icon:after, .inner4 .each_li>.name>.icon:after { right:10px; display:none; } .inner2 .each_li .third_box, .inner3 .each_li .third_box, .inner4 .each_li .third_box { display:none!important; } .inner2 .each_li:hover>.name, .inner2 .each_li.current>.name, .inner3 .each_li:hover>.name, .inner3 .each_li.current>.name, .inner4 .each_li:hover>.name, .inner4 .each_li.current>.name { border-bottom:2px solid #e8380d; background:none; } .inner2 .each_li:hover>.name>div>a, .inner2 .each_li.current>.name>div>a, .inner3 .each_li:hover>.name>div>a, .inner3 .each_li.current>.name>div>a, .inner4 .each_li:hover>.name>div>a, .inner4 .each_li.current>.name>div>a { color:#e8380d; } /* 首页分类 */ /* .iFCB-category { position: relative; padding: 42px 0; background: #fff; } .iFCB-category .title { margin-bottom: 23px; text-align: center; } .iFCB-category .pro_sort { text-align:center ; } .iFCB-category .pro_sort>div { height: auto!important; vertical-align: top; } .iFCB-category .pro_sort .each_li { display: block; line-height: 20px; vertical-align: top; } .iFCB-category .pro_sort .each_li>.name { border-bottom:0; background:none; } .iFCB-category .pro_sort .each_li>.name>div {} .iFCB-category .pro_sort .each_li>.name>div>a { padding: 8px 0; text-indent:0; } .iFCB-category .pro_sort .each_li>.name>.icon>a {} .iFCB-category .pro_sort .each_li>.name>.icon:after {left: 0; display: none;} .iFCB-category .pro_sort .each_li .third_box {} .iFCB-category .pro_sort .each_li:hover>.name {} .iFCB-category .pro_sort .each_li.current>.name {} .iFCB-category .pro_sort .each_li:hover>.name>div { } .iFCB-category .pro_sort .each_li.current>.name>div {} .iFCB-category .pro_sort .each_li:hover>.name>div>a { background: none; color: #e8380d; } .iFCB-category .pro_sort .each_li.current>.name>div>a {} .iFCB-category .pro_sort .promore { border:0; background:none; display: inline-block;line-height: 20px; } .iFCB-category .pro_sort .promore a { color: #333; padding: 6px 20px; } .iFCB-category .pro_sort .promore a::after {display: none;} .iFCB-category .pro_sort .promore a:hover { background:#2374d5; color: #fff; } .iFCB-category ::-webkit-scrollbar-thumb {min-height:50px;border-radius:3px;background-color:#666} .iFCB-category ::-webkit-scrollbar-track {background:#eee} .iFCB-category ::-webkit-scrollbar-corner {background:transparent} .iFCB-category ::-webkit-scrollbar {width:7px;height:7px} */ /* 内页推荐信息标题 */ .iFCB-inside-title .title { min-height:40px; background:url(../image/location.jpg) repeat-x; line-height:40px; } .iFCB-inside-title .title .title_more { position:relative; float:left; min-width:140px; padding:0 40px 0 20px; background:url(../image/iFCB_lt_news.png) no-repeat right top; color:#fff; font-size:14px; text-align:center; } .iFCB-inside-title .title .title_more:before { position:absolute; bottom:5px; left:9px; display:block; width:1px; height:9px; background:#fff; transform:skew(-45deg); content:""; opacity:1; } .iFCB-inside-title .title .more { float:right; margin-right:15px; padding-right:10px; background:url(../image/iFCB_sort_ico.png) no-repeat right 45%; } .iFCB-inside-news .title { margin-top:38px; } .iFCB-inside-design .title { margin-bottom:30px; } #leftObj .iFCB-inside-design { display: none; } .inner1 .inside_content .content, .inner2 .inside_content .content { padding-top:20px; } /* 人才招聘左侧菜单 */ .pg_inside .inner #leftObj .box { text-align: left; } .pg_inside .inner #leftObj .box .title { margin-bottom: 0; text-align:center; } .pg_inside .inner #leftObj .box .title .title_more { font-size: 28px; font-weight: normal; line-height: 80px; } .pg_inside .inner #leftObj .box .menu dl dt { margin-bottom: 0; } .pg_inside .inner #leftObj .box .menu dl dt a { display: block; position: relative; font-size: 16px; line-height: 40px; color: #666; padding: 10px 36px 10px 16px; border-bottom: 1px solid #fff; background: #f4f4f4; } .pg_inside .inner #leftObj .box .menu dl dt a:before { left: 0; top: 50%; transform: translateY(-50%); content: ""; display: block; width: 6px; height: 0; transition-duration: .5s; background: #e8380d; position: absolute; } .pg_inside .inner #leftObj .box .menu dl dt a.current { background: #fff; color:#e8380d; } .pg_inside .inner #leftObj .box .menu dl dt a:hover:before, .pg_inside .inner #leftObj .box .menu dl dt a.current:before { height: 100%; } /* 分页 */ .paging { padding:50px 10px 30px; text-align:center; } .paging a,.paging span { display:inline-block; *display:inline; zoom:1; margin:0; padding:3px 8px; border:1px solid #d9d9d9; background:#fff; line-height: 20px; vertical-align: top;} .paging span { background:#41414e; border-color:#41414e; color:#fff; } .paging select { min-height:28px; line-height: 28px; } /* 默认模式 相册模式 */ .main-case{padding:15px 0 35px;background:#fff} .main-case .topic{font-size:20px;font-weight:bold;text-align:center;color:#111;margin:0 0 15px;} .slider-box-img{ width:100%; min-width:980px;position:relative; overflow:hidden;text-align:center;border-top:1px solid #E8E8E8;} .slider_box_bd{height:480px;position:relative; background:#fff;border:0!important} .slider-box-img .bd{ width:980px; position:absolute; left:50%; margin-left:-490px } .slider-box-img .bd li{ width:980px;line-height:480px;overflow:hidden;text-align:center;position:relative;} .slider-box-img .bd li img{max-width:900px;max-height:400px} .slider-box-img .bd li .theme{position:absolute;bottom:10px;left:0;width:100%;line-height:26px;height:26px;overflow:hidden;background-color:transparent;text-align:center;} .slider-box-img .bd li .theme .w{padding:0 10px;color:#111} .slider-box-img .bd li .theme .c{padding:0 10px;color:#666;line-height:22px;} .slider-box-img .tempWrap{ overflow:visible !important } .slider-box-img .tempWrap ul{ margin-left:-980px !important; /*强制位置*/ } .slider-box-img .bd li p{top:50%} .slider-box-img .bd li p img{position:relative;vertical-align:middle} .slider-box-img .bd li p:after{content:".";font-size:1px;overflow:hidden} .slider_box_hd{border-top:1px solid #E8E8E8;padding:15px 0 0;} .slider-box-img .hd{ position:relative;margin:0 auto;height:95px;overflow:hidden;width:882px; left:0;z-index:1;text-align:center; } .slider-box-img .hd .wrap{width:10000%;position:relative;font-size:0} .slider-box-img .hd .wrap ul{position:relative} .slider-box-img .hd li{ float:left;overflow:hidden; margin:0; cursor:pointer;border:3px solid #f9f9f9;filter:alpha(opacity=50);opacity:0.5;} .slider-box-img .hd li.on{border-color:#f60;filter:alpha(opacity=100);opacity:1;} .slider-box-img .pnBtn{ position:absolute; z-index:1; top:0; width:100%; height:480px; cursor:pointer;} .slider-box-img .pnBtn:hover{background-color:#ddd; filter:alpha(opacity=85);opacity:0.85;} .slider-box-img .prev{ left:-50%; margin-left:-490px;border-right:1px solid #E8E8E8;} .slider-box-img .next{ left:50%; margin-left:490px;border-left:1px solid #E8E8E8;} .slider-box-img .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:480px; background:#fff; filter:alpha(opacity=85);opacity:0.85; } .slider-box-img .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:60px; height:480px; } .slider-box-img .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; } .slider-box-img .prev .arrow{ right:0; background:url(../image/slider-arrow.png) -150px 45% no-repeat; } .slider-box-img .next .arrow{ left:0; background:url(../image/slider-arrow.png) -45px 45% no-repeat; } .PageNum{position:absolute;right:15px;top:15px;background:url(../image/Digital_box.png) no-repeat;width:36px;height:36px;z-index:2} .PageNum .curNum{font-size:26px;color:#f30;position:absolute;margin:-10px 0 0 -20px;text-align:right;width:30px} .PageNum .allNum{color:#cfcfcf;margin:20px 0 0 10px} /* 首页默认模式 在线客服 */ .online-qq-lx { position:absolute; top:380px; width:70px; z-index:100; } .online-qq-lx .qq_content-lx dd { position:relative; width:70px; margin-bottom:-1px; font-size:12px; } .mbar-ico { position:relative; margin-bottom: -1px; border: 1px solid #ddd; background:#fff; font-size:14px; transition:all 0.3s ease 0s; } .mbar-ico i { position:relative; display:block; width:68px; height:68px; background:url(../image/online_lx.png) no-repeat #fff; cursor:pointer; transition:all 0.3s ease 0s; z-index:2; } .mbar-ico .mbar-tip { position:absolute; top:0; background:#fff; color:#333; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; } .mbar-ico .mbar-tip a { display:block; color:#333; } .mbar-ico .mbar-tip a:hover { color:#333; } .mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; } /* QQ */ .mbar-qq { border-radius: 5px 5px 0 0; } .mbar-qq i { border-radius: 5px 5px 0 0; background-position:0 0; } .mbar-qq:hover { border: 1px solid #e8380d; z-index: 1; } .mbar-qq:hover i { background-position:-70px 0; background-color: #e8380d; } .mbar-qq .mbar-tip { min-height:70px; padding:5px 24px 5px 14px; line-height:30px; } .mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; } /* 咨询 */ .mbar-tel i { background-position:0 -70px; } .mbar-tel:hover { border: 1px solid #e8380d; z-index: 1; } .mbar-tel:hover i { background-position:-70px -70px; background-color: #e8380d; } .mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; } /* 二维码 */ .mbar-micro .mbar-tip {top: auto;min-width:110px;padding:5px;background:#fff;color:#000;box-shadow: 0 0 10px #ccc;text-align:center;line-height:20px;bottom: 0;} .mbar-micro .mbar-tip span { display:block; } .mbar-micro-sj i { background-position:0 -140px; } .mbar-micro-wx i { background-position:0 -210px; } .mbar-micro-hc i { background-position:0 -280px; } .mbar-micro-hc .mbar-tip img {height: auto;} .mbar-micro-sj:hover { border: 1px solid #e8380d; z-index: 1; } .mbar-micro-wx:hover { border: 1px solid #e8380d; z-index: 1; } .mbar-micro-hc:hover { border: 1px solid #e8380d; z-index: 1; } .mbar-micro-sj:hover i { background-position:-70px -140px; background-color: #e8380d; } .mbar-micro-wx:hover i { background-position:-70px -210px; background-color: #e8380d; } .mbar-micro-hc:hover i { background-position:-70px -280px; background-color: #e8380d; } /* 返回顶部 */ .mbar-top { display:none; } .mbar-top i { background-position:0 -350px; } .mbar-top:hover i { background-position:-70px -350px; } .mbar-top .mbar-tip { right:0; height:40px; line-height:40px; } .mbar-top .mbar-tip a { padding:0px 15px; } .online-qq-left { left:10px; right:auto; } .online-qq-left .mbar-top .mbar-tip, .online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; } .online-qq-left .mbar-top:hover .mbar-tip, .online-qq-left .mbar-ico:hover .mbar-tip { left:70px; right:auto; } .online-qq-right { right:10px; left:auto; } .online-qq-right .mbar-top .mbar-tip, .online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; } .online-qq-right .mbar-top:hover .mbar-tip, .online-qq-right .mbar-ico:hover .mbar-tip { right:70px; left:auto; } .online-qq-right .qq_content-lx .mbar-top:hover .mbar-tip { display: none; } .online-qq-right .qq_content-lx .mbar-top:hover { border: 1px solid #e8380d; z-index: 1; } .online-qq-right .qq_content-lx .mbar-top:hover i { background-color: #e8380d; } /*在线客服*/ .online-qq{width:135px;z-index:500;padding:12px 0 0;text-align:center} .qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} .qq_content .dt{font-size:14px;font-weight:bold;color:#fff;cursor:pointer;padding:10px 20px;text-align:left} .qq_content dd{padding:12px;font-size:12px} .qq_content dd a{line-height:22px;display:block;margin:0 0 5px;border:1px solid #d2d2d2;} .qq_content dd a:hover{color:#fff;text-decoration:none} .qq_content dd img{margin:0 3px -3px 0} .qq_content .tel{background:#eee;font-size:14px} .qq_content .tel strong{font-weight:bold;color:#f00} .qq_content .qr{background:#fff} .qq_content .qr img{margin:0} .qq_content dd p{padding:.3em 0} .qq_content dd p a{padding:0 0 0 18px} .qq_content .dt{background:#1a7bb5;} .qq_content dd a{background:url(../image/tab_bg.jpg) repeat-x} .qq_content dd a:hover{background:#062f7e;border-color:#062f7e;} .qq_content dd p a{background:url(../image/icon_qq.png) no-repeat 0 50%;} /* 左导航右版权区 */ .footer .footer_wp:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} /* 友情链接 */ .ftLinkWrap {background: #525252;color:#fff;} .ftLinkWrap .ftLink{width:95%; max-width:1600px;padding: 30px 0 20px;font-size: 16px;line-height:1.5;border-bottom: 1px solid rgba(255,255,255,0.4);background: none;} .ftLinkWrap .ftLink strong{font-size:18px; } .ftLinkWrap .ftLink a {margin:0 18px; color:#fff;} .ftLinkWrap .ftLink a:hover{color:#e8380d;} /* 底部导航 */ .navbox_foot { padding:0; } .navbox_foot .nav { position:relative; width:1200px !important; height: auto; padding: 0; text-align:left; border-bottom: 0; } .navbox_foot .nav>ul { display: flex; justify-content: space-between; align-items: flex-start; } .navbox_foot .nav>ul::after{ content: none; } .navbox_foot .nav>ul>li { display:inline-block; width: auto!important; height: auto; vertical-align:top; } .navbox_foot .nav>ul>li.line { width:0 !important; flex:0 0 0 !important; padding-right: 0 !important; } .navbox_foot .nav>ul>li>a { padding: 5px 0; color: #fff; font-size: 18px; font-weight: normal; } .navbox_foot .nav>ul>li .shownav { position: relative; top: 0; display: block; background:none; box-shadow:none; visibility:visible; } .navbox_foot .nav>ul>li .shownav>a { display: block; padding: 5px 0; color: #fff; font-size: 14px; text-align:left; background: none; opacity: .4; } .navbox_foot .nav>ul>li .shownav>a:hover { color: #fff; opacity: 1; } .navbox_foot .nav > ul > li.nav0, .navbox_foot .nav > ul > li.nav1, .navbox_foot .nav > ul > li.nav2, .navbox_foot .nav > ul > li.nav3, .navbox_foot .nav > ul > li.nav4, .navbox_foot .nav > ul > li.nav5, .navbox_foot .nav > ul > li.nav6 { display: none; flex: 0 0 0; padding-right: 10px; } .navbox_foot .nav>ul>li.nav0 ~ .line { display: none; } /* 版权 */ .footer {padding:30px 0;background: #525252;color:rgba(255,255,255,0.6);line-height:26px;transition:all 0.3s ease 0s;} .footer .ft-wrap table { margin: 0 auto; } .footer a { color:rgba(255,255,255,0.6); } .footer a:hover { color:#fff; } /* 左导航右版权区 */ .footer .footer_wp { color:rgb(255, 255, 255); } .footer .footer_wp .navbox_foot { width: 70%; padding: 0; background:none; } .footer .footer_wp .navbox_foot .nav, .footer .footer_wp .navbox_foot .nav>ul>li { width:auto !important; } .footer .footer_wp .navbox_foot .nav>ul>li {min-width: auto;padding-right: 10px;} .footer .footer_wp .navbox_foot .nav>ul>li>a { color:rgb(255, 255, 255); } .footer .footer_wp .navbox_foot .nav>ul>li>a:hover { color:rgb(255, 255, 255); } .footer .footer_wp .navbox_foot .nav>ul>li .shownav>a { color:rgb(255, 255, 255); background: none; width: 49%;} .footer .footer_wp .ft-wrap {width: 25%;padding: 0;background:none;text-align: left;} .footer .footer_wp .ft-wrap td {text-align: center;} .footer .footer_wp .ft-wrap a{color:rgb(255,255,255);} .footer .footer_wp .ft-wrap a:hover{color:#e8380d !important;} /* 首页默认模式 向上 */ .pageTop { z-index:100; } .pageTop { background:url(../image/backtop_icon.png) no-repeat;width:44px;height:44px;position:fixed;margin-right:-650px;right:50%;top:85%;overflow:hidden;text-indent:-999px;display:none!important;} .pageTop a { width:100%;height:100%;display:block;} /* 首页默认模式 adver */ .adver { position:fixed; width:1200px; height:110px; left:50%; bottom:14px; margin-left:-600px; z-index:99; } .adver img { width: 100%; height: 100%; } .adver .adver_close { position:absolute; top:0; right:0; background:url(../image/adver_close.png) no-repeat; display:inline-block; width:22px; height:22px; cursor:pointer; z-index:1; } .adver .adver_close img { display:none; } /* 详细页面样式 标题、文字大小、分享、打印、上一条下一条 */ .display_title { padding:0 0 20px;text-align:center;color:#999} .display_title h1 { margin:0 0 20px;padding:20px 0;border-bottom:1px dotted #ccc;color:#333} .display_title .info { min-height:28px; line-height:26px; } .display_title .info span { display:inline-block; } .m_intro { margin: 10px 20px 15px; padding:20px; background: #fafafa; } .display_article,.ke-content { line-height:2;color:#444} .display_article { padding:0 20px; } .display_article h3{color:#333} .display_article img { max-width:100%; height:auto; } .display_title .info .font_size { padding:0 20px;} .display_title .info .font_size a { padding:0 3px; } .display_title .info .mobile_qr { padding-right:20px; background:url(../image/cd.png) no-repeat right center; cursor:pointer; } .display_title .info .mobile_qr .qrimg { display:none; top:20px; } .display_title .info .mobile_qr:hover .qrimg { display:block; } .display_title .info .share_box { padding:0; position:relative; display:inline-block; text-align:center; width:102px; margin:0; cursor:pointer; } .display_title .info .share_box .share_name { background:url(../image/share_name.png) no-repeat; width:102px; height:26px; border-radius:3px; margin-bottom: 5px; border:1px solid #ececec; line-height:26px;color:#333;text-indent:20px;} .display_title .info .share_box .share_content { position:absolute; background:#fff!important; width:300px; } .diplay_foot{display:none;} .page_up_dn{padding:20px;overflow:hidden;zoom:1; border-top:1px solid #e9e9e9;} .page_up_dn li{float:left; width:50%;} .display_title .info, .display_title .others, .display_title .others_online { display:inline-block; vertical-align:top;} .display_title .others_online { background:url(../image/others_online.png) no-repeat; width:102px; height:26px; border-radius:3px; border:1px solid #ececec; line-height:26px;color:#333;text-indent:20px; } .inner2 .inside_display_left { display:none; } /* 产品详细页底部在线咨询 */ .PRO-I { height:40px; margin-bottom:10px; background:url(../image/location.jpg) repeat-x; font-size:12px; line-height:40px; } .PRO-I .TITLE-LEAD { position:relative; float:left; min-width:120px; padding:0 20px; background:url(../image/iFCB_lt_news.png) no-repeat right top; color:#fff; text-align:center; } .PRO-I .TITLE-LEAD:before { position:absolute; bottom:5px; left:9px; display:block; width:1px; height:9px; background:#fff; transform:skew(-45deg); content:""; opacity:1; } /* 网站地图 */ .map { padding:0 20px; } .sitemap{padding:0;border:1px solid #e5e5e5;margin:0;overflow:hidden;zoom:1;margin:10px 0} .sitemap dt{padding:0;background:url(../image/redian.png) no-repeat right top;height:50px;line-height:50px;color:#000;font-weight:bold;text-align:center;width:10%;float:left;color:#669934} .sitemap dt a{color:#111} .sitemap dd{padding:0;margin:0 11%;height:50px;line-height:50px;} .sitemap dd a{padding:0 1em 0 0} /* 产品详细页 多图模式 */ .IMGVIEW .display_title .btn a { background-image:url(../image/btn_img1.jpg)!important; } .pg_inside .main-home .TW_CONTENT .m-pic { display:none; } /* 放大镜 */ .smallImg { height:80px!important; } .smallImg #imageMenu {height:60px!important; } .smallImg #imageMenu li img {width:60px;height:60px!important; } /* noleft */ .noleft #rightObj h2.title { position: relative; margin-bottom: 20px; padding: 30px 0; display: block; font-size: 24px; line-height: 2; text-align: center!important; } .noleft #rightObj h2.title::after { content: ""; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 20px; height: 2px; width: 40px; background-color: #e8380d; } .inner .module_form_content, .inner3 .module_form_content, .inner4 .module_form_content { width: 50%; } .noleft .btn-area { display: flex; justify-content: space-between; align-items: center; } .noleft .btn-area .btn-submit, .noleft .btn-area .reset { width: 48%; display: block; } .noleft .btn-area .reset { color: #000; } .noleft .btn-area .btn-submit:hover { background: #02244b; } .noleft .btn-area .reset:hover { background: #b0b0b0; color: #fff; } /* 对不起，你暂时还没有权限查看本页面内容 请注册会员或者提高你的会员等级 */ .inputbox .tishi { font-size: 16px!important; height: auto!important; line-height: 1.5!important; padding: 30px 0!important; width: auto!important; margin: 40px 15%!important; border-radius: 5px!important; } .inner2 .noleft #rightObj h2.title { display: none; } .M10201-PL .hd { position: relative; text-align: right; line-height: 70px; } .M10201-PL .hd ul { position: absolute; right: 0; top: -100px; } .M10201-PL .hd li { display: inline; margin-left: 18px; vertical-align: top; font-size: 18px; } .M10201-PL .hd li.on a { color: #e8380d; } .TWLB_LIST_TB { margin: 0 -21px; } .TWLB_LIST_TB .swiper-slide { padding: 0 21px; } .TWLB_LIST_TB .swiper-slide .m-intro { padding: 25px 0 0 0; } .TWLB_LIST_TB .swiper-slide .m-intro .u-tt { margin-bottom: 10px; font-size: 20px; } .TWLB_LIST_TB .swiper-slide .m-intro .u-des { margin-bottom: 30px; font-size: 15px; } .TWLB_LIST_TB .swiper-slide .m-intro .u-date { position: relative; padding-top: 22px; border-top:1px solid #d9d9d9; font: bold 24px/33px Arial; } .TWLB_LIST_TB .swiper-slide .m-intro .u-date .date_y, .TWLB_LIST_TB .swiper-slide .m-intro .u-date .split_m { display: none; } /* 经过效果 */ .TWLB_LIST_TB .swiper-slide:hover .m-intro .u-tt a { color: #e8380d; } .TWLB_LIST_TB .swiper-slide:hover .m-intro .u-date { border-top:1px solid #e8380d; color: #e8380d; } /* M10081 TAB_PC */ .M10081-TAB { position: relative; overflow: hidden; } .M10081-TAB .hd { margin-bottom: 45px; } .M10081-TAB .hd ul { text-align:center; line-height:36px; } .M10081-TAB .hd ul li { display:inline-block; vertical-align:top; margin: 0 7px; font-size:16px; min-width:120px; border:1px solid #bfbfbf; } .M10081-TAB .hd ul li a { display: block; } .M10081-TAB .hd ul li.on { border:1px solid #e8380d; background:#e8380d; color:#fff; } .M10081-TAB .hd ul li.on a { color:#fff; } .M10081-TAB .bd { padding: 0; } .M10081-TAB .bd .item { padding: 8px; } .M10081-TAB .bd .item .messi { padding: 0; } .M10081-TAB .bd .item .messi .m-intro { background-color: #d3d3d3; } .M10081-TAB .bd .item .messi .m-intro .u-tt { position: relative; padding:8px; font-size:18px; line-height: 30px; font-weight: normal; text-align: center; } .M10081-TAB .bd .item .messi .m-pic { border: 1px solid #d3d3d3; text-align: center; overflow:hidden; } .M10081-TAB .bd .item .messi .m-pic img { transition:all 0.6s linear; } .M10081-TAB .bd .item:hover .messi .m-intro .u-tt a{ color:#e8380d; } .M10081-TAB .bd .item:hover .messi .m-pic img { transform:scale(1.1); } .notitle .title { display: none; } .M10162-swiper { position: relative; padding: 0 35px; text-align: center; } .M10162-swiper .swiper-slide { padding: 0 8px; } .M10162-swiper .txt { padding: 12px 0; line-height: 2; } .M10162-swiper .swiper-button-prev, .M10162-swiper .swiper-button-next { top: 40%; width: 40px; height: 45px; border-radius: 0; background-color: #b5b5b5; } .M10162-swiper .swiper-button-prev { left:0; } .M10162-swiper .swiper-button-next { right:0; } .M10162-swiper .swiper-button-prev::after, .M10162-swiper .swiper-button-next::after { font-size: 16px; color: #fff; } .M10162-swiper .swiper-button-prev:hover, .M10162-swiper .swiper-button-next:hover { background-color: #e8380d; } .M10162-swiper .swiper-button-prev:hover::after, .M10162-swiper .swiper-button-next:hover::after { color: #fff; } .M10162-swiper .swiper-slide { overflow: hidden; } .M10162-swiper .swiper-slide .m-pic { border: 1px solid #d3d3d3; overflow:hidden; } .M10162-swiper .swiper-slide .m-pic img { transition: all .6s linear; } .M10162-swiper .swiper-slide:hover .m-pic img { transform: scale(1.1); } .hftit { position: relative; bottom: -200px; z-index: 2; } .hftit .mt-box1 { position: relative; left: 50%; width: 1300px; transform: translateX(-50%); display: flex; justify-content: space-between; } .hftit .mt-box1 .mt1{color: #fefefe;font-size: 36px;line-height: 46px;font-weight: bold;} .hftit .mt-box1 .mt2{color: #fefefe;font-size: 26px;line-height: 36px;text-align: right;width: 500px;} .hftit .mt-box1 .mt3{color: #fefefe;font-size: 36px;line-height: 36px;font-weight: bold;display: inline-block;padding-left: 31px;border-left: 4px solid #e8380d;margin-top: 20px;} #copyform .module_form_content { width: 100%; } #copyform .module_field .middle .input[name="code1"] { width: calc( 100% - 150px) !important; } /* 联系我们页面表格样式调整 */ .module_field .middle textarea.input { min-height: 100px;} .module_field .middle .input { padding: 10px 16px; } /* 服务项目详情页面内页导航间距调整 */ #inside_leftObj .pro_sort .each_li {margin:0 10px;} .one .title{text-align: center;} .one .title .title_more{position: relative;font-size: 52px;color: #e5e5e5;font-family: "Arial";text-transform: uppercase;font-weight: bold;line-height: 1;z-index: 1;} .one .title .title_more span{position: relative;margin-top: -35px;font-size: 48px;color: #1f1715;font-weight: bold;line-height: 1;z-index: 5;display: block;} .one .title .title_more .title_more2{ font-size: 18px;color: #1f1715;margin-top: 15px;line-height: 1.6;font-weight: normal;} .one .M10201-gallery .hd .swiper-slide{ text-align: center;cursor: pointer;border-right: 1px solid #dadada;} .one .M10201-gallery .hd .swiper-slide .txt{ display: flex;align-items: center;justify-content: center;height: 40px;} .one .M10201-gallery .hd .swiper-slide .txt .ibw_titleText{ font-size: 18px;color: #666;font-weight: bold;margin-left: 15px;} .one .M10201-gallery .hd{width: 1500px;margin: 0 auto;padding-bottom:30px} .one .M10201-gallery .gallery-top{padding-top: 30px; border-top: 1px solid #e7e7e7;} .one .M10201-gallery .gallery-top .swiper-slide .ibw_pic { position:relative; overflow:hidden; } .one .M10201-gallery .gallery-top .swiper-slide .ibw_pic:before { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:block; content:""; transition: all 0.6s; z-index:1; } .one .M10201-gallery .gallery-top .swiper-slide .ibw_pic img { transition: all 0.6s;width:100% ; height: unset; } .one .M10201-gallery .gallery-top .swiper-slide .ibw_pic::after { position:absolute; right:0; bottom:0; width:70px; height:70px; background:url(../image/a02.png) no-repeat center #e8380d; z-index:2; display:none; content:"";} .one .M10201-gallery .gallery-top .swiper-slide .t33 { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); padding:0 10px; text-align:center; line-height:80px; font-size:24px; color:#fff; background:url(../image/a01.png) no-repeat center; background-size:100% 80px; z-index:2; } .one .M10201-gallery .gallery-top .swiper-slide:hover .t33 { display:none; } .one .M10201-gallery .gallery-top .swiper-slide:hover .ibw_pic img { transform: scale(1.1)!important; } .one .M10201-gallery .gallery-top .swiper-slide:hover .ibw_pic::before { background:rgba(0,0,0,0); } .one .M10201-gallery .gallery-top .swiper-slide:hover .ibw_pic::after{display: block;} .two .ul_list li .messi{display: flex;} .two .ul_list li .messi .desc{width: 50%;display: flex;padding: 75px 0 0 65px;} .two .ul_list li .messi .desc .desc_box{width: 530px;} .two .ul_list li .messi .desc .t1{color: #333333;font-size: 35px;font-weight: bold;line-height: 45px;} .two .ul_list li .messi .desc .t4{color: #333333;font-size: 14px;line-height: 24px;margin-top: 4px;} .two .ul_list li .messi .desc .t2{color: #333333;font-size: 16px;line-height: 30px;opacity: 0.9;color: #555555;margin-top: 30px;} .two .ul_list li .messi .desc .t3{margin-top: 46px;} .two .ul_list li .messi .desc .t3 a{width: 160px;line-height: 46px;border-radius: 23px;border: solid 1px #e8380d;text-align: center;color: #e8380d;display: block;} .two .ul_list li:hover .messi .desc .t3 a{ background-color: #e8380d;color: white;} .two .ul_list li .messi .pic{width: 50%;} .two .ul_list li:nth-child(2n) .messi .desc{flex-direction: row-reverse;padding-left: 0;padding-right: 65px;} .two .ul_list li:nth-child(2n) .messi{flex-direction: row-reverse;} .two .title{text-align: center;} .two .title .title_more{position: relative;font-size: 52px;color: #e5e5e5;font-family: "Arial";text-transform: uppercase;font-weight: bold;line-height: 1;z-index: 1;} .two .title .title_more span{position: relative;margin-top: -35px;font-size: 48px;color: #1f1715;font-weight: bold;line-height: 1;z-index: 5;display: block;} .two .title .title_more .title_more2{ font-size: 18px;color: #1f1715;margin-top: 15px;line-height: 1.6;font-weight: normal;} .three{width:100%; background-color:#eef1f7; margin:0 auto; padding:20px 0 80px; overflow:hidden; zoom:1} .three .title{text-align: center;} .three .title .title_more{position: relative;font-size: 52px;color: #e5e5e5;font-family: "Arial";text-transform: uppercase;font-weight: bold;line-height: 1;z-index: 1;} .three .title .title_more span{position: relative;margin-top: -35px;font-size: 48px;color: #1f1715;font-weight: bold;line-height: 1;z-index: 5;display: block;} .three .title .title_more .title_more2{ font-size: 18px;color: #1f1715;margin-top: 15px;line-height: 1.6;font-weight: normal;} .three .M10061-PIC .m-intro{display: none;} .three ul .iFCB-PRO-4 { position:relative; float:left; width:33%; margin-right:0.5%; } .three ul .iFCB-PRO-4:nth-child(3n) { margin-right:0; } .three ul .iFCB-PRO-4:nth-child(n + 4) { margin-top:0.5%; } .three ul .iFCB-PRO-4 .ibw_pic { position:relative; overflow:hidden; } .three ul .iFCB-PRO-4 .ibw_pic:before { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:block; content:""; transition: all 0.6s; z-index:1; } .three ul .iFCB-PRO-4:hover .ibw_pic:before { background:rgba(0,0,0,0); } .three ul .iFCB-PRO-4 .ibw_pic img { transition: all 0.6s;width:100% } .three ul .iFCB-PRO-4 .ibw_pic::after { position:absolute; right:0; bottom:0; width:70px; height:70px; background:url(../image/a02.png) no-repeat center #e8380d; z-index:2; display:none; content: "";} .three ul .iFCB-PRO-4 .u-tt2 { position:absolute; left:0;bottom:unset; right:0; top:50%; transform: translateY(-50%); padding:0 10px; text-align:center; line-height:80px; font-size:22px; color:#fff; background:url(../image/a01.png) no-repeat center; background-size:100% 80px; z-index:2; } .three ul .iFCB-PRO-4:hover .u-tt2 { display:none; } .three ul .iFCB-PRO-4:hover .ibw_pic img { transform: scale(1.1)!important; } .three ul .iFCB-PRO-4:hover .ibw_pic::after { display:block; } .four{width:100%; background-color:#FFFFFF; margin:0 auto;padding:20px 0 80px; overflow:hidden; zoom:1;} .four #div_49493{width:95%; max-width:1600px; margin:0 auto; padding:0; overflow:hidden; zoom:1} .four .title{text-align:center;} .four .title .title_more{position: relative;font-size: 52px;color: #e5e5e5;font-family: "Arial";text-transform: uppercase;font-weight: bold;line-height: 1;z-index: 1;} .four .title .title_more span{position: relative;margin-top: -35px;font-size: 48px;color: #1f1715;font-weight: bold;line-height: 1;z-index: 5;display: block;} .four .title .title_more .title_more2{ font-size: 18px;color: #1f1715;margin-top: 15px;line-height: 1.6;font-weight: normal;} .four .TWLB_LIST_TB .swiper-slide .m-intro{display: none;padding: 0;} .four .TWLB_LIST_TB .swiper-slide{padding: 0;} .four .TWLB_LIST_TB .swiper-slide .ibw_pic{overflow:hidden;} .four .TWLB_LIST_TB .swiper-slide .ibw_pic img{width:100%; display:block; transition:all .5s;} .four .TWLB_LIST_TB .swiper-slide .ibw_pic img:hover{transform:scale(1.05); transition:all .5s ease-in-out;} .four .TWLB_LIST_TB .swiper-slide a{display:block; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;} .four .TWLB_LIST_TB{margin: 0; border-top:1px solid #eaeaea;border-left: 1px solid #eaeaea;} .six{width:100%; margin:0 auto;padding:20px 0 80px; overflow:hidden; zoom:1;} .six #div_49498{width:95%; max-width:1600px; margin:0 auto; padding:0; overflow:hidden; zoom:1;} .six .title{text-align: center;} .six .title .title_more{position: relative;font-size: 52px;color: #e5e5e5;font-family: "Arial";text-transform: uppercase;font-weight: bold;line-height: 1;z-index: 1;} .six .title .title_more span{position: relative;margin-top: -35px;font-size: 48px;color: #1f1715;font-weight: bold;line-height: 1;z-index: 5;display: block;} .six .title .title_more .title_more2{ font-size: 18px;color: #1f1715;margin-top: 15px;line-height: 1.6;font-weight: normal;} .eight{width:100%; margin:0px auto 0px auto;padding:60px 0px 60px 0px; overflow:hidden;zoom:1;} .eight #div_49777{width:100%; max-width:1500px; margin:0px auto 0px auto;padding:0px 0px 0px 0px; overflow:hidden;zoom:1} .eight .hd ul{display: flex;justify-content: center;} .eight .hd ul li {margin: 0 10px;font-size: 18px;color: #333;cursor: pointer;} .eight .hd ul li a{display: block;width: 135px;line-height: 50px;color: #333;text-align: center;} .eight .hd ul li.on a{background: #e8380d;color: #fff;} .eight .hd{margin-bottom:50px} .eight .TWLB_LIST_TB .swiper-slide .ibw_pic{overflow:hidden;} .eight .TWLB_LIST_TB .swiper-slide .ibw_pic img{width:100%; display:block; transition:all .5s;} .eight .TWLB_LIST_TB .swiper-slide .ibw_pic img:hover{transform:scale(1.05); transition:all .5s ease-in-out;} .eight .TWLB_LIST_TB .swiper-slide{padding:0} .eight .TWLB_LIST_TB .swiper-slide .m-intro .u-des{display: none;} .eight .TWLB_LIST_TB .swiper-slide .m-intro .u-date{display: none;} .eight .TWLB_LIST_TB .swiper-slide .m-intro{padding:0} .eight .TWLB_LIST_TB .swiper-slide .m-intro .u-tt{margin-bottom:0;font-size: 16px; line-height: 25px;color: #1f1715;text-align: center; margin-top: 25px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .eight .TWLB_LIST_TB .swiper-slide a{display: block;background: #f5f4f4;padding: 25px 20px 15px 20px;} .seven{width:100%; background-color:#F9F9F9; margin:0 auto; padding:0; overflow:hidden; zoom:1;} .seven1{width:50% !important; margin:0; padding:0; float:left; overflow:hidden;zoom:1} .seven2{width:50% !important; padding: 0 4% !important;box-sizing: border-box; margin:100px 0 0; padding:0; float:right; overflow:hidden; zoom:1} .seven2 .title_more{position: relative;font-size: 52px;color: #e5e5e5;font-family: "Arial";text-transform: uppercase;font-weight: bold;line-height: 1;z-index: 1;} .seven2 .title_more .title_more2{position: relative;margin-top: -15px;font-size: 48px;color: #1f1715;font-weight: bold;line-height: 1;z-index: 5;} .seven2 .title{min-height: unset;margin-bottom: 0;position: unset; margin-top:0;} .seven2 .aaaaa{position: relative;padding-bottom: 100px;} .seven2 .aaaaa .more{position: absolute;left: 0;bottom: 0;} .seven2 .aaaaa .more a{min-width:0; display: block;width: 145px;border: 1px solid #4d4d4d;text-align:left; padding-right: 40px;color: #4d4d4d;font-size: 16px;line-height: 50px;background: url(../image/f01.png) no-repeat center right 40px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;padding:0;padding-left:40px} .seven2 .aaaaa:hover .more a{color:#e8380d !important; padding-left:30px !important; border-color:#e8380d;} .five{width:100%; background-color:#ECEEF1; margin:0 auto; padding:0 0 80px; overflow:hidden;zoom:1;} .five #div_49500{width:95%; max-width:1600px; margin:0 auto; padding:0; overflow:hidden; zoom:1;} .five .title{text-align: center;} .five .title .title_more{position: relative;font-size: 52px;color: #e5e5e5;font-family: "Arial";text-transform: uppercase;font-weight: bold;line-height: 1;z-index: 1;} .five .title .title_more span{position: relative;margin-top: -35px;font-size: 48px;color: #1f1715;font-weight: bold;line-height: 1;z-index: 5;display: block;} .five .title .title_more .title_more2{font-size: 18px;color: #1f1715;margin-top: 15px;line-height: 1.6;font-weight: normal;} .five1{width:49%; margin:0; padding:0; float:left; overflow:hidden; zoom:1} .five1 .title{min-height: unset;margin-bottom: 0; margin-top:0;} .five1 .title .title_more{font-size: 30px;font-weight: bold;color: #e8380d;display: inline-block;text-align: left;} .five1 .title .more a {float:right;display: inline-block;font-size: 18px;color: #a8aaab;} .five1 .title{flex-direction: row-reverse;min-height: unset; justify-content: space-between;align-items: center;} .five1 .title .more a{ margin-top: 0; min-width: 0; padding: 0; border: unset; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; line-height: unset;} .five1 .news_news li:nth-child(1) a{display: flex;background: white;} .five1 .news_news li:nth-child(1) .ibw_pic{width: 50%; overflow:hidden;} .five1 .news_news li:nth-child(1) .ibw_pic img{width: 100%; transition:all .5s;} .five1 .news_news li:nth-child(1) .ibw_pic img:hover{transform:scale(1.05); transition:all .5s ease-in-out;} .five1 .news_news li:nth-child(1) .m-intro{width: 50%; padding:50px 30px 0 30px;box-sizing: border-box;} .five1 .news_news li:nth-child(1) .m-intro .u-tt{font-size: 18px;color: #535353;font-weight: bold;height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .five1 .news_news li:nth-child(1) .m-intro .u-tt:hover,.five1 .news_news li:nth-child(n+2) .u-tt:hover,.five2 .news_news li .m-intro .u-tt:hover{color:#e8380d;} .five1 .news_news li:nth-child(1) .m-intro .u-des{font-size: 16px;color: #afafaf;margin-top: 20px;height: 60px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .five1 .news_news li:nth-child(1) .m-intro .u-more{margin-top: 30px;width: 140px;text-align: center;border: 1px solid #3b3b3b; padding-right: 35px;line-height: 40px;font-size: 16px;color: #3b3b3b;background: url(../image/e01.png) no-repeat center right 30px;} .five1 .news_news li:nth-child(1) .m-intro .u-more:hover{border-color:#e8380d; color:#e8380d;} .five1 .news_news li:nth-child(1) .m-intro .u-date{display:none} .five1 .news_news li:nth-child(n+2) { border-bottom: 1px solid #d6d6d6;font-size: 18px;color: #535353;} .five1 .news_news li:nth-child(n+2) .u-tt{color: #535353;line-height: 70px;height: 70px;display: block;width: calc(100% - 120px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .five1 .news_news li:nth-child(n+2) .u-date{ font-size: 16px;line-height: 70px; color: #535353;} .five1 .news_news li:nth-child(n+2) .u-des{display: none;} .five1 .news_news li:nth-child(n+2) .ibw_pic{display: none;} .five1 .news_news li:nth-child(n+2) .m-intro{display: flex;justify-content: space-between;} .five1 .news_news li:nth-child(n+2) .u-more{display: none;} .five2{width:49%; margin:0; padding:0; float:right; overflow:hidden; zoom:1;} .five2 .title{min-height: unset;margin-bottom: 0; margin-top:0;} .five2 .title .title_more{font-size: 30px;font-weight: bold;color: #e8380d;display: inline-block;text-align: left;} .five2 .title .more a {float: right;display: inline-block;font-size: 18px;color: #a8aaab;} .five2 .title{flex-direction: row-reverse;min-height: unset; justify-content: space-between;align-items: center;} .five2 .title .more a{ margin-top: 0; min-width: 0; padding: 0; border: unset; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; line-height: unset;} .five2 .news_news li a{display: flex;padding:14px 0} .five2 .news_news li {border-bottom: 1px solid #d6d6d6;} .five2 .news_news li .ibw_pic{width: 280px; overflow:hidden;} .five2 .news_news li .ibw_pic img{width: 100%; display: block; transition:all .5s;} .five2 .news_news li:hover .ibw_pic img{transform:scale(1.05); transition:all .5s ease-in-out;} .five2 .news_news li .m-intro{width: calc(100% - 280px); padding-top: 30px;box-sizing: border-box; padding-left: 30px;} .five2 .news_news li .m-intro .u-tt{font-size: 18px;color: #535353;font-weight: bold;height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .five2 .news_news li .m-intro .u-des{font-size: 16px;color: #afafaf;margin-top: 30px;height: 60px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .five2 .news_news li .m-intro .u-more{display:none;} .five2 .news_news li .m-intro .u-date{display:none;} .one .M10201-gallery .hd .swiper-slide.swiper-slide-thumb-active .txt .ibw_titleText{color:#e8380d;} .two{width:100%; margin:0px auto 0px auto;padding:0; overflow:hidden; zoom:1} .two .ul_list li .messi .pic img{width:100%} .one .hd ul{display:flex; justify-content:center; padding-bottom:30px;} .one .hd ul li {line-height:40px; border-right:1px solid #dadada;} .one .hd ul li a{font-size:18px; color:#666; display:block; padding:0 30px 0 60px} .one .hd ul li.on a{color:#e8380d; font-weight:bold;} .header #topNav.fr .nav>ul>li>a{padding: 0;font-size: 18px;font-weight: bold;padding: 37px 0;} .header .header-inner{width:95%; max-width:1600px;} .header #topNav.fr .nav>ul>li{margin-right:30px;} .header #topNav.fr{margin-right:0;} .header #topNav.fr .nav ul{display: flex;} .header #topNav.fr .nav ul li.line{display: none;margin-right: 0;} .fun { position: absolute; float: right; top: 38px; height: 29px; z-index: 99; right:-40px} .fun li { position: relative; float: left; width: 29px; margin-left: 25px; } .fun li .pic1 {display: none;position: absolute;top: 34px;left: 50%;max-width: 180px!important;max-height: 120px;transform: translateX(-50%);} .fun li:hover .pic1 { display: block; } .header{position: fixed;left: 0;width: 100%;z-index:9999;top: 0; /* border-bottom: 1px solid white; */ background: url(../image/topArea.png) no-repeat center top; background-size:cover;} .header.on{background: white;box-shadow: 0px 5px 10px rgba(0,0,0,0.1);} .header.on #topNav.fr .nav>ul>li>a{color: #333;} .footer .footer_wp{width:95%; max-width:1600px;} .header.on #topNav.fr .nav>ul>li>a:hover, .header.on #topNav.fr .nav>ul>li>a.current{color: #e8380d;} .mainbg{width:95% !important; max-width:1600px;} .header .fun li .img02{display: none;} .header.on .fun li .img01{display: none;} .header.on .fun li .img02{display: block;} .logo a{display: flex;height: 100px;align-items: center; justify-content: center;} .logo a img{height:70px;} .bArea01 ul{display: flex;} .bArea01 ul li{width: 16.666666666666666666666%;height: 700px;border-right: 1px solid rgba(255, 255, 255, .15);transition: all 0.3s ease-in-out;} .bArea01 ul li a{display:flex;align-items: center;justify-content: center;height: 100%;flex-direction: column;} .bArea01 ul li a .p2{position: relative; font-size: 24px; line-height: 34px; color: #ffffff;} .bArea01 ul li a .p4{font-size: 16px;line-height: 26px;padding: 0 20px;text-align: center;margin-top: 70px;display: none; color: #ffffff;} .bArea01 ul li:hover a .p4{display: block;} .bArea01 ul li:hover{background: rgba(232,56,13,.9);} .bArea01 ul li a .p2::after {position: absolute;content: "";left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);border-bottom: 3px solid #e8380d;width: 50px;bottom: -28px;} .bArea01 ul li:hover a .p2::after {position: absolute;content: "";left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);border-bottom: 3px solid #fff;width: 50px;bottom: -28px;} .inside_left .M10061-PIC .m-intro{display: none;} .inside_left .M10061-PIC ul .iFCB-PRO-4 { position:relative; float:left; width:32%; margin-right:2%; } .inside_left .M10061-PIC ul .iFCB-PRO-4:nth-child(3n) { margin-right:0; } .inside_left .M10061-PIC ul .iFCB-PRO-4:nth-child(n + 4) { margin-top:2%; } .inside_left .M10061-PIC ul .iFCB-PRO-4 .ibw_pic { position:relative; overflow:hidden; } .inside_left .M10061-PIC ul .iFCB-PRO-4 .ibw_pic:before { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:block; content:""; transition: all 0.6s; z-index:1; } .inside_left .M10061-PIC ul .iFCB-PRO-4:hover .ibw_pic:before { background:rgba(0,0,0,0); } .inside_left .M10061-PIC ul .iFCB-PRO-4 .ibw_pic img { transition: all 0.6s;width:100% } .inside_left .M10061-PIC ul .iFCB-PRO-4 .ibw_pic::after { position:absolute; right:0; bottom:0; width:70px; height:70px; background:url(../image/a02.png) no-repeat center #e8380d; z-index:2; display:none; content: "";} .inside_left .M10061-PIC ul .iFCB-PRO-4 .u-tt2 { position:absolute; left:0;bottom:unset; right:0; top:50%; transform: translateY(-50%); padding:0 10px; text-align:center; line-height:80px; font-size:22px; color:#fff; background:url(../image/a01.png) no-repeat center; background-size:100% 80px; z-index:2; } .inside_left .M10061-PIC ul .iFCB-PRO-4:hover .u-tt2 { display:none; } .inside_left .M10061-PIC ul .iFCB-PRO-4:hover .ibw_pic img { transform: scale(1.1)!important; } .inside_left .M10061-PIC ul .iFCB-PRO-4:hover .ibw_pic::after { display:block; } .five2 .news_news li:nth-child(1) a{padding-top: 0;} .jianjie .clear1 { display: block; clear: both; content: "";} .jianjie .tu { float: left; } .jianjie .wen { float: right;width: 52%;font-size: 18px;line-height: 2.2;text-indent: 2em;max-height: 480px;overflow: auto; } .pg_inside .main-home .M10061-PIC{ margin: 0;} .pg_inside .main-home .M10061-PIC .iFCB-PRO-3{width: 32%;margin-right: 2%;margin-top: 2%; overflow: hidden;} .pg_inside .main-home .M10061-PIC ul {display: flex;flex-wrap: wrap;} .pg_inside .main-home .M10061-PIC .iFCB-PRO-3:nth-child(3n){margin-right: 0;} .pg_inside .main-home .M10061-PIC .iFCB-PRO-3:nth-child(-n+3){margin-top: 0;} .pg_inside .main-home .M10061-PIC .messi{margin: 0;} .pg_inside .main-home .M10061-PIC .m-intro::after{display: none;} .pg_inside .main-home .M10061-PIC .messi:hover .m-intro{display: none;} .pg_inside .main-home .M10061-PIC .messi .m-intro{display: none;} .pg_inside .main-home .M10061-PIC .iFCB-PRO-3 .ibw_pic img { transition: all 0.6s;width:100% } .pg_inside .main-home .M10061-PIC .iFCB-PRO-3 .ibw_pic::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: block; content: ""; transition: all 0.6s; z-index: 1;} .pg_inside .main-home .M10061-PIC .iFCB-PRO-3:hover .ibw_pic::before { background: rgba(0,0,0,0); } .pg_inside .main-home .M10061-PIC .iFCB-PRO-3 .ibw_pic::after { position:absolute; right:0; bottom:0; width:70px; height:70px; background:url(../image/a02.png) no-repeat center #e8380d; z-index:2; display:none; content: "";} .pg_inside .main-home .M10061-PIC .iFCB-PRO-3 .u-tt2 { position:absolute; left:0;bottom:unset; right:0; top:50%; transform: translateY(-50%); padding:0 10px; text-align:center; line-height:80px; font-size:22px; color:#fff; background:url(../image/a01.png) no-repeat center; background-size:100% 80px; z-index:2; } .pg_inside .main-home .M10061-PIC .iFCB-PRO-3:hover .u-tt2 { display:none; } .pg_inside .main-home .M10061-PIC .iFCB-PRO-3:hover .ibw_pic img { transform: scale(1.1)!important; } .pg_inside .main-home .M10061-PIC .iFCB-PRO-3:hover .ibw_pic::after { display:block; } .navbox_foot .nav>ul>li .shownav{display: flex;flex-wrap: wrap;width: 290px;justify-content: space-between;} .footer .ft-wrap, .footer .footer_wp{position: unset !important;} .footer{position: relative;padding-bottom: 100px;} .tail{position: absolute;left: 0;width: 100%;bottom: 0;} .tail .wrap{width:95%; max-width:1600px; margin: 0 auto;} .tail { padding:25px 0; font-size:14px; color:rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2); } .tail a { color:rgba(255,255,255,0.2); } .tail a:hover { color:#fff; } .tail .fl {max-width:50%;} .tail .fl img{max-width:100%;} .tail .fr {text-align:right; width:50%; line-height:30px; padding-top:15px; } .tail .fr a{color:rgba(255,255,255,0.2) !important;} .tail .fr a:hover{color:#e8380d;} .pg_inside .footer{padding-bottom: 100px!important;} /* 内页banner部分 */ .ny_bn{width:100%; height:60vh; margin:auto; position:relative; display:flex; align-items:center;} .ny_bn img{width:100%; height:100%; object-fit:cover; position:absolute; left:50%; top:0; margin-left:-50%;} .ny_bn .pc{display:block;} .ny_bn .mb{display:none;} /* 内页子栏目部分 */ .ny_nav{width:100%; margin:20px auto; text-align:center; border-bottom:1px solid #e9e9e9;} .ny_nav li{display:inline-block; position:relative; margin-bottom:10px;} .ny_nav li a{display:block; padding:0 25px; font-size:18px; font-weight:400; color:#333; background:transparent; text-align: center; line-height:36px; -webkit-transition: all .5s; transition: all .5s; position: relative; z-index:1;} .ny_nav li a:after{content:''; display: block; width:70px; height:3px; background:#e8380d; position:absolute; left:50%; bottom:-10px; margin-left:-35px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: scaleX(0); transform: scaleX(0);} .ny_nav li a:hover:after,.ny_nav li a.on:after{-webkit-transform:scaleX(1); transform: scaleX(1);} .ny_nav li a:hover,.ny_nav li a.on{color:#e8380d; font-weight:bold;} /* 内页产品中心部分 */ .pro_box{width:100%; margin:20px auto;} .pro_box li{width:32%; float:left; margin:20px 2% 0 0; position:relative;} .pro_box li:nth-child(3n){margin-right:0;} .pro_box li .ibw_pic{width:100%; float:left; overflow:hidden;} .pro_box li .ibw_pic::before{position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.5); display:block; content:""; transition:all 0.6s; z-index:1;} .pro_box li:hover .ibw_pic::before{background:rgba(0,0,0,0);} .pro_box li .ibw_pic::after{position:absolute; right:0; bottom:0; width:70px; height:70px; background:url(../image/a02.png) no-repeat center #e8380d; z-index:2; display:none; content:"";} .pro_box li:hover .ibw_pic::after{display:block;} .pro_box li .ibw_pic img{width:100%; height:100%; object-fit:cover; display:block; transition:all .5s;} .pro_box li:hover .ibw_pic img{-webkit-transform:scale(1.05); transform:scale(1.05); transition:all .5s ease-in-out;} .pro_box li .u-tt2{position:absolute; left:0; bottom:unset; right:0; top:50%; transform:translateY(-50%); padding:0 10px; text-align:center; line-height:80px; font-size:22px; color:#fff; background:url(../image/a01.png) no-repeat center; background-size:100% 80px; z-index:2;} .pro_box li:hover .u-tt2{display:none;} .pagination{width:100%; height:auto; float:left; text-align:center; font-size:0; position:relative; overflow:hidden; margin:10px 0 60px; text-transform:uppercase;} .pagination a,.pagination span{display:inline-block; padding:0 10px; line-height:30px; font-size:14px; border:1px solid #d6d6d6; margin:0 5px;} .pagination a.cur,.pagination a:hover{color:#fff; border-color:#f26021; background:#e8380d;} .promore_title{width:100%; margin:40px auto 0; text-align:center; border-bottom:1px solid #e9e9e9; padding-bottom:20px;} .promore_title h2{font-size:36px; font-weight:bold; line-height:40px; color:#000;} .promore_title .titms{width:35%; margin:20px auto 0; display:flex; align-items:center; justify-content:space-between; font-size:18px; line-height:30px; color:#999;} .promore_title .titms .cont1{margin-right:10px; border-right:1px solid #e9e9e9; padding-right:30px;} .promore_title .titms .cont2{margin-right:10px; border-right:1px solid #e9e9e9; padding-right:30px;} .promore_box{width:100%; margin:40px auto 60px; overflow:hidden; text-align:center;} .promore_box img{width:66%; margin:auto; display:block;} .promore_box p{text-align:left !important; text-indent:20px; font-size:16px; line-height:32px;} .m20{margin-top:20px;} .casexq-back{margin-top:10px; width:160px; height:42px; line-height:42px; display:block; float:left; font-size:15px; color:#fff; background:#333; text-align:center;} .casexq-back i{width:14px; height:14px; display:inline-block; vertical-align:middle; background:url('../image/casexqic3.png') no-repeat; margin:-4px 12px 0 0; transition: all .4s linear;} a.casexq-back{color:#fff;} a:hover.casexq-back{font-weight:bold; color:#fff; background:#e8380d;} .casexq-back:hover i{-webkit-transform:rotate(180deg);transform:rotate(180deg);}