/* @font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');} */ html,body{padding: 0;margin: 0;font-size: 16px;color: #000000;/* overflow-x:hidden; *//*min-width: 1200px;*/} .wrap{margin: 0 auto;max-width: 1440px; } .wrap1{margin: 0 auto;max-width: 1200px; } ul{padding: 0;margin: 0;} ul li{list-style: none;} .fl{float: left;} .fr{float: right;} a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} img{max-width: 100%;} input:focus,button:focus,textarea:focus{outline: none;} .ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .ovh5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;} p{margin: 0;} i,em{font-style: initial;} .imgH{overflow: hidden;} .imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; } .imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);} .flexcen{display: flex;justify-content: center;align-items: center;} .flexsta{display: flex;justify-content: flex-start;align-items: center;} .flexend{display: flex;justify-content: flex-end;align-items: center;} .flexbet{display: flex;justify-content: space-between;align-items: center;} .flexaro{display: flex;justify-content: space-around;align-items: center;} .imgOver{position: relative; } .imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center; } .imgOver .pic img{width: 100%;height: 100%;object-fit: cover; } /**导航菜单**/ header{position: absolute;top: 0;left: 0;width: 100%;z-index: 9;transform: all .5s;background: url(../img/h-bg.png) no-repeat center center/cover; } header .logo a{height: 130px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;transform: all .5s;} header .logo img{max-height: 80%;} header .rightDiv{float: right;} header .rightDiv .menu{text-align: right;position: relative; } header .rightDiv .menu>ul{display: inline-block!important; } header .rightDiv .menu>ul>li{float: left; } header .rightDiv .menu>ul>li>a{height: 130px;text-align: left;color: #fff;position: relative;font-size: 18px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;position: relative;padding: 0 25px; } header .rightDiv .menu>ul>li:hover>a{color: #2bae0a;} header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{background: #2bae0a;color: #fff; } /* header .rightDiv .menu>ul>li>a::after{content: "";width: 100px;position: absolute;left:0;background: ;height: 100%;bottom: 0;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 0;} header .rightDiv .menu>ul>li:hover>a::after, */ /* header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);} */ header .rightDiv .ssbtn{height: 130px;margin-left: 20px; } header .rightDiv .ssbtn span{cursor: pointer; } header .rightDiv .langDiv {color: #ffffff;margin-left: 16px; } header .rightDiv .langDiv img{margin-right: 10px; } header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 40pxheader .rightDiv .menu;right: 0;display: none;} header .mbtn:active{opacity: .8;} body.on-menu header .mbtn{background: url(../img/menu-hide.png) no-repeat center center;background-size: 22px auto;} /* .on-fixed header{top: -40px;} .on-fixed header .logo a,.on-fixed header .rightDiv .menu>ul>li>a,.on-fixed header .rightDiv .ssbtn{height: 80px;} */ .searchDiv{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.8);z-index: 9999;display: none; } .searchDiv form{width: 98%;max-width: 620px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);position: relative; } .searchDiv form a{position: absolute;right: 10px;top: -40px;width: 20px; } .searchDiv form input{width: 100%;line-height: 48px;background: #fff;border-radius: 30px;padding: 0 100px 0 20px;border: 0; } .searchDiv form button{width: 80px;height: 100%;border: 0;background: #eee;position: absolute;right: 0;top: 0;border-radius: 0 30px 30px 0;cursor: pointer; } /****底部***/ .footerDiv {background: #0f2d06;color: #fff; } .footerDiv .logoDiv{padding: 50px 0; } .footerDiv .logoDiv .textDiv{width: 47.22%;} .footerDiv .logoDiv p{color: #999999;font-size: 14px;margin-top: 10px;line-height: 2; } .footerDiv .hdDiv{padding: 40px 0 90px;align-items: flex-start;border-top: 1px solid #fff;border-bottom: 1px solid #fff; } .footerDiv .hdDiv .listDiv span{color: #fff;display: block;margin-bottom: 25px;font-weight: bold; } .footerDiv .hdDiv .listDiv ul li {margin-top: 15px;font-size: 14px; } .footerDiv .hdDiv .listDiv ul li a{color: #999999; } .footerDiv .hdDiv .listDiv ul li a:hover{color: #fff; } .footerDiv .hdDiv .listDiv ul li a img{margin-right: 10px; } .footerDiv .hdDiv .listDiv .p{color: #999999;max-width: 500px; } .footerDiv .hdDiv .listDiv p{margin-top: 15px;font-size: 14px;display: flex;align-items: flex-start; } .footerDiv .hdDiv .listDiv p img{margin-right: 8px;margin-top: 3px; } .footerDiv .bdDiv{text-align: center;color: #999999;padding: 15px 0;font-size: 14px; } .footerDiv .bdDiv a{color: #999; } .footerDiv .bdDiv a:hover{color: #fff;} /********************************* 首页 **********************************/ .main{margin-top: 0;} /*banner轮播*/ .index-banner{width: 100%;position:relative;} .index-banner .swiper-slide{overflow: hidden;} .index-banner .img{width: 100%;display: block;height: 51vw;background: none no-repeat center;background-size: cover;} .index-banner .img img{height: 100%;width: 100%;object-fit: cover;position: absolute;left: 0;top: 0;} /* .index-banner .img .pcImg{display: block;} .index-banner .img .mImg{display: none; } */ .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px;} .index-banner .swiper-pagination-bullet{width: 3.14583vw;height: 3px;background: #fff;background-size: 100%; opacity: 0.6; border-radius: 0; } .index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;background: #fff;opacity:1; } .index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;} /* .index-banner .swiper-button-next,.index-banner .swiper-button-prev{width: 2.03125vw;height: 3.958vw;margin-top: -1.979vw; } .index-banner .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: 13.54vw;} .index-banner .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: 13.54vw;} */ /* .index-banner .wrap{height: 100%;display:flex;justify-content:flex-start;align-items:center;color: #fff;text-align: left;position: absolute;z-index: 1;} .index-banner .textDiv{width: 70%;font-family: 'Franklin Gothic Medium';} .index-banner .textDiv .p1{font-size: 2.9167vw;line-height: 1.3; } .index-banner .textDiv .p2{font-size: 0.8333vw;margin: 2vw 0;} .index-banner .textDiv a{width: 7.8125vw;height: 2vw;background: rgba(255, 255, 255, 1);color: #000;border-radius: 2px;font-size: 0.8333vw; } */ .f60{font-size: 60px;} .f48{font-size: 48px;} .f36{font-size: 36px;} .f30{font-size: 30px;} .f24{font-size: 24px;} .f20{font-size: 20px;} .f18{font-size: 18px;} .bold{font-weight: bold;} .indexTitle{position: relative;text-align: center;line-height: 1; } .indexTitle span{position: relative;color: #333333;display: block;font-weight: bold;text-transform: uppercase; } .indexTitle.cfff span{color: #fff; } .indexDiv1{padding: 113px 0; } .indexDiv1 .itemDiv:nth-child(1) {margin-bottom: 78px; } .indexDiv1 .itemDiv:nth-child(2) {flex-direction: row-reverse; } .indexDiv1 .imgDiv{width: 47.22%; } .indexDiv1 .textDiv{width: 37.5%;} .indexDiv1 .itemDiv:nth-child(1) .textDiv{margin-right: 6.94%; } .indexDiv1 .textDiv .title{font-weight: bold;text-transform: uppercase; } .indexDiv1 .textDiv .line{width: 50px;height: 5px;background: #2dae06;margin: 25px 0 50px; } .indexDiv1 .textDiv .p{color: #666666;line-height: 2;margin-bottom: 50px; } .indexDiv1 .imgDiv video{display: block;width: 100%; } .moreBtn{color: #1f4214;width: 160px;height: 50px;background: #2dae06!important;color: #fff!important;text-transform: uppercase; } .moreBtn:hover{opacity: .8; } .indexDiv2 {padding: 140px 0;background: #f5f5f5; } .indexDiv2 .bdDiv{margin: 115px 0 0; } .indexDiv2 .bdDiv .row>div{margin-bottom: 30px; } .indexDiv2 .bdDiv a{display: block;background: #2baf0a;border: 1px solid #2baf0a;border-radius: 15px;overflow: hidden;height: 100%; } .indexDiv2 .bdDiv .imgDiv{position: relative;padding-top: 100%;overflow: hidden;background: #fff; } .indexDiv2 .bdDiv .imgDiv .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; } .indexDiv2 .bdDiv .imgDiv .pic img{max-width: 100%;max-height: 90%; } .indexDiv2 .bdDiv .textDiv{padding: 15px; } .indexDiv2 .bdDiv .textDiv p{font-size: 18px;color: #fff;width: calc(100% - 105px); } .indexDiv2 .bdDiv .textDiv span{width: 85px;height: 29px;background: #fff;font-size: 14px;color: #2baf0a;text-transform: uppercase; } .indexDiv3{padding: 100px 0 115px;color: #fff;overflow: hidden; } .indexDiv3 .bdDiv .row{margin: 0 -45px; } .indexDiv3 .bdDiv .row>div{padding: 0 45px;margin-top: 90px; } .indexDiv3 .bdDiv .row>div .conDiv{align-items: flex-start; } .indexDiv3 .bdDiv .row>div img{width: 100px;margin-right: 18px; } .indexDiv3 .bdDiv .row>div .textDiv{flex: 1; } .indexDiv4{padding: 150px 0 250px; } .indexDiv4 .bdDiv{margin-top: 90px;align-items: initial; } .indexDiv4 .bdDiv .itemDiv1{width: 18.06%; } .indexDiv4 .bdDiv .itemDiv2{width: 58.61%; } .indexDiv4 .bdDiv .itemDiv1 .imgDiv{padding-top: 96.1538%; } .indexDiv4 .bdDiv .itemDiv1 .textDiv{padding-top: 15px; } .indexDiv4 .bdDiv .textDiv .date{color: #999999;font-size: 14px; } .indexDiv4 .bdDiv .textDiv .title{color: #333333;margin: 10px 0 40px;line-height: 1.75; } .indexDiv4 .bdDiv .itemDiv2 a{align-items: initial; } .indexDiv4 .bdDiv .itemDiv2 .imgDiv{width: 52.132%; } .indexDiv4 .bdDiv .itemDiv2 .imgOver{padding-top: 96.1538%; } .indexDiv4 .bdDiv .itemDiv2 .textDiv{width: 43%; } .indexDiv4 .bdDiv .itemDiv2 .textDiv .title{font-size: 20px; } .indexDiv4 .bdDiv .itemDiv2 .textDiv .p{color: #666666;line-height: 1.75;margin-bottom: 60px; } .indexDiv4 .bdDiv a:hover .textDiv .title{color: #2dae06; } .nyBanner .wrap{position:relative;height: 26.04167vw;color: #333;justify-content: flex-start;align-items: flex-end; } .nyBanner .textDiv{margin-bottom: 3.9vw;background: rgba(28,115,6,.5);padding: 5vw 4vw;line-height: 1;width: 52%; } .nyBanner .textDiv span{color: #fff;font-size: 3.125vw;font-weight: bold;text-transform: uppercase; } /* .nyBanner .textDiv small{font-size: 1.5625vw;text-transform: uppercase; } .breadcrumbDiv{font-size: 16px;margin-top: 7vw;color: #fff; } .breadcrumbDiv a{color: #fff;} */ .productDiv{padding: 100px 0 130px; } .productDiv .conDiv{align-items: flex-start; } .productDiv .leftDiv{width: 250px;margin-right: 46px; } .productDiv .leftDiv .hdDiv .hd{background: #2bae0a;padding: 20px 35px;color: #fff; } .productDiv .leftDiv .hdDiv ul li a{display: block;margin-bottom: 3px;background: url(../img/jt1.png) #f5f5f5 no-repeat right 18px center;padding: 20px 35px;color: #333333; } .productDiv .leftDiv .hdDiv ul li.on a{background: url(../img/jt2.png) #f5f5f5 no-repeat right 18px center; } .productDiv .rightDiv{flex: 1; } .productDiv .rightDiv .row{margin: 0 -9px; } .productDiv .rightDiv .row>div{padding: 0 9px;margin-bottom: 30px; } .productDiv .rightDiv .row>div a{text-align: center;display: block; } .productDiv .rightDiv .row>div .imgDiv{padding-top: 100%; } .productDiv .rightDiv .row>div .textDiv{padding: 15px 15px 0; } .productDiv .rightDiv .row>div .textDiv .title{color: #333; } .productDiv .rightDiv .row>div .textDiv .p{color: #999999;font-size: 14px;margin-top: 5px; } .aboutDiv1{padding: 110px 0; } .aboutDiv1 .indexTitle{text-align: left;margin-bottom: 50px; } .aboutDiv1 .textDiv{line-height: 1.75; } .aboutDiv2{padding: 110px 0;overflow: hidden; } .aboutDiv2 .bdDiv{margin-top: 100px; } .aboutDiv2 .bdDiv .imgDiv{padding-top: 141.53%; } .aboutDiv2 .swiper-button-next,.aboutDiv2 .swiper-button-prev{width: 49px;height: 80px;margin-top: -40px; } .aboutDiv2 .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: 0;} .aboutDiv2 .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: 0;} .aboutDiv3{padding: 110px 0; } .aboutDiv3 .bdDiv{margin-top: 80px; } .aboutDiv3 .bdDiv ul{display: grid;grid-template-columns: repeat(5,1fr);grid-gap: 11px; } .aboutDiv3 .bdDiv ul li{border: 1px solid #b5b5b5; } .aboutDiv3 .bdDiv .imgDiv{padding-top: 51.948%; } .aboutDiv3 .bdDiv .imgDiv img{ filter:url('data:image/svg+xml;utf8,#grayscale'); /* Firefox 3.5+, IE10 */ filter:gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .aboutDiv3 .bdDiv .imgDiv img:hover{filter: none;-webkit-filter: grayscale(0%);} .newsDiv{padding: 110px 0; } .newsDiv ul li{margin-bottom: 50px; } .newsDiv ul li .date{font-size: 18px; } .newsDiv ul li .title{font-size: 24px;color: #333;margin: 10px 0;display: block; } .newsDiv ul li .p{color: #999;line-height: 1.75;margin-bottom: 20px; } .newsDiv ul li .title:hover{text-decoration: underline;color: #2bae0a; } .detailDiv {padding: 80px 0;} .detailDiv .hdDiv {text-align: center;border-bottom: 1px dashed #d2d2d2;padding: 0 0 40px; } .detailDiv .hdDiv .title{color: #000000;margin-bottom: 30px; } .detailDiv .bdDiv {text-align: center;padding: 20px 0; } .detailDiv .bdDiv p{color: #373737;line-height: 2;text-align: left;margin: 20px 0; } .detailDiv .otherPageDiv a{margin-top: 10px;color: #666; } .detailDiv .otherPageDiv a:hover{color: #2bae0a;text-decoration: underline; } .pageDiv{text-align: center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 80px; } .pageDiv a,.pageDiv span{display: inline-block; line-height: 50px;padding: 0 15px;margin: 0 5px;color: #333333;min-width: 50px;background: #f5f5f5; } .pageDiv span{color: #fff;background: #2bae0a;} .contactDiv {padding: 80px 0 100px;} .contactDiv .hdDiv{margin-bottom: 160px;align-items: flex-start; } .contactDiv .hdDiv .leftDiv{width: 40%; } .contactDiv .hdDiv .leftDiv .p{margin: 60px 0;line-height: 2;font-size: 18px; } .contactDiv .hdDiv .leftDiv .p p{margin: 10px 0;} .contactDiv .hdDiv .leftDiv .ewmDiv{width: 140px;text-align: center; } .contactDiv .hdDiv .leftDiv .ewmDiv p{margin-top: 10px; } .contactDiv .hdDiv .rightDiv{width: 53.3%;} .contactDiv .bdDiv .p{margin: 40px 0 50px;color: #9d9d9d;} .contactDiv .formDiv .row{margin: 0 -10px;} .contactDiv .formDiv .row>div{padding: 0 10px;} .contactDiv .formDiv form{width: 100%;position: relative;} .contactDiv .formDiv form .inputDiv{width: 100%;margin-bottom: 20px; } .contactDiv .formDiv form input{width: 100%;line-height: 60px;border: 0;padding: 0 20px;border-radius: 6px;background: #f6f6f6; } .contactDiv .formDiv form textarea{width: 100%;height: 160px;border: 0;border-radius: 6px;background: #f6f6f6;padding: 10px 20px;resize: none;display: block; } .contactDiv .formDiv form button{width: 100%;max-width: 440px; height: 60px;border: 0;padding: 0;background: #2bae0a;cursor: pointer;color: #fff;border-radius: 6px;margin: 20px auto 0; } .contactDiv .formDiv form button:hover{opacity: .8;} /*body:after { content: ''; position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); display: none; } body.on-menu:after { display: block; }*/ .menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .menu #menu-button{display:none} .menu{width:auto;} #menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out} .menu>ul>li{float:left} /*.menu.align-center>ul{font-size:0;text-align:center} .menu.align-center>ul>li{display:inline-block;float:none} .menu.align-center ul ul{text-align:left} .menu.align-right>ul>li{float:right} .menu.align-right ul ul{text-align:right}*/ .menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease} .menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff} .menu>ul>li.has-sub>a{padding-right:0} /*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-12px;width:8px;height:8px;border-bottom:2px solid #333333;border-right:2px solid #333333;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease} .indexHeader .menu>ul>li.has-sub>a::after{border-color: #fff;} .on-fixed .indexHeader .menu>ul>li.has-sub>a::after{border-color: #333;} .menu>ul>li.has-sub:hover>a::after{border-color:#f80e02!important;} .menu>ul>li.has-sub.on>a::after{border-color:#f80e02;}*/ .menu ul ul{position:absolute;left:-9999px;text-align: center;width: max-content;} .menu li:hover>ul{left:0;} /*.menu.align-right li:hover>ul{right:0}*/ .menu ul ul ul{right:100%;top:10px;min-width: initial;} .menu ul ul li:hover>ul{left: 100%;margin-left: 0;} /*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/ .menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;float: left;margin-right: 60px;} .menu ul ul{padding: 0 10px;background: rgba(255,255,255,.95);border-top: 5px solid #c60200;} .menu ul ul li a .iconDiv{margin-bottom: 30px;} .menu ul ul li>a{font-size: 16px;color:#fff;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;} .menu ul ul li .alist a{display: block;font-size: 16px;color: #666666;margin-top: 15px;text-decoration:none;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;} .menu ul ul li>a:hover,.menu ul ul li a:hover{opacity: .8;} header .rightDiv .menu>ul>li{position: relative;} header .rightDiv .menu>ul>li ul{min-width: 180px;box-shadow: 0px 0px 7px rgba(0,0,0,.1);} header .rightDiv .menu>ul>li:hover>ul{left: 50%;transform: translateX(-50%); } header .rightDiv .menu>ul>li li{display: block;float: initial;width: 100%;border-bottom: 1px solid #d2d2d2;} header .rightDiv .menu>ul>li li a{font-size: 14px;color: #666666;margin: 0;font-weight: normal;text-align: left;text-transform: capitalize;padding: 15px 0;} header .rightDiv .menu>ul>li li a:hover {color: #c60200;} .menu ul .default ul{padding: 0;} .visible-ms{display: none; } /*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease} .menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd} .menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/ @media (max-width:1500px) { .wrap{padding: 0 30px;} header .logo{width: 35%;} header .rightDiv .menu>ul>li>a{padding: 0 1.3vw; } .indexDiv3 .bdDiv .row{margin: 0 -30px; } .indexDiv3 .bdDiv .row>div{padding: 0 30px; } } @media (max-width:1220px) { .wrap{padding: 0 30px;} .wrap1{padding: 0 30px;} header .logo{width: 33%;} header .rightDiv .menu>ul>li>a{font-size: 16px;} header .rightDiv .menu>ul>li>a,header .logo a,header .rightDiv .ssbtn{height: 100px; } .f48{font-size: 40px; } .f36{font-size: 30px; } .indexDiv3 .bdDiv .row{margin: 0 -20px; } .indexDiv3 .bdDiv .row>div{padding: 0 20px; } .indexDiv2 .bdDiv .textDiv p{font-size: 14px; } .indexDiv3 .bdDiv .row>div img{width: 80px;} } @media (max-width:1100px) { header .logo{width: 27%;} } @media (min-width:992px) and (max-width:1024px) { } @media (min-width:768px) and (max-width:991px) { } @media (max-width:991px){ .wrap{padding: 0 30px;} .menu{width:100%} .menu ul{width:100%;display: block;} .menu>ul>li>a{padding: 0 20px;} .menu.align-center>ul,.menu.align-right ul ul{text-align:left} .menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);} /*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/ /*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/ .menu ul li a,.menu ul ul li a{width:100%} .menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block} .menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#333;background:0 0} .menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333} .indexHeader .menu ul ul li a{color:#fff;} .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff} .on-fixed .indexHeader .menu ul ul li a{color:#333;} .on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333} .menu ul ul ul li a{padding-left:40px} .menu ul ul, .menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0} .menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none} #menu-line{display:none} .menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase} .menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff} .menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff} .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer} .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99} /*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer} .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99} .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/ /*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer} .on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99} .on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/ .visible-ms{display: block;position: absolute;right: 60px;top: 0; } .visible-ms .langDiv{height: 50px; } .menu .submenu-button.submenu-opened:after{display:none} .menu ul ul{background: transparent;border-bottom:none;padding: 0;} .menu ul ul ul{top: 0;} .menu li:hover>ul{left: auto;margin-left: auto;} .menu ul ul .wrap{padding:0;} header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;} /*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/ /* .on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}*/ header { position: fixed !important; z-index: 9999; top: 0; left: auto; right: 0; width: 100%; height: 50px; transition: right 300ms !important; } header .logo a{height: 50px;} header .logo a img{max-height: 90%;} header .mbtn {display: block;} body.on-menu header .mbtn{z-index: 1;} body.on-menu header {background: rgba(0,0,0,.9); } header .rightDiv .menu { float: right; position: fixed; top: 50px; right: 0; width: 100%; height: calc(100% - 50px); padding-top: 0; background:rgba(0,0,0,.9); /*border-bottom: 1px solid #f8f8f847;*/ transition: right 300ms; right: -100%; padding: 0; overflow-y: auto; } header .rightDiv .menu ul{float: initial;} /*header .rightDiv .menu ul.open{background: #000;}*/ header .rightDiv .menu ul li { padding: 0; margin: 0; /*border-bottom: 1px solid #f8f8f847;*/ float: initial; position: relative; } header .rightDiv .menu ul li a { display: block; line-height: 50px; height: 50px; text-align: center; font-size: 16px; } /*header.indexHeader .rightDiv .menu>ul>li>a{color: #333;}*/ header .rightDiv .menu>ul>li>a small{display: none;} header .rightDiv .menu>ul {display: block;padding-top: 0;} body.on-menu header .rightDiv .menu {right: 0;} body.on-menu .main {right: 0;} header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;} header .rightDiv .menu>ul>li>a::after{bottom: 0; } header .rightDiv .menu>ul>li>a span{display: inline-block;line-height: 34px;} header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;} .menu ul ul{box-shadow: none;} .menu ul ul li a .iconDiv{display: none;} .menu ul ul li>a{margin-bottom: 0;} .menu ul ul li .alist a{margin: 0;} .main {position: relative;right: 0;transition: right 300ms !important; } header .rightDiv .menu>ul>li ul{box-shadow: none;} header .rightDiv .menu>ul>li li{border-bottom: 0;} header .rightDiv .menu>ul>li li a{padding: 0 20px 0 30px;} header .rightDiv .menu>ul>li li.has-sub>a,header .rightDiv .menu>ul>li li.has-sub:hover>a{background: none;} .menu ul ul li:hover>ul{left: 0;} html, body{min-width: 100%;} .on-fixed header .logo a,.on-fixed header .rightDiv .menu>ul>li>a,.on-fixed header .rightDiv .ssbtn{height: 50px;} .on-fixed header .rightDiv .menu{top: 50px;} header .rightDiv .othersDiv{display: none; } .f48{font-size: 40px;} .f36{font-size: 30px;} .f30{font-size: 26px;} .f24{font-size: 20px;} .f20{font-size: 18px;} header .logo{width: auto;max-width: 80%; } .indexDiv2 .bdDiv .textDiv{display: block; } .indexDiv2 .bdDiv .textDiv p{width: 100%;margin-bottom: 10px; } .ssbtn{display: none; } header .rightDiv .langDiv{margin:0;font-size:16px} header .rightDiv .langDiv img{margin-right:4px;height:18px;} } @media (max-width:820px) { .aboutDiv1 .hdDiv .hbDiv .p{font-size: 24px; } } .hidden-xs{display: block;} .visible-xs{display: none;} /*手机*/ @media (max-width:767px) { .hidden-xs{display: none;} .visible-xs{display: block;} /* .floatRightDiv{display: none;} */ html, body{font-size: 14px;} .index-banner .img{height: 52vw; } /* .index-banner .swiper-button-next{right: 15px; } .index-banner .swiper-button-prev{left: 15px; } .index-banner .swiper-button-next, .index-banner .swiper-button-prev{width: 12px;height: 30px; } */ .index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px; } .wrap,.wrap1{padding: 0 15px;} .f60{font-size: 30px;} .f48{font-size: 28px;} .f36{font-size: 22px;} .f30{font-size: 20px;} .f24{font-size: 18px;} .f20{font-size: 16px;} .f18{font-size: 16px;} a.imoreBtn{width: 120px;line-height: 40px; } .indexDiv1{padding: 50px 0; } .indexDiv1 .itemDiv{display: block; } .indexDiv1 .itemDiv .imgDiv{width: 100%;} .indexDiv1 .itemDiv .textDiv{width: 100%;margin-top: 20px;padding: 0; } .indexDiv1 .textDiv .line{margin: 15px 0 30px;height: 3px; } .indexDiv1 .textDiv .p{margin-bottom: 30px; } .moreBtn{width: 120px;height: 40px; } .indexDiv1 .itemDiv:nth-child(1){margin-bottom: 40px; } .indexDiv2{padding: 60px 0; } .indexDiv2 .bdDiv{margin: 50px 0 0; } .indexDiv2 .bdDiv .row{margin: 0 -10px; } .indexDiv2 .bdDiv .row>div{padding: 0 10px;margin-bottom: 20px; } .indexDiv2 .bdDiv .textDiv{padding: 12px; } .indexDiv2 .bdDiv .textDiv span{font-size: 12px;width: 75px;height: 25px; } .indexDiv3{padding: 50px 0; } .indexDiv3 .bdDiv .row>div{margin-top: 30px; } .indexDiv3 .bdDiv .row>div img{width: 60px; } .indexDiv4{padding: 50px 0; } .indexDiv4 .bdDiv{margin-top: 30px;flex-wrap: wrap; } .indexDiv4 .bdDiv .itemDiv1{width: 47%;} .indexDiv4 .bdDiv .itemDiv2{width: 100%;margin-top: 30px; } /* .indexDiv4 .bdDiv .itemDiv2 a{display: block; } */ .indexDiv4 .bdDiv .itemDiv2 .textDiv .title{font-size: 18px;margin: 5px 0 10px;line-height: 1.6; } .indexDiv4 .bdDiv .itemDiv2 .textDiv .p{-webkit-line-clamp:2;margin-bottom: 20px; } .footerDiv .logoDiv{display: block;padding: 30px 0 10px; } .footerDiv .logoDiv .textDiv{width: 100%;margin-bottom: 30px;} .footerDiv .hdDiv{padding: 30px 0;flex-wrap: wrap; } .footerDiv .hdDiv .listDiv{margin-bottom: 20px; } .nyBanner .wrap{height: 40vw;} .nyBanner .textDiv span{font-size: 20px;} .productDiv{padding: 50px 0; } .productDiv .conDiv{display: block; } .productDiv .leftDiv{width: 100%;} .productDiv .leftDiv .hdDiv .hd{font-size: 18px;padding: 15px 20px; } .productDiv .leftDiv .hdDiv ul li a{padding: 10px 20px;font-size: 16px; } .productDiv .rightDiv{width: 100%;margin-top: 30px; } .productDiv .rightDiv .hdDiv{display: block;padding: 40px 0; } .productDiv .rightDiv .hdDiv .hlDiv{width: 100%;} .productDiv .rightDiv .hdDiv .hrDiv{width: 100%;margin-top: 20px; } .productDiv .rightDiv .hdDiv .hrDiv .p{margin: 20px 0; } .productDiv .bdDiv .othersProduct a{margin-bottom: 30px; } .aboutDiv1{padding: 50px 0; } .aboutDiv1 .indexTitle{margin-bottom: 25px; } .aboutDiv2{padding: 50px 0; } .aboutDiv2 .bdDiv{margin-top: 30px; } .aboutDiv2 .swiper-button-next, .aboutDiv2 .swiper-button-prev{width: 25px;} .aboutDiv3{padding: 50px 0; } .aboutDiv3 .bdDiv{margin-top: 30px; } .aboutDiv3 .bdDiv ul{grid-template-columns: repeat(3,1fr); } .newsDiv{padding: 45px 0; } .newsDiv .bdDiv{display: block; } .newsDiv .leftDiv{width: 100%; } .newsDiv .leftDiv a{line-height: 50px; } .newsDiv .rightDiv{width: 100%;margin-top: 20px; } .newsDiv .rightDiv ul li a{display: block;padding-bottom: 20px;margin-bottom: 20px; } .newsDiv .rightDiv ul li a .imgDiv{width: 100%;height: initial;max-height: 200px;overflow: hidden; } .newsDiv .rightDiv ul li a .textDiv{width: 100%;margin-top: 20px; } .newsDiv .rightDiv ul li a .textDiv .title{font-size: 16px; } .newsDiv .rightDiv ul li a .textDiv .p{margin: 15px 0 20px;line-height: 1.8; } .pageDiv{margin-top: 40px; } .pageDiv a, .pageDiv span{line-height: 32px;min-width: 32px;padding: 0 10px; } .contactDiv{padding: 40px 0 50px;} .contactDiv .hdDiv{margin: 0 ;font-size: 16px;display: block; } .contactDiv .hdDiv .leftDiv{width: 100%;} .contactDiv .hdDiv .leftDiv .p{margin: 30px 0;font-size: 16px;} .contactDiv .hdDiv .leftDiv .p p{margin: 5px 0 0;} .contactDiv .hdDiv .rightDiv{width: 100%;margin-top: 30px; } .contactDiv .bdDiv .p{margin: 20px 0 25px;font-size: 14px; } .contactDiv .formDiv form .inputDiv{margin-bottom: 15px;} .contactDiv .formDiv form input{padding: 0 10px;line-height: 46px; } .contactDiv .formDiv form textarea{height: 130px;padding: 5px 10px; } .contactDiv .formDiv form button{max-width: 220px;height: 50px; } .detailDiv{padding: 40px 0; } .detailDiv .hdDiv{padding-bottom: 20px; } .detailDiv .hdDiv .title{margin-bottom: 15px; } }