@charset "utf-8"; /* CSS Document */ @media screen and (max-width: 1440px) { .container{ max-width:1020px; } .header{ height:76px;} .logo{ height:76px; } .nav{ margin-left:25px;} .nav ul li>a{ height:76px; line-height:76px; font-size: 14px; padding:0 20px; } .nav ul li .xiala{ top:76px; width:140px; } .nav ul li .xiala a{ padding:8px; font-size: 12px; } .nav ul li .xiala2{ width:140px; } .lang{ line-height:76px; font-size: 14px; } /* .lang{ padding:18px 0;} .lang a{ height:16px;} .lang a.en{ margin-top:8px;} .lang img{ height:16px;} */ .banner .swiper-pagination{ bottom:25px; } .banner .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px; } .videolist li video{ height:185px;} .dbcontact li{ line-height:34px; } .dblogo{ height:68px;} .copy{ padding:15px 0; } /*关于我们*/ .column{ padding:15px 0; } .column h3{ font-size:18px; } .column span{ font-size:16px; } .column span:after{ width:50px; height:4px; margin-top:4px; } .column:after{ border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #ffffff; margin-left:-6px;} .pagetit span{ font-size:20px;} .pagetit h3{ font-size:20px;} .showtxt{ font-size:14px; } /*关于我们*/ /*发展历程*/ .fazhan{width: 750px; } .fa_left{width: 260px; } .fa_cen{ margin: 0 20px; } .fa_right{width: 260px; } .div_wen{ width: 260px; } .duanlu{ width: 230px; } .div_wen1{ width: 260px; } .duanlu1{ width: 230px; } /*发展历程*/ /*人才招聘*/ .recruit_tit span{ font-size: 16px; padding: 0 20px; height: 34px; line-height: 34px; } /*人才招聘*/ /*联系我们*/ .contact_table{ margin-top:25px; } .contact_table th{ height: 40px; line-height: 40px; font-size: 16px; } .contact_table td{ font-size: 14px; padding:8px 18px; } .contact_table .tit{ width:140px;} /*联系我们*/ /*新闻列表*/ .newslist{ margin-top:25px;} .paging{ margin-top:25px; } /*新闻列表*/ /*新闻详情*/ .showtle h1{font-size: 20px; } .showtle p{ font-size: 14px; } .showtle p span{ margin:0 14px; } .showpage{ font-size: 14px; } /*新闻详情*/ } @media screen and (max-width: 1060px) { .container{ width:85%; } .header{ height:60px; position: fixed; left:0; width:100%; top:0;} .logo{ height:60px; } /* .lang{ padding:22px 0;} .lang a{ float: left; margin-right:20px;} .lang a.en{ margin-top:0; } */ .lang{line-height:60px; margin-right:20px;} .nav_btn{ width:24px; height:60px; padding:20px 0; cursor: pointer; display: block; } .nav_btn span{ width:24px; height:2px; display: block; background:#4ab3af; margin:0 auto; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; } .nav_btn span.sp02{ margin:7px auto;} .nav_btn.close .sp01{transform:matrix(-1,1,-0.8,-0.8,0,8.5)} .nav_btn.close .sp02{opacity: 0;} .nav_btn.close .sp03{transform:matrix(-1,-1,0.8,-0.8,0,-8.5)} .nav{ display:none; position:fixed; top:60px; width:100%; left:0; border-top:1px solid #dcdcdc; color:#ffffff; z-index:100; margin:0; } .nav ul li{ width:100%; margin:0; text-align:center; display: block; } .nav ul li>a{line-height:50px; height:50px;text-align:left; padding:0 20px; font-size:16px;border-bottom:1px solid #dcdcdc; display:block; position:relative; background:rgba(22,167,162,0.8); color:#ffffff; } .nav ul li .xiala{ position: static; width:100%; background:rgba(255,255,255,0.9); } .nav ul li .xiala a{ color:#333333; height:40px; line-height:40px; font-size:14px; border-top:none; text-align:left; padding:0 30px; border-bottom:1px solid #dcdcdc; } .nav ul li .xiala .tit:hover>a{ color:#ffffff;} .nav ul li .xiala2{ position: static; width:100%; display: block; background:rgba(255,255,255,0.9); } .nav ul li .xiala2 a{ position: relative; color:#333333; height:40px; line-height:40px; font-size:14px; border-top:none; text-align:left; padding:0 50px; border-bottom:1px solid #dcdcdc; } .nav ul li .xiala2 a:after{ content:""; width:10px; height:1px; top:50%; left:30px; position: absolute; background:#333333;} .nav ul li .xiala2 a:hover{ color:#ffffff;} .nav ul li .xiala2 a:hover:after{ background:#ffffff;} .nav{ display: none;} .banner{ margin-top:60px; } .banner .swiper-pagination{ bottom:20px; } .htit01{ margin:20px 0;} .home_about{ width:100%;} .ha_info{ padding:0;} .ha_info .txt p{ -webkit-line-clamp: 2; } .ha_info .txt .more { margin-top: 20px;} .home_news{ width:100%;} .htit02{ margin:30px 0 15px 0; } .prodlist li a{ padding:10px;} .prodlist li .tit{ line-height:40px; font-size:14px; } .prodlist li .more{ margin-top:10px; height:26px; line-height:24px; } .hmore a{ width:130px; height:34px; line-height:34px; margin-top:15px; } .videolist li .vtit { font-size: 14px; margin-top: 14px;} .videolist li video{ height:150px;} .footer{ margin-top:30px; } .dbcontact{ float:none; width:100%;} .dbcontact li{ line-height:30px; background-size:20px !important; padding-left:30px; width:100%;} .dblogo{ float:none; margin-top:0; height:60px;} .nyban{ margin-top:60px;} /*关于我们*/ .weizhi{ margin-bottom:20px;} .mainleft{ width:25%; } .column{ padding:10px 0; } .column h3{ font-size:16px; } .column span{ font-size:14px; } .column span:after{ width:40px; height:3px; margin-top:4px; } .nynav{ margin-top: 20px; } .nynav ul li>a{ padding-left: 30px; height: 40px; line-height:40px; } .nynav ul li>a:after{ left:12px; border-left:5px solid #cccccc; border-bottom:4px solid transparent; border-top:4px solid transparent; margin-top:-4px; } .nynav ul li .sub{ padding:5px 5px 5px 30px; } .nynav ul li .sub a{ padding:8px 0; } .mainright{ width:72%;} .pagetit span{ font-size:18px;} .pagetit h3{ font-size:18px;} .showtxt{ font-size:14px; } /*关于我们*/ /*公司荣誉*/ .honorlist li .tit{ height:40px; line-height:40px; } /*公司荣誉*/ /*发展历程*/ .fazhan{ display: none; } .history{ display: block; } /*发展历程*/ /*联系我们*/ .contact_table{ margin-top:20px; } .contact_table .tit{ width:120px;} /*联系我们*/ /*新闻列表*/ .newslist{ margin-top:20px;} .newslist li{ height:40px; line-height:40px; } .newslist li a .tit{ width:80%; } .paging{ margin-top:20px; } .paging span,.paging a{ font-size:14px; padding:8px 10px; margin:0 2px; } /*新闻列表*/ } @media screen and (max-width: 768px) { .container{ width:100%; padding:0 15px; } /* .lang a{ float: left; margin-right:15px; } */ .lang{ margin-right:15px ;} .logo{ padding:5px 0;} .banner .swiper-pagination{ bottom:10px; } .htit01{ margin:10px 0; height:40px; line-height:40px; } .ha_info .img{ height: auto; width:100%; float:none; } .ha_info .img img{ width:100%; height: auto; } .ha_info .txt{ padding:0; margin-top:10px; } .ha_info .txt .more{ margin-top:10px; } .hnlist li{ line-height:35px; height:35px;} .htit02{ margin:20px 0 10px 0; } .htit02 .en_name h3{ font-size:20px; padding: 0 10px; line-height:25px; height:25px;} .htit02 .cn_name{ font-size:16px; line-height:25px; height:25px;} .prodlist li{ width:49%; margin:1% 2% 1% 0 !important; } .prodlist li:nth-child(2n){ margin-right:0 !important; } .prodlist2 li{ width:49%; margin:10px 2% 0 0 !important; } .videolist li{ width:100%;} .videolist li .vtit{ margin:10px 0; } .videolist li video{ height:auto;} .partner_list li{ width:32%; margin:1% 2% 1% 0 !important; } .partner_list li:nth-child(3n){ margin-right:0 !important; } .footer{ margin-top:20px;} .copy{ padding:10px 0;} .nyban img{ width:160%; margin-left:-30%; } /*关于我们*/ .weizhi{ margin-bottom:0; padding:10px 0; line-height:1.5; height: auto; } .pagetit{ padding:15px 0; } .mainleft{ width:100%; margin-top:15px; } .column{ padding:15px 0; } .column h3{ font-size:16px; } .column span{ font-size:14px; } .column span:after{ width:40px; height:3px; margin-top:4px; } .nynav{ margin-top: 15px; } .mainright{ width:100%;} .showtxt{ margin-top:15px;} /*关于我们*/ /*公司荣誉*/ .honorlist li{ width:48.5%; margin:15px 3% 0 0 !important; } .honorlist li:nth-child(2n){ margin-right:0 !important; } /*公司荣誉*/ /*发展历程*/ .history li{ margin-top:10px; padding-left:60px; } .history li .time{ width:50px; height:50px; margin-top:-25px; border:4px solid #77dfdb; line-height:42px; font-size:14px; } .history li .info:after{ width:10px; left:-10px; } /*发展历程*/ /*人才招聘*/ .recruit_tit{ margin-top:20px; } .recruit_email{ margin:15px 0 10px 0; font-size:14px;} /*人才招聘*/ /*联系我们*/ .contact_table{ margin-top:15px; } .contact_table td{ font-size: 14px; padding: 8px 12px; } .contact_table .tit{ width:80px;} /*联系我们*/ /*新闻列表*/ .newslist{ margin-top:15px;} .newslist li a .tit{ width:75%;} .paging{ margin-top:15px; } /*新闻列表*/ /*新闻详情*/ .showtle{ margin-top:10px;} .showtle h1{font-size: 18px; } .showtxt td{ padding:1px;} /*新闻详情*/ }