@charset "utf-8"; /* ********* Author:黑牛 ********* Date:2024/04/01 ********* QQ:2389089525 */ /*css rest*/ @media all{ /* 全局变量 */ :root{--c0:#000;--c3:#333;--c6:#666;--c9:#999;--cc:#ccc;--cf:#fff;--clr1:#1c2e24; --clr2:#0e4089;--clr3:#0e4089; --clr4:#d8deae;--clr5:#eef1da;--color1:#0099cc; --color2:#ff8800; --color3:#f6f6f6;--color4:#febf01;} } /* headlogo */ @media all{ .headlogo{width: 100%; min-width: 1200px; background: var(--cm1);} .navbar-fixed-top{position: fixed; right: 0; left: 0; top:0; z-index: 1030;background: rgba(12,49,27,0.9) !important; } .headlogo .ctain{width: 1200px; margin:0 auto;} .headlogo .ctain .logo{display: inline-block;} .headlogo .ctain .logo img{width:480px; margin:20px 0;} .mod_head_lang{float:right; margin-top: 20px;} .mod_head_lang .langtitl{color: var(--cf);} .mod_head_lang .langtitl i{font-size: 20px; padding-right: 10px;} .mod_head_lang:hover .lang_sublt{display: block;} .mod_head_lang .lang_sublt{display: none;position: absolute; z-index: 999; background: #fff; width:120px;} .mod_head_lang .lang_sublt li{padding:0 5px;} .mod_head_lang .lang_sublt li img{padding-right: 5px;} .mod_head_lang .lang_sublt li:hover {background: var(--color4);} .mod_head_lang .lang_sublt li:hover a{color:#fff; font-weight: bold;} .hd_msg{float:right; margin-top: 20px; padding-right:10px; margin-right: 10px; border-right: 1px solid #fff;} .hd_msg a{color:#fff;} .hd_msg a span{text-decoration: underline;} .headlogo .ctain .hdsearch{float:right; display: none;} .headlogo .ctain .hdsearch .searchbox .input{height: 38px; width:300px; padding:12px 10px; background-color: var(--cf);color:#fff;font-size: 12px; display: table-cell; margin:30px 0 0 0;border:none;} .headlogo .ctain .hdsearch .searchbox .input:focus{outline: none; background: #fcf3da; color: #333;} .headlogo .ctain .hdsearch .searchbox .iconbox{display: inline-block;position: relative;white-space: nowrap;vertical-align: middle; height: 38px; width:50px;background-color: var(--color4); margin:0 0 0 -5px; cursor: pointer;} .headlogo .ctain .hdsearch .searchbox .iconbox i{padding:10px 16px; color:#fff; font-size: 18px;} } @media all and (max-width:1024px){ .headlogo{min-width: 100%;} .headlogo .ctain{width: 100%; } .headlogo .ctain .logo{width: 100%; display: flex; justify-content: center;;padding:0 10%; } .headlogo .ctain .logo img{width: 100%;} .hd_msg{display: none;} .headlogo .ctain .hdsearch{width:100%; display: none; margin-bottom: 20px;} .headlogo .ctain .hdsearch .searchbox{display: flex; justify-content: center; align-items: center; } .headlogo .ctain .hdsearch .searchbox .input{margin:0; width: 60%;} .headlogo .ctain .hdsearch .searchbox .iconbox{margin: 0px 0 0 -5px;} } /* headnav */ @media all{ .headnav{width: 100%; min-width: 1200px; background:var(--clr1);} .headnav .ctain{width: 1200px; margin:0 auto;} .headnav .ctain .mob_navbar{display: none;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1{float:left; position: relative; } .headnav .ctain .fix_navbar .ul_lev1 .li_lev1.cur{background: var(--clr2);} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1>a{display: block; font-size: 16px; color: #fff; padding: 20px 30px; text-align: center; line-height: 20px; transition: 0.5s; font-weight: bold; } .headnav.navbar-fixed-top .ctain .fix_navbar .ul_lev1 .li_lev1>a{padding:15px 20px;/* nav缩放效果*/} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1:hover>a{background: var(--clr2);} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 .mob-down{display: none;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 ul{display: none; position: absolute; z-index: 99;background-color: var(--cm1); padding: 8px 0;;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 ul li a{white-space: nowrap;/* 文本不换行*/ background-clip: padding-box; display: block; color: #fff; padding:5px 30px;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 ul li a:hover{background: var(--clr2);} } @media all and (max-width:1024px){ .headnav{ min-width: 100%;} .headnav .ctain{width: 100%;} .headnav .ctain .mob_navbar{display: block; padding:10px 3%; background-color:var(--clr1);z-index: 99; position: relative;} .headnav .ctain .mob_navbar .navtxt{float:left; display: flex; justify-content: flex-start; align-items: center; height: 30px; color: #fff;} .headnav .ctain .mob_navbar .navtxt img{height: 24px; padding-right: 6px;} .headnav .ctain .mob_navbar .navtxt span{font-size: 18px;} .moblang{position: absolute; right: 80px;} .moblang .mod_head_lang{ margin-top: 0;} .headnav .ctain .mob_navbar .navbtn{float: right; background: var(--color4); padding:4px 10px 8px; border: 0; border-radius: 5px;} .headnav .ctain .mob_navbar .navbtn .icon-bar{display: block; width: 22px;height: 2px; border-radius: 1px; background-color: #fff; margin-top: 4px; } .headnav .ctain .mob_navbar .navbtn.on .icon-bar:first-child{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform-origin: 88% 50%; -webkit-transform-origin: 88% 50%; margin-left: -2px;} .headnav .ctain .mob_navbar .navbtn.on .icon-bar:nth-child(2){opacity: 0;} .headnav .ctain .mob_navbar .navbtn.on .icon-bar:last-child{transform: rotate(45deg); -webkit-transform: rotate(45deg);transform-origin: 88% 50%; -webkit-transform-origin: 88% 50%;margin-left: -2px;} .headnav .ctain .mob_navbar .mobsearch{display: none; float:right; height: 30px; line-height: 30px; margin-right: 5px; font-size: 20px; padding:0 12px; border-radius: 5px;} .headnav .ctain .mob_navbar .mobsearch:hover{background-color: var(--color4);} .headnav .ctain .fix_navbar{display: none;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1{width: 100%;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1>a{text-align:left; padding:15px 30px;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 .mob-down{position: absolute;font-size: 20px; top:0; right: 0; color:#fff; padding:15px 20px;} .headnav.navbar-fixed-top .ctain .fix_navbar .ul_lev1 .li_lev1 .mob-down{ padding:15px 20px;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 i.hasLi{display: inline-block;} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 .mob-down:hover{background: var(--color4);} .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 ul{position: relative;} } /* foot */ @media all{ .foot{width: 100%; min-width: 1200px; background-color:var(--clr1);} .foot .ctain{width: 1200px; margin:0 auto;} .foot .ctain .ft1box{display: flex; justify-content: space-between; align-items: center; padding:60px 0 30px 0; } .foot .ctain .ft1box .ft-logo {width:300px;} .foot .ctain .ft1box .ft-logo .logo img{width:240px;} .foot .ctain .ft1box .ft-logo .abt{margin-top:30px; color:#ccc;} .foot .ctain .ft1box .ft-ctact {width:400px;color:#fff;} .foot .ctain .ft1box .ft-ctact li{margin-bottom: 14px; font-size: 18px;} .foot .ctain .ft1box .ft-ctact li a{color:#fff;} .foot .ctain .ft1box .ft-ctact li .lab{ color:#a8efbf;} .foot .ctain .ft1box .ft-ctact .tel{display:inline-block; padding-bottom: 10px;font-size: 24px; font-weight: bold; } .foot .ctain .ft1box .ft-ctact .flw{display: flex; align-items: center;padding-top: 5px;} .foot .ctain .ft1box .ft-ctact .flw .sharelist span{color: #fff; font-size: 18px;} .foot .ctain .ft1box .ft-ctact .flw .sharelist a{display: inline-block; height: 29px; width: 29px; margin-left: 5px;} .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(1){background: url(../../zstatic/img/common/shareapp.png) 0 0 no-repeat;} .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(2){background: url(../../zstatic/img/common/shareapp.png) -31px 0 no-repeat;} .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(3){background: url(../../zstatic/img/common/shareapp.png) -61px 0 no-repeat;} .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(4){background: url(../../zstatic/img/common/shareapp.png) -92px 0 no-repeat;} .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(5){background: url(../../zstatic/img/common/shareapp.png) -123px 0 no-repeat;} .foot .ctain .ft1box .ft-form{width: 350px;} .foot .ctain .ft1box .ft-form .formtitl{font-size: 20px; height: 30px; line-height: 30px; margin-bottom: 10px; color: #febf01;} .foot .ctain .ft1box .ft-form .form .layout .intxt{width: 100%; height:30px; margin-bottom: 8px;} .foot .ctain .ft1box .ft-form .form .layout .txtarea{width: 100%; height:70px; margin-bottom:4px;} .foot .ctain .ft1box .ft-form .form .layout .vfcode .validate{width: 150px; height:30px; margin-bottom:15px; } .foot .ctain .ft1box .ft-form .form .layout .vfcode img{display: inline-block;} .foot .ctain .ft1box .ft-form .form .layout .vfcode .refresh{font-size: 14px; color: #a8efbf;} .foot .ctain .ft1box .ft-form .form .layout .submit .btn{ padding: 8px 40px; border-radius: 10px; margin: 0 10px 20px 0; font-size: 16px; font-weight: bold; background: #febf01; color: #000; border:1px solid #fff; box-shadow: 2px 2px 2px #416559; cursor: pointer;} .foot .ctain .ft1box .ft-form .form .layout .submit .btn:hover{background:var(--color2); color:#fff;} .foot .ctain .ft1box .ft-beian .ctactbtn{display: flex; justify-content: center; background: var(--color4); border-radius: 10px;line-height: 30px; box-shadow: 1px 1px #eee; border: 2px solid #ddd; margin-bottom: 5px;} .foot .ctain .ft1box .ft-beian .ctactbtn a{font-weight: bolder; color: #000;} .foot .ctain .ft1box .ft-beian .ctactbtn:hover{background: #000;box-shadow: 1px 1px rgb(253, 252, 176); border: 2px solid var(--color4);} .foot .ctain .ft1box .ft-beian .ctactbtn:hover a{color: var(--color4);} .foot .ctain .ft1box .ft-beian .gs_name a{color: #fff;} } @media all and (max-width:1024px){ .foot {min-width: auto;} .foot .ctain{width: 100%;} .foot .ctain .ft1box{ padding:0 3%; flex-direction: column; align-items: center; justify-content: flex-start;} .foot .ctain .ft1box .ft-logo {width:100%; display: flex; justify-content: center; margin:30px 0;} .foot .ctain .ft1box .ft-logo .logo img{width:200px;} .foot .ctain .ft1box .ft-logo .abt{display: none;} .foot .ctain .ft1box .ft-ctact{margin-bottom:20px; width: 100%;} .foot .ctain .ft1box .ft-ctact li{margin-bottom: 0; font-size: 14px;} .foot .ctain .ft1box .ft-ctact .tel{font-size: 20px; padding-bottom: 2px;} .foot .ctain .ft1box .ft-ctact .flw{padding-top: 5px;} .foot .ctain .ft1box .ft-form{width: 100%;} .foot .ctain .ft1box .ft-form .form .layout .txtarea{height:90px;} .foot .ctain .ft1box .ft-form .form .layout .vfcode .validate{width: 150px;} .foot .ctain .ft1box .ft-form .form .layout .submit .btn{padding: 8px 20px; font-size: 14px; border-radius: 5px;} } /* foot2 */ @media all{ .foot2{width: 100%; min-width: 1200px; background-color:#000; border-top: 1px solid #666;} .foot2 .ctain{width: 1200px; margin:0 auto;} .foot2 .ctain ul{display: flex; justify-content: center; flex-wrap: wrap; align-items: center; height: 50px;} .foot2 .ctain ul li{display: inline-block;} .foot2 .ctain ul li:nth-child(n+2){margin-left: 10px; padding-left: 10px; border-left: 1px solid #666;} } @media all and (max-width:1024px){ .foot2{min-width: auto; padding-bottom: 50px;} .foot2 .ctain{width: 100%;} .foot2 .ctain ul{height: 30px;} } @media all{ .toolbar2{ position: fixed; z-index: 999; right: 2%; bottom: 10%; width: 52px;opacity: 0.8;} .toolbar2:hover{opacity: 1;} .toolbar2 dd{ position: relative; width: 51px; height: 51px; margin-bottom: 1px; border-radius: 100%; -webkit-border-radius: 100%; margin-top:4px; background-color:var(--cm2);} .toolbar2 dd i{ display: inline-block; width: 51px; height: 51px; line-height: 51px; cursor: pointer; text-align: center; font-size: 26px; color: #fff;} .toolbar2 dd i:hover{color: #fff;/*background: linear-gradient(to top right, var(--cm1), var(--cm2));*/ border-radius: 100%;} .toolbar2 dd .slide em{display: none;} .toolbar2 dd:hover .slide{position: absolute;display:block;background: linear-gradient(to top right, var(--cm1), var(--cm2));border-radius: 30px; width: 250px ; left: -200px;} .toolbar2 dd:hover .slide i{color: #fff;} .toolbar2 dd:hover .slide em{display: inline-block; height: 51px; line-height: 51px; color: #fff; font-size: 24px;} .toolbar2 dd .pop{position: absolute; opacity: 0; right: -200px; top: -65px; background: linear-gradient(to top right, var(--cm1), var(--cm2)); /*transition: ease-out 0.5s;*/} .toolbar2 dd .pop:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent transparent transparent var(--cm2);border-width:12px;width:0;height:0;position:absolute;top:80px;right:-24px;margin-left:-12px} .toolbar2 dd:hover .pop{opacity: 1; right: 70px;} .toolbar2 dd .pop-weixin{width: 158px; padding: 20px 20px 0;text-align: center;} .toolbar2 dd .pop-weixin img{width: 120px; height: 120px; display: block;} .toolbar2 dd .pop-weixin span{height: 52px; line-height: 52px; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;} .toolbar2 dd .pop-qrcode{width: 158px; padding: 20px 20px 0;text-align: center;} .toolbar2 dd .pop-qrcode img{width: 120px; height: 120px; display: block;} .toolbar2 dd .pop-qrcode span{height: 52px; line-height: 52px; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;} } @media all and (max-width:768px){ .toolbar2{display: none;} } /* ftmob */ @media all{ .ftmob{display: none;} } @media all and (max-width:1024px){ .ftmob{display: block; width: 100%; position: fixed; z-index: 99; bottom:0; background: #fafafa; } .ftmob .ft_nav{float:left; width:25%;text-align: center; padding:5px 0;} .ftmob .ft_nav:hover,.ftmob .ft_nav:focus{cursor: pointer; background: #e4e4e4;} .ftmob .ft_share{position: relative;} .ftmob .ft_nav .addshare{display: none; position: absolute;z-index: 200; bottom: 52px;width: 195px;background: #fff;padding: 5px;border: 1px solid #ccc;border-radius: 5px;} .ftmob .ft_nav a{display: block;} .ftmob .ft_nav span{display: block; font-size: 1.5em;} } /* sidebar */ @media all{ .Sidebar-m06{position:fixed;right:0;bottom:150px;z-index:99; width:80px;} .Sidebar-m06 .SidebarBox{position:relative;float:right} .Sidebar-m06 .a{display:block;margin-bottom:4px;width:44px;height:44px;outline:0;background-color:var(--cm1);cursor:pointer} .Sidebar-m06 .a .i{float: left;width:24px;height:20px;margin-top:12px;margin-left:12px;} .Sidebar-m06 .a-email .i{background-image:url(../img/common/sidebar03.png);background-position:0 0;background-repeat:no-repeat} .Sidebar-m06 .a-phone .i{background-image:url(../img/common/sidebar03.png);background-position:-27px 0;background-repeat:no-repeat} .Sidebar-m06 .a-qrcode .i{background-image:url(../img/common/sidebar03.png);background-position:-91px 0;background-repeat:no-repeat} .Sidebar-m06 .a-top{display:none;background:#aaa} .Sidebar-m06 .a-top .i{background-image:url(../img/common/sidebar03.png);background-position:-28px -25px;background-repeat:no-repeat} .Sidebar-m06 .d{display:none;position:absolute;top:0;right:67px;width:280px;border:1px solid #e1e1e1;border-radius:3px;background:#fff;box-shadow:0 2px 5px 0 rgba(144, 145, 151, 0.11)} .Sidebar-m06 .d .arrow{position:absolute;top:20px;right:-15px;width:18px;height:37px;background:url(../img/common/sidebar03.png) no-repeat -69px -79px; opacity: 0.35;} .Sidebar-m06 .d .itemBox{padding:15px; display: flex; justify-content: center; justify-items: center;} .Sidebar-m06 .d .itemBox .circle{float:left;display:block;overflow:hidden;width:44px;height:44px;border-radius:50%;background:#e1e1e1} .Sidebar-m06 .d .itemBox h3{float:left;margin-left:10px;font-size:14px;line-height:44px} .Sidebar-m06 .d-email .i-email{display:block;overflow:hidden;width:44px;height:44px;border-radius:50%;background:url(../img/common/sidebar03.png) no-repeat -28px -74px;transition:all .2s} .Sidebar-m06 .d-phone{top:34px} .Sidebar-m06 .d-phone .i-tel{display:block;width:44px;height:44px;background:url(../img/common/sidebar03.png) no-repeat 7px -74px;} .Sidebar-m06 .d-qrcode{top:20px;text-align:center} .Sidebar-m06 .d-qrcode .arrow{top:80px;} .Sidebar-m06 .d-qrcode .qrcode-img img{display: inline-block; width: 160px; height: auto;} .Sidebar-m06 .d-qrcode p{font-weight: bold;} } @media all and (max-width:1024px){ .Sidebar-m06{display:none} } /* hm-ban */ @media all { .hm-ban{ width:100%; min-width: 1200px;} .hm-ban .swp01{margin:0 auto;} .swp01 .swiper-slide .slideImg{width: 100%; display: block;} .swp01 .swiper-slide .txtctain{position: absolute;display: flex; width: 100%; height: 90%; top:0; text-align: center;flex-direction: column; justify-content: center; align-items: center; } .swp01 .swiper-slide .txtctain .txtbox{width: 900px;padding:40px; background: rgba(140,148,88,0.6) ; } .swp01 .swiper-slide .txtctain .txtbox strong{display:block;color:#fff; font-size:2rem; font-weight: normal;margin-bottom:25px;} .swp01 .swiper-slide .txtctain .txtbox .text{color:#fff; font-size: 16px;} .swp01 .swiper-slide .txtctain .txtbox .link{display: inline-block; border:1px solid #fff;padding:5px 20px; color:#fff; border-radius: 5px; background:var(--clr1);margin-top:25px;} .swp01 .swiper-slide .txtctain .txtbox .link i{padding-left: 10px; font-size: 1rem;} .swp01 .swiper-slide .txtctain .txtbox .link:hover{background: #cc8000;} .swp01 .swiper-pagination {padding-bottom: 10px;} .swp01 .swiper-pagination .swiper-pagination-bullet{background: #ccc;} .swp01 .swiper-pagination .swiper-pagination-bullet-active{background: #fff;} } @media all and (max-width:1024px){ .hm-ban{min-width: auto;} .swp01 .swiper-slide .txtctain .txtbox{width: 90%; padding:15px;} .swp01 .swiper-slide .txtctain .txtbox strong{font-size:1.5rem;margin-bottom:10px; } .swp01 .swiper-slide .txtctain .txtbox .text{font-size: 14px;} .swp01 .swiper-slide .txtctain .txtbox .link{padding:0 20px; margin-top: 10px;} .swp01 .swiper-pagination {padding-bottom: 0;} } /* hm-prod:imgs-m15 */ @media all{ .hm-prod {width: 100%;padding-top:50px;background-color: #fff;} .hm-prod .ctain{width: 1200px; margin:0 auto;} .hm-prod .ctain .navbox{background: url(../images/line.gif) no-repeat center center; height: 65px; text-align: center; margin:0 0 50px 0;} .hm-prod .ctain .navbox h2{font-size: 32px; padding:15px 0 15px 0;color:var(--clr1)} .hm-prod .ctain .navbox p{font-family: 'Times New Roman';} .hm-prod .ctain .prolist .imgbox{ width: 600px;height: 460px;} .hm-prod .ctain .prolist .imgbox .swiper .swiper-pagination{display: none;} .hm-prod .ctain .prolist .imgbox img{display: block;} .hm-prod .ctain .prolist .txtbox{display:flex; justify-content: center; align-items: center; width: 600px; height: 460px;background: var(--clr5);} .hm-prod .ctain .prolist .txtbox .innerbox{padding:50px 60px;} .hm-prod .ctain .prolist .txtbox .innerbox h2{font-size: 24px; margin-bottom:20px; color:var(--clr1)} .hm-prod .ctain .prolist .txtbox .innerbox h2::after{content: ''; display:block;width: 120px; height: 4px; background:var(--clr2); margin-top: 20px;} .hm-prod .ctain .prolist .txtbox .innerbox ul{margin:20px 0; } .hm-prod .ctain .prolist .txtbox .innerbox ul li{font-size: 16px; margin-bottom: 3px;} .hm-prod .ctain .prolist .txtbox .innerbox ul li i{margin:0 10px 0 0;} .hm-prod .ctain .prolist .txtbox .innerbox ul li:hover {color: var(--clr1);} .hm-prod .ctain .prolist .txtbox .innerbox ul li:hover a{color: var(--clr1); font-weight: bold;} .hm-prod .ctain .prolist .txtbox .innerbox .more i{padding-left: 10px;} .hm-prod .ctain .linkmore{text-align: center; padding:45px 0 45px 0;} .hm-prod .ctain .linkmore a{display: inline-block; padding:5px 50px; border-radius: 10px; background:var(--cm1); color:#fff; font-weight: bold;} .hm-prod .ctain .linkmore a:hover{background: var(--color4);} } @media all and (max-width:1024px){ .hm-prod{padding-top: 10px;} .hm-prod .ctain{width: 100%;} .hm-prod .ctain .navbox {padding:0 2%;background: none; margin: 0 0 20px 0;} .hm-prod .ctain .navbox h2 {font-size: 20px; padding: 10px 0 5px 0; } .hm-prod .ctain .prolist .imgbox{width: 100%; height: auto;} .hm-prod .ctain .prolist .imgbox .swiper{--swiper-theme-color: #fff; --swiper-pagination-color: #fff;/* 两种都可以 */ } .hm-prod .ctain .prolist .imgbox .swiper .swiper-pagination{display: block;} .hm-prod .ctain .prolist .imgbox img{width: 100%; height: auto;} .hm-prod .ctain .prolist .txtbox{width: 100%; height: auto;} .hm-prod .ctain .prolist .txtbox .innerbox{padding:25px 30px;} .hm-prod .ctain .prolist .txtbox .innerbox h2{font-size: 20px; margin-bottom:20px;} .hm-prod .ctain .linkmore{ padding:0 0 25px 0;margin-top: 20px;} } /* hm-advant*/ @media all { .hm-advant{width: 100%; min-width: 1200px; background: url(../img/index/advant/adv_bg.jpg) no-repeat;background-size: 100% 100%;background-attachment: fixed; padding:50px 0;} .hm-advant .ctain { width: 1200px; margin:0 auto; color:#fff;} .hm-advant .ctain .adv_head{text-align: center;} .hm-advant .ctain .adv_head p{text-transform:uppercase;font-family:'Times New Roman';font-size:40px;} .hm-advant .ctain .adv_head h2{font-size: 24px; margin:30px 0; color: #fff;} .hm-advant .ctain .list_ul .list_li{float:left; width: 48%; margin:30px 0 50px 0; cursor:pointer;} .hm-advant .ctain .list_ul .list_li:nth-child(odd){margin-right: 4%;} .hm-advant .ctain .list_ul .list_li .imgbox{float:left; width: 25%;} .hm-advant .ctain .list_ul .list_li .imgbox img{transition: ease-out 1.2s;} .hm-advant .ctain .list_ul .list_li .txtbox{float:left; width:75%;} .hm-advant .ctain .list_ul .list_li .txtbox .tag{position: relative;color: #fff; border-bottom:1px solid #fff; padding-bottom: 10px; margin-bottom: 10px;font-size: 1.2em; transition: .751s; -webkit-transition: .75s;} .hm-advant .ctain .list_ul .list_li .txtbox .tag::after{content: '';position: absolute; width: 0%; height: 1px; background-color: var(--color4); bottom:-1px;left:0;-webkit-transition: all .75s;-moz-transition: all .75s;-ms-transition: all .75s;transition: all .75s; } .hm-advant .ctain .list_ul .list_li .txtbox span{display: block; width: 95%;} .hm-advant .ctain .list_ul .list_li:hover .imgbox img{ transform: rotateZ(360deg);} .hm-advant .ctain .list_ul .list_li:hover .txtbox{color: var(--color4);} .hm-advant .ctain .list_ul .list_li:hover .txtbox .tag{color: var(--color4);} .hm-advant .ctain .list_ul .list_li:hover .txtbox .tag::after{right: 0; width: 100%;} } @media all and (max-width:1024px){ .hm-advant{min-width: 100%;background-size: cover; background-attachment: fixed;} .hm-advant .ctain{width: 100%;} .hm-advant .ctain .list_ul{padding:0 3%;text-align: center;} .hm-advant .ctain .list_ul .list_li{width: 100%;margin:0 0 30px 0;} .hm-advant .ctain .list_ul .list_li:nth-child(odd){margin-right: 0;} .hm-advant .ctain .list_ul .list_li .imgbox{ width: 100%;} .hm-advant .ctain .list_ul .list_li .txtbox{ width:100%; margin-top:10px;} } /* hm-arts:arts-m02 */ @media all { .hm-arts{width: 100%;} .hm-arts .ctain{width:1200px; margin:0 auto ; padding:50px 0 50px 0;} .hm-arts .ctain .navbox{background: url(../images/line.gif) no-repeat center center; height: 65px; text-align: center; margin:0 0 20px 0;} .hm-arts .ctain .navbox h2{font-size: 32px; padding:15px 0 15px 0; color: var(--clr1);} .hm-arts .ctain .navbox p{font-family: 'Times New Roman';} .hm-arts .ctain .listbox .modarts16.lfbox{float:left; width: 575px; margin:0 25px 0 0;} .hm-arts .ctain .listbox .modarts16.rtbox{float:left; width: 575px; margin:0 0 0 25px;} .hm-arts .ctain .listbox .modarts16 .titlbox{width: 100%; text-align: center; background: var(--cm1);padding:10px 0; margin:40px 0;} .hm-arts .ctain .listbox .modarts16 .titlbox span a{font-size: 24px;color:var(--cf)} .hm-arts .ctain .listbox .modarts16 .ulem .liem{margin:30px 0;position: relative;z-index:1;} .hm-arts .ctain .listbox .modarts16 .ulem .liem:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 0;background:var(--cm1);z-index: -1; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}/* 背景hover:父div:relative,z-index=1;伪元素：absolute,z-index:-1; */ .hm-arts .ctain .listbox .modarts16 .ulem .liem .itembox{display: flex; align-items: center;justify-content: center;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .lfimg{width: 145px; height:96px; border:1px solid var(--cm1); overflow: hidden;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .lfimg img{ display: block;width:100%; height: 100%; transition: all 0.5s ease-in-out;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent{ width:400px; margin:0 20px;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .titl{font-weight: bold;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .dscrp{display: none;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .msg{margin-top: 5px; font-size: 14px;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .msg i{padding-right: 10px;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .msg .reader{padding-left: 20px;} .hm-arts .ctain .listbox .modarts16 .ulem .liem:hover{ box-shadow: 0 0 4px 2px #ccc} .hm-arts .ctain .listbox .modarts16 .ulem .liem:hover:after {right: 0;width: 100%;} .hm-arts .ctain .listbox .modarts16 .ulem .liem:hover .lfimg img{ transform: scale(1.1);} .hm-arts .ctain .listbox .modarts16 .ulem .liem:hover .rtctent{ color:var(--cf); transition: all 0.3s ease-in-out;} } @media all and (max-width:1024px){ .hm-arts .ctain{width:100%; padding:0 0;} .hm-arts .ctain .navbox {padding:0 2%;background: none; margin: 10px 0 10px 0;} .hm-arts .ctain .navbox h2 {font-size: 20px; padding: 10px 0 5px 0; } .hm-arts .ctain .listbox{padding:15px 0 0 0;margin:0;} .hm-arts .ctain .listbox .modarts16.lfbox{width: 100%; margin:0 auto;} .hm-arts .ctain .listbox .modarts16.rtbox{width: 100%; margin:0 auto;} .hm-arts .ctain .listbox .modarts16 .titlbox{ margin:5px 0 20px 0; padding:5px 0;} .hm-arts .ctain .listbox .modarts16 .titlbox span a{font-size: 20px} .hm-arts .ctain .listbox .modarts16 .ulem{padding:0 3%;} .hm-arts .ctain .listbox .modarts16 .ulem .liem{margin:15px 0;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .lfimg{ width: 33%; height:auto; } .hm-arts .ctain .listbox .modarts16 .ulem .liem .lfimg img{ width: 100%; height:auto; min-height: 70px;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent{width:67%;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .titl{white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3; font-size: 14px; line-height:20px;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .dscrp{display: none;} .hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .msg{display: none;} } /* hm-abt */ @media all { .hm-abt{width: 100%; min-width:1200px; background: #f6f6f6; padding-bottom: 30px;} .hm-abt .ctain{width: 1200px; margin:0 auto;} .hm-abt .ctain .navbox{background: url(../images/line.gif) no-repeat center center;text-align: center; padding:60px 0 10px 0;} .hm-abt .ctain .navbox h2{font-size: 32px; padding:15px 0 15px 0;color: var(--clr1);} .hm-abt .ctain .navbox p{font-family: 'Times New Roman';} .hm-abt .ctain .abt_ctent{padding:30px 0 20px 0;} .hm-abt .ctain .abt_ctent img{float:left; width: 40%; margin-right: 3%;} .hm-abt .ctain .abt_ctent p{float: left; width: 57%;} .hm-abt .ctain .abt_ctent .abt_btn a{display: inline-block ; padding:8px 40px; margin-top:20px;transition: ease-in-out .5s; border-radius: 5px; font-weight: 550;background:var(--cm1); color:#fff;} .hm-abt .ctain .abt_ctent .abt_btn a:hover{background: var(--color4); color:#fff;} .fancyImg{width: 1200px; margin:0 auto;} .fancyImg .fancyNav{display: flex;} .fancyImg .fancyNav ul{margin: 50px auto;} .fancyImg .fancyNav ul li{float:left; width: 200px; text-align: center; margin:0 20px; background-color:var(--c9); padding:15px 0; border-radius: 5px; transition: .3s;} .fancyImg .fancyNav ul li:hover,.fancyImg .fancyNav ul li.current{background-color: var(--clr2);} .fancyImg .fancyNav ul li h3{color:#fff;} .fancyImg .listbox .imglist:nth-child(n+2){display: none;} .fancyImg .listbox .imglist li{float:left; width:30% ; margin-right:5%; margin-bottom: 50px; /*box-shadow: 0 2px 4px 0 #ccc;*/} .fancyImg .listbox .imglist li:nth-child(3n){margin-right: 0;} .fancyImg .listbox .imglist .prodli{transition: .3s all; -webkit-transition: 0.3s all; position: relative;} .fancyImg .listbox .imglist .prodli:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .fancyImg .listbox .imglist .prodli a{cursor: zoom-in;} .fancyImg .listbox .imglist .prodli .prodpic{overflow: hidden; height: 358px; border:1px solid #ccc; } .fancyImg .listbox .imglist .prodli .prodpic img{width:100%; height: 358px;transition: all 0.5s ease-in-out; display: block;} .fancyImg .listbox .imglist .prodli .prodtitl{position:absolute; bottom:0; width:100%;display: flex; display: -webkit-flex; align-items: center; justify-content: center; text-align: center; height: 60px; padding: 0 10px; border:1px solid #ccc; border-top:none; transition: 1s; background: rgba(160, 160, 160, 0.8);} .fancyImg .listbox .imglist .prodli .prodtitl h4{color:var(--cf); line-height: 20px;} .fancyImg .listbox .imglist .prodli:hover .prodtitl{background: var(--cm1);} .fancyImg .listbox .imglist li:hover img{width:100%; transform: scale(1.05);} } @media all and (max-width:1199px){ .fancyImg{width: 100%;} .fancyImg .fancyNav {padding:0 2%; } .fancyImg .fancyNav ul{width:100%; margin:20px auto;} .fancyImg .fancyNav ul li{margin:0 1% 5px; width: 31%; padding:8px 0; height: 55px; display: flex;align-items: center; text-align: center; justify-content: center;} .fancyImg .fancyNav ul li h3 {font-size: 14px; font-weight: normal; line-height: 20px; } .fancyImg .listbox{padding:0;} .fancyImg .listbox .imglist .prodli .prodpic{height: auto;} .fancyImg .listbox .imglist .prodli .prodpic img{height: auto; margin-bottom: -7px;} .fancyImg .listbox .imglist .prodli .prodtitl{padding:0 5px; height: 40px;} .fancyImg .listbox .imglist .prodli .prodtitl h4{line-height: 18px;font-size: 14px; font-weight: normal;} } @media all and (max-width:1024px){ .hm-abt{min-width: 100%; padding:0 3%;} .hm-abt .ctain{width:100%;} .hm-abt .ctain .navbox {padding:0 2%;background: none; margin: 10px 0 10px 0;} .hm-abt .ctain .navbox h2 {font-size: 20px; padding: 20px 0 5px 0; } .hm-abt .ctain .fancyNav {padding:0 2%;background: none; margin: 0 0 10px 0;} .hm-abt .ctain .fancyNav h2 {font-size: 20px; padding: 10px 0 5px 0; } .hm-abt .ctain .abt_ctent{padding:10px 0 15px 0;} .hm-abt .ctain .abt_ctent img{width: 100%; margin-right: 0;;} .hm-abt .ctain .abt_ctent p{width: 100%; } .hm-abt .ctain .abt_ctent .abt_txt{margin:10px 0 -10px 0;} .hm-abt .ctain .abt_ctent .abt_btn{text-align: center; padding:5px 0 0 0;} .fancyImg .listbox .imglist li{width: 48%; margin: 0 4% 0 0; margin-bottom:20px;} .fancyImg .listbox .imglist li:nth-child(3n){margin-right: 4%;} .fancyImg .listbox .imglist li:nth-child(even){margin-right:0;} } /* sg-abtintro-nav */ @media all{ .sg-abtintro-nav{width: 100%;border-bottom: solid 1px #dedede; } .sg-abtintro-nav .ctain{width: 1200px; margin:0 auto; padding:0 3%;} .sg-abtintro-nav .ctain .menu{ padding: 30px 0; margin: 0;} .sg-abtintro-nav .ctain .menu .column{ display: none} .sg-abtintro-nav .ctain .menu ul{ text-align: center} .sg-abtintro-nav .ctain .menu ul li{ display: inline-block; font-size: 18px; line-height: 40px; min-width: 13.5%;} .sg-abtintro-nav .ctain .menu ul li a{ color: #666666;position: relative; display:inline-block; font-weight: bold; padding:0 20px;} .sg-abtintro-nav .ctain .menu ul li.active a,.sg-abtintro-nav .ctain .menu ul li:hover a{ color: var(--color2)} .sg-abtintro-nav .ctain .menu ul li a:after{ content: ''; position: absolute; left: 50%; display: block; width: 0%; height: 1px; bottom: -31px; transition: 0.5s } .sg-abtintro-nav .ctain .menu ul li:hover a:after, .sg-abtintro-nav .ctain .menu ul li.active a:after{ left: 0; width: 100%;background: var(--color2)} } @media all and (max-width:1199px){ .sg-abtintro-nav{min-width: auto;} .sg-abtintro-nav .ctain{width: 100%;} .sg-abtintro-nav .ctain .menu ul li{font-size: 16px;} } @media all and (max-width:1024px){ .menu{ padding: 0} .sg-abtintro-nav .ctain .menu{ padding: 20px 0; } .sg-abtintro-nav .ctain .menu .column{ color: #fff; font-size: 16px; position: relative;display: block;cursor: pointer; padding: 8px 20px; margin: 0; border-radius: 100px; background: var(--clr1); /* Old browsers */ background: -moz-linear-gradient(left,var(--clr1) 0%, var(--cm1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, var(--clr1) 0%,var(--cm1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, var(--clr1) 0%,var(--cm1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color2)', endColorstr='#19c8fa',GradientType=1 ); /* IE6-9 */ } .sg-abtintro-nav .ctain .menu .column .titl{color: #fff;} .sg-abtintro-nav .ctain .menu .column .rtbtn{width: 20%; float: right;} .sg-abtintro-nav .ctain .menu .column .rtbtn i{float:right;padding-top: 5px;transition: all 0.5s ease-in-out;} .sg-abtintro-nav .ctain .menu .column.on .rtbtn i{transform: rotate(-180deg); padding-bottom: 7px; transition: all 0.5s ease-in-out;} /* .sg-abtintro-nav .ctain .menu .column .after{ content: ''; position: absolute; right: 4%; top: 12px; width: 10px; height: 10px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(45deg); transition: 0.5s} .sg-abtintro-nav .ctain .menu .column.on .after{transform: rotate(-135deg); top: 16px; } */ .sg-abtintro-nav .ctain .menu ul{ z-index: 20; text-align: left; background: #fff; box-shadow: 0 6px 12px 0 #999; display: none; position: absolute; width:100%;} .sg-abtintro-nav .ctain .menu ul li{font-size: 14px; display: block; width: 100%; border-bottom: dotted 1px #ddd} .sg-abtintro-nav .ctain .menu ul li a{ padding: 0px 20px; display: block} .sg-abtintro-nav .ctain .menu ul li a:after{ display: none} } /* sg-abtintro-main */ @media all{ .sg-abtintro-main .ctain{width: 1200px; margin: 0 auto;} .sg-abtintro-main .head {padding: 50px 0 30px 0;} .sg-abtintro-main .head .picBan img{width: 100%;} .sg-abtintro-main .head .textPic{ margin-top: 25px;} .sg-abtintro-main .head .textPic .left{float: left; width: 60%; line-height: 220%;} .sg-abtintro-main .head .textPic .left div{font-size: 16px; color: #696969; margin: 0 20px 20px; line-height: 28px;} .sg-abtintro-main .head .textPic .right{float: left; width: 37.5%; margin-left: 2.5%;} .sg-abtintro-main .head .textPic .right .picTop{ float: left; width: 100%;} .sg-abtintro-main .head .textPic .right .picTop img{ width: 100%;} .sg-abtintro-main .head .textPic .right .picTop .picText{ text-align: center; color: #666666;line-height: 250%; padding-bottom: 15px;} .sg-abtintro-main .head .textPic .right .picBtm{ float: left; width: 100%;} .sg-abtintro-main .head .textPic .right .picBtm img{ width: 100%;} .sg-abtintro-main .head .textPic .right .picBtm .picText{ text-align: center; color: #666666; line-height: 250%;} } @media all and (max-width:1199px){ .sg-abtintro-main .ctain{width: 95%; margin: 0 auto;} .sg-abtintro-main .head {padding: 30px 0 10px 0;} .sg-abtintro-main .head .right {width: 408px; margin-right: 0; } } @media all and (max-width:1024px){ .sg-abtintro-main .head {padding: 20px 0; } .sg-abtintro-main .head .textPic{ margin-top: 15px;} .sg-abtintro-main .head .textPic .left{float: left; width: 100%; line-height: 200%;} .sg-abtintro-main .head .textPic .left div{margin: 0;} .sg-abtintro-main .head .textPic .right{float: left; width: 100%; margin: 20px 0 0 0;} .sg-abtintro-main .head .textPic .right .picTop{ float: left; width: 47.50%;} .sg-abtintro-main .head .textPic .right .picBtm{ float: left; width: 47.5%; margin-left: 5%;} } /* sg-abtintro-ban */ @media all{ .sg-abtintro-ban{width:100%} .sg-abtintro-ban .ctain{width:1200px; margin:0 auto; padding:50px 0;} .sg-abtintro-ban .ctain .subtitl{margin:20px 0 80px 0;text-align: center;} .sg-abtintro-ban .ctain .subtitl h2{font-size: 30px;} .sg-abtintro-ban .ctain .subtitl p{font-size: 15px; color: #aaa; padding-top: 10px;} .sg-abtintro-ban .ctain img{width: 100%;} } @media all and (max-width:1199px){ .sg-abtintro-ban .ctain{width:100%;} } @media all and (max-width:1024px){ .sg-abtintro-ban .ctain{ padding:30px 0;} .sg-abtintro-ban .ctain .subtitl{margin:0 0 35px 0;} .sg-abtintro-ban .ctain .subtitl h2{font-size: 20px;} .sg-abtintro-ban .ctain .subtitl p{font-size: 14px; padding-top:5px;} } /* sg-abtfactory-imgs */ @media all{ .sg-abtfactory-imgs{width:100%;} .sg-abtfactory-imgs .ctain{width:1200px; margin:0 auto;} } @media all and (max-width:1199px){ .sg-abtfactory-imgs .ctain{width:100%;padding:0 3%;} } /* sg-abthonor-album */ @media all{ .sg-abthonor-album{width:100%;} .sg-abthonor-album .ctain{width:1200px; margin:0 auto; } .honor-swiper{ padding: 60px 0;} .honor-swiper .swiper-slide {width: 570px;padding-bottom: 30px; text-align: center; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);} .honor-swiper .swiper-slide img{display:block;} .honor-swiper .swiper-pagination {width: 100%; bottom: 20px; display: none;} .honor-swiper .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1;} .honor-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff;} .honor-swiper .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0; background-size: 100%;} .honor-swiper .swiper-button-prev:hover {background-position: 0 -46px; background-size: 100%} .honor-swiper .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px; background-size: 100%;} .honor-swiper .swiper-button-next:hover {background-position: 0 -139px; background-size: 100%;} .honor-swiper .swiper-button-next:hover {background-position: 0 -139px; background-size: 100%;} .honor_pic{margin-bottom: 40px;height: auto; overflow: hidden; } .honor_pic img{min-height: 100%; width: 100%;} .honor_title{ color: #22a7d9; font-size: 24px; margin: 20px 0; font-weight: 400;} .honor_sub-title{color: #22a7d9; opacity: 0.6;font-size: 16px;display: none;} .honor_text{color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-size: 14px; margin: 40px 30px; line-height: 1.5;text-align: left;} .honor_link{ color: #22a7d9; font-size: 14px;} .honor_link .fa{ margin-left: 5px;} } @media (max-width: 1024px){ .sg-abthonor-album .ctain{width:100%;} .honor-swiper{ padding: 30px 0;} .honor-swiper .swiper-slide {width: 100%;} .honor_pic{margin-bottom: 40px; height: auto; padding: 3px;} } /* lt-prod-ban */ @media all{ .lt-prod-ban{width: 100%; background-color: #f6f6f6;} .lt-prod-ban .ctain{ margin:0 auto;} .lt-prod-ban .ctain .mainImg{width: 100%; display: block;} } @media all and (max-width:1024px){ .lt-prod-ban {display: none;} } /* crumbs */ @media all{ .crumbs-wp{width: 100%; background: #f6f6f6; } .crumbs-wp .ctain{width: 1200px; margin:0 auto;border-bottom:1px solid #e0e0e0;padding:20px 0 10px 0;} .crumbs-wp .ctain .title{float:right; font-size:18px;font-family:""微软雅黑""} .crumbs-wp .ctain .fa-home{float:left;padding:5px 15px 0 0;} .crumbs-wp .ctain .childs{float:left;} .crumbs-wp .ctain .return{display: none; float:right; margin-left: 20px; } } @media all and (max-width:1024px){ .crumbs-wp{padding:0 3% 5px; } .crumbs-wp .ctain{ width: 100%; border-bottom: none; padding:5px 0 0 0;} .crumbs-wp .ctain .title{display: none;} .crumbs-wp .ctain .childs{font-size:14px;} } /* lt-prod-main: */ @media all{ .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox{float:left; width:250px; margin:0 0 46.66px 46.66px; text-align: center; border:1px solid #ddd;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .imgbox{width:248px;height:248px;overflow: hidden; position: relative;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .imgbox img{width: 100%; height: 100%; transition: all 0.5s ease-in-out; display: block;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .imgbox i{display: block; position: absolute; z-index: 3 ;width: 100%; height: 100%; transition: all 0.5s ease-in-out; top:250px;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .imgbox img{transform: scale(1.15);} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .imgbox i{background: var(--cm1); opacity: 0.3;top:0;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox{padding:30px 15px; transition: all 0.5s ease-in-out;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox .title{display:flex;justify-content: center;align-items: center; font-weight: bold; height: 50px; } .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox .title strong{font-weight:bold;font-size: 16px; line-height: 24px;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox span{display: inline-block; padding:5px 40px; border-radius: 20px; border:1px solid var(--cm1); margin:30px auto 0; background: var(--cm1); color: var(--cf);} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .textbox{background: var(--cm1); } .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .textbox .title strong{color: #fff; } .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .textbox span{color:#454545; background:var(--color4); transition:all 0.5s ease-in-out;} .mod-pages02{margin: 0 0 0 46.66px;} .mod-pages02 .pagebox{margin:0 auto;} .mod-pages02 .pagebox ul{text-align: center;} .mod-pages02 .pagebox ul li{display: inline-block;padding:5px 20px;margin:2px;border:1px solid #ccc; overflow: hidden; background: var(--cm1); border-radius: 3px; color: #fff; font-family:Tahoma;} .mod-pages02 .pagebox ul li a{color: #fff;display:block} .mod-pages02 .pagebox ul li:hover{background:none; color: #333; border-color: var(--cm1);} .mod-pages02 .pagebox ul li:hover a{color:#333;} .mod-pages02 .pagebox ul li.thisclass, .mod-pages02 .pagebox ul li:hover{background:var(--color4); color:#333;border-color: var(--cm1)} .mod-pages02 .pagebox .pageinfo strong{font-weight:bold; padding:0 2px;} } @media all and (max-width:1024px){ .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox{width: 48%; margin-left: 4%; margin-bottom:15px;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:nth-child(odd){margin-left: 0;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .imgbox{width: 100%; height: auto;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox{padding:15px 10px;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox .title strong{font-size: 15px; line-height: 20px;} .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox span{margin:10px auto; padding:3px 15px; margin:15px auto 0;font-size: 15px;} .mod-pages02{margin: 0;} .mod-pages02 .pagebox ul li{padding:2px 15px;} } /* mod-arts-m17 */ @media all { .mod-arts-m17{width: 100%; background: #f6f6f6; padding:40px 0 25px 0;} .mod-arts-m17 .ctain{width:1200px; margin:0 auto;} .mod-arts-m17 .ctain .titlbox{background: #ddd;} .mod-arts-m17 .ctain .titlbox .titl{width:220px ;padding:10px 0 10px 20px; background-color: var(--clr1);} .mod-arts-m17 .ctain .titlbox .titl i{color:#fff; font-size: 20px; padding-right: 10px;} .mod-arts-m17 .ctain .titlbox .titl span{color:#fff; font-size:20px;} .mod-arts-m17 .ctain .listul{margin:20px 0;} .mod-arts-m17 .ctain .listul .listli{float:left; margin:20px 5% 20px 0; width:30%;} .mod-arts-m17 .ctain .listul .listli:nth-child(3n){margin-right:0;} .mod-arts-m17 .ctain .listul .listli:nth-child(n+7){display:none} .mod-arts-m17 .ctain .listul .listli a{display: flex; justify-content: flex-start; align-items: center;} .mod-arts-m17 .ctain .listul .listli .imgbox img{width:145px; height: 80px; border:1px solid #ccc; display: block;} .mod-arts-m17 .ctain .listul .listli .titl{padding-left: 20px;} .mod-arts-m17 .ctain .listul .listli .titl h4{color:#666; font-size: 14px; line-height: 20px;} .mod-arts-m17 .ctain .listul .listli:hover .imgbox img{border:1px solid var(--cm1);} .mod-arts-m17 .ctain .listul .listli:hover .titl h4{color:var(--cm1);} } @media all and (max-width:1024px){ .mod-arts-m17{padding: 0px 0 10px 0;} .mod-arts-m17 .ctain{width:100%;} .mod-arts-m17 .ctain .titlbox .titl{width: 100%; padding: 10px 0 10px 3%; background-color: var(--clr1);} .mod-arts-m17 .ctain .titlbox .titl h3{ font-size:18px;} .mod-arts-m17 .ctain .listul{margin:15px 3% 0;} .mod-arts-m17 .ctain .listul .listli{width: 100%; border-bottom: 1px dashed #ccc; margin: 0 0 15px 0 !important; padding-bottom: 15px;} .mod-arts-m17 .ctain .listul .listli .imgbox{width: 30%; height: auto;} .mod-arts-m17 .ctain .listul .listli .imgbox img{width:100%; height: auto; } .mod-arts-m17 .ctain .listul .listli .titl{width: 70%; } .mod-arts-m17 .ctain .listul .listli .titl h4{font-weight: normal;} } /* mod-bdartpage */ @media all{ .mod-bdartpage{padding:35px 0;} .mod-bdartpage>div {width:45%; border-radius: 30px; border:1px solid var(--cm1); padding:8px 20px; text-align:center; cursor: pointer;transition: all 0.5s ease-in-out; } .mod-bdartpage a{ transition: all 0.5s ease-in-out; } .mod-bdartpage .prepage{float: left; } .mod-bdartpage .nextpage{float: right;} .mod-bdartpage>div:hover {background-color: var(--cm1); color:var(--cf); transition: all 0.5s ease-in-out; } .mod-bdartpage>div:hover a{color:var(--cf); transition: all 0.5s ease-in-out; } } @media all and (max-width:1024px){ .mod-bdartpage{border-top: 1px solid #ccc; margin-top: 20px; padding:20px 0; } .mod-bdartpage>div {width: 100%; padding:5px 10px; margin:5px 0; text-align: left;} } /* lt-news-list */ @media all{ .lt-news-list{width: 100%; padding:50px 0 40px 0;} .lt-news-list .ctain{width: 1200px; margin:0 auto;} .lt-news-list .ctain .news-titl-box{text-align:center; padding:20px 0 80px 0;} .lt-news-list .ctain .news-titl-box h2{ font-size:30px;} .lt-news-list .ctain .news-list-box .news-li{float:left; width:30%; margin-right: 5%;margin-bottom: 50px; border:1px solid #dfdfd8;} .lt-news-list .ctain .news-list-box .news-li:nth-child(3n){margin-right: 0;} .lt-news-list .ctain .news-list-box .news-li .news-li-subbox{overflow: hidden;} .lt-news-list .ctain .news-list-box .news-li img{display: block;width:100%; height:201px; transition: all 0.5s ease-in-out;} .lt-news-list .ctain .news-list-box .news-li .news-notebox{padding:20px 15px; background:var(--clr5); line-height:28px;} .lt-news-list .ctain .news-list-box .news-li .news-notebox p {display:block; } .lt-news-list .ctain .news-list-box .news-li .news-notebox p i{padding-right: 10px; color: var(--cm1);} .lt-news-list .ctain .news-list-box .news-li .news-notebox p span{float:right;} .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-title{display: flex; justify-content: flex-start; align-items: center; height: 100px;} .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-title h3{line-height: 24px;} .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-text{height: 80px; margin:0 0 15px 0; } .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-btn{text-align:center; margin-top:30px;} .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-btn span{height:60px; line-height: 60px; padding:10px 40px; background:var(--cm1); border-radius: 20px; color:var(--cf)} .lt-news-list .ctain .news-list-box .news-li:hover .news-li-subbox{box-shadow: 0 0 20px 0 #aaa;} .lt-news-list .ctain .news-list-box .news-li:hover .news-li-subbox img{transform:scale(1.05,1.05);} .lt-news-list .ctain .news-list-box .news-li:hover .news-notebox{background:var(--cm1); transition: all 0.5s ease-in-out; color: var(--cf);} .lt-news-list .ctain .news-list-box .news-li:hover .news-notebox p i{ color: var(--cf);} /* .lt-news-list .ctain .news-list-box .news-li:hover .news-notebox h3{transition: all 0.7s ease-in-out;} */ .lt-news-list .ctain .news-list-box .news-li:hover .news-notebox .news-btn span{color:var(--c3); background-color: var(--color4); transition: all 1s ease-in-out;opacity: 1;} } @media all and (max-width:1200px){ .lt-news-list .ctain{width:100%; padding:0 1%;} } @media all and (max-width:1024px){ .lt-news-list{ padding:20px 0 10px 0;} .lt-news-list .ctain{width:100%;padding:0 2.5%;} .lt-news-list .ctain .news-titl-box{padding:0 0 40px 0;} .lt-news-list .ctain .news-titl-box h2{font-size: 24px;} .lt-news-list .ctain .news-list-box .news-li{width:100%; padding:0; margin-bottom:20px;margin-right:0;} .lt-news-list .ctain .news-list-box .news-li img{height:auto;} .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-title{height: auto; margin:10px 0 15px 0; } .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-text{display: none;} .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-btn{margin-top:15px;} } /* rt-news-body */ @media all { .rt-news-body{width:100%;min-width: 1200px;} .rt-news-body .ctain{width:1200px; margin:0 auto; padding-bottom: 20px;} } @media all and (max-width:1200px){ .rt-news-body{min-width: 100%;} .rt-news-body .ctain{width:100%; padding:0 1%; padding-bottom: 30px;} } @media all and (max-width:1024px){ .rt-news-body .ctain{padding:0 2.5%; padding-bottom: 20px;} } /* mod-bdartitl */ @media all{ .mod-bdartitl{text-align: center; padding:40px 0 0 0;} .mod-bdartitl h1{font-size: 20px; } .mod-bdartitl .titl_info{padding:20px 0 0 0; } .mod-bdartitl .titl_info span i{padding-right: 10px; color:var(--cm1)} .mod-bdartitl .titl_info span:nth-child(n+2){padding-left: 20px;} } @media all and (max-width:1024px){ .mod-bdartitl{padding:20px 0 0 0;} .mod-bdartitl h1{font-size: 18px; line-height: 24px;} .mod-bdartitl .titl_info{height: auto; line-height: normal; padding:15px 0;} } /* rtNews: mod-arts-m18 */ @media all { .mod-arts-m18{width: 100%; background: #f6f6f6; padding:50px 0 15px 0;} .mod-arts-m18 .ctain{width:1200px; margin:0 auto;} .mod-arts-m18 .ctain .titlbox{background: #ddd;} .mod-arts-m18 .ctain .titlbox .titl{width:220px ;padding:10px 0 10px 20px; background-color: var(--clr1);} .mod-arts-m18 .ctain .titlbox .titl i{color:#fff; font-size: 20px; padding-right: 10px;} .mod-arts-m18 .ctain .titlbox .titl span{color:#fff; font-size:20px;} .mod-arts-m18 .ctain .ulbox{margin-top: 50px;} .mod-arts-m18 .ctain .ulbox .libox{float:left; width:255px; margin:0 60px 40px 0; text-align: center; border:1px solid #ddd;} .mod-arts-m18 .ctain .ulbox .libox:nth-child(4n){margin:0 0 40px 0;} .mod-arts-m18 .ctain .ulbox .libox:nth-child(n+5){display:none;} .mod-arts-m18 .ctain .ulbox .libox .imgbox{width:255px;height:255px;overflow: hidden; position: relative;} .mod-arts-m18 .ctain .ulbox .libox .imgbox img{width: calc(100% - 2px); height: 100%; transition: all 0.5s ease-in-out; display: block;} .mod-arts-m18 .ctain .ulbox .libox .imgbox i{display: block; position: absolute; z-index: 3 ;width: 100%; height: 100%; transition: all 0.5s ease-in-out; top:250px;} .mod-arts-m18 .ctain .ulbox .libox:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);} .mod-arts-m18 .ctain .ulbox .libox:hover .imgbox img{transform: scale(1.15);} .mod-arts-m18 .ctain .ulbox .libox:hover .imgbox i{background: var(--cm1); opacity: 0.3;top:0;} .mod-arts-m18 .ctain .ulbox .libox .textbox{padding:30px 15px;transition: all 0.5 ease-in-out;} .mod-arts-m18 .ctain .ulbox .libox .textbox .title{display:flex;justify-content: center;align-items: center; font-weight: bold; height: 50px; } .mod-arts-m18 .ctain .ulbox .libox .textbox .title strong{font-weight:bold;font-size: 16px; line-height: 24px;} .mod-arts-m18 .ctain .ulbox .libox .textbox span{display: inline-block; padding:5px 40px; border-radius: 20px; border:1px solid var(--cm1); margin:30px auto 0;} .mod-arts-m18 .ctain .ulbox .libox:hover .textbox{background: var(--cm1);} .mod-arts-m18 .ctain .ulbox .libox:hover .textbox .title strong{color: var(--cf);} .mod-arts-m18 .ctain .ulbox .libox:hover .textbox span {color:#454545; background:var(--color4); transition:all 0.5s ease-in-out;} } @media all and (max-width:1024px){ .mod-arts-m18{padding: 0px 0 10px 0;} .mod-arts-m18 .ctain{width:100%;} .mod-arts-m18 .ctain .titlbox .titl{width: 100%; padding: 10px 0 10px 3%; background-color: var(--clr1);} .mod-arts-m18 .ctain .titlbox .titl h3{ font-size:18px;} .mod-arts-m18 .ctain .ulbox{padding:0 3%; margin-top: 30px;} .mod-arts-m18 .ctain .ulbox .libox{width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom:20px;} .mod-arts-m18 .ctain .ulbox .libox:nth-child(even){margin-right: 0;} .mod-arts-m18 .ctain .ulbox .libox .imgbox{width: 100%; height: auto;} .mod-arts-m18 .ctain .ulbox .libox .textbox{padding:15px 10px;} .mod-arts-m18 .ctain .ulbox .libox .textbox .title strong{font-size: 15px; line-height: 20px;} .mod-arts-m18 .ctain .ulbox .libox .textbox span{margin:10px auto; padding:3px 15px; margin:15px auto 0;font-size: 15px;} } @media all { /* indx-ctact-main */ .indxctact-main-wrap{width:100%; } .indxctact-main-wrap .ctain{width:1200px; margin:0 auto 50px; } .indxctact-main-wrap img{display: inline-block;} .indxctact-main-wrap .titlbox{text-align:center; margin:50px 0 80px;} .indxctact-main-wrap .titlbox h2{font-size:36px;} .indxctact-main-wrap .titlbox .en{display:inline-block; font-size: 28px;font-family: fantasy; opacity: 0.6; padding: 20px 0 10px ; border-bottom:4px solid var(--cm1);} .indxctact-main-wrap .lfdiv{float:left; width:50%; height: 240px; display: flex;flex-direction: column; justify-content: center; align-items: center;;} .indxctact-main-wrap .lfdiv h1{font-size: 20px; margin-top: 15px;} .indxctact-main-wrap .rtdiv{float:left; width:50%; height: 240px; padding:0 60px; border-left: 1px solid rgba(152,152,152,.4); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .indxctact-main-wrap .rtdiv .toppic {text-align: center;} .indxctact-main-wrap .rtdiv .decoline{height: 5px; background-color: rgba(152, 152, 152, 0.3); margin:50px 0;} .indxctact-main-wrap .rtdiv .ctact p{font-size: 16px; color: #333; line-height: 30px;} .indxctact-main-wrap .rtdiv .ctact p span {font-weight: bold; } /* indx-ctact-map */ .indxctact-map-wrap{ width: 100%; margin-bottom: 50px;} .indxctact-map-wrap .ctain{width: 1200px; margin:0 auto;} .indxctact-map-wrap .ctain #map{width: 1200px; height: 500px;} /* googlemap */ .g-map{ width: 100%; margin-bottom: 50px; display: none;} .g-map .ctain{width: 1200px; margin: 0 auto;} .g-map .googleMap{height: 500px; width: 100%; border:1px solid var(--cf);} } @media all and (max-width:1024px){ .indxctact-main-wrap .ctain{ width:100%;padding:0 1%;margin:0 auto 30px; } .indxctact-main-wrap .titlbox{text-align:center; margin:50px 0 40px;} .indxctact-main-wrap .lfdiv{display: none;} .indxctact-main-wrap .rtdiv{width:100%;border: none;padding:0 20px; height: auto; } .indxctact-main-wrap .rtdiv .toppic img{margin:0 auto;} .indxctact-map-wrap .ctain{width: 100%;padding:0 1%;} .indxctact-map-wrap .ctain #map{width: 100%; height: 500px;} /* googlemap */ .g-map .ctain{width: 100%;} } /* indx-ctact-rtBox */ @media all{ .ctact-rtBox{width: 890px; min-height: 760px; background: #fffeee; float: left; overflow: hidden;} .ctact-rtBox .pro_list{ padding:20px 20px;} .ctact-rtBox .pro_list h1{ color:var(--color2); padding-bottom:20px; margin-bottom:25px; border-bottom:1px solid var(--color2); font-size: 1.5em;} .ctact-rtBox .employee{padding-bottom:30px;} .ctact-rtBox .employee p{padding-bottom:0;} .ctact-rtBox .employee .employeeImg{ border-radius: 10px; float: left;} .ctact-rtBox .employee .employeeInfo{ width:630px; float: left; padding-left: 20px;} .ctact-rtBox .employee .employeeInfo .name{ font-size: 20px; font-weight: bold; height: 35px; line-height: 35px; color:#333333;} .ctact-rtBox .employee .employeeInfo .post{ font-size: 16px; font-weight: bold; color: #777777; height: 30px; line-height: 30px;} .ctact-rtBox .employee .employeeInfo .telEmail{ font-size: 16px; height: 25px; line-height: 25px;} .ctact-rtBox .employee .employeeInfo .telEmail img{ height: 15px; padding-right: 10px; padding-top: 5px; float: left;} .ctact-rtBox .employee .intr{ width:630px; float: left; padding:10px 0 0 20px;} } @media all and (max-width:1024px){ .ctact-rtBox{width: 100%;} .ctact-rtBox .pro_list{ padding:15px 3%;} .ctact-rtBox .employee .employeeImg{width: 100px;} .ctact-rtBox .employee .employeeInfo{width:100%; padding-left:115px; float: none;} .ctact-rtBox .employee .employeeInfo .name{ font-size: 16px; height: 30px; line-height: 30px;} .ctact-rtBox .employee .employeeInfo .post{font-size: 14px;} .ctact-rtBox .employee .employeeInfo .telEmail{font-size: 14px;} .ctact-rtBox .employee .intr{ width: auto; padding:10px 0 0 0;} } /* map */ @media all{ .ctact-rtBox .map{ border-top:1px solid var(--main-color);} .ctact-rtBox .map .gooleMap{ width: 100%; height: 300px; border: 1px solid #999999; margin-top:25px;} } @media all and (max-width:1024px){ } /* mod01-form */ @media all{ /* .ctain{width: 900px; background: #fffeee;} */ .mod01-form{ background: #fffeee; margin-top: 15px;} .mod01-form .formtitl{font-size: 20px; height: 50px; line-height: 50px; padding-left: 15px; background: var(--color4); margin-bottom: 20px; color: #333; font-weight: bold;} .mod01-form .form{width: 650px; margin:0 auto;} .mod01-form .form table td{font-size:16px; font-weight: bold;} .mod01-form .form .star{color:red; vertical-align: middle; padding-right: 2px;} .mod01-form .form .intxt{width: 500px; height: 25px; margin-bottom: 10px;} .mod01-form .form .txtarea{width: 500px; height: 80px; margin-bottom: 10px;} .mod01-form .form .validate{width: 200px; height: 30px; margin-bottom: 15px;} .mod01-form .form table .tips{font-size: 14px; font-weight: normal;} .mod01-form .form .coolbg{ padding: 10px 30px; border-radius: 5px; margin: 0 10px 20px 0; font-size: 16px; font-weight: bold; background: var(--color1); color: #fff; border:none; cursor: pointer;} .mod01-form .form .coolbg:hover{background:var(--color4);} } @media all and (max-width:1024px){ /* .ctain{width: 100%; padding:0 3%;} */ .mod01-form .form{width: 100%;} .mod01-form .form table td{ font-weight: normal;} .mod01-form .form .intxt{width: 90%;} .mod01-form .form .txtarea{width: 90%;} .mod01-form .form .validate{width: 100px;} .mod01-form .form .coolbg{padding: 5px 15px; border-radius: 5px; margin: 0 10px 20px 0; font-size: 14px; font-weight: bold; background: var(--color1); color: #fff; border:none;} } /* imgart-rtBox */ @media all { .imgart-rtBox{float:left; width: 890px;padding:0 0 0 40px;overflow: hidden;} } @media all and (max-width:1024px){ .imgart-rtBox{width: 100%;padding:0 0; } } /* mod-taglist */ @media all{ .mod-tagslist{width: 890px; padding:10px 2.5%; min-height: 760px; background: #fff; float: left; overflow: hidden;} .mod-tagslist .tagpath{padding:0 0 15px 0;} .mod-tagslist .seotitl{font-size: 16px; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom:10px; color: #555;} .mod-tagslist .subnav{padding:0 0 40px 0;} } @media all and (max-width:1024px){ .mod-tagslist{width: 100%} .mod-tagslist .subnav{padding:0 0 20px 0;} } /* lt-prod-main */ @media all { .newslist-rtBox{width: 890px; min-height: 760px; background: #f6f6f6; float: left; overflow: hidden;} .mod-artlist01{padding-bottom: 5px;} .mod-artlist01 .tagpath{padding:8px 0 8px 10px;} .mod-artlist01 .subtitl{padding:20px 45px 10px;background: #fff;} .mod-artlist01 .subtitl div{border-bottom: 1px solid #eee; padding-bottom: 9px;} .mod-artlist01 .subtitl div span{font-size: 18px; font-weight: bold; border-bottom: 4px solid var(--color4);padding-bottom: 10px;} .mod-artlist01 .subtitl .seotitl{border-bottom: 1px solid #ccc; padding-bottom: 15px;} .mod-artlist01 ul li{padding:20px 45px; margin-bottom: 5px; background: #fff;} .mod-artlist01 .flexbox{display: flex;align-items: center;} .mod-artlist01 .flexbox .txtbox{float: left;width: 560px; margin-right: 50px;} .mod-artlist01 .flexbox .txtbox h3{font-size: 18px; font-weight: normal; padding-bottom: 5px;} .mod-artlist01 .flexbox:hover div h3{font-weight: bold;color: var(--color2);} .mod-artlist01 .flexbox:hover .dscpt{color: var(--color2);} .mod-artlist01 .flexbox .msg{color: #aaa;} .mod-artlist01 .flexbox .msg .date{background: url(../images/icon-date.png) no-repeat 0 3px;width: 12px; height: 15px; background-size: 12px;display:inline-block;margin:0 5px 0 0;} .mod-artlist01 .flexbox .msg .dz{background: url(../images/icon-reader.png) no-repeat 0 3px;width: 12px; height: 15px; background-size: 12px;display:inline-block;margin:0 5px 0 15px;} .mod-artlist01 .flexbox .imgbox {float: right;height: 120px; width: 190px; overflow: hidden;} .mod-artlist01 .flexbox .imgbox img{height: 100%; width: 100%;transition: ease-in-out 1s;} .mod-artlist01 .flexbox:hover .imgbox img{transform: scale(1.1);box-shadow: 0 2px 2px 0 #ccc;} .mod-artlist01 .flexbox:hover .imgbox {box-shadow: 0 3px 6px 0 #666;} .mod-artlist01 .tags i{background: url(../img/icon/10.png) no-repeat 0 3px;width: 12px; height: 15px; background-size: 12px;display:inline-block;margin:0 5px 0 0;} .mod-pages01{display:flex; margin: 20px auto;margin: 5px auto 0; background: #fff;padding-top: 5px;} .mod-pages01 .pagebox{margin:auto;} .mod-pages01 .pagebox ul{float:left;padding:12px 0 12px 16px} .mod-pages01 .pagebox ul li{float:left;font-family:Tahoma;line-height:25px;margin:0 6px 5px 0;border:1px solid #E9E9E9} .mod-pages01 .pagebox ul li a{float:left;padding:0 8px;color:#555;display:block} .mod-pages01 .pagebox ul li a:hover{text-decoration:none;padding:0 8px; background-color:var(--color1); color:#fff;} .mod-pages01 .pagebox ul li.thisclass,.mod-pages01 .pagebox ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:var(--color1);padding:0 8px;font-weight:700; color:#fff;} .mod-pages01 .pagebox .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999} .mod-pages01 .pagebox .pageinfo strong{color:#555;font-weight:400;margin:0 2px} } @media all and (max-width:1024px){ .newslist-rtBox{width:100%;} .mod-artlist01 .subtitl{padding:10px 3% 10px;background: #fff;} .mod-artlist01 .subtitl div span{font-size: 16px;} .mod-artlist01 ul li{padding:10px 3%; margin-bottom: 5px; } .mod-artlist01 .flexbox .txtbox{width: calc(100% - 100px); margin-right: 20px;} .mod-artlist01 .flexbox .txtbox h3{font-size: 16px; white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;} .mod-artlist01 .flexbox .txtbox .dscpt{display: none;} .mod-artlist01 .flexbox .txtbox .msg{display: none;} .mod-artlist01 .flexbox .imgbox{width: 120px;height: 72px;} .mod-artlist01 .tags{padding-top: 5px;} } /* newsart-rtBox */ @media all { .newsart-rtBox{width: 890px; min-height: 760px; background: #fff; float: left; overflow: hidden;} .newsart-rtBox .mod-bdctent .ctentbox>div{border:none;} .newsart-rtBox .mod-bdartpage{margin:0 auto; padding:20px 0 20px 0;background: #f6f6f6;} .newsart-rtBox .mod01-form{margin:0 auto;} } @media all and (max-width:1024px){ .newsart-rtBox{width:100%;} } /* ======================================== */ /* ================ Begin ============= */ /* ======================================== */ /* hdNav */ @media all { .hdNav {z-index: 99; position: fixed;top: 0px; background: var(--cm1); box-shadow: 0 0 20px #666;} .hdNav .hdbox{display: flex;align-items: center; justify-content: center;} /*非首页居中，首页居左*/ .hd-backbtn{display: none;} .hd-logo {display: flex; justify-content: center; align-items: center; height: 70px; line-height: 70px;font-size: 0px; overflow: hidden;z-index: 5;margin-left: 1%;} .hd-logo img{width: 160px;} .hd-navmask{flex-grow: 1; display: flex; justify-content: center;} .hd-navmask .ul1 {display: flex; } .hd-navmask .ul1 .li1:hover,.hd-navmask .ul1 .li1.current{background:var(--cm2); -webkit-transition: all 1s ease; -moz-transition:all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;} /* .hd-navmask .ul1 .li1.current{background:var(--cm2); transition: all .5s;} */ .hd-navmask .ul1 .titlev1 { height: 70px; line-height: 70px; padding: 0 20px; font-size: 1.2rem; font-family: '微软雅黑'; position: relative; } .hd-navmask .ul1 .titlev1 a{color:#fff;} .hd-navmask .ul1 .titlev1::after{position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;content: "";width: 0px;height: 2px;background:var(--cm1);} .hd-navmask .ul1 .titlev1:hover::after{width: 100%;} .hd-navmask .ul1 .titlev1 i{display: none;} .hd-navmask .ul1 .titlev1 .triangle{display: none;} .hd-navmask .ul1 .titlev1 .triangle:after{display: inline-block; content: ""; width: 1px; height: 6px; margin-left:2px; border-top: 5px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; vertical-align: middle;} .hd-navmask .ul1 .subMenu {/**/ display: none; position: absolute; top: 70px; left:0; width: 100%; padding: 2.5rem 0 0 0; background: rgba(245, 245, 245,1);} .hd-navmask .ul1 .li1:hover .subMenu { display: block; animation: kf_fadeInUp .6s ease-in-out; -webkit-animation: kf_fadeInUp .6s ease-in-out; } .hd-navmask .ul1 .subMenu .ul2{display: flex; justify-content: center;flex-wrap: wrap; } .hd-navmask .ul1 .subMenu .ul2 .li2 { width: 12%; padding:0 3% 2.5rem 0; text-align: center; color: #999; } .hd-navmask .ul1 .subMenu .ul2 .li2 a {display: block;} .hd-navmask .ul1 .subMenu .ul2 .li2 .imgbox{width: 100%;border-radius: 10px; transition: all ease-in-out .5s;} .hd-navmask .ul1 .subMenu .ul2 .li2 .titlev2{display: flex; align-items: center; justify-content: center; height: 3rem; line-height: 1.25rem; font-size: .9rem; font-weight: bold; margin-top: 10px;} .hd-navmask .ul1 .subMenu .ul2 .li2 .titlev2 p{text-align: center; font-size: 1.1rem;} .hd-navmask .ul1 .subMenu .ul2 .li2:hover a { color: #c8000b; } .hd-navmask .ul1 .subMenu .ul2 .li2:hover a img{transform: scale(1.1);} .hd-navmask .ul1 .subMenu .ul2 .li2:hover .imgbox{background:var(--cm1);-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5); box-shadow: 0 5px 10px rgba(0,0,0,0.5);-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} .hd-msg{display: flex;justify-content: center; align-items: center; font-size: 24px; color: #fff;} .hd-msg .weixin{display: none;} .hd-msg .phone{margin-right: 1rem;} .hd-msg .phone i{color:#fff} .hd-msg .srchbtn{ display: none;position: relative;} .hd-msg .srchbtn .hdsearch{display: none; position: absolute;top:60px; right: 0; width:300px; max-width:calc(var(--cw) * 0.8); padding:1rem 0; background:#555555ad;border-radius: 0.5rem;} .hd-msg .srchbtn .hdsearch .searchbox{display: flex; justify-content: center; align-items: center; } .hd-msg .srchbtn .hdsearch .searchbox .input{margin:0; width: 60%;} .hd-msg .srchbtn .hdsearch .searchbox .input{width:60%; padding:8px 10px; background-color: #fff;color:var(--c6);font-size: 14px; display: table-cell; border:none; border-radius: 5px;} .hd-msg .srchbtn .hdsearch .searchbox .input:focus{outline: none; background: #fcf3da; color: #333;} .hd-msg .srchbtn .hdsearch .searchbox i{padding:6px 16px; color:#fff; font-size: 24px;cursor: pointer;} .hd-msg .mob_navbtn{display: none;} } @media all and (max-width:1440px){ .hd-navmask .ul1 .titlev1 {font-size: 1rem;} .hd-navmask .ul1 .subMenu .ul2 .li2 { padding:0 2% 2.5rem 0;} .hd-navmask .ul1 .subMenu .ul2 .li2 .titlev2 p{text-align: center; font-size: 1.05rem;} .hd-msg{font-size: 1rem;} } @media all and (max-width:1280px){ .hd-navmask .ul1 .titlev1 {padding:0 10px;} .hd-navmask .ul1 .subMenu .ul2 .li2 { padding:0 1% 2.5rem 0;} .hd-navmask .ul1 .subMenu .ul2 .li2 .titlev2 p{text-align: center; font-size: 1rem;font-weight: normal;} } @media all and (max-width:1024px){ .hd-logo{height: 50px; line-height: 50px;margin-left:10px;} .hd-logo img{width: 100px; } .hd-backbtn{display: block;position: absolute; left: 0;} .hd-backbtn a{color:#fff; font-size: 2rem;margin-left: 8px;} .hd-navmask{display: none;z-index: 900; width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);} .hd-navmask .ul1{flex-direction: column; width:100%; height:100%; background:#fff;position:absolute;top:0;right:0px;margin:0px; border-top:50px solid #fff;} .hd-navmask .ul1 .li1{padding:0px; border-bottom:1px solid #ccc;} .hd-navmask .ul1 .li1:nth-child(1){border-top: 1px solid #ccc;} .hd-navmask .ul1 .li1:hover,.hd-navmask .ul1 .li1.current{background:var(--cm1);} .hd-navmask .ul1 .titlev1{padding:0 4% 0 20px;height:50px;line-height:50px;font-size:14px;} .hd-navmask .ul1 .titlev1 a{color:#333;font-size: 1.05rem;} .hd-navmask .ul1 .titlev1 i{display: inline-block; padding-right: 25px;} .hd-navmask .ul1 .titlev1 .triangle:after{border-top:5px solid #000; margin-left: 8px;} .hd-navmask .ul1 .li1.current .titlev1 a{color:#fff;} .hd-navmask .ul1 .li1.current .titlev1 i{color:#fff;} .hd-navmask .ul1 .li1:hover .titlev1 a{color: #fff; } .hd-navmask .ul1 .li1:hover .titlev1 i{color: #fff; } .hd-navmask .ul1 .li1:hover .titlev1 .triangle:after{border-top:5px solid #fff;transform: rotate(-90deg); -webkit-transform: rotate(-90deg); height: 0; } .hd-navmask .ul1 .li1.current .titlev1 .triangle:after{border-top:5px solid #fff;} .hd-navmask .ul1 .subMenu{position:relative; margin-left: 0; width: 100%; padding:0 0; top:0px; left:0%; border-bottom: none} .hd-navmask .ul1 .subMenu .ul2{width:100%; flex-direction: column;} .hd-navmask .ul1 .subMenu .ul2 .li2 { width: 100%; max-width: 100%;color: #fff; padding:0;} .hd-navmask .ul1 .subMenu .ul2 .li2 .imgbox{display: none;} .hd-navmask .ul1 .subMenu .ul2 .li2 .titlev2{justify-content: flex-start; height: 2.5rem; margin-top: 0;padding:0 0 0 2.5rem; border-top: 1px dashed #ccc; } .hd-navmask .ul1 .subMenu .ul2 .li2:first-child .titlev2{border-top: none;} .hd-navmask .ul1 .subMenu .ul2 .li2:hover{background:var(--cm2);} .hd-navmask .ul1 .subMenu .ul2 .li2:hover a {color: #FFF; font-weight: bold;} .hd-msg{position: absolute; right: 10px;font-size: 1.5rem;} .hd-msg .mobsearch{margin-right: 1rem;} .hd-msg .mob_navbtn{display: block; z-index: 999; } .hd-msg .mob_navbtn .navbtn{height: 20px; width: 24px;} .hd-msg .mob_navbtn.cur .navbtn{display: none;} .hd-msg .mob_navbtn .navbtn_off{display: none;} .hd-msg .mob_navbtn.cur .navbtn_off{display: block; color: #333;padding-right: 5px;} } @media all and (max-width:768px){ .hd-msg .phone span{display: none;} } /* hdNavholder */ @media all{ .hdNavholder{height: 70px; width:100%} } @media all and (max-width:1024px){ .hdNavholder{height: 50px;} } /* indxBan */ @media all { .indxBan{ width:100%;} .indxBan .swiper{margin:0 auto; height: auto;} .indxBan .swiper .swiper-slide .slideImg{width: 100%; height: auto;object-fit: cover;transition:1s linear 2s;transform:scale(1.1,1.1);} .indxBan .swiper .swiper-slide.swiper-slide-active .slideImg{transition:6s linear;transform:scale(1,1);}/*图片缩放效果*/ .indxBan .swiper .swiper-pagination {padding-bottom: 1rem;} .indxBan .swiper .swiper-pagination .swiper-pagination-bullet{background: #fff; width: 5vw;height: 4px;border-radius: 1.1vw;opacity: 1;-webkit-transition: all 1.5s;transition: all 1.5s;outline: none;margin: .5vw} .indxBan .swiper .swiper-pagination .swiper-pagination-bullet-active{ width: 10vw;background-color: var(--cm1);} } /* typeBan */ @media all and (max-width:768px){ .typeBan{display: none;} } /* fixedSubNav */ @media all{ .fixedSubNav{border-bottom: solid 1px #dedede; background:var(--cl1);padding:1.5rem 0 1rem;} .fixedSubNav ul{ text-align: center; margin:0 auto;} .fixedSubNav ul li{position: relative;; display: inline-block; padding:0.5rem 2rem;border-radius: 2rem; overflow: hidden; border:1px solid var(--cm2);margin:0 .5rem;} .fixedSubNav ul li::after{content: '';display: block; position: absolute; width: 0%; height:100%;border-radius: 0 0 0.25rem 0.25rem; background-color:var(--cm2); left: 0;top: 0;z-index:1;transition: all 0.5s;} .fixedSubNav ul li a{font-weight: bold; color: #666;position: relative; display:inline-block; z-index:20;} .fixedSubNav ul li.active::after,.fixedSubNav ul li:hover::after{width: 100%;} .fixedSubNav ul li.active a,.fixedSubNav ul li:hover a{ color: #fff;transition: all 0.5s ease-in-out;} } @media all and (max-width:1024px){ .fixedSubNav ul{width: 100%; overflow-x: auto;overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;} .fixedSubNav ul li{ padding:3px 20px;margin:5px .5rem 0; border:none;} } /* hmProd */ @media all{ .hmProd{padding-top: 3rem;} .hmProd .mod-t1 strong{font-size: 2rem;} .hmProd .mod-t2{display: flex; justify-content: space-between;} .hmProd .mod-t2 .d2 a{color: var(--cm1);font-size:.9rem;} .hmProd .mod-t3{display: none;} } @media all and (max-width:768px){ .hmProd .mod-t1 strong{font-size: 1.6rem;} .hmProd .mod-t2 .d2{display: none;} .hmProd .mod-t3{display: flex; justify-content: center; align-items: center; padding:5px 0; border-radius: 5px ; border:1px solid #eee;background: var(--cm1);margin-top: 1rem;} .hmProd .mod-t3 a{color: #fff;} } @media all { .swp23C{margin-top:2rem;position: relative;} /* 外部前后btn */ .swp23C .swiper-button-next,.swp23C .swiper-button-prev{display: none;color:#fff;background:rgba(255,143,0,.5);height:3.2rem;top:58%;}/*为什么top不是50%，因为父容器包含了swp1*/ .swp23C .swiper-button-next:after,.swp23C .swiper-button-prev:after{font-size:2.4rem} .swp23C .swiper-button-next{right:-2rem} .swp23C .swiper-button-prev{left:-2rem} /* 外部分页器 */ .swp23C .swiper-pagination2{display: none;bottom: -3rem;}/*分页器定位，外部分页器注意放在swp外部*/ .swp23C .swiper-pagination-bullet {width:.75rem; height:.75rem; }/*分页器圆点大小控制，默认8px*/ .swp23C .swiper-pagination-bullet-active {background: var(--cm1);}/*活动分页器颜色*/ } @media all and (max-width:768px) { .swp23C .swp .imgul{grid-template-columns: repeat(2,minmax(0, 1fr));grid-template-rows: auto; gap:1rem 1rem;} .swp23C .swp .imgul .imgli .imgbox{height: calc((var(--cw) - 1rem) / 2);} .swp23C .swiper-button-next,.swp23C .swiper-button-prev{display: none;} } /* timul02D */ @media all{ .timul02D-1, .timul02D-2{display: grid;grid-template-columns: repeat(4,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} .timli02D{display: flex; flex-direction: column; align-items: stretch;border-radius: .5rem; overflow: hidden; background: var(--cl2); border:1px solid #ececec;} .timli02D .imgbox{display:block;} .timul02D-2 .timli02D .imgbox{height: 300px;} .timli02D:hover .imgbox img{transform: scale(1.1);} .timli02D .msg1{display: none; justify-content: space-between;align-items: center; height: 4rem; padding:0 1rem;} .timli02D .msg1 i{padding-right: 5px;} .timli02D .msg2{padding:0 1rem; margin-top:1.5rem;font-size: .8rem;} .timli02D .msg2 em{background: var(--cl2); color:var(--cm1);padding:2px 5px; border-radius: 2px;} .timli02D .msg2 i {margin:0 .5rem;} .timli02D .imgtitle{display: flex; align-items: center;height: 3rem; line-height:1.5rem; padding:0 1rem; font-weight: bold;margin-top:1.5rem} .timli02D .digest{display: flex; align-items: center;justify-content: center;height: 6.5rem; line-height:1.5rem; padding:0 1rem;} .timli02D .btn{display: flex; justify-content: center; margin:.5rem 0 1.5rem;} .timli02D .btn button{display: inline-block;padding:.45rem 3rem;text-transform: uppercase;border-radius: 2rem; transition: all .5s ease-in-out; border:1px solid #eee; color:var(--cm1);background: #fff;} .timli02D .btn button i{display: none;} .timli02D:hover .btn button {color: #fff; border: none; background: var(--cm1);} } @media all and (max-width:768px){ .timul02D-1, .timul02D-2{display: grid;grid-template-columns: repeat(2,minmax(0, 1fr)); grid-template-rows: auto; gap: 1rem 1rem;} .timli02D .imgbox{display:block;height:calc((var(--cw))*.5) !important;width: calc((var(--cw))*.5) ; } .timli02D .digest{display: none} .timli02D .msg1{height: 3rem;} .timli02D .btn{ margin:1rem 0 1.5rem;} .timli02D .btn button{padding:.45rem 2rem;} } /* hxys */ @media all{ .hxys{margin-top: 3rem;} .hxys .midtitle{margin:0 auto; text-align: center; width: 70%;} .hxys .midtitle .t1 strong{font-size: 2rem;} .hxys .imglist{display: grid;grid-template-columns: repeat(4,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem; margin-top: 2rem;} .hxys .imglist li{display: flex; padding:1.5rem 2rem; flex-direction: column; align-items: center; background: var(--cl1); border-radius: 1rem; transition: all ease-in-out .5s; cursor: pointer;} .hxys .imglist li:hover{background: var(--cm1);color: #fff;} .hxys .imglist li .d1{display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; border-radius: 4rem; background: var(--cl2);} .hxys .imglist li .d1 i{font-size: 1.25rem; color: var(--cm1);} .hxys .imglist li .d2{margin:1.5rem 0;} .hxys .imglist li .d3{text-align: center;} } @media all and (max-width:768px){ .hxys .midtitle .t1 strong{font-size: 1.6rem;} .hxys .imglist{grid-template-columns: repeat(2,minmax(0, 1fr)); gap:1rem 1rem; margin-top: 1rem;} } @media all{ .numRoll{background: var(--cm1);margin-top: 3rem;} .numBox{display: grid;grid-template-columns: repeat(4,minmax(0, 1fr)); grid-template-rows: auto; gap: 1px 1px;} .numBox li{text-align: center; color: #fff; margin:3rem 0;} .numBox li:nth-child(-n+3){ border-right: 1px solid rgba(255,255,255,.1);} .numBox li p span{ font-size: 3rem; font-weight: bold; font-family: 'dincond';} } @media all and (max-width:768px){ .numRoll{padding:2rem 0;} .numBox{display: grid;grid-template-columns: repeat(2,minmax(0, 1fr)); grid-template-rows: auto; gap: 0;} .numBox li{margin:1rem 0;} .numBox li:nth-child(even){border-right: 0;} .numBox li p span{ font-size:2rem;} } /* layout */ /* #lfTopFix */ @media all{ #lfTopFix{width: 100%; overflow: hidden;} #lfTopFix #rtSider{float: right; width: calc(100% - 320px); padding-left:4rem; overflow: hidden; } #lfTopFix #lfSiderFix{float: left; width: 320px; height: auto;} #siderFixBtm{width: 100%; height: 1px;} } @media all and (max-width:1024px){ #lfTopFix #rtSider{float: none; width: 100%; padding-left:0; } #lfTopFix #lfSiderFix{float: none; width: 100%; padding: 0;} } /* #rtTopFix */ @media all{ #rtTopFix{width: 100%; overflow: hidden;} #rtTopFix #lfSider{float: left; width: calc(100% - 320px); padding-right:4rem; overflow: hidden; } #rtTopFix #rtSiderFix{float: right; width: 320px; height: auto;} #siderFixBtm{width: 100%; height: 1px;} } @media all and (max-width:1024px){ #rtTopFix #lfSider{float: none; width: 100%; padding-right:0; } #rtTopFix #rtSiderFix{float: none; width: 100%; padding: 0;} } /* lt-prod-main,lt-news-main */ @media all { .lt-prod-main{border-bottom:1rem;} .lt-prod-main .ctain{padding-top:3rem;} .lt-news-main{padding-top: 3rem;} .rt-news-main{padding-top:3rem;} } @media all and (max-width:1024px){ /* .lt-prod-main{ border-bottom:10px solid #fffeee;} */ .lt-prod-main .ctain{width: 100%; padding-top:0;} .lt-news-main{padding-top: 1rem;} } /* lt-prod-main > sideBox */ @media all{ .mod01-lfnavbox .lfnav .titl{height: 60px; line-height: 60px; background: var(--cm1); color:#fff; text-align: center;} .mod01-lfnavbox .lfnav .titl p{color:#fff; font-size: 20px; margin:0;} .mod01-lfnavbox .lfnav .titl .rt{display: none;} .mod01-lfnavbox .lfnav .titl .return{display: none;} .mod01-lfnavbox .lfnav .supul{border:1px solid #ccc;} .mod01-lfnavbox .lfnav .supul .supli {border-bottom: 1px dashed #ccc;} .mod01-lfnavbox .lfnav .supul .supli:last-child {border-bottom: none;} .mod01-lfnavbox .lfnav .supul .supli .suptitl{position: relative; display: flex; justify-content: flex-start; align-items: center; padding:15px 5px 15px 18px;} .mod01-lfnavbox .lfnav .supul .supli .suptitl i{transition: all 0.5s ease-in-out;color:var(--cm2)} .mod01-lfnavbox .lfnav .supul .supli .suptitl a{display: inline-block; padding:0 0 0 15px; z-index: 1;} .mod01-lfnavbox .lfnav .supul .supli .suptitl a p{color:var(--c3); line-height: 25px;transition: all linear .5s; font-weight: bold;} .mod01-lfnavbox .lfnav .supul .supli .subul{display: none;} .mod01-lfnavbox .lfnav .supul .supli .subul .subli{ padding:5px 0 5px 30px;} .mod01-lfnavbox .lfnav .supul .supli .subul .subli p{color:#666; font-size:14px; font-weight: normal;} .mod01-lfnavbox .lfnav .supul .supli .suptitl::before, .mod01-lfnavbox .lfnav .supul .supli .suptitl::before{content: '';position: absolute; top: 0; left: 0; width: 0%; height: 100%; background:var(--cm2); z-index: 0; transition: all ease-in-out .5s;} .mod01-lfnavbox .lfnav .supul .supli:hover .suptitl::before, .mod01-lfnavbox .lfnav .supul .supli.current .suptitl::before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:var(--cm2); z-index: 0;;} .mod01-lfnavbox .lfnav .supul .supli:hover .suptitl i, .mod01-lfnavbox .lfnav .supul .supli.current .suptitl i{color:var(--cf);transform: rotate(90deg); -webkit-transform: rotate(90deg);} .mod01-lfnavbox .lfnav .supul .supli:hover .suptitl p, .mod01-lfnavbox .lfnav .supul .supli.current .suptitl p{color:var(--cf);} .mod01-lfnavbox .lfnav .supul .supli:hover .subul, .mod01-lfnavbox .lfnav .supul .supli.current .subul{display: block; transition: all 0.5s ease-in-out;} .mod01-lfnavbox .lfnav .supul .supli .subul .subli p:hover, .mod01-lfnavbox .lfnav .supul .supli .subul .subli.active p{color:var(--cm1);font-weight: bold;} .sideBox .gsImg{ width: 290px; height: 120px; box-shadow: #999 2px 2px 2px; margin-top: 15px; border-radius: 5px; overflow: hidden;} .sideBox .ltContact{border: 1px dotted var(--cm1); border-radius: 10px; margin-top: 1.5rem; background: #fff;overflow: hidden;} .sideBox .ltContact p{ height: 60px; line-height: 60px; background: var(--cm1); color: #fff; text-align: center; font-size: 20px;} .sideBox .ltContact ul{padding:1rem;font-size: .9rem;} .sideBox .ltContact strong{font-weight:bold; color: var(--cm1);} .sideBox .ltContact span{ font-weight:bold;padding-right: 10px;} } @media all and (max-width:1024px){ .mod01-lfnavbox .lfnav .titl{padding:0 3%; height:40px; line-height: 40px; background:none; border-bottom: 1px solid #ccc;margin-top: 5px;} .mod01-lfnavbox .lfnav .titl p {font-size: 1rem; margin:0;color:var(--cm1)} .mod01-lfnavbox .lfnav .titl .lf{display: block; float:left;} .mod01-lfnavbox .lfnav .titl .rt{display: none; float: right; } .mod01-lfnavbox .lfnav .titl .return{display: block; float: right; color: var(--cm1); } .mod01-lfnavbox .lfnav .supul{display: grid;grid-template-columns: repeat(3,minmax(0, 1fr)); grid-template-rows: auto; gap:0rem 1rem; border: none; border-bottom: 1px solid #ccc;} .mod01-lfnavbox .lfnav .supul .supli{ text-align:center; border-bottom: none;} /* .mod01-lfnavbox .lfnav .supul .supli:last-child {border-bottom: 1px solid #ddd;} */ .mod01-lfnavbox .lfnav .supul .supli .suptitl::before{display: none !important;} .mod01-lfnavbox .lfnav .supul .supli .suptitl {height: 2rem; justify-content: center; margin:0; padding:0; background:none; border-bottom: none;} .mod01-lfnavbox .lfnav .supul .supli .suptitl i{display: none;} .mod01-lfnavbox .lfnav .supul .supli .suptitl a{ padding:0;} .mod01-lfnavbox .lfnav .supul .supli .suptitl a p{font-weight: normal; font-size:14px;line-height: 14px;-webkit-line-clamp:1;line-clamp:1;-moz-line-clamp:1;-o-line-clamp:1;} .mod01-lfnavbox .lfnav .supul .supli:hover .suptitl p, .mod01-lfnavbox .lfnav .supul .supli.current .suptitl p{color:var(--cm1); font-weight: bold;} .mod01-lfnavbox .lfnav .supul .supli:hover .subul, .mod01-lfnavbox .lfnav .supul .supli.current .subul{display: none} .sideBox .gsImg{display: none;} .sideBox .ltContact{display: none;} } /* lt-prod-main > mainBox */ /* prodCrumbs */ @media all{ .prodCrumbs{padding-bottom: 1rem;margin-bottom: 1.5rem; border-bottom: 1px solid #eee;} .prodCrumbs i{padding-right: 5px;} } @media all and (max-width:1024px){ .prodCrumbs{padding:.5rem 0;margin-bottom: 1.5rem; } .prodCrumbs .crumbs{padding:0 2%;font-size: .9rem;} } /* mod-bdtitl */ @media all{ .mod-bdtitl h1{font-size: 24px;color:#000; line-height: 32px; padding:1.5rem 0 25px 0;} .mod-bdtitl .info{margin-bottom: 10px;} .mod-bdtitl .info span:first-child{margin-right: 10px;} .mod-bdtitl .info span i{padding-right: 8px;} .mod-bdtitl .sub{height:2px;background: var(--cm1); margin-bottom:30px;} } @media all and (max-width:1024px){ .mod-bdtitl h1{padding: 10px 5% 10px; text-align: center;font-size: 20px;line-height: 30px;} .mod-bdtitl .info{text-align: center;} .mod-bdtitl .sub{display: none;} } /* mod-bdtitl-mob */ @media all{ .mod-bdtitl-mob{display: none;} } @media all and (max-width:1024px){ .mod-bdtitl-mob{display: block;} .mod-bdtitl-mob h1{padding: 10px 5% 10px; text-align: center;line-height: 1.25;} .mod-bdtitl-mob .sub{display: none;} } /* mod-bdimgban */ @media all{ .mod-bdimgban{display: flex; align-items: center;justify-content: space-between;} .mod-bdimgban .left{position:relative;width:50%;} .mod-bdimgban .right{width:38%;display: flex; flex-direction: column;justify-content: center;} .mod-bdimgban .right .pcTitle{font-size: 1.5rem;line-height: 1.5;} .mod-bdimgban .right .line{width:50%;height:1px;background: #ccc;margin:1rem 0;} .mod-bdimgban .right .kfrx{display:flex; align-items: center; margin-top: 1.8rem;} .mod-bdimgban .right .kfrx .d1{height: 3rem; width: 3rem; display: flex; justify-content: center;align-items: center;background: var(--cm1); border-radius: 4rem; font-size: 1.5rem;color: #fff;} .mod-bdimgban .right .kfrx .d2{margin-left: 1rem;} .mod-bdimgban .right .kfrx .d2 em{font-size: 2rem;line-height: 2rem;} .mod-bdimgban .right .ljzx{background: var(--cm1);transition: all ease-in-out .5s; margin-top: 1.8rem;display: flex; justify-content: center; align-items: center; width: 50%; height: 3rem;border-radius: 5px;} .mod-bdimgban .right .ljzx a{color:#fff;} .mod-bdimgban .right .ljzx:hover{background: var(--cm2);} } @media all and (max-width:1200px){ .mod-bdimgban .left{width:54%;} .mod-bdimgban .right{width:44%;} .mod-bdimgban .right .kfrx .d2 em{font-size: 1.2rem;line-height: 1.2rem;} } @media all and (max-width:1024px){ .mod-bdimgban{flex-direction: column;} .mod-bdimgban .left{width:100%} .mod-bdimgban .right{width:100%;padding:0 2%;} .mod-bdimgban .right .info{padding:10px; margin:15px auto 10px;} .mod-bdimgban .right .pcTitle{display: none;} .mod-bdimgban .right .line{display: none;} .mod-bdimgban .right .kfrx{display: none;} .mod-bdimgban .right .ljzx{display: none;} } /* mod-swp05 */ @media all{ .mod-swp05 .swiper{width:100%;height:100%;margin-left:auto;margin-right:auto} .mod-swp05 .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;background-size:cover;background-position:center} .mod-swp05 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover} .mod-swp05 .mySwiper2{height:80%;width:100%;--swiper-navigation-color: #fff; --swiper-pagination-color: #fff} .mod-swp05 .mySwiper1{height:20%;box-sizing:border-box;padding:10px 0} .mod-swp05 .mySwiper1 .swiper-slide{width:25%;height:100%;opacity:.4;border:1px solid #ccc;} .mod-swp05 .mySwiper1 .swiper-slide-thumb-active{opacity:1;border:1px solid var(--cm1);} .swiper-button-next, .swiper-button-prev{color:var(--cm1) !important;} .mod-swp05 .swiper-pagination-bullet-active{background:var(--cm1) !important;} .mod-swp05 .swiper-button-next:after, .mod-swp05 .swiper-rtl .swiper-button-prev:after{ font-size: 18px; padding:7.6px 12px; background: rgba(140,148,88,0.8); border-radius: 25px; color: #fff;} .mod-swp05 .swiper-button-prev:after, .mod-swp05 .swiper-rtl .swiper-button-next:after{ font-size: 18px; padding:7.6px 12px; background: rgba(140,148,88,0.8); border-radius: 25px; color: #fff;} .zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0} .zoomMask{position:absolute;background:url(../img/common/mask.png) repeat scroll 0 0 transparent;cursor:move; z-index:99} } /* mod-bdctent */ /* mod-bdctent > ctentitl */ @media all{ .mod-bdctent{margin-top:40px; font-size: 16px;} .mod-bdctent .ctentitl strong{font-weight: bold;} .mod-bdctent .ctentitl>div{float:left; width: 50%; text-align: center; background-color:#f3f3f3; height: 60px; line-height: 60px; transition: 0.5s; cursor: pointer;letter-spacing: 5px;border:1px solid #999;} .mod-bdctent .ctentitl>div:last-child{border-left: none;} .mod-bdctent .ctentitl>div:hover,.mod-bdctent .ctentitl>div.active{background-color: var(--cm2); transition: all 0.5s ease-in-out; color:var(--cf); } .mod-bdctent .ctentbox>div{display:none;box-sizing:border-box;position:relative;width:100%;padding:10px 10px;border:1px solid #dedede} .mod-bdctent .ctentbox>div.active{display: block;} /* 只显示一个标签 */ .mod-bdctent .ctentitl>div:first-child{width:100%;} .mod-bdctent .ctentitl>div:nth-child(n+2){display: none;} .mod-bdctent .ctentbox>div:nth-child(n+2){display: none;} } @media all and (max-width:1024px){ .mod-bdctent{margin-top:20px; border-top:1px solid #ccc;} } /* mod-bdctent > ctentbox > ckBox */ /* ckBox */ @media all{ .ckBox strong{padding:0 2px;font-weight: bold;} .ckBox a{color:var(--cm2);text-decoration:underline;font-weight:bold; padding:0 2px;} .ckBox h2 a,.ckBox h3 a,.ckBox h4 a{color:var(--cm2);} .ckBox img{display: inline-block;max-width: 100%;} .ckBox hr{border-top:1px solid #eee;} .ckBox h2{position:relative;padding: .5rem .5rem .5rem 1.5rem; color: var(--cm1); border-bottom: 1px solid #eee; line-height: 1.6; margin: 1rem 0;text-shadow: 1px 1px 0 #ccc;} .ckBox h2::before{content: '✦';position: absolute;left: 0; color: var(--cm2);} .Unicode{position: relative; height: 5rem; line-height: 5rem;;} .Unicode::before{content: '▌◆◇✦✧▲►▶▷➤➢•●○⊙◎◉✖✕✔✓☑▧▨▣□◈♦✰✩★☆✭✯✮✡✪▐';position: absolute; font-size: 2rem;}/*部分参考符号*/ /* .ckBox ul{padding-left: 1.5rem;} */ /* .ckBox ul li{list-style: disc;} */ /* .ckBox ol li{list-style-type: decimal;list-style-position: inside;} */ /* 表格 */ .ckBox .tabwrap{display: block; overflow: auto;} .ckBoxr table {border:1px solid #bcaf91;color:#333;font-size:12px;width:100%;border-collapse: collapse;} .ckBox table tr th {border:1px solid #bcaf91;font-size:14px;padding: 8px;text-align:center; font-weight: bold;} .ckBox table tr td:first-child{font-weight: bold;} .ckBox table td {border:1px solid #bcaf91;text-align: center; font-size:12px;padding: 8px;} .ckBox table thead tr{background-color: var(--cm3) !important; color:#fff;}/*标题行*/ .ckBox table tbody tr:nth-child(even){background: var(--cl2);} .ckBox table tbody tr:nth-child(odd){background: #fff;} /* 引用标签和样式块 */ .ckBox blockquote{border-left: 5px solid var(--cm1); padding:1rem; margin:1rem; font-style: italic;/* font-family: '宋体'; */ background: #eee; border-radius: 0 1rem 1rem 0; } .ckBox cite,.ckBox cite a{font-style: italic; font-weight: normal;} .ckBox samp{font-style: italic;font-weight: bold; padding:0 2px;} .ckBox var{font-style: italic;font-weight: bold; padding:0 2px;} /* 自定义样式类：digest1-3 */ .ckBox .digest1{border-top-left-radius:1.2rem;border-bottom-right-radius:1.2rem;background-color:rgba(255,236,216,.5);box-shadow:5px 5px 2px rgba(188,188,188,1);padding:1rem;margin:1rem 0;} .ckBox .digest2{border:5px solid var(--cl1);border-top-left-radius:1.2rem;border-bottom-right-radius:1.2rem;background-color:rgba(255,236,216,.5);box-shadow:5px 5px 2px rgba(188,188,188,1);padding:1rem;margin:1rem 0;} .ckBox .digest3{ padding:1rem;margin:1rem 0; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,245,235,.54)),to(rgba(185, 215, 255,.35))); background-image: linear-gradient(180deg, rgba(255,245,235,.54), rgba(185, 215, 255, .35)); border-radius: 1.2rem; } } /* ckTemp_ckFullTemp_v6 */ /* ckTemp */ @media all{ :root{--cktempUnitbgcolor:rgb(254, 255, 242);--cktempImgBoxbgcolor:none;--cktempSwpBtncolor:var(--cm1);} .ckTemp{width: 100%; margin:0 auto;} .ckTemp a{padding:0;} .modClmn,.modRow{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch;} .unitClmn{display: flex; flex-direction: column;; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 2rem;background-color: var(--cktempUnitbgcolor);} .unitRow{display: flex;flex-direction: row; flex-wrap: wrap;justify-content: space-between; margin-bottom: 2rem;background-color:var(--cktempUnitbgcolor);} .flexImgBox{width:100%; position: relative; display: flex; justify-content: center; align-items: center;overflow: hidden;border:1px solid #eee;background-color: var(--cktempImgBoxbgcolor);} .flexImgBox img{width: 100%;height:100% !important;object-fit: cover; filter: brightness(1);display: block !important;transition: all 0.5s ease-in-out;} .unitClmn:hover .flexImgBox img, .unitRow:hover .flexImgBox img{transform:scale(1.15,1.15);transition: all 0.5s ease-in-out;} .flexImgBox .onImgTitle{display: flex; position: absolute; top:0; width: 100%; height: 100%; flex-direction: column;align-items: center; justify-content: center;text-align: center;font-size: 1.25rem;color:#fff;font-weight: bold;} .flexTxtBox{width:100%; display: flex;flex-wrap: nowrap; flex-direction: column; justify-content: center;align-items: center; padding:2rem; overflow: hidden;} .flexTxtBox .txtTitle{text-align: center;font-size: 1.05rem;font-weight: 600;} .flexTxtBox .txt{padding-top: 1.5rem;} .unitClmn .flexImgBox{height: 450px;}/*统一图片容器高度,或者同一模型使用同尺寸图片*/ .tempClmn111 .unitClmn{width:100%;} .tempClmn221 .unitClmn{width:49%;} .tempClmn421 .unitClmn{width:24%;} .tempClmn422 .unitClmn{width:24%;} .tempClmn331 .unitClmn{width:32%;} .tempClmn321 .unitClmn{width:32%;} .tempClmn322 .unitClmn{width:32%;} .tempRow221 .unitRow{width: 100%;} .tempRow221 .unitRow .flexImgBox, .tempRow221 .unitRow .flexTxtBox{width:50%;} .tempRow222 .unitRow{width: 100%;} .tempRow222 .unitRow .flexImgBox, .tempRow222 .unitRow .flexTxtBox{width:50%;} .tempRow421 .unitRow{width: 49%;} .tempRow421 .unitRow .flexImgBox, .tempRow421 .unitRow .flexTxtBox{width:50%;} .tempRow442 .unitRow{width: 49%;} .tempRow442 .unitRow .flexImgBox, .tempRow442 .unitRow .flexTxtBox{width:50%;} .tempSwpRow221 .swiper{background-color: var(--cktempUnitbgcolor);} .tempSwpRow221 .unitRow{width: 100%;margin-bottom: 0;background-color: unset;border-bottom: none;} .tempSwpRow221 .flexImgBox, .tempSwpRow221 .flexTxtBox{width:50%;height:450px;} .tempSwpRow221 .swiper-button-next, .tempSwpRow221 .swiper-button-prev{color:var(--cktempSwpBtncolor);} .tempSwpRow221 .swiper-pagination-bullet-active{background-color:var(--cktempSwpBtncolor);} .tempSwpClmn4321x .swiper-slide{background-color: var(--cktempUnitbgcolor);} .tempSwpClmn4321x .unitClmn{background-color: unset;border-bottom: none;} .tempSwpClmn4321x .swiper-button-next, .tempSwpClmn4321x .swiper-button-prev{color:var(--cktempSwpBtncolor);} .tempSwpClmn4321x .swiper-pagination-bullet-active{background-color:var(--cktempSwpBtncolor);} .clmnReverse .unitClmn:nth-child(even){flex-direction: column-reverse;} .clmnReverse .flexImgBox,.clmnReverse .flexTxtBox{height: 400px;overflow: hidden;}/* clmnReverse根据需要统一图片和文本容器的高度 */ .clmnReverse.tempClmn331 .unitClmn{width:33.33%;} .tempColFancy .flexImgBox a{display: inline-block;width: 100%;height: 100%; padding:0; margin:0;} .rowReverse .unitRow:nth-child(even){flex-direction: row-reverse;} } @media all and (max-width:1024px){ .unitClmn,.unitRow{margin-bottom: 1.5rem;} .flexTxtBox{padding: 1.5rem;} .flexTxtBox .txtTitle{padding-bottom:1.5rem; } .tempClmn221 .unitClmn{width:49%;} .tempClmn421 .unitClmn{width:49%;} .tempClmn422 .unitClmn{width:49%;} .tempClmn331 .unitClmn{width:32%;} .tempClmn321 .unitClmn{width:49%;} .tempClmn322 .unitClmn{width:49%;} .tempClmn111 .unitClmn .flexImgBox{height: auto;} .tempClmn221 .unitClmn .flexImgBox{height: 48vw;} .tempClmn421 .unitClmn .flexImgBox{height: 48vw;} .tempClmn422 .unitClmn .flexImgBox{height: 48vw;} .tempClmn321 .unitClmn .flexImgBox{height: 48vw;} .tempClmn322 .unitClmn .flexImgBox{height: 48vw;} .tempClmn331 .unitClmn .flexImgBox{height: 30vw;} .tempRow421 .unitRow{width: 100%;} } @media all and (max-width:768px){ .unitClmn,.unitRow{margin-bottom: 0; border-bottom: 1px solid #f2f2f2;} .unitClmn .flexImgBox{height: auto !important;} .tempClmn221 .unitClmn{width:100%;} .tempClmn421 .unitClmn{width:100%;} .tempClmn422 .unitClmn{width:49%;} .tempClmn331 .unitClmn{width:100%;} .tempClmn321 .unitClmn{width:100%;} .tempClmn322 .unitClmn{width:49%;} .tempRow221 .unitRow .flexImgBox, .tempRow221 .unitRow .flexTxtBox{width:100%;} .tempRow421 .unitRow .flexImgBox, .tempRow421 .unitRow .flexTxtBox{width:100%;} .tempRow442 .unitRow{width: 100%;} .tempSwpRow221 .swiper{padding-bottom: 20px;} .tempSwpRow221 .unitRow{border-bottom: none;} .tempSwpRow221 .flexImgBox, .tempSwpRow221 .flexTxtBox{width:100%;height: auto !important;} .tempSwpRow221 .swiper-button-next, .tempSwpRow221 .swiper-button-prev{display: none;} .clmnReverse .flexImgBox{height: auto !important;} .clmnReverse .flexTxtBox{height: auto !important;} .clmnReverse .unitClmn:nth-child(even){flex-direction: column;} .clmnReverse.tempClmn331 .unitClmn{width:100%;} } /* ckFullTemp */ @media all{ :root{--ckFullTempMaskbgcolor:#eee;} .unitBgImg{position:relative; overflow: hidden;} .unitBgImg .bgimg{display: flex;justify-content: center;align-items: center;overflow: hidden;filter: brightness(0.85);} .unitBgImg .bgimg img{width: 100%; height: 100%; object-fit: cover;transition: all .5s ease-in-out;} .unitBgImg:hover .bgimg img{transform: scale(1.05);} .unitBgImg .mask{position: absolute;top: 0; left: 0; width: 100%; height: 100%;} .unitBgImg .mask .ctain{position: relative;width: 80%;height: 100%;display: flex;justify-content: center;align-items: center; margin: 0 auto;} .unitBgImg .mask .ctain .bgimgText{color:#fff;} .modText .mainTitle{font-size: 2rem; font-weight: 600;} .modText .subTitle{font-size: 1.1rem; font-weight: bold;margin-top: 1.5rem;} .modText .subTitle span{color:#fff; background:var(--cm2);padding:5px 15px; border-radius: 2px;display: inline-block;margin-bottom: 5px;} .modText .subTitle span:nth-child(n+2){margin-left: 10px;} .modText .textCtent{font-size: 1rem; margin-top: 1.5rem;} .unitBgColor {background: #fff; padding:2rem 0;} .unitBgColor .ctain{display: flex; align-items: center;justify-content: space-between;} .ckFullTemp .unitBgColor:nth-child(even){ background:var(--cm1);} .ckFullTemp .unitBgColor:nth-child(even) .ctain{flex-direction:row-reverse;} .unitBgColor .ctain .imgBox{width:48.5%;height:auto;overflow:hidden;display: flex; align-items: center; justify-content: center;} .unitBgColor .ctain .imgBox img{width: 100%;filter: brightness(1);height: auto !important;display: block !important;transition: all 0.5s ease-in-out;object-fit: cover;} .unitBgColor:hover .ctain .imgBox img{transform: scale(1.1);} .unitBgColor .ctain .bgclrText{width:48.5%} } @media all and (max-width:1024px){ .modText .mainTitle{font-size:1.6rem;} .modText .subTitle{margin-top: 1rem;font-weight: normal;} .modText .textCtent{ margin-top:1rem;} } @media all and (max-width:768px){ .unitBgImg .bgimg{width: 100%;height: 75vw;filter: brightness(1);} .unitBgImg .bgimg img{width: 100%; height: 100%; object-fit: cover;transition: all .5s ease-in-out;} .unitBgImg .mask{position: relative;background: var(--ckFullTempMaskbgcolor);} .unitBgImg .mask .ctain{width: 100%;} .unitBgImg .mask .ctain .bgimgText{color:#666;} .modText{ width: 100% !important; margin: 0 !important; text-align: center !important; padding:2rem 1rem;} .modText .mainTitle{font-size:1.4rem; font-weight: 500;} .unitBgColor {padding:0 !important;} .unitBgColor .ctain{flex-direction: column !important;width: 100%;} .unitBgColor .ctain .imgBox{width:100%; background: var(--cm1);} .unitBgColor .ctain .bgclrText{width:100%;background: #fff;} } /* Page、btn */ /* artPage11 */ @media all { .artPage11{display: flex; justify-content: space-between; padding:2rem 0 0 0;} .artPage11 .subpage {width:49.5%; border-radius:5px; text-align:center;overflow: hidden; position: relative;border: 1px solid #ccc;display: flex;align-items: center;transition: all .5s;} .artPage11 .subpage .pageImg{display: flex; justify-content: center; align-items: center;background-color: var(--cm3); height: 100%; transition: all .5s;} .artPage11 .subpage .pageImg span{display: block; width: 100px; color: #fff;} .artPage11 .subpage .pageLink{margin:8px} .artPage11 .subpage .pageLink span{display: none;} .artPage11 .prepage{justify-content: left;} .artPage11 .nextpage{justify-content: flex-end;} /* .artPage11 .subpage:hover .pageImg{background-color: var(--cm2);} */ .artPage11 .subpage:hover .pageLink a{color: var(--cm2);font-weight: bold;text-decoration: underline;} } @media all and (max-width:768px){ .artPage11{ padding:2rem 10px 0;} .artPage11 .subpage .pageLink{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;} .artPage11 .subpage .pageImg span{padding:0 10px; width: 50px; font-size: .9rem;} .artPage11 .subpage .pageLink a{display: block; line-height: 1.2rem;} /* .artPage11 .prepage{padding-right: 5px;} .artPage11 .nextpage{padding-left: 5px;} */ } /* artPage12 */ @media all { .artPage12{ border:1px solid #ccc;border-radius:5px; overflow: hidden;} .artPage12 .subpage { position: relative;width:100%; height:4rem; display: flex;justify-content: left;align-items:center; text-align:center;transition: all .5s; } .artPage12 .subpage .pageImg{display: flex; justify-content: center; align-items: center;height: 100%; background-color: var(--cm1); transition: all .5s;} .artPage12 .subpage .pageImg span{display: block; width: 75px; color: #fff;} .artPage12 .prepage{border-bottom: 1px solid #ccc;} .artPage12 .prepage .pageImg{border-bottom: 1px solid #fff;} .artPage12 .subpage .pageLink{text-align: left; padding-left: 1rem;line-height: 1.25;} .artPage12 .subpage .pageLink span{display: none;} .artPage12 .subpage:hover .pageImg{background-color: var(--cm2);} .artPage12 .subpage:hover .pageLink a{color:var(--cm2);font-weight: bold;} } @media all and (max-width:1024px){ .artPage12{ margin:1rem 0 0 0;} } /* ltPage01 */ @media all { .ltPage01{display:flex; margin: 2rem auto 0;} .ltPage01 .pagebox{margin:auto;} .ltPage01 .pagebox ul{text-align: center;padding:12px 0;} .ltPage01 .pagebox ul li{display: inline-block;font-family:Tahoma;line-height:25px;margin:0 3px 5px 3px;border:1px solid #E9E9E9;padding:5px 12px;} .ltPage01 .pagebox ul li a{display: inline-block;color:#555;} .ltPage01 .pagebox ul li:hover,.ltPage01 .pagebox ul li.thisclass{background-color:var(--cm1); color:#fff;} .ltPage01 .pagebox ul li:hover a, .ltPage01 .pagebox ul li.thisclass a{ color:#fff;} .ltPage01 .pagebox .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999} .ltPage01 .pagebox .pageinfo strong{color:#555;font-weight:400;margin:0 2px} } /* rtNewsBtn */ @media all{ .rtNewsBtn{display: flex;justify-content: center;margin-top: 2rem; border-radius: 10px; border:1px solid #eee; padding:10px; background: var(--cm1); color:#fff; transition: all ease-in-out .5s;} .rtNewsBtn .btnbox a {padding-left: 10px; color: #fff;} .rtNewsBtn:hover{box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); background: var(--cm2); transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} } /* mod-titBar01B */ @media all { .mod-titBar01B{position: relative;margin-bottom: 1.5rem;background: #ddd; } .mod-titBar01B .trapezoid{width: 200px;height: 0; border-right: 1rem solid transparent; border-left: 0;border-bottom: 3rem solid var(--cm2);} .mod-titBar01B .titMask{position: absolute; top:0; left: 0;width: 100%; height: 3rem; display: flex;justify-content: space-between; align-items: center;font-size: 1.2rem;} .mod-titBar01B .titMask .title{padding-left: 1rem;} .mod-titBar01B .titMask .title i{color:var(--cf); padding-right: 10px;} .mod-titBar01B .titMask .title span{color:#fff; } .mod-titBar01B .titMask .more{padding-right: 1rem; } .mod-titBar01B .titMask .more a{color: var(--cm2);} } @media all and (max-width:768px){ .mod-titBar01B{margin-bottom: 1rem;} .mod-titBar01B .trapezoid{width: 140px;} .mod-titBar01B .titMask{font-size: 1rem;} } /* timul01C-1 */ @media all{ .timul01C-1{display: grid;grid-template-columns: repeat(4,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} .timul01C-1 .imgbox{height: calc((var(--cw) - 320px - 10rem) * 0.25 * 1);}/*宽高比1:1或height=auto*/ } @media all and (max-width:1280px){ .timul01C-1{grid-template-columns: repeat(3,minmax(0, 1fr)); gap: 2rem 2rem;} .timul01C-1 .imgbox{height: calc((var(--cw) - 320px - 8rem) * 0.33 * 1);} } @media all and (max-width:1024px){ .timul01C-1 .imgbox{height: calc((var(--cw) - 4rem) * 0.33 * 1);} } @media all and (max-width:768px){ .timul01C-1{grid-template-columns: repeat(2,minmax(0, 1fr)); gap: 1rem 1rem; padding:0 2%} .timul01C-1 .imgbox{height: calc((var(--cw) - 2rem) * 0.5 * 1);} } /* timul01C-2 */ @media all{ .timul01C-2{display: grid;grid-template-columns: repeat(6,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} .timul01C-2 .imgbox{height: calc((var(--cw) - 10rem) * 0.167 * 1);} } @media all and (max-width:1024px){ .timul01C-2{grid-template-columns: repeat(3,minmax(0, 1fr)); gap: 2rem 2rem;} .timul01C-2 .imgbox{height: calc((var(--cw) - 4rem) * 0.34 * 1);} } @media all and (max-width:768px){ .timul01C-2{grid-template-columns: repeat(2,minmax(0, 1fr)); gap: 1rem 1rem;} .timul01C-2 .imgbox{height: calc((var(--cw) - 2rem) * 0.5 * 1)} } /* timul01C-3 */ @media all{ .timul01C-3{display: grid;grid-template-columns: repeat(4,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} .timul01C-3 .imgbox{height: calc((var(--cw) - 320px - 10rem) * 0.25 * 1);} } @media all and (max-width:1280px){ .timul01C-3{grid-template-columns: repeat(3,minmax(0, 1fr)); gap: 2rem 2rem;} .timul01C-3 .imgbox{height: calc((var(--cw) - 320px - 8rem) * 0.34 * 1);} } @media all and (max-width:1024px){ .timul01C-3 .imgbox{height: calc((var(--cw) - 4rem) * 0.33 * 1);} } @media all and (max-width:768px){ .timul01C-3{grid-template-columns: repeat(2,minmax(0, 1fr)); gap: 1rem 1rem; padding:0 2%} .timul01C-3 .imgbox{height: calc((var(--cw) - 2rem) * 0.5 * 1);} } /* timul01C > timli01C */ @media all{ .timli01C{border-radius: .5rem;overflow: hidden;background:var(--cl2);border: 1px solid #eee; transition: all ease-in-out .5s;} .timli01C:hover{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.5); box-shadow: 0 5px 10px rgba(0,0,0,0.5);-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} .timli01C a{display: flex; flex-direction: column; align-items: stretch;} .timli01C .imgbox{border-top-left-radius: .5rem;border-top-right-radius: .5rem;} .timli01C:hover .imgbox img{transform: scale(1.1);} .timli01C .imgtitle{position: relative;;display: flex; align-items: center;justify-content: center;text-align: center;padding: 1rem;height: 5rem; line-height:1.5rem; border-top: 1px solid #fff; } .timli01C .imgtitle::after{content: '';position: absolute; z-index: 2;width: 0; height: 100%; top:0;background: var(--cm2); transition: all ease-in-out .5s;} .timli01C:hover .imgtitle::after{width: 100%;} .timli01C .imgtitle p{z-index: 3;transition: all ease-in-out .5s;} .timli01C:hover .imgtitle p{z-index: 3; color: #fff; font-weight: bold;} } /* timul02E-1 */ @media all{ .timul02E-1{display: grid;grid-template-columns: repeat(4,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} } @media all and (max-width:1280px){ .timul02E-1{display: grid;grid-template-columns: repeat(3,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} } @media all and (max-width:768px){ .timul02E-1{grid-template-columns: repeat(1,minmax(0, 1fr)); grid-template-rows: auto; gap: 1rem 0;} } /* timul02E-2 */ @media all{ .timul02E-2{display: grid;grid-template-columns: repeat(3,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} } @media all and (max-width:768px){ .timul02E-2{grid-template-columns: repeat(1,minmax(0, 1fr)); grid-template-rows: auto; gap: 1rem 0;} } /* timli02E */ @media all{ .timli02E{display: flex; flex-direction: column; align-items: stretch;border-radius: .5rem; overflow: hidden; background: var(--cl2);border:1px solid #ececec;} .timli02E .imgbox{display:block;height: 300px; } .timli02E:hover .imgbox img{transform: scale(1.1);} .timli02E .msg{display: flex; justify-content: flex-start;align-items: center; height: 4rem; padding:0 1rem;} .timli02E .msg i{padding-right: 8px;} .timli02E .msg .reader span{padding:0 8px;} .timli02E .imgtitle{display: flex; align-items: center;height: 3rem; line-height:1.5rem; padding:0 1rem; font-weight: bold;} .timli02E .digest{display: flex; align-items: center;justify-content: center;height: 6.5rem; line-height:1.5rem; padding:0 1rem;} .timli02E .btn{display: flex; justify-content: center; margin:1.5rem 0 2rem;} .timli02E .btn button{display: inline-block;padding:.45rem 3rem;text-transform: uppercase;border-radius: 2rem; transition: all .5s ease-in-out; border:1px solid #ccc; color:var(--cm1)} .timli02E .btn button i{display: none;} .timli02E:hover .btn button {color: #fff; border: none; background: var(--cm1);} } @media all and (max-width:768px){ .timli02E{flex-direction: row;align-items: center; } .timli02E .imgbox{display:block;height:calc((var(--cw))*.45*0.75);width: 45%; } .timli02E .textbox{width:55%;} .timli02E .msg{height: 2.5rem; align-items: flex-start;} .timli02E .digest{display: none} .timli02E .btn{display:none;} } /* likeArts */ @media all{ .likeArts{margin-top: 1.5rem;} .likeProds{margin-top: 1.5rem;} } /* mod-artlt01 */ @media all{ .mod-artlt01{display: grid;grid-template-columns: repeat(2,minmax(0, 1fr)); grid-template-rows: auto; gap: .5rem 2rem;} .mod-artlt01 li{display: flex; border-bottom: 1px dashed #ccc;} .mod-artlt01 li span{width:75px;} .mod-artlt01 li a{flex:1;} } @media all and (max-width:768px){ .mod-artlt01{grid-template-columns: repeat(1,minmax(0, 1fr)); gap: .5rem 2rem;} } /* rt-news */ /* abt */ /* abt > sideNav01E */ @media all{ .sideNav01E{background: #fff;} .sideNav01E .titl{display:none;height: 40px;line-height: 40px;background: var(--cl2);padding:0 1rem;color: #fff;} .sideNav01E .titl .rt{display: none;} .sideNav01E .supul{display: flex; flex-direction: column; align-items: center;} .sideNav01E .supul .supli{margin-top:1rem; width: 80%;position: relative;} .sideNav01E .supul .supli .suptitl{position: relative;padding:.5rem 3rem .5rem 1rem;border:1px solid var(--cm2); border-radius: 3rem; text-align: center;overflow: hidden;} .sideNav01E .supul .supli .suptitl::before{content: '';position: absolute;height: 100%; width:0;background-color: var(--cm2);left: 0; top: 0; transition: all ease-in-out .5s;} .sideNav01E .supul .supli .suptitl p{position: relative;font-size: 1rem;font-weight: bold; z-index: 1;} .sideNav01E .supul .supli .suptitl p a{transition: all linear .5s;} .sideNav01E .supul .supli .suptitl i{display:none;position: absolute; right:1rem; top:.85rem; transition: all ease-in-out .3s;} .sideNav01E .supul .supli.current .suptitl::before,.sideNav01E .supul .supli:hover .suptitl::before{width: 100%;} .sideNav01E .supul .supli.current .suptitl p a,.sideNav01E .supul .supli:hover .suptitl p a{color:var(--cf);} } @media all and (max-width:1024px){ .sideNav01E{ overflow-x: auto;} .sideNav01E .titl{display: none;} .sideNav01E .supul{flex-direction: row;} .sideNav01E .supul .supli{margin:1rem 0.5rem; width: 100%;} .sideNav01E .supul .supli .suptitl{padding:3px 10px; border:none;} .sideNav01E .supul .supli .suptitl i{display: none;} .sideNav01E .supul .supli .suptitl p a{white-space: nowrap;} } /* abt > abtFancy */ @media all{ .abtFancy ul{display: grid;grid-template-columns: repeat(4,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} .abtFancy ul li{width:100%;transition: .3s all; -webkit-transition: 0.3s all;} .abtFancy ul li .imgbox{height: auto; border:1px solid #ccc; } .abtFancy ul li .imgtitle{display: flex; display: -webkit-flex; align-items: center; justify-content: center; text-align: center; height: 60px; padding: 0 20px; border:1px solid #ccc; border-top:none; transition: .5s; line-height: 1.5;} .abtFancy ul li .imgtitle p{transition: all ease-in-out .5s;} .abtFancy ul li:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);} .abtFancy ul li:hover .imgtitle{background: var(--cm2);} .abtFancy ul li:hover .imgtitle p{color: #fff;} } @media all and (max-width:1280px){ .abtFancy ul{display: grid;grid-template-columns: repeat(3,minmax(0, 1fr)); grid-template-rows: auto; gap: 2rem 2rem;} .abtFancy ul .imgtitle{padding:0 5px;} } @media all and (max-width:768px){ .abtFancy ul{display: grid;grid-template-columns: repeat(2,minmax(0, 1fr)); grid-template-rows: auto; gap: 1rem 1rem;} } /* ft07A */ @media all{ .ft07A{background-color: #111;margin-top: 3rem;} .ft07A .ftbox{ padding:4rem 0; display: flex;} .ft07A .ftbox section {margin: auto;} .ft07A .ftbox .ft_s1{width: 25%;} .ft07A .ftbox .ft_s1 .logo img{width: auto;max-height:90px; max-width: 100%;} .ft07A .ftbox .ft_s1 table{margin-top:2rem;} .ft07A .ftbox .ft_s1 table a{ color:#fff;} .ft07A .ftbox .ft_s1 table tr td:first-child{width:3rem; color:#ddd; font-size: 1.2rem;} .ft07A .ftbox .ft_s1 table tr td:nth-child(2){ line-height: 1.5; font-weight: bold; color:#fff;} .ft07A .ftbox .ft_s2{flex-grow: 1;padding:0 0 0 5%;} .ft07A .ftbox .ft_s2 .navbox{display: flex; justify-content: space-around;} .ft07A .ftbox .ft_s2 .navbox .navlist { text-align: center; } .ft07A .ftbox .ft_s2 .navbox .navlist dt{ line-height: 25px; font-size: 1.25rem; position: relative; } .ft07A .ftbox .ft_s2 .navbox .navlist dt a{color:#fff;} .ft07A .ftbox .ft_s2 .navbox .navlist dt i { display: none;} .ft07A .ftbox .ft_s2 .navbox .navlist dd { margin: 1rem 0 0; } .ft07A .ftbox .ft_s2 .navbox .navlist dd a { display: block; line-height:2; color:#FFF; opacity: .6; } .ft07A .ftbox .ft_s2 .navbox .navlist dd a:hover { opacity: 1; } .ft07Aft2{ background-color: rgb(44, 44, 44); font-size: .9rem;} .ft07Aft2 .ctain{ text-align: center;padding:1rem 0;} .ft07Aft2 .ctain ul li{display: inline-block;} .ft07Aft2 .ctain ul li a{color:#fff;} .mob-ftnav{display: none;} /* homeflink */ .oth10-mod3-flinks.dropdownBox { position: relative; display: inline-block; } .oth10-mod3-flinks .dronTrigger { width: 100px; background: none; cursor: pointer; color: rgb(173, 173, 173);} .oth10-mod3-flinks .dronMenu { position: absolute; width: 200px; max-height: 300px; overflow-y: auto; background: white; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index:999;} .oth10-mod3-flinks .dronMenu.show { opacity: 1; visibility: visible; top: 100%; bottom: auto; margin-top: 5px;}/* 默认向下展开 */ .oth10-mod3-flinks .dronMenu.upward { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 5px; right: 0;}/* 向上展开模式 */ .oth10-mod3-flinks .dronMenu li { padding: 4px 6px; list-style: none; cursor: pointer;} .oth10-mod3-flinks .dronMenu li:hover { background: #f5f5f5;} .oth10-mod3-flinks .dronMenu li a{font-size: .9rem; color: #666 !important;} } @media all and (max-width:768px){ .ft07A .ftbox{flex-direction: column-reverse; padding:2rem 0 1.5rem 0;} .ft07A .ftbox .ft_s1{width: 100%;} .ft07A .ftbox .ft_s1 .logo{display: flex; justify-content: center; margin-top: 2rem;} .ft07A .ftbox .ft_s1 .logo img{max-height:60px; } .ft07A .ftbox .ft_s1 table{margin-top:1.5rem;} .ft07A .ftbox .ft_s1 table tr td:nth-child(2){ font-weight: normal;} .ft07A .ftbox .ft_s2{ width: 100%;padding:0; border-bottom: 1px solid rgba(255,255,255,0.35); } .ft07A .ftbox .ft_s2 .navbox{flex-direction: column; width: 100%; margin-left: 0%; padding:0;} .ft07A .ftbox .ft_s2 .navbox .navlist{text-align: left; width:100% !important;border-bottom:1px solid rgba(255,255,255,.35);margin:0px;} .ft07A .ftbox .ft_s2 .navbox .navlist dt{height:50px;line-height:50px;font-size: 1.1rem;} .ft07A .ftbox .ft_s2 .navbox .navlist i {position: absolute; right:.5rem; height: 50px; line-height: 50px; color: #fff; transition: all ease-in-out .5s;} .ft07A .ftbox .ft_s2 .navbox .navlist dt.cur i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .ft07A .ftbox .ft_s2 .navbox .navlist dt i.mobshow{display: inline-block;} .ft07A .ftbox .ft_s2 .navbox .navlist dd{padding:0 0 10px;margin:0px;display:none;} .ft07A .ftbox .ft_s2 .navbox .navlist dd a{padding:0 6%;height:40px;line-height:40px;} .ft07A .ftbox .ft-ctact{width:100%;margin:10px 0;} .ft07Aft2 .ctain{width: 100%; padding:.5rem 0;} } @media all { .ctact01A {margin-top: 3rem;} .ctact01A ul{display: grid;grid-template-columns: repeat(3,minmax(0, 1fr));grid-template-rows: auto; gap:.5rem .5rem;} .ctact01A ul li{position: relative;background: var(--cl2);border-radius: 5px; padding:2rem 1.5rem;transition: all ease-in-out .5s;cursor: pointer;} .ctact01A ul li .d1 i{font-size: 3rem;color:var(--cm1);transition: all ease-in-out .5s;} .ctact01A ul li .d2{margin-top: 1rem;} .ctact01A ul li .d2 .p2{font-weight: bold; font-size: 1.2rem;} .ctact01A ul li .d3{position: absolute;bottom: 1rem;right: 1rem; height: calc(100% - 2rem);} .ctact01A ul li .d3 img{max-height: 100%;max-width: 100%;} .ctact01A ul li:hover{background: var(--cm1); color:#fff;} .ctact01A ul li:hover .d1 i{color:#fff} } @media all and (max-width:1024px){ .ctact01A ul{display: grid;grid-template-columns: repeat(2,minmax(0, 1fr));grid-template-rows: auto; gap:.5rem .5rem;} } @media all and (max-width:768px){ .ctact01A ul{display: grid;grid-template-columns: repeat(1,minmax(0, 1fr));grid-template-rows: auto; gap:5px 0;} .ctact01A ul li{ padding:1rem 1rem;display: flex; justify-content: flex-start; align-items: center;} .ctact01A ul li .d1 i{font-size: 2rem;} .ctact01A ul li .d2{margin-top: 0; margin-left: 1rem;line-height: 1.5;} .ctact01A ul li .d3{position: absolute;bottom: .5rem;right: .5rem; height: calc(100% - 1rem);} } @media all{ .mapimg{margin-top: 3rem;} /* indx-ctact-map */ .sg-ctactMap{padding:3rem 0 0 0;} .sg-ctactMap .ctain #map{ height: 500px;} .careers{margin-top: 3rem;} } /* ===============================OVER=========================== */ /* ================================================================================================== */