/**妯?*/ @media only screen and (min-width:768px) and (max-width: 1024px){ /*header*/ .header .nav .nav-a .nav-a-b-1{font-size: 14px;padding: 0 15px;} .header .header-top{width: 96%;padding: 0 2%;} .header .logo{margin-left: 2%;} .header .nav{margin-right: 2%;} .header .nav .nav-a .nav-a-b a{font-size: 12px;padding: 0 15px;} /*index*/ .in-company-title .i-c-t-1 span, .in-company-title .i-c-t-2 .strong span{font-size: 14px;} .in-company-title .i-c-t-1 font{width: 42px;height: 42px;display: none;} .in-one,.in-two{padding: 6% 2%;} .in-news{width: 96%;} .in-brand dl{padding: 60px 0 80px 0;} .footer .f-one,.footer .f-two{width: 96%;} .footer .f-three{width: 96%;padding: 16px 2%;} /*鍏充簬*/ .p-center{width: 96%;} .page-left-title{display: none;} .page-right h6 strong{font-size: 36px;} .page-right h6 font{margin: 20px 0;} .page-right h6{margin-bottom: 30px;} .page-about .txt .test p{font-size: 14px;} .page-right{width: 100%;} .page-news .page-news-list .p-n-c-list .txt a .fa{display: block;float: left;} .page-news .page-news-list .p-n-c-list .txt a span{display: block;float: left;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .page-news .page-news-list .p-n-c-list .txt a font{display: block;float: right;} /*浜у搧*/ .page-right .pro-desc p{font-size: 14px;} .p-center-all a font{min-height: 130px;} .page-research-1 h4{font-size: 16px;} /*鍝佺墝*/ .p-center-all a font{letter-spacing: 0;} .in-brand:before { content: ' '; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(/style/images/in-brand-bg1.jpg) center 0 no-repeat; background-size: cover; } .header .nav .nav-a .nav-a-b a{letter-spacing: 0;padding-right: 0;} .page-news .page-news-list .p-n-c-list .img p span{letter-spacing: 0;} .news-single-show .p-n-show-ttile{width: 96%;padding: 50px 2%;} .news-single-show .p-n-show-txt,.p-news-show-bottom-list{width: 96%;} .p-news-show-bottom{width: 96%;padding: 30px 2%;} } /**绔?*/ @media only screen and (max-width: 1000px) and (min-width: 768px){ .header .nav,.p-center-title h4,.page-job-2 .page-job-2-right h3 font,#cnzz_stat_icon_1277938954,.page-left-title,.page-brand-1-one dl font,.page-news-list-3 dl a .fa,.page-research-1 .page-research-1-bottom dl a .fa,.page-research-2-list .list a .fa,.page-news .page-news-list .p-n-c-list .txt a .fa,.page-news .page-news-bottom .list a .fa,.in-company-title .i-c-t-1 font,.p-about-bottom-news,.page-news-list-s dl a .txt .key,.news-single-show .p-n-show-ttile dd .bdsharebuttonbox .share,.news-single-show .p-n-show-ttile h3,.p-news-show-bottom-list dd a .fa{display: none !important;} .footer .f-one,.footer .f-two{display: none;} .drawer-hamburger{display: block!important;} .header .header-top a{margin: 7.5px 5px;} .drawer--right.drawer-open .drawer-nav{top: 25px;padding: 80px 0 0 0;} .mobile_nav{width: 100%;display: block;position: fixed;z-index: 1000;top: 40px;right: 10px;} .header{position: fixed;} .header .logo{position: relative;z-index: 1001;} /*iindex*/ .in-company-title .i-c-t-1 span, .in-company-title .i-c-t-2 .strong span{font-size: 12px} .in-company-title{display: flex;flex-flow: row;justify-content: space-between;} .in-company-title .i-c-t-1{width: 22%;} .in-news #web-a{position: relative;margin-bottom: 40px;} .in-news .dd{width: 100%;} .in-news dt{width: 100%;} .in-two dl a .p{width: 100%;box-sizing: border-box;padding: 5%;} .in-brand dl strong{font-size: 36px;} .footer .f-three h3, .footer .f-three #se{text-align: center;} .footer .f-three #se{display: none;} .footer{padding: 0;} /*绠€浠?/ .page-about-history20190813 .dd .dd-right h3 span,.page-about-history20190813 .dd .dd-right h3 font{width: 100%;} .p-center-all-pro-icon a h4{font-size: 14px;} .page-job-1 dl dd h4 span{margin-right: 10px;} .page-job-2 .page-job-2-right dd p img{width: 30px;height: 30px;} .page-job-2 .page-job-2-right dd p span{font-size: 12px;line-height: 50px;margin-left: 8px;} .in-brand:before { content: ' '; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(/style/images/in-brand-bg1.jpg) center 0 no-repeat; background-size: cover; } .page-about-ry dl dd p span{font-size: 12px;} .page-about .p-about-bottom dl dd span{font-size: 14px;} .news-single-show .p-n-show-ttile{width: 96%;padding: 50px 2%;} .news-single-show .p-n-show-txt,.p-news-show-bottom-list{width: 96%;} .p-news-show-bottom{width: 96%;padding: 30px 2%;} .p-news-show-bottom-list dd a span{display: block;width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .page-news .page-news-list .p-n-c-list .img img{width: auto;} .page-news .page-news-list .p-n-c-list .img p span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .page-news .page-news-list .p-n-c-list .img p{padding: 20px 5%;} .page-news .page-news-list .p-n-c-list .img p font{margin-top: 10px;} .page-about-ry dl dd{width: 49%;margin-bottom: 15px;} .page-about-ry dl dd:nth-of-type(2n){margin-right: 0;} .page-brand-2-img dd #h4-c p strong{width: 30%;font-size: 12px;} .page-brand-2-img dd #h4-c p font{font-size: 12px;} .page-job-1 dl dd h4 span{padding: 10px 20px;} } /**鎵嬫満**/ @media only screen and (max-width: 760px){ .header .nav,.p-center-title h4,.page-job-2 .page-job-2-right h3 font,#cnzz_stat_icon_1277938954,.page-left-title,.page-brand-1-one dl font,.page-news-list-3 dl a .fa,.page-research-1 .page-research-1-bottom dl a .fa,.page-research-2-list .list a .fa,.page-news .page-news-list .p-n-c-list .txt a .fa,.page-news .page-news-bottom .list a .fa,.in-company-title .i-c-t-1 font,.p-about-bottom-news,.page-news-list-s dl a .txt .key,.news-single-show .p-n-show-ttile dd .bdsharebuttonbox .share,.news-single-show .p-n-show-ttile h3,.p-news-show-bottom-list dd a .fa{display: none !important;} .footer .f-one,.footer .f-two{display: none;} .drawer-hamburger{display: block;} /*浜烘墠涓績*/ .page-b-title dd a, .page-b-title dd .fa, .page-b-title dd span{line-height: 20px;font-size: 12px; letter-spacing: 0;} .page-b-title dd{padding: 10px 0;} .p-center-title h3{font-size: 26px;margin-bottom: 40px;} .p-center-title{margin-bottom: 0;} .p-center-all a{float: none;width: 100%;margin: 0 0 80px 0;} .p-center-all a font{margin: 10px auto 20px;letter-spacing: 0;} .p-center-all a strong{margin: 20px 0 10px;} .web-a{width: 120px;} .p-center{margin: 40px auto 80px;} .page-right,.page-job-1 dl dd .left{float: none;width: 100%;} .page-right h6 strong{font-size: 26px;} .page-right h6{text-align: center;} .page-right h6 font{margin: 30px auto;} .page-job-1 dl dd .left h3{font-size: 20px;margin-bottom: 20px;} .page-job-1 dl dd h4{float: none;width: 100%;text-align: center;} .page-job-1 dl dd h4 span{font-size: 12px;padding: 10px 7%;margin: 0;} .page-job-1 dl dd h4 span:nth-child(2){margin: 0 6%;} .page-job-1 dl dt img{float: none;width: 100%;margin-bottom: 15px;} .page-job-1 dl dt p{position: static;margin-top: 0;width: 100%;} .page-job-1 dl dt p font{margin-top: 20px;font-size: 14px;letter-spacing: 0;} .page-job-1 dl dt p span{font-size: 16px;} .page-job-1 dl{border-top: none;padding-top: 30px;margin-top: 20px;} .page-job-2 .page-job-2-right h3 span{font-size: 20px;} .page-job-2 .page-job-2-right h3{margin-bottom: 20px;} .page-job-2 .page-job-2-right dd p span{float: none;width: 100%;text-align: center;margin: 0;font-size: 12px;line-height: 40px;} .page-job-2 .page-job-2-right dd p img{float: none;margin: 0 auto;} .page-job-2 .page-job-2-right dd p{width: 33%;margin: 0 0 10px 0;} .page-job-2 .page-job-2-right h4{margin-top: 15px;font-size: 14px;line-height: 26px;letter-spacing: 0;} .page-job-2 .page-job-2-right{margin-bottom: 30px;padding-bottom: 30px;} .page-job-2 .page-job-2-left dd img,.page-job-2 .page-job-2-left dd p{float: none;width: 100%;} .page-job-2 .page-job-2-left dd p strong{font-size: 20px;margin-top: 10px;} .page-job-2 .page-job-2-left dd p font{margin-top: 0;font-size: 14px;letter-spacing: 0;} .page-job-2 .page-job-2-left dl dt h4{font-size: 14px;} .page-job-3 .page-job-3-top{margin-bottom: 40px;} .page-job-3 .page-job-3-top img{float: none;width: 100%;margin-bottom: 10px;} .page-job-3 .page-job-3-top dd{float: none;width: 100%;} .page-job-3 .page-job-3-top dd h3{font-size: 14px;letter-spacing: 0;} .page-job-3 .page-job-3-list dd .p-j-3-l-1{text-indent: 0;} .page-job-3 .page-job-3-list dd .p-j-3-l-1, .page-job-3 .page-job-3-list dd .p-j-3-l-2, .page-job-3 .page-job-3-list dd .p-j-3-l-3, .page-job-3 .page-job-3-list dd .p-j-3-l-4{font-size: 12px;} .page-job-3 .page-job-3-list dd:first-of-type .p-j-3-l-1, .page-job-3 .page-job-3-list dd:first-of-type .p-j-3-l-2, .page-job-3 .page-job-3-list dd:first-of-type .p-j-3-l-3, .page-job-3 .page-job-3-list dd:first-of-type .p-j-3-l-4{font-size: 12px;} .page-job-3 .page-job-3-list .p-j-3-l-1-txt{font-size: 14px;margin: 20px 0;letter-spacing: 0;} .page-job-3 .page-job-3-bottom h3{font-size: 20px;margin-bottom: 20px;} .page-job-3 .page-job-3-bottom{padding-top: 20px;margin-top: 20px;} .page-job-3 .page-job-3-bottom dl dd span{font-size: 14px;letter-spacing: 0;} .page-contact dd h3{font-size: 22px;} .page-contact dd h4 span{font-size: 14px;} /*鍝佺墝涓績*/ .p-center-all4 a, .p-center-all4 a:nth-child(3){width: 100%;margin: 0 0 80px 0;} .page-brand-1-one dl dd{width: 100%;float: none;} .page-brand-1-one dl dd span,.page-brand-1-one .page-brand-1-one-title h4{width: 100%;font-size: 14px;letter-spacing: 0;} .page-brand-1-one{margin-bottom: 40px;padding-bottom: 40px;} .page-brand-1-four dl dd{float: none;width: 100%;} .page-brand-1-four dl dd p{letter-spacing: 0;font-size: 14px;} .page-brand-1 .title p span{margin-top: 10px;} .page-brand-2-img dd h4{float: none;width: 100%;margin: 0 0 50px 0;} .page-brand-2-txt h4,.page-brand-2-txt dd p span,.news-single-show .p-n-show-txt p{font-size: 14px;letter-spacing: 0;} .page-brand-2-txt h3{font-size: 20px;} .page-brand-2-txt dd p{width: 100%;float: none;margin: 0 0 50px 0;} .page-news-list-3 dl a .titel,.page-news-list-3 dl a .data{display: block;letter-spacing: 0;} .page-news-list-3 dl a .titel{margin-bottom: 10px;} .page-brand-4 dl p{width: 100%;margin: 0 0 40px 0;} .news-single-show .p-n-show-ttile h4{font-size: 18px;} .news-single-show .p-n-show-ttile{padding: 20px 10%;} .news-single-show .p-n-show-txt img{height: auto;} .news-single-show .p-n-show-txt{margin: 0 auto 50px;} .p-news-show-bottom-list dd a{float: none;width: 100%;} .p-news-show-bottom-list dd a span{width: 90%;margin-bottom: 10px;} .page-brand-2-txt img{height: 150px;} .page-brand-2-img dd #h4-s,.page-brand-2-img dd #h4-c{position: static;margin-top: 20px;margin-bottom: 20px;} .page-brand-2-img dd #h4-s font{font-size: 20px;} /*鐮斿彂涓績*/ .page-research-1 h4{font-size: 14px;letter-spacing: 0;} .page-research-1 h3{font-size: 20px;} .page-about-ry dl dd{width: 100%;float: none;margin: 0 0 30px 0;} .page-research-1 .page-research-1-bottom dl a span{margin-bottom: 10px;} .page-research-2-list .title{font-size: 20px;} .page-research-2-list .list a span{margin-bottom: 10px;font-size: 14px;width: 100%;} .page-research-2-list .list a{margin-bottom: 14px;} .page-research-2-list .list a font,.page-research-1 .page-research-1-bottom dl a font{float: left;} /*鏂伴椈涓績*/ .page-right-news .page-news .page-news-list .p-n-c-list .img,.page-right-news .page-news .page-news-list .p-n-c-list .txt,.page-news-list-s dl a img{width: 100%;float: none;} .page-right-news .page-news .page-news-list .p-n-c-list .img{margin-bottom: 40px;} .page-news .page-news-bottom .title span{font-size: 20px;} .page-news .page-news-list .p-n-c-list .img p span{font-size: 14px;} .page-news .page-news-list .p-n-c-list .img p font{font-size: 12px;} .page-news .page-news-list .p-n-c-list .img p{padding: 10px 5%;} .page-news .page-news-list .p-n-c-list .txt a span,.page-news .page-news-bottom .list a span{margin-bottom: 10px;width: 100%;} .page-news .page-news-list .p-n-c-list .txt a font,.page-news .page-news-bottom .list a font{float: left;} .page-news .page-news-bottom .list a{width: 100%;float: none;} .fy a, .fy .current{padding: 6px 12px;} .page-news-list-s dl a .txt{width: 100%;float: none;margin-top: 20px;} .page-news-list-s dl a .txt .key{letter-spacing: 0;} .page-news-list-s dl a .txt .titel{font-size: 16px;letter-spacing: 0;} .page-news-list-s dl a .txt .data{margin-top: 20px;} .news-single-show .p-n-show-ttile h4{font-size: 16px;line-height: 24px;} .news-single-show .p-n-show-ttile{padding: 20px 5%;width: 100%;box-sizing: border-box;} .news-single-show .p-n-show-txt{width: 90%;} .p-news-show-bottom-list dd a font{float: left;} .p-news-show-bottom-list{width: 90%;} .page-news-list-3 dl a .data{float: left;} /*鍋ュ悍鑻忎腑*/ .page-news-list-s dl a .txt .key,.page-about .p-about-bottom dl dd span,.page-about .txt .test p{font-size: 14px;letter-spacing: 0;} .page-about .p-about-bottom dl dd{width: 46%;margin-right: 8%} .page-about .p-about-bottom dl dd:nth-child(2n){margin-right: 0;} .page-about-jg .txt img,.page-about-jg .txt h3{width: 100%;float: none;} .page-about-jg .txt img{margin-bottom: 30px;} .page-about-jg .txt h3 strong{font-size: 20px;} .page-about-jg .txt h3 p{font-size: 14px;font-weight: bold;} .page-about-history20190813 .dd{width: 100%;margin-bottom: 50px;padding-right: 0;float: none;} /*浜у搧涓績*/ .p-center-all-pro dd{width: 100%;float: none;margin-bottom: 50px;} .p-center-all-pro dd h4{min-height: 200px;} .p-center-all-pro dd .title-1{margin: 30px 0 0;} .p-center-all-pro-icon a{width: 100%;margin:0 0 50px 0;} .page-pro-list .page-pro-list-1 a{width: 100%;margin: 0;} .page-pro-list .page-pro-list-1 a:nth-of-type(2n){margin: 0;} .page-pro-list .page-pro-list-1 a:nth-child(3n){margin: 0 2% 0 0;} .page-pro-list .page-pro-list-1 a p{letter-spacing: 0;font-size: 14px;} .pro-single-show .img strong,.pro-single-show .img .txt{width: 100%;float: none;margin: 40px 0 0 0;box-sizing: border-box;} .pro-single-show .img .txt h4{font-size: 26px;} .pro-single-show{margin: 50px auto 100px;} .pro-single-show .img .txt dd, .pro-single-show .img .txt dd p{letter-spacing: 0;} .page-right .pro-desc p{font-size: 14px;letter-spacing: 0;} .page-pro-list .page-pro-list-1 a strong{box-sizing: border-box;} /*棣栭〉*/ .header .header-top a{margin: 7.5px 5px;} .drawer--right.drawer-open .drawer-nav{top: 25px;padding: 80px 0 0 0;} .mobile_nav{width: 100%;display: block;position: fixed;z-index: 1000;top: 40px;right: 10px;} .dropdown-items{display: none;} .codehim-dropdown.sticky{top: 24px;} .header .logo img{height: 40px;margin: 10px 0 0 0;} .in-company-title .i-c-t-1, .in-company-title .i-c-t-2{height: 40px;} .in-company-title .i-c-t-1 span, .in-company-title .i-c-t-2 .strong span{line-height: 40px;font-size: 14px;} .in-company-title .i-c-t-2 .strong{margin-top: -20px;} .in-one{padding: 6% 5% 80px;} .header .header-top a:nth-child(1), .header .header-top a:nth-child(2), .header .header-top a:nth-child(4){display: none;} .header .logo{position: relative;z-index: 1001;} .banner .txt h3 strong{font-size: 20px;margin: 20px 0 0 0;} .banner .txt h3 span{font-size: 18px;} .banner .txt h3 span font{font-size: 26px;} .banner .txt h3{margin-top: -70px;} .in-one dl a{width: 100%;float: none;margin: 0 0 80px 0;} .in-news .dd,.in-news dt,.in-news dt a img,.in-news dt a p{width: 100%;float: none;} .in-news #web-a{position: static;} .in-news dt h3{margin-top: 50px;} .in-news dt a img{margin-bottom: 20px;} .in-two dl a{width: 100%;margin: 0 0 50px 0;} .in-brand dl{padding: 40px 0;width: 80%;max-width: none;background-size: 100%;} .in-brand dl strong{font-size: 26px; margin: 10px 0 30px; } .in-brand dl font{font-size: 14px;letter-spacing: 0;} .in-company-title .i-c-t-1{width: 100%;float: none;} .in-company-title .i-c-t-2{width: 100%;} .in-company-title{height: auto;margin-bottom: 80px;} .in-brand{ background: url(/style/images/in-brand-bg1.jpg) 50% 0 no-repeat; background-size: cover;} .banner video,.footer .f-three #se{display: none;} .banner img{width: 100%;display: block;} .dropdown-items li:last-child{margin-bottom: 10px;} /*鎼滅储*/ .p-search dl{width: 90%;} .p-search dl form{width: 100%;height: 50px;} .p-search dl form .in{width: 100%;height: 50px;line-height: 50px;} .p-search dl form .btn-submit,.p-search dl form .fa{width: 50px;height: 50px;line-height: 50px;} .search-list{width: 100%;} .search-list-title{width: 90%;margin: 20px auto 40px;} .search-list-a{width: 90%;margin: 20px auto 40px;} .search-list-a a{display: block;} .search-list-a .txt{width: 100%;display: block;} .search-list-a h5{width: 100%;} .search-list-a h5 img{margin-bottom: 20px;} .no-results{width: 90%;margin: 20px auto;} .no-results .page-header{margin-bottom: 20px;} .header{ position: fixed; } .footer{padding: 0;} .footer .f-three h3,.footer .f-three{text-align: center;} .drawer-hamburger{ display: block !IMPORTANT; } }