/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:14px;font-family:''; color:#000;}
a{color:#000;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}




.header{ position:fixed;top: 0;left: 0;z-index: 9999;width: 100%;background: #fff;}
.headList{display: flex;justify-content: space-between;align-items: center;height: 60px;padding: 0 30px;box-sizing: border-box;width: 100%;box-sizing: border-box;position: relative;}
.headList .logo{display: block;}
.headList .logo img{max-height: 40px;width: auto;}


/*menu*/
.pc_menu{}
.menu{height:50px;line-height:50px;}
.menu ul li{ float:left;}
.menu a{ font-size:14px;color:#000;display:block;text-align:center;padding: 0 20px;}
.menu a:hover{color:#000;font-weight: bold;}
a.menu_hover{color:#000;font-weight: bold;}


.menu2{ background:#fff; width:100%; position:absolute; left:0px; top:50px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);z-index: 9;display: block;border-top: 1px solid #f7f7f7;display: none;}
.menu2 .Warp{display: flex;justify-content: flex-end;}
.menu2Panel{overflow: hidden}
.menu2Panel a{padding: 0;width: 260px;height: 260px;}
.menu2Panel img{width: 100%;height: 100%;object-fit: cover;}
.menu2Tab{padding: 20px 0;box-sizing: border-box;}
.menu2 dl{column-count: 2;}
.menu2 dl dd{ line-height:30px;border-left:#f7f7f7 solid 1px;-webkit-column-break-inside: avoid; page-break-inside: avoid;break-inside: avoid;width: 200px;}
.menu2 dl dd a{ font-size:12px; color:#666;display:block; padding: 0 20px;text-align:left;}
.menu2 dl dd a:hover{text-decoration: underline;}

.menu ul li:last-child .menu2 dl{column-count: 1;}




/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:60px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:60px;display: flex;justify-content: center;align-items: center;width: 100%;}
.sp_logo img{margin:auto;max-height:35px;}
.sp_nav{width:50px;cursor:pointer;height:30px;position: absolute;left: 10px;top: 15px;}
.sp_nav span{display:block;background:#000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:85%;height: 100%;font-size:14px;line-height:40px;top: 0;left: -100%;overflow:auto;overflow-x:hidden;transition:left ease 0.35s;display: none;box-shadow: 0 6px 12px #00000029;}
.nav_show{left: 0;}
.sjj_nav ul{padding: 10% 0;box-sizing: border-box;padding-top: 100px;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom:1px #e4e8eb solid;position:relative;line-height:54px;font-size:24px}
.sjj_nav ul li ul{display:none;padding: 0;}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 15px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #0188FB;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border: none;width: 35%;box-sizing: border-box;display: inline-block;line-height: 30px;}
.sjj_nav ul li ul li a{padding-left: 20px;font-size: 13px;    font-weight: bold;}



/*swiper*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: transparent;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;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

/*banner*/
.banner{width: 100%;}
.bannerSwiper .swiper-pagination-bullet{opacity: 1;box-shadow:2px 2px 10px rgba(0,0,0,0.5);background: #fff;transition:left ease 0.35s;border-radius: 20px;}
.bannerSwiper .swiper-pagination-bullet-active{background: #00b0ec;width:20px;border-radius: 20px;box-shadow:2px 2px 10px rgba(255,255,255,0.2);}
.banner .img {width:100%; height:100%; display:block;}
.banner .banvideo {width:100%; height:100%;}
.banner .banvideo video{width:100%; height:100%; object-fit: cover;}
/*common*/
.iComTitle{}


.index1{width: 100%;}
.index1 ul{display: flex;flex-wrap: wrap;}
.index1 ul li{width: 50%;margin-bottom: 55px;}
.index1 .part{display: block;width: 100%;cursor: default;}
.index1 .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.index1 .part .img img{width: 100%;}
.index1 .part .desc{padding: 20px 10px;font-size: 20px;color: #000;box-sizing: border-box;}
.index1 .part .tit{display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;}
.index1 .part .titEn{text-transform: uppercase;}

.footer{width: 100%;padding: 18px 0;background: #efefef;font-size: 12px;color: #000;}
.footer .Warp{display: flex;justify-content: space-between;padding: 0 30px;box-sizing: border-box;}
.footR{width: 120px;position: relative;}
.footR a{color: #000;font-size: 17px}
.footR .icon img{width: 17px;vertical-align: middle;}
.footR .ewmTop{position: absolute;right: 0;bottom: 20px;background: #fff;border-radius: 5px;box-sizing: border-box;padding: 10px;text-align: center;width: 150px;font-size: 12px;color: #000;box-shadow: 0 3px 6px #00000029;display: none;} 

.footR:hover .ewmTop{display: block;}

.seriesTit{width: 100%;color: #fff;font-size: 14px;position: fixed;top: 60px;z-index: 999;background: #000;height: 35px;line-height: 35px;padding: 0 30px;box-sizing: border-box;}
.seriesTit a{color: #fff;}
.seriesTit i{display: none;}

.proSelect{width: 100%;color: #000;font-size: 14px;position: fixed;top: 95px;z-index: 999;background: #fff;height: 35px;line-height: 35px;padding: 0 30px;box-sizing: border-box;display: flex;justify-content: flex-end;}
.proSelBtn{font-size: 14px;}
.proSelBtn a{color: #000000;}
.proSelBtn i{padding-left: 5px;font-size: 16px;}
.proSelPanel{width: 100%;position: absolute;top: 0;left: 0;width: 100%;z-index: 999;background: #fff;box-shadow: 0 2px 10px #0000001a;padding: 50px 30px;box-sizing: border-box;display: none;}
.proSelPanel .Warp{display: flex;flex-wrap: wrap;}
.proSelPanel dl{width: 16%;margin-right: 5%;}
.proSelPanel .t1{font-size: 14px;color: #000;line-height: 30px;border-bottom: 1px solid #000;margin-bottom: 20px;}
.proSelPanel dl dd{line-height: 30px;}
.proSelPanel dl dd a{color: #000;font-size: 12px;display: block;padding-left: 20px;position: relative;opacity: 0.6;}
.proSelPanel dl dd a:before{position: absolute;top: 10px;left: 0;width: 10px;height: 10px;background: #000;border-radius: 50%;content: "";opacity: 0.6;}
.proSelPanel dl dd.on a{opacity: 1;}
.proSelPanel dl dd.on a:before{opacity: 1;}
.proSelClose{color: #000000;position: absolute;top: 20px;right: 30px;font-size: 16px;}
.proSelect:hover .proSelPanel{display: block;}


.product{width: 100%;margin-top: 120px;}
.product ul li{background: #efefef;width: 100%;padding: 80px 0;display: flex;justify-content: space-between;}
.product ul li:nth-child(even){background: #f7f7f7;}
.proL{width: 25%;padding: 30px;box-sizing: border-box;font-size: 25px;color: #000;position: relative;}
.proL .titEn{margin-bottom: 50px;}
.proL .more{position: absolute;left: 30px;bottom: 30px;font-size: 12px;color: #000;}
.proL .more i{transition: 0.3s;}
.proL .more:hover i{transform: translateX(5px);}
.proR{width: 74.5%;}
.proSwiper{width: 100%;}
.proSwiper .part{display: block;width: 100%;overflow: hidden;position: relative;}
.proSwiper .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.proSwiper .part .img img{width: 100%;}
.proSwiper .part .imgTop{position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;box-sizing: border-box;display: flex;justify-content: space-between;font-size: 12px;color: #000;font-weight: bold;opacity: 0;transition: 0.3s;}
.proSwiper .part:hover .imgTop{opacity: 1;}
.proSwiper .swiper-button-next,.proSwiper .swiper-button-prev{width: 40px;height: 40px;background: rgba(255,255,255,0.6);color: #454545;opacity: 0 !important;}
.proSwiper .swiper-button-next:after,.proSwiper .swiper-button-prev:after{font-size: 20px;}
.proSwiper:hover .swiper-button-next,.proSwiper:hover .swiper-button-prev{opacity: 1 !important;}

.prodetail{width: 100%;padding: 80px 0;display: flex;justify-content: space-between;}
.prodL{width: 49%;font-size: 0px;overflow: hidden;}
.prodL img{width: 100%;max-height: 930px;object-fit: cover;}
.prodR{width: 49%;padding: 40px 68px;box-sizing: border-box;}
.prodR .t1{font-size: 26px;color: #000;}
.prodR .titEn{font-size: 26px;color: #000;}
.prodR .kg{font-size: 17px;color: #000;text-align: right;}
.prodR .info{font-size: 12px;color: #0009;margin: 30px 0;line-height: 1.8;}
.prodR .more{display: inline-block;padding: 10px 20px;color: #000;font-size: 16px;border: 1px solid #000;}


.ProList{width: 100%;margin-top: 20px;}
.ProList ul li{padding: 15px 0;border-bottom: 1px solid #000;}
.ProList .tit{width: 100%;display: flex;justify-content: space-between;font-size: 14px;color: #000;font-weight: bold;}
.ProList .t2{line-height: 40px;color: #000;font-size: 14px;border-bottom: 1px solid #000;margin-bottom: 10px;}
.ProList .txt{font-size: 13px;color: #000;padding: 10px 0;opacity: 0.8;}
.ProList .txt p{padding: 0;}
.ProList .titBtn{width: 100%;display: flex;justify-content: space-between;font-size: 14px;color: #000;font-weight: bold;}
.ProList .panel{font-size: 14px;color: #000;padding: 10px 0;display: none;opacity: 0.8;}

.research{width: 100%;background: #f7f7f7;padding: 50px 68px;box-sizing: border-box;}
.research .item{padding-top: 60px;}
.resTit{font-size: 40px;color: #000;margin-bottom: 50px;}
.resL{width: 31%;}
.resR{width: 68%;}
.res1Warp .img{width: 100%;font-size: 0px;overflow: hidden;}
.res1Warp .img img{width: 238px;}
.resInfo{font-size: 28px;color: #000; text-align: justify;}
.res1Warp{display: flex;justify-content: space-between;}
.res1Warp ul{margin-top: 100px;border-bottom: 1px solid #000;border-top: 1px solid #000;padding: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.res1Warp ul li{text-align: center;}
.res1Warp ul li .tit{font-size: 30px;color: #000;}
.res1Warp ul li .tit span{font-size: 40px;}
.res1Warp ul li .txt{font-size: 15px;margin-top: 5px;color: #000;}

.res2Warp{display: flex;justify-content: space-between;}
.res2Warp ul{margin-top: 100px;border-top: 1px solid #000;}
.res2Warp ul li{padding: 15px 0;border-bottom: 1px solid #000;}
.res2Warp .Warp{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;font-size: 28px;color: #000;}

.res3Warp{display: flex;justify-content: space-between;}
.res3Warp ul li{width: 100%;}
.res3Tit{display: flex;justify-content: space-between;}
.res3Tit .tit{font-size: 39px;color: #000;width: 50%;}
.res3Tit .info{font-size: 24px;color: #000;width: 50%; text-align: justify;}
.res3Warp .more{margin: 20px 0;}
.res3Warp .more a{font-size: 22px;color: #000;font-weight: 100;}
.res3Warp .more i{padding-left: 5px;}
.res3Warp .img{width: 100%;font-size: 0px;overflow: hidden;margin: 60px 0;}
.res3Warp .img img{width: 100%;}

.res3Top{display: flex;justify-content: space-between;}
.res3List{width: 100%;margin-top: 100px;}
.res3List ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.res3List ul li{width: 16%;text-align: center;}
.res3List ul li .img{width: 100%;font-size: 0px;overflow: hidden;}
.res3List ul li .img img{width: 100%;}
.res3List ul li .t1{padding: 30px 0 10px;font-size: 15px;color: #000;font-weight: bold;}
.res3List ul li .txt{font-size: 15px;color: #000;}

.question{width: 100%;background: #f7f7f7;padding: 50px 68px;box-sizing: border-box;min-height: 800px;}
.question .item{padding-top: 60px;}
.quesWarp{display: flex;justify-content: space-between;}
.quesWarp2{margin-top: 20px;}
.quesWarp2 .resL{ font-size:28px; line-height:1.3em;}
.quesWarp ul{}
.quesWarp ul li{width: 100%;padding: 15px 0;border-top: 1px solid #000;}
.quesWarp .quesBtn{display: flex;justify-content: space-between;font-size: 28px;color: #000;}

.quesWarp .quesBtn i{position: relative;width: 26px;height: 26px;margin-top: 5px;margin-left:50px;}
.quesWarp .quesBtn i:before{width: 27px;height: 2px;background: #000;content: "";position: absolute;top: 13px;left: 0;}
.quesWarp .quesBtn i:after{height: 26px;width: 2px;background: #000;content: "";position: absolute;top: 0;left: 13px;}

.quesPanel{display: none;}
.quesPanel dl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.quesPanel dl dd{width: 41%; margin-top: 20px;}
.quesPanel dl dd .img{width: 100%;font-size: 0px;}
.quesPanel dl dd .img img{width: 100%;}
.quesPanel dl dd .txt{font-size: 12px;color: #000;padding: 20px 0; height: 90px;}

.inside{width: 100%;background: #f7f7f7;padding: 50px 68px;box-sizing: border-box;min-height: 800px;}
.inside .item{padding-top: 60px;}

.idea{width: 100%;height: 100vh;overflow: hidden;}
.bgf7f7f7 {background: #f7f7f7;}
.ideaPad{padding: 100px 115px;padding-bottom: 60px;box-sizing: border-box;}
.ideaBg{width: 100%;height: 100%;font-size: 0px;overflow: hidden;}
.ideaBg img{width: 100%;height: 100%;object-fit: cover;}
.ideaTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;}
.ideaT1{color: #000;font-size: 38px;}
.ideaInfo{font-size: 28px;color: #000;}
.ideaInfo span{color: #6fa2b7;}
.ideaImg{width: 40%;font-size: 0px;overflow: hidden;}
.ideaImg img{max-width: 100%;}

.idea1{width: 100%;height: 100%;display: flex;align-items: flex-end;flex-direction: column;justify-content: space-between;}
.idea1Top{width: 100%;display: flex;justify-content: space-between;}
.idea1Top .ideaT1{width: 40%;}
.idea1Top .ideaInfo{width: 45%;}
.idea1Top{width: 100%;display: flex;justify-content: space-between;}
.idea1Top .ideaInfo{width: 45%; text-align: justify;}
.idea2{width: 100%;height: 100%;}

.pro2{width: 100%;background: #fff;padding: 50px 68px;box-sizing: border-box;min-height: 800px;}
.pro2 ul{display: flex;flex-wrap: wrap;}


@media only screen and (max-width: 980px)
{
    .pro2 ul{display: flex;flex-wrap: wrap; margin-top: 40px;}
}
.pro2 ul li{width: 33.33%;}
.pro2 .part{display: block;width: 100%;padding: 55px 60px;box-sizing: border-box;transition: 0.3s;}
.pro2 .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.pro2 .part .img img{width: 100%;}
.pro2 .part .desc{text-align: center;padding: 20px;box-sizing: border-box;font-size: 13px;color: #000000;}
.pro2 .part .t1{margin-bottom: 10px;}
.pro2 .part .t2{margin-bottom: 10px;}
.pro2 .part:hover{background: #F7F7F7;}

.imgMb{ display:none}


@media only screen and (max-width: 1200px) {
.wapper{ width:100%;}
.index1 .part .desc{font-size: 16px;}
.prodR{padding: 40px;}
.resTit{font-size: 36px;}
.resInfo{font-size: 26px;}
.res1Warp ul li .tit{font-size: 27px;}
.res1Warp ul li .txt{font-size: 13px;}
.res2Warp .Warp{font-size: 26px;}
.res3Tit .tit{font-size: 26px;}
.res3Tit .info{font-size: 18px;}
.ideaT1{font-size: 28px;}
.ideaInfo{font-size: 18px;}
.pro2{ padding:50px 45px}
.pro2 .part{ padding:20px 30px;}
.pro2 .part .desc{padding:10px;}


}


@media only screen and (max-width: 980px) {




}

@media only screen and (max-width: 780px) {
    .quesWarp .quesBtn i{
        position: relative;
        width: 106px;
        height: 26px;
        margin-top: 5px;
        margin-left: 10px;
    }
   
.header{ display:none}
.sp_header{ display:block;}
.sjj_nav{ display:block;}
.index1 ul li{width: 100%;margin-bottom: 20px;}
.index1 .part .desc{font-size: 14px;}
.footer .Warp{display: block;padding: 0 20px;}
.footR{margin-top: 20px;}
.banner{height: 100vh;}
.product ul li{display: block;padding: 40px 0;}
.proL{width: 100%;font-size: 16px;padding-top: 0;}
.proL .titEn{margin-bottom: 20px;}
.proL .more{position: relative;left: 0;bottom: auto;}
.proR{width: 100%;}
.proSwiper .swiper-button-next, .proSwiper .swiper-button-prev{opacity: 1 !important;}
.prodetail{display: block;}
.prodL{width: 100%;}
.prodR{width: 100%;padding: 20px;}
.prodR .t1{font-size: 16px;}
.prodR .titEn{font-size: 16px;}
.prodR .kg{font-size: 14px;}
.ProList{margin-top: 0px;}
.ProList .panel{font-size: 13px;}
.prodetail{padding-bottom: 50px;}
.research{padding: 50px 15px;}
.resL{width: 100%;margin-bottom: 20px;}
.resR{width: 100%;}
.resInfo{font-size: 18px; text-align:justify ;}
.res1Warp ul{padding: 20px 0;margin-top: 20px;}
.res1Warp ul li .tit{font-size: 18px;}
.res1Warp ul li .tit span{font-size: 24px;}
.res1Warp ul li .txt{font-size: 12px;}
.resTit{margin-bottom: 20px;font-size: 26px;}
.res2Warp .Warp{font-size: 16px;}
.res3Tit .tit{width: 100%;margin-bottom: 20px;}
.res3Tit .info{width: 100%;}
.res3Warp .img{margin: 20px 0;}
.res3List{margin-top: 20px;}
.res3List ul li{width: 45%;margin-bottom: 20px;}
.res3List ul li .t1{padding: 10px 0;font-size: 13px;}
.res3List ul li .txt{font-size: 12px;}

.res1Warp{display: block;}
.res2Warp{display: block;}
.res3Warp{display: block;}
.res4Warp{display: block;}
.res5Warp{display: block;}
.res3Tit{display: block;}
.res3Top{display: block;}
.research .item{padding-top: 40px;}
.quesWarp{display: block;}
.quesWarp .quesBtn{font-size: 18px;}
.question{padding: 50px 15px;min-height: 500px;}
.quesPanel dl dd{width: 45%;margin-bottom: 30px;}
.quesWarp ul{margin-top: 40px;}
.inside{padding: 50px 15px;min-height: 500px;}
.inside .item{padding-top: 40px;}

.ideaPad{padding: 0 15px;padding-top: 80px;padding-bottom: 20px;}

.idea1{display: flex;justify-content: center;align-items: center;}
.idea1Top{display: block;}
.ideaT1{width: 100%;font-size: 20px;text-align: center;margin: 10px 0;}
.idea1Top .ideaInfo{width: 100%;}
.idea1Top .ideaT1{width: 100%;}
.ideaInfo{font-size: 16px;margin: 10px 0;     text-align: justify;}
.ideaImg{width: 100%;text-align: center;margin: 10px 0;}
.ideaImg img{margin: 0 auto;}
.proSelPanel dl{width: 48%;margin: 1%;}
.seriesTit{padding: 0 10px;}
.proSelect{padding: 0 10px;}
.pro2{padding: 50px 10px;}
.pro2 ul li{ width:100%;}
.pro2 .part{padding:20px 15px;}

.imgMb{ display: block}
.imgPc{ display:none !important;}

}

@media only screen and (max-width: 620px) {
.ideaInfo{font-size: 14px;}
.ideaT1{margin: 0 0 15px 0;}
.proSwiper .part .imgTop{padding: 10px;}
.img_list_301 ul{display: flex;flex-wrap: wrap;}
.img_list_301 ul li{width: 48% !important;margin: 1% !important;box-sizing: border-box; height: auto !important;}
.img_list_301 ul li .show_img{height: 130px !important;}


}