﻿@charset "utf-8";
/* CSS Document */
@media (max-width:1800px) {
.hz {
width:80%
}
.hza {
width: 80%;
}
.mainbav .memu>a {
padding:0 16px;
}
}
@media (max-width:1600px) {
.hz {
width:88%
}
.hza {
width: 88%;
}
 .top-hz {
width:98%;
}
.mainbav .memu>a {
padding:0 15px;
}
 .mainbav ul li .erji_dh dl {
width:98%;
}
}
@media (max-width:1440px) {
.hz {
width:96%
}
.hza {
width: 96%;
margin: 50px auto;
}
 .mainbav .memu>a {
padding:0 12px;
font-size:15px;
}
.index-yyl {
margin-left: 20px;
}
.sousuo {
padding-left:0;
}
 .infou-ul li h3 span:nth-child(1) {
 font-size: 32px;
 line-height: 32px;
}
 .link-list ul {
width: 65vw;
}
.index-case-wb {
padding: 60px 50px;
}
 .about-yj {
font-size: 22px !important;
}
.link-list li p {
font-size: 15px;
}
 .index-about-box {
width: 92%;
}
}
@media (max-width:1300px) {
.mainbav .memu>a {
padding:0 9px;
}
.logo img {
 height: 50px;
}
}
@media (max-width:1200px) {
body {
padding-top:0;
}
 .top-pc {
display:none;
}
 .logo-sj {
margin:12px 0;
float:left;
}
.logo-sj img {
height:50px;
}
.tp_wrap {
width:98%;
margin: 0 auto;
}
 .top_sj {
 position:relative;
 width: 100%;
display:block;
z-index: 2;
 transition: all 0.5s;
box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
}
 .top_sj.active {
background:rgba(255, 255, 255, 0.9);
}
 .top_sj.open {
background:rgba(255, 255, 255, 1);
}
 .top_sj .tp_wrap:after {
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
 .dh {
position:absolute;
left:0px;
top:100%;
z-index:1111;
width:100%;
display:none;
background:#fff;
overflow:hidden;
-webkit-transition:1s;
transition:1s;
}
 .dhov {
height:calc(100vh - 85px);
display:block;
overflow-y:auto;
padding:15px 0;
}
 .dh>ul {
text-align:left;
width:85%;
margin:0 auto;
}
 .dh>ul>li {
border-bottom:1px solid #ebebeb;
position:relative;
}
 .dh>ul>li>a {
display:block;
font-size:16px;
padding:15px 0;
color:#000;
}
 .dh>ul>li>a:hover {
}
 .dh>ul>li .droparea {
display:none;
padding-bottom:20px;
}
 .dh ul li img {
float:left;
padding-right:5px;
}
 .dh ul li span {
position:absolute;
height:65px;
width:51px;
top:-7px;
right:0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
 .dh ul li .inactive:before, .dh ul li .inactive:after {
transform: rotate(45deg);
transition: all .3s ease;
content: "";
position: absolute;
right:0;
top: 50%;
left:50%;
margin-left:-5px;
height: 2px;
width: 10px;
border-radius: 3px;
background-color:#303030;
margin-top: -3px;
transition:0.5s;
}
 .dh ul li .inactive:after {
transform: rotate(-45deg);
margin-top:3px;
transition:0.5s;
}
 .dh ul li .inactives:before, .dh ul li .inactives:after {
transform: rotate(135deg);
transition: all .3s ease;
content: "";
position: absolute;
top: 50%;
height: 2px;
width:20px;
border-radius: 3px;
background-color: #333;
margin-top:0px;
}
 .dh ul li .inactives:after {
transform: rotate(45deg);
margin-top:0px;
}
 .dh>ul>li .droparea img {
display:none;
}
 .dh ul li.act > a {
font-weight:bold;
color:#0045a1;
}
 .dh ul li .droparea .act > a {
color:#0045a1;
font-size:16px;
}
 .dh ul li .droparea li {
line-height:38px;
position:relative;
}
 .dh ul li .droparea li .droparea li {
position:relative;
}
 .dh ul li .droparea li a {
text-indent:10px;
display:block;
color:#666;
font-size: 14px;
}
 .sj-serach {
padding:18px 0;
}
 .sok {
border:none;
background:none;
font-size:15px;
}
.sj-menu-yy {
margin:20px 0;
overflow:hidden;
border-bottom:none !important;
}
 .sj-menu-yy li {
float:left;
margin-right:12px;
font-size: 10px;
}
 .sj-menu-yy a {
float:left;
font-size:15px !important;
}
 .sj-sok {
font-family: 'Poppins-Regular';
font-size:15px;
}
 .sear_t {
position:absolute;
width:100% !important;
top:90px;
left:0px;
background-color: #fafafa;
 background: linear-gradient(to bottom, #f5f5f5 10%, #ededed 50%, #f5f5f5 90%);
z-index:99;
display:none;
}
 .search_bar1 {
max-width:630px;
border-bottom:1px solid #dcdcdc;
margin:20px auto 10px;
padding-left:50px;
padding-right:50px;
position:relative;
width:80%;
}
 .search_form .sf_input1 {
padding:10px;
display:block;
font-size:18px;
border:none;
color:#212721;
width:100%;
line-height:36px;
height:46px;
text-indent:10px;
background-color: transparent;
-webkit-appearance:none;
}
 .search_form .sf_input1:hover {
outline:0;
}
 .search_form .sf_btn1 {
background:url("../images2024/search_btn.png") no-repeat center;
width:46px;
height:46px;
float: right;
border: none;
cursor: pointer;
position:absolute;
left:0px;
}
 .search_form .search_close {
position:absolute;
right:5px;
top:0px;
width:20px;
height:46px;
background:url(../images2024/ssbtn_close.png) center no-repeat;
}
 .search_form .sf_input::-webkit-input-placeholder {
color:#505050;
}
	
	/* 火狐浏览器 */
.search_form .sf_input::-moz-placeholder {
color:#505050;
}
.search_tbn {
background:url(../images2024/ss_tbn.jpg) no-repeat center;
width:20px;
height:20px;
float:left;
padding:0 5px;
margin:0 10px;
cursor:pointer;
}
 .index-title {
font-size: 36px;
line-height: 36px;
}
 .index-pro-box {
width:31.3%;
}
.index-product-fl-box {
width:23%;
}
.index-product-fr {
width:76%;
}
.index-pro-box-bt {
font-size:16px;
}
 .infou-ul ul {
margin-top: 40px;
}
.infou-ul li {
width:50%;
margin-bottom:30px;
}
.index-about-title {
font-size: 30px;
line-height: 30px;
}
.index-about-wb {
font-size: 20px;
}
.index-about-box {
width: 92%;
margin:0 auto;
}
.link-list ul {
width: 97vw;
margin-top:30px;
}
.link-list {
margin-top:4em;
}
 .index-news-nr-left {
width: 50%;
}
.index-news-nr-left:nth-child(2n) {
padding-right:0;
}
 .f_tel p {
font-size:26px;
}
.f_tel {
font-size:18px;
}
.d_add {
font-size:15px;
}
.foot-menu {
margin-right:12%;
}
.foot-contact-title {
font-size: 18px;
}
.foot-contact-nr a {
font-size: 15px;
}
 .ny-menu li a {
font-size: 16px;
}
.ny-menu li {
margin: 0 15px;
}
 .infou-ul2 li h3 span:nth-child(1) {
font-size:40px;
line-height:40px;
}
.pro-right {
width:42%;
}
.product-top .l {
width:53%;
}
 .ny-news-right-title {
font-size:26px;
}
 .nylist li {
 width: 31.3%;
}
}
@media (min-width:1024px) {
}
@media (max-width:1024px) {
.link-list ul {
margin-top:0;
}
}
 @media (max-width:960px) {
#home_slider {
display:none;
}
#home_slider2 {
display:block;
}
 .index-title {
font-size:32px;
}
.index-title-ms {
font-size:16px;
}
.index-product-title {
font-size: 22px;
}
.pro-pic-dh-hz {
font-size:20px;
}
.index-product-fl li a {
font-size: 15px;
}
.index-product-fl li {
padding: 14.5px;
width:50%;
float:left;
}
.index-product-fl-box {
width:100%;
}
 .index-product-fr {
width: 100%;
margin-top:20px;
margin-right:0;
margin-left: 0;
}
 .index-pic-hz li {
width:31.3%;
}
.pro-pic-dh {
font-size:16px;
}
.index-bj {
padding:60px 0;
}
.index-case-pic {
width:50%;
}
.index-case-wb {
width:50%;
padding:120px 50px;
font-size: 24px;
}
 .khjz .item .cpzs_wb .cpzs_wb_t {
font-size:20px;
}
 .infou-ul ul {
margin-top: 80px;
}
.infou-ul li h3 span:nth-child(1) {
font-size:32px;
line-height:35px;
}
.infou-ul li p {
font-size: 15px;
}
.infou-ul li {
width:25%;
margin-bottom:0;
text-align:center;
}
 .index-about-title {
font-size: 30px;
line-height:30px;
margin:15px 0 30px;
}
.index-about-wb {
font-size: 18px;
}
.index-about-box {
width: 98%;
}
.link-list ul {
width: 94vw;
}
.link-list li {
width: 50%;
}
 .link-list {
height:450px;
}
 .about-yj {
 font-size: 20px !important;
}
 .index-news-left {
padding-right: 0;
width: 100%;
}
.index-news-nr-pic {
float:left;
margin-top:40px;
}
.index-news-left-title {
font-size: 20px;
}
 .pro_t li {
margin: 0 30px 15px 0;
font-size: 24px;
}
 .foot-box {
display:none;
}
.foot-bq {
text-align:center;
}
#firstpane {
display:block;
margin-top:50px;
}
.menu_head {
font-size:16px;
color: #fff;
font-weight: bold;
line-height:55px;
cursor:pointer;
border-bottom:1px solid #545454;
position:relative;
background: url(../images2024/pro_left.png) center right no-repeat;
}
.menu_list .current {
background: url(../images2024/pro_down.png) center right no-repeat;
}
.menu_body {
width:100%;
height:auto;
overflow:hidden;
padding:25px;
line-height:32px;
}
.menu_body a {
display:block;
width:100%;
color:#d7d7d7;
}
.menu_body a:hover {
color:#fff;
}
 .ny-banner {
display:none;
}
.ny-banner-sj {
display:block;
text-align:center;
}
.ny-banner-sj img {
width:100%;
height:auto;
}
 .about-left {
width:100%;
}
.about-right {
width:100%;
margin-top:30px;
}
 .about-nr {
font-size:15px;
}
.about-title {
font-size: 22px;
}
.about-title2 {
font-size: 26px;
}
 .infou-ul2 li h3 span:nth-child(1) {
font-size:32px;
line-height:35px;
}
.infou-ul2 li p {
font-size: 15px;
}
.infou-ul2 li {
width:25%;
margin-bottom:0;
text-align:center;
}
 .index-From-box {
width: 48%;
margin-bottom:20px;
}
.index-From-box-title {
font-size: 24px;
}
 .pro-right {
width: 100%;
margin-top:50px;
}
.product-top .l {
width: 100%;
}
 .product-xq-sj {
display:block;
width:98%;
margin:0 1%;
}
.product-top {
display:none;
}
.productshow-xq-bj {
padding: 30px 0;
}
.productshow-xq {
font-size: 24px;
}
.prc-nr {
font-size: 15px;
}
.nylist ul {
margin-right:0;
}
.nylist li {
width:46%;
margin:0 2% 30px 2%;
}
.nylist_tit {
font-size:16px;
padding: 18px;
}
 .ny-news-right-title {
font-size:26px;
}
 .ny-news-nr {
width:100%;
border:none;
}
.ny-news-right {
width:100%;
margin-top:50px;
padding:30px 20px;
}
.ny-news-right-nr li a {
font-size:18px;
}
.ny-news-nr-left-title {
font-size:20px;
}
 .relbar-map {
width:100%;
height:400px;
margin-top:30px;
}
.contact-right {
width:100%;
padding:50px 50px 100px 50px;
}
 .contact-wb {
font-size: 18px;
}
.contact-title {
 font-size: 36px;
 line-height: 36px;
}
.soka {
width: 99.7%;
padding:15px;
font-size:14px;
}
.sokb {
font-size:14px;
}
.tj {
width:170px;
font-size:16px;
line-height: 48px;
}
 .jjfa-hz {
padding:30px;
}
.jjfa-pic {
width:100%;
}
.jjfa-wb {
width:100%;
margin-top:30px;
}
.jjfa-wb {
font-size:24px;
}
}
 @media (max-width:768px) {
 .index-pro-box {
width: 46%;
margin: 0 2% 4% 2%;
}
 .index-pro-box-bt-hz {
padding:20px;
}
 .index-news-nr {
margin-right: 0;
margin-left: 0;
margin-top: 30px;
}
.index-news-nr-left {
width: 100%;
padding: 5% 0 0 0;
}
.pro_t li {
font-size: 22px;
}
 .ny-banner-title {
font-size: 30px;
right:20%;
 transform: translate(20%, -50%);
}
 .products-nylist li {
width:46%;
margin:0 2% 4% 2%;
}
.products-nylist_tit {
padding:15px;
}
 .ny-news-nr-left {
width:100%;
}
.ny-news-nr-pic {
width:100%;
margin-top:20px;
}
.ny-news-fl li a {
font-size:15px;
}
}
 @media (max-width:580px) {
.flex-direction-nav {
display:none;
}
 .index-case-wb {
padding:40px 30px;
font-size: 22px;
}
 .khjz .item .cpzs_wb .cpzs_wb_t {
font-size:18px;
}
 .index-about-more {
width:auto;
}
.infou-ul ul {
margin-top: 0;
}
.infou-ul li {
width:50%;
margin-top:40px;
}
.infou-ul li h3 span:nth-child(1) {
 font-size:30px;
 line-height: 30px;
}
.link-list {
height:500px;
}
 .about-sc {
font-size:16px;
}
.index-news-nr-left-title {
font-size: 18px;
}
.pro_t li {
font-size:20px;
}
.index-news-left-title {
font-size:20px;
}
 .foot-menu {
margin-bottom:30px;
}
.fot_ewm-tu {
margin-right:30px;
}
 .ny-menu {
line-height:65px;
}
.ny-menu li {
margin: 0 5px;
line-height:65px;
}
.ny-menu li a {
font-size: 15px;
}
.about-title2 {
font-size: 24px;
}
.infou-ul2 li {
width: 50%;
margin-bottom:50px;
}
.ptt-title {
font-size: 24px;
}
.index-From-box-title {
font-size: 22px;
}
.index-From-box-nr {
font-size: 16px;
}
.contact-title {
 font-size: 30px;
 line-height: 30px;
}
.contact-right {
padding:30px 30px 100px 30px;
}
.jjfa {
margin:0;
}
.jjfa-hz {
width:98%;
}
}
@media (max-width:480px) {
.pro_t li {
margin: 0 20px 15px 0;
}
.ny-menu li {
margin: 0 3px;
}
}
 @media (max-width:320px) {
}
