@media only screen and (min-width:900px) and (max-width:1270px) { .headerwrap .header .right .nav{margin-right: 0;} .headerwrap{padding: 0 2%;} .bannerwrap .banner a .text{width: 96%;} .bannerwrap .banner a .text h3 span{font-size: 52px;} .bannerwrap .banner a .text h3{font-size: 42px;} .bannerwrap .banner a .text h4{font-size: 14px;} .index01wrap .index01{width: 96%;} .index01wrap{padding: 80px 0;} #wrapper section #section-home #block-4{padding: 40px 0;} .index02 .cont{width: 96%;} .index02 .cont .top h3{font-size: 32px;} .index02 .cont .list a{padding: 50px 30px;} .index02 .cont .list a font{margin-top: 40px;} .index02{padding-top: 80px;margin-bottom: 80px;} .index03wrap{padding: 80px 2%;} .index04wrap{margin: 80px 0;} .index04wrap .index04 a h3{padding: 0 10px;font-size: 14px;} .index05{margin: 80px auto;} .index06 .cont{width: 96%;} .index06{padding: 100px 0;background-attachment: scroll;} .footerwrap .f-nav{width: 96%;margin: 80px auto;} .ba{padding: 20px 2%;} .markettwo01 .li .item{width: 96%;} .markettwo01 .li .item .right .cont .list .top h3{padding-left: 44px;position: relative;box-sizing: border-box;min-height: 34px;} .markettwo01 .li .item .right .cont .list .top font{position: absolute;left: 0;top: 0;} .innerbanner .mbxwrap h3{padding: 0 60px;font-size: 18px;} .innerbanner .mbxwrap .right a{font-size: 14px;margin-left: 60px;} .marketone01{width: 96%;} .marketone01 ul li h4{opacity: 1;} .marketone02wrap li .cont{width: 96%;} .marketone02wrap li .cont .text,.marketone02wrap li:nth-of-type(even) .cont .text{padding: 0 60px;} .marketthere02{width: 96%;} .marketthere02 li .text .cont h4{font-size: 14px;} .marketthere02 li .text .cont h3{font-size: 22px;} .marketfour01{width: 100%;} .m-tl{width: 96%;} .marketfour02 .ul .li .text h3{margin-bottom: 20px;} .marketfour02 .ul .li .text p{font-size: 12px;padding-left: 14px;} .marketfour03wrap{margin: 80px auto 50px;} .marketfour03wrap .marketfour03 img{height: auto;} .data01 a .hovertext,.data01 a .text{padding: 0 20px;} .data01 a .hovertext h3{font-size: 22px;} .data01 a .hovertext h4{font-size: 14px;margin-bottom: 30px;} .data01 a .text p{font-size: 14px;} .dataall03wrap{width: 96%;} .dataall03 a .text h4{margin-top: 30px;} .intellall03wrap{width: 96%;} .intellall03 a h3{font-size: 14px;} .intellall03 a{padding: 30px 20px;} .intellall02wrap a .text .cont h3{padding-bottom: 20px;margin-bottom: 20px;} .intellall02wrap a .text .cont{padding: 0 20px;} .intellall02wrap a .text .cont p{font-size: 14px;} .intellall04{width: 96%;padding: 40px 20px 10px;} .news01 .news_list .content .main{width: 96%;} .newsinfowrap .newsinfo{width: 90%;} .newsinfowrap .ninfo-tl{padding: 90px 2% 60px;} .aboutone01wrap .aboutone01{width: 96%;} .aboutone01wrap{padding: 80px 0;} .aboutone01wrap .aboutone01 .text h3{font-size: 28px;margin-bottom: 20px;} .aboutone01wrap .aboutone01 .text{padding-right: 40px;} .aboutone01wrap .aboutone01 .text h4{font-size: 14px;line-height: 24px;margin-bottom: 20px;} .aboutone02wrap{padding: 90px 0;} .aboutone02 .gallery-top .swiper-slide .text{width: 90%;} .aboutone02 .gallery-top{margin-top: 40px;} .aboutone03{width: 96%;margin: 80px auto 0;} .aboutone03 .cont{padding: 80px 2%;} .aboutone03 .cont .text{padding: 30px 50px;} .aboutone04{width: 96%;} .aboutone04 .top{margin-bottom: 40px;} .aboutone04wrap{padding-bottom: 80px;} .aboutone04 .cont li .min{padding: 0 30px;} .act-banner .swiper-wrapper .swiper-slide{width: 60%!important;padding: 0;} .act-banner .swiper-container .tl{top: 0;position: relative;margin-bottom: 40px;} .act-banner .swiper-slide{background-color: transparent;} .act-banner .swiper-slide a{background-color: #FFFFFF;} .act-banner a .box .text{width: 100%;position: relative;} .act-banner a .box{padding-bottom:0;} .act-banner .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;} .act-banner .swiper-pagination-bullet{background-color: #FFFFFF;} .act-banner .swiper-pagination-bullet-active{background-color: #145C40;} .activity02wrap .xinzdt{width: 96%;} .activity02wrap{padding: 80px 0;} .activity03wrap{width: 96%;margin: 80px auto;} .join01{width: 96%;margin: 80px auto;} .join02wrap{padding: 80px 0;background-attachment: scroll;} .join02wrap .join02{width: 96%;} .join02wrap .join02 li{width: 32%;margin-right: 2%;margin-bottom: 2%;padding: 30px 20px;} .about07wrap{padding: 80px 0;} .about07wrap .cont .min .item .info li h4{font-size: 14px;line-height: 26px;} .contacttwo01wrap{width: 96%;margin: 80px auto 40px;} .ctwo-textlist{padding-left: 40px;} .ctwo-textlist .item h4{font-size: 16px;} .contact02wrap{padding: 80px 0;} .contact02{width: 90%;} } @media only screen and (min-width:750px) and (max-width:1000px) { .toptext{dislpay:none;} .headerwrap .header .right .nav{margin-right: 0;} .headerwrap{padding: 0 2%;} .bannerwrap .banner a .text{width: 96%;} .bannerwrap .banner a .text h3 span{font-size: 52px;} .bannerwrap .banner a .text h3{font-size: 42px;} .bannerwrap .banner a .text h4{font-size: 14px;} .index01wrap .index01{width: 96%;} .index01wrap{padding: 80px 0;} #wrapper section #section-home #block-4{padding: 40px 0;} .index02 .cont{width: 96%;} .index02 .cont .top h3{font-size: 32px;} .index02 .cont .list a{padding: 50px 30px;} .index02 .cont .list a font{margin-top: 40px;} .index02{padding-top: 80px;margin-bottom: 80px;} .index03wrap{padding: 80px 2%;} .index04wrap{margin: 80px 0;} .index04wrap .index04 a h3{padding: 0 10px;font-size: 14px;} .index05{margin: 80px auto;} .index06 .cont{width: 96%;} .index06{padding: 100px 0;background-attachment: scroll;} .footerwrap .f-nav{width: 96%;margin: 80px auto;} .ba{padding: 20px 2%;} .headerwrap .header .right .nav li{padding: 0 10px;} .headerwrap .header .right .nav li>a{font-size: 14px;height: 70px;line-height: 70px;} .bannerwrap .banner a .text h3 span{font-size: 42px;} .bannerwrap .banner a .text h3{font-size: 32px;margin-bottom: 20px;} .bannerwrap .banner a .text h4{width: 60%;} .index03wrap .swiper-slide a .text{padding: 30px 20px;} .index03wrap .swiper-slide a .text h4{font-size: 16px;} .more{width: 160px;height: 42px;} .i-tl h3{font-size: 28px;margin-bottom: 30px;} .index04wrap .index04 a h3{font-size: 12px;padding: 0 5px;bottom: 10px;line-height: 20px;} .index04wrap .index04 .right li a .imgicon{left: 5px;tab-size: 20px;height: 30px;} .index05 .swiper-container{width: 96%;} .index06 .toptl h3{font-size: 28px;margin-bottom: 30px;} .index06 .cont h4{margin-bottom: 30px;} .index06 .more{width: 140px;height: 40px;line-height: 40px;} .header .right .nav li .nav02{top: 70px;} .index02 .cont .list a h3{font-size: 26px;margin-bottom: 30px;} .index02 .cont .list a h4{font-size: 14px;line-height: 24px;} .index02 .cont .list a font{margin-top: 30px;} .index02 .cont .list a{padding: 40px 20px;} .index02 .cont .top strong{display: none;} .markettwo01 .li .item{width: 96%;} .markettwo01 .li .item .right .cont .list .top h3{padding-left: 44px;position: relative;box-sizing: border-box;min-height: 34px;} .markettwo01 .li .item .right .cont .list .top font{position: absolute;left: 0;top: 0;} .innerbanner .mbxwrap h3{padding: 0 60px;font-size: 18px;} .innerbanner .mbxwrap .right a{font-size: 14px;margin-left: 60px;} .marketone01 ul li .imgbox{width: 120px;height: 120px;} .marketone01 ul li{padding: 0 20px;} .marketone01 ul li h4{font-size: 12px;} .marketone01 ul{margin-top: 40px;} .marketone02wrap li .cont .text, .marketone02wrap li:nth-of-type(even) .cont .text{padding: 0 40px;} .marketone02wrap li{padding: 60px 0;} .markettwo01 .li{padding: 60px 0;} .markettwo01 .li .item .right{padding-left: 40px;} .markettwo01 .li .item .right .cont .list .top h3{font-size: 14px;padding-left: 40px;} .markettwo01 .li:nth-of-type(2n) .item .right{padding-right: 40px;} .markettwo01 .li .item .right .cont .list .info{padding: 20px 0 0;} .markettwo01 .li .item .right .cont .list .top font{width: 30px;height: 30px;} .markettwo01 .li .item .right .cont .list{margin-bottom: 20px;} .markettwo01 .li .item .imgbox .text h3{font-size: 24px;} .markettwo01 .li .item .imgbox .text h4{font-size: 14px;line-height: 26px;} .marketone01{width: 96%;} .marketone01 ul li h4{opacity: 1;} .marketone02wrap li .cont{width: 96%;} .marketone02wrap li .cont .text,.marketone02wrap li:nth-of-type(even) .cont .text{padding: 0 60px;} .marketthere02{width: 96%;margin-bottom: 80px;} .marketthere02 li .text .cont h4{font-size: 12px;line-height: 24px;margin-bottom: 0px;} .marketthere02 li .text .cont h3{font-size: 18px;margin: 20px auto;} .marketthere02 li .text{padding: 0 20px;} .marketfour01{width: 100%;padding-top: 80px;} .m-tl{width: 96%;} .marketfour02 .ul .li .text h3{margin-bottom: 10px;font-size: 18px;} .marketfour02 .ul .li .text p{font-size: 12px;padding-left: 14px;} .marketfour03wrap{margin: 80px auto 50px;} .marketfour03wrap .marketfour03 img{height: auto;} .marketfour02 .ul .li .text{padding: 0 10px;} .marketfour02 .bg{width: auto;height: 250px;} .marketfour02 .ul .li .text p{padding-left: 10px;} .marketfour02{margin-top: 10px;} .marketfour03wrap .marketfour03{width: 96%;} .m-tl h3{font-size: 26px;} .marketone02wrap li .cont .text, .marketone02wrap li:nth-of-type(even) .cont .text{padding: 0 20px;} .marketone02wrap li .cont .text h3{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;} .marketone02wrap li .cont .text p{font-size: 12px;line-height: 24px;padding-left: 12px;} .marketone02wrap li .cont .text p::before{top: 10px;} .data01 a .hovertext,.data01 a .text{padding: 0 10px;} .data01 a .hovertext h3{font-size: 20px;margin-bottom: 20px;} .data01 a .hovertext h4{font-size: 12px;margin-bottom: 20px;} .data01 a .text p{font-size: 12px;} .dataall03wrap{width: 96%;} .dataall03 a .text h4{margin-top: 30px;} .data01 a .text h3{font-size: 20px;} .data01 a .hovertext strong{display: none;} .dataall03 a .text{padding: 30px 20px;} .dataall03 a .text h3{font-size: 18px;margin: 20px 0;} .dataall03 a .text strong{width: 40px;} .dataall03 a .text h4{margin-top: 20px;font-size: 14px;line-height: 24px;letter-spacing: 0;} .dataall04 a h3{width: 100%;box-sizing: border-box;padding: 0 20px;font-size: 16px;} .intellall03wrap{width: 96%;} .intellall03 a h3{font-size: 14px;} .intellall03 a{padding: 30px 20px;} .intellall02wrap a .text .cont h3{padding-bottom: 20px;margin-bottom: 20px;} .intellall02wrap a .text .cont{padding: 0 20px;min-height: 160px;bottom: 20px;} .intellall02wrap a .text .cont p{font-size: 12px;line-height: 20px;} .intellall04{width: 96%;padding: 40px 20px 10px;} .intellall02wrap a .text .cont h3{font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;} .intellall03 a img{max-width: 90%;} .intellall04wrap{padding: 80px 0;} .innerbanner .mbxwrap h3{line-height: 60px;} .news01 .news_list .content .main{width: 96%;} .newsinfowrap .newsinfo{width: 90%;} .newsinfowrap .ninfo-tl{padding: 90px 2% 60px;} .news01 .news_list .content .main .textbox h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 10px 0;} .news01 .news_list .content .main .textbox p{font-size: 14px;line-height: 24px;} .news01 .news_list .content .main .imgbox{width: 30%;} .news01{margin-top: 0;margin-bottom: 0;} .news01 .news_list .content{padding: 40px 0;} .newsinfowrap{margin-top: 70px;} .aboutone01wrap .aboutone01{width: 96%;} .aboutone01wrap{padding: 80px 0;} .aboutone01wrap .aboutone01 .text h3{font-size: 28px;margin-bottom: 20px;} .aboutone01wrap .aboutone01 .text{padding-right: 40px;} .aboutone01wrap .aboutone01 .text h4{font-size: 14px;line-height: 24px;margin-bottom: 20px;} .aboutone02wrap{padding: 90px 0;} .aboutone02 .gallery-top .swiper-slide .text{width: 90%;} .aboutone02 .gallery-top{margin-top: 40px;} .aboutone03{width: 96%;margin: 80px auto 0;} .aboutone03 .cont{padding: 80px 2%;} .aboutone03 .cont .text{padding: 30px 50px;} .aboutone04{width: 96%;} .aboutone04 .top{margin-bottom: 40px;} .aboutone04wrap{padding-bottom: 80px;} .aboutone04 .cont li .min{padding: 0 30px;} .aboutone02 .top{padding: 0 100px;} .aboutone02 .swiper-button-next{right: 100px;} .aboutone02 .swiper-button-prev{left: 100px;} .aboutone04 .cont li{padding: 30px 0;} .aboutone04 .cont li .min h3{margin: 15px 0;} .aboutone04 .cont li .min{padding: 0 20px;} .aboutone04 .cont li .min h4{font-size: 14px;} .aboutone01wrap .aboutone01 .text h3{font-size: 20px;} .aboutone01wrap .aboutone01 .text h4{font-size: 12px;line-height: 20px;} .aboutone01wrap .aboutone01 .text p{margin-bottom: 20px;} .act-banner .swiper-wrapper .swiper-slide{width: 60%!important;padding: 0;} .act-banner .swiper-container .tl{top: 0;position: relative;margin-bottom: 40px;} .act-banner .swiper-slide{background-color: transparent;} .act-banner .swiper-slide a{background-color: #FFFFFF;} .act-banner a .box .text{width: 100%;position: relative;} .act-banner a .box{padding-bottom:0;} .act-banner .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;} .act-banner .swiper-pagination-bullet{background-color: #FFFFFF;} .act-banner .swiper-pagination-bullet-active{background-color: #145C40;} .activity02wrap .xinzdt{width: 96%;} .activity02wrap{padding: 80px 0;} .activity03wrap{width: 96%;margin: 80px auto;} .activity03 .thumbswrap{padding: 30px;} .join01{width: 96%;margin: 80px auto;} .join02wrap{padding: 80px 0;background-attachment: scroll;} .join02wrap .join02{width: 96%;} .join02wrap .join02 li{width: 32%;margin-right: 2%;margin-bottom: 2%;padding: 30px 20px;} .about07wrap{padding: 80px 0;} .about07wrap .cont .min .item .info li h4{font-size: 14px;line-height: 26px;} .join01 h3{font-size: 28px;letter-spacing: 3px;} .join02wrap .top{font-size: 28px;margin-bottom: 20px;} .join02wrap .top02{font-size: 16px;} .join02wrap .join02 li .cont h3{font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;} .join02wrap .join02 li .cont h4{font-size: 14px;} .join01 h4{margin-bottom: 0;} .join03 .cont{width: 96%;} .contacttwo01wrap{width: 96%;margin: 80px auto 40px;} .ctwo-textlist{padding-left: 40px;} .ctwo-textlist .item h4{font-size: 16px;} .contact02wrap{padding: 80px 0;} .contact02{width: 90%;} .ctwo-imglist .imgbox .bot{padding: 0 10px;height: 40px;} .ctwo-textlist .item h4{padding-bottom: 20px;margin-bottom: 20px;} .ctwo-textlist .item h3{font-size: 22px;margin-bottom: 20px;} .ctwo-textlist .item h4{font-size: 14px;line-height: 26px;} .ctwo-textlist .item .info p{margin-bottom: 20px;} } @media only screen and (max-width:760px){ .toptext{display:none;} .headerwrap{top: 0px;} .bannerwrap .banner .text { width: 100%; position: absolute; left: 4%; top: 0%; padding-top: 41px;} .bannerwrap .banner .text h3 span { font-size: 16px; color: #FFFFFF; margin-bottom: 40px; font-family: '寰蒋闆呴粦'; font-weight: bold; letter-spacing: 3px; line-height: 180%; position: relative; } .default-btn{font-size:16px;color:#fff;padding:15px 20px;line-height:1;-webkit-transition:all ease .5s;transition:all ease .5s;text-align:center;background-color:#0383ff;position:relative;z-index:1;overflow:hidden;display:inline-block;margin-bottom:-5px} .bannerwrap .banner .swiper-pagination{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: relative;left:39%;bottom:30px} /* header */ .headerwrap .header .right{display: none;} .div2_1 .headerwrap, .headerwrap, .div3 .headerwrap{background-color: #fff;} .headerwrap{height: 60px;} .headerwrap .header .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;background-color: #1d96d4;display: block;box-sizing: border-box;width: 60px;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;} .drawer--right.drawer-open .drawer-nav{padding-top: 100px;width: 100%;z-index: 5;box-sizing: border-box;height: 100%;} .drawer--right .drawer-nav{right: -100%;} .headerwarp .header .logo{position: relative;z-index: 10;} .drawer--right.drawer-open .drawer-hamburger{z-index: 12;} .headerwarp{position: fixed;top: 0;left: 0;z-index: 5;} .bannerwarp{margin-top: 66px;} .drawer-menu{height: 100%;} .drawer-menu>li{margin-bottom: 30px;} .drawer--right.drawer-open .drawer-hamburger{right: 0;} .drawer-menu-item:hover{color: #e71a16;} .headerwrap .header .logo{position: relative;z-index: 6;} .drawer-menu .language{font-size: 14px;color: #e71a16;position: absolute;bottom: 30px;right: 30px;display: block;} .headerwrap .header{height: 100%;} .headerwrap .header .logo img{height: 30px;} .headerwrap .header .logo .logo02{display: block;} .headerwrap .header .logo .logo01{display: none;} /* index */ .bannerwrap{height:auto;margin-top: 60px;} .bannerwrap .banner a .text{width: 100%;box-sizing: border-box;padding: 0 2%;} .bannerwrap .banner a .text h3{font-size: 20px;letter-spacing: 0;margin-bottom: 20px;} .bannerwrap .banner a .text h4{width: 100%;font-size: 14px;letter-spacing: 0;line-height: 24px;} .bannerwrap .banner a .text strong{width: 60px;height: 2px;margin-bottom: 20px;} .bannerwrap .banner a .text h3 span{font-size: 32px;} .kalo-hero__down{bottom: 20px;} .index01wrap{padding: 50px 2%;position: relative;z-index: 0;} .index01wrap .index01{width: 100%;} .i-tl h3{font-size: 24px;margin-bottom: 20px;} .i-tl h4{font-size: 14px;line-height: 26px;} #wrapper section #section-home #block-4{padding: 30px 0;} #wrapper section #section-home #block-4 ul{-webkit-flex-wrap: wrap;flex-wrap: wrap;} #wrapper section #section-home #block-4 ul li{width: 50%;border: none;box-sizing: border-box;padding: 10px 0;} #wrapper section #section-home #block-4 ul li:nth-of-type(2n){border-left: none;} #wrapper section #section-home #block-4 ul li:nth-of-type(1),#wrapper section #section-home #block-4 ul li:nth-of-type(2){border-bottom: none;} #wrapper section #section-home #block-4 ul > li .icon{width: 100%;} #wrapper section #section-home #block-4 ul > li h3{margin-top: 10px;} .index02 .cont{width: 96%;box-sizing: border-box;} .index02 .cont .list{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index02>img{width: auto;height: 300px;} .index02 .cont .top strong{display: none;} .index02 .cont .top h3{font-size: 24px;} .index02 .cont .list a{padding: 50px 20px;border-right: none;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);margin-bottom: 10px;} .index02 .cont .list a:last-child{margin-bottom: 0;} .index02 .cont .list a h3{font-size: 20px;margin-bottom: 20px;} .index02 .cont .list a h4{font-size: 14px;line-height: 24px;min-height: auto;-webkit-line-clamp: 3;text-align: center;} .index02 .cont .list a font{margin-top: 30px;} .index02 .cont .list{box-shadow: none;} .index02{padding-top: 50px;margin-bottom: 50px;} .index02 .cont .list a font { bottom: 5px; } .index03wrap{padding: 50px 2%;} .index03wrap .swipernews{box-sizing: border-box;} .index03wrap .swiper-slide a .text h4{font-size: 16px;} .index04wrap .index04{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index04wrap{margin: 50px 0;} .index04wrap .index04 .left{width: 100%;height: 250px;margin-bottom: 10px;} .index04wrap .index04 .right{width: 100%;position: relative;} .index04wrap .index04 .right li{width: 100%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .index04wrap .index04 .right li a{width: 100%;height: 250px;margin-bottom: 10px;} .index04wrap .index04 .right li:nth-of-type(1) a:nth-of-type(2), .index04wrap .index04 .right li:nth-of-type(2) a:nth-of-type(3){width: 100%;} .index05{margin: 50px auto;} .index05 .swiper-container{width: 96%;} .index05 .i-tl{width: 96%;} .index05 .i-tl h4{line-height: 26px;} .index06 .cont{width: 96%;} .index06{padding: 50px 0;background-attachment: scroll;} .index06 .toptl h3{font-size: 24px;margin-bottom: 30px;} .index06 .cont h4{font-size: 14px;line-height: 26px;} .more,.index06 .more{width: 140px;height: 36px;line-height: 36px;} .footerwrap .f-nav{display: none;} .ba .se{display: none;} .ba{padding: 20px 2%;} .ba .left{display: block;width: 100%;text-align: center;} .ba .left p{margin-right: 0;margin-bottom: 5px;} .innerbanner{height: 200px;margin-top: 60px;overflow: hidden;} .innerbanner .mbxwrap{display: none;} .innerbanner img{width: auto;height: 100%;} .marketallwrap{width: 96%;margin: 50px auto;} .m-tl{width: 96%;margin: auto;} .m-tl h3{font-size: 24px;} .m-tl h4{font-size: 14px;line-height: 26px;letter-spacing: 0;} .m-tl h4 br{display: none;} .marketall{margin-top: 50px;} .marketall .item{margin-bottom: 30px;} .marketall .item .text h3{font-size: 20px;} .marketall .item img{width: auto;height: 200px;} .marketall .item .text{padding: 0 20px;} .marketall .item .text p{font-size: 12px;} .markettwo01wrap{margin: 50px 0;} .markettwo01 .li{padding: 50px 0;} .markettwo01 .li .item{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .markettwo01 .li .item .imgbox{width: 100%;} .markettwo01 .li .item .imgbox .text{width: 96%;} .markettwo01 .li .item .imgbox .text h3{font-size: 20px;} .markettwo01 .li .item .imgbox .text h4{font-size: 14px;line-height: 24px;} .markettwo01 .li .item .imgbox img{width: auto;height: 250px;} .markettwo01 .li .item .right{width: 100%;padding-left: 0;padding-right: 0;margin-top: 30px;} .markettwo01 .li .item .right .cont .list .top h3{font-size: 16px;} .markettwo01 .li:nth-of-type(2n) .item{-webkit-flex-flow: column;flex-flow: column;} .markettwo01 .li .item .right .cont .list .info{padding: 20px 0;padding-left: 44px;} .markettwo01 .li .item .right .cont .list .info h4{font-size: 14px;line-height: 26px;} .markettwo01 .li .item .right .cont .list{margin-bottom: 20px;} .markettwo01 .li .item .right .cont::before{left: 15px;} .markettwo01 .li .item .right .cont .list .top font{width: 30px;height: 30px;margin-right: 12px;} .marketone01{width: 96%;margin: 50px auto;box-sizing: border-box;} .marketone01 ul{margin-top: 50px;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .marketone01 ul li{width: 100%;border: none;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding: 30px 20px;margin-bottom: 20px;} .marketone01 ul li:last-child{margin-bottom: 0;} .marketone01 ul li h4{opacity: 1;line-height: 24px;} .marketone02wrap li .cont{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .marketone02wrap li .cont .imgbox{width: 100%;} .marketone02wrap li .cont .text{width: 100%;padding: 0;margin-top: 30px;} .marketone02wrap li{padding: 50px 0;} .marketone02wrap li:nth-of-type(even) .cont{-webkit-flex-flow: column;flex-flow: column;} .marketone02wrap li:nth-of-type(even) .cont .text{padding: 0;} .marketthere01{margin: 50px auto;} .marketthere02{width: 96%;margin-bottom: 50px;} .marketthere02 li{-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;} .marketthere02 li .imgbox{width: 100%;} .marketthere02 li .text{width: 100%;padding: 30px;} .marketthere02 li .text .cont h3{font-size: 20px;margin: 20px 0;} .marketthere02 li .text .cont h4{font-size: 14px;margin-bottom: 0;} .marketthere02 li:nth-of-type(even){-webkit-flex-flow: column;flex-flow: column;} .dataall01{margin: 50px auto;} .dataall02{-webkit-flex-flow: wrap;flex-flow: wrap;} .dataall02 a{width: 100%;margin-bottom: 1px;} .dataall02 a .text{padding: 0 30px;} .dataall02 a .text h3{font-size: 20px;} .dataall03wrap{width: 96%;margin: 50px auto;} .dataall03{-webkit-flex-wrap: wrap;flex-wrap: wrap;border: none;} .dataall03 a{width: 100%;border: 1px solid #DDDDDD;margin-bottom: 10px;} .dataall03 a:last-child{margin-bottom: 0;} .dataall04{-webkit-flex-wrap: wrap;flex-wrap: wrap;} .dataall04 a{width: 100%;margin-bottom: 1px;} .dataall04 a img{width: auto;height: 200px;} .dataall04 a:last-child{margin-bottom: 0;} .datatwo02{margin: 50px auto;} .datatwo01 .item{width: 96%;margin: auto;-webkit-flex-flow: column;flex-flow: column;margin-bottom: 30px;} .datatwo01 .item:last-child{margin-bottom: 0;} .datatwo01 .item .imgbox{width: 100%;} .datatwo01 .item .right{width: 100%;padding: 30px 2%;} .datatwo01 .item .right .cont .list .top h3{font-size: 16px;} .datatwo01 .item .right .cont .list .top font{width: 30px;height: 30px;margin-right: 12px;} .datatwo01 .item .right .cont::before{left: 15px;} .datatwo01 .item .right .cont .list .info{padding: 20px 0;padding-left: 44px;} .datatwo01 .item .right .cont .list .info h4{font-size: 14px;line-height: 24px;} .datatwo01 .item .imgbox .text{width: 90%;} .datatwo01 .item .imgbox .text h3{font-size: 20px;} .datatwo01 .item .imgbox .text h4{font-size: 14px;line-height: 24px;} .datatwo01 .item:nth-of-type(2n){-webkit-flex-flow: column;flex-flow: column;} .datatwo01{margin: 50px 0;} .data01wrap{margin-top: 50px;} .data01{margin-top: 50px;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .data01 a{width: 100%;height: 250px;margin-bottom: 1px;} .data01 a .text h3{font-size: 20px;} .data01 a .text p{font-size: 16px;} .data01 a .hovertext{padding: 0 20px;} .data01 a .hovertext h3{font-size: 20px;} .data01 a .hovertext h4{font-size: 14px;margin-bottom: 30px;} .data01 a:last-child{margin-bottom: 0;} .datathere01{margin: 50px 0;} .datathere02wrap .gallerywrap{padding: 50px 0 100px;} .datathere02wrap .gallerywrap .gallery-top{width: 96%;} .datathere02wrap .gallerywrap .gallery-top .box{width: 100%;padding: 30px 20px;} .datathere02wrap .gallerywrap .gallery-top .box h3{font-size: 20px;line-height: 24px;} .datathere02wrap .gallerywrap .gallery-top .box h4{font-size: 14px;} .datathere02wrap .thumbswrap{width: 96%;} .datathere02wrap .thumbswrap .text{height: 100px;} .datathere02wrap .page{width: 96%;margin-bottom: 50px;padding-bottom: 30px;} .intellall01{margin: 50px auto;} .intellall02wrap{-webkit-flex-wrap: wrap;flex-wrap: wrap;box-sizing: border-box;padding: 0 2%;} .intellall02wrap a{width: 100%;margin-bottom: 2%;} .intellall02wrap a:last-child{margin-bottom: 0;} .intellall02wrap a .text .cont{padding: 0 20px;} .intellall03wrap{width: 96%;margin: 50px auto;} .intellall03 a{width: 100%;margin-bottom: 2%;} .intellall03 a:last-child{margin-bottom: 0;} .intellall04{width: 96%;padding: 30px 20px;} .intellall04 li{width: 50%;margin-bottom: 10px;} .intellall04wrap{padding: 50px 0;} .news01 .news_list .content .main{width: 96%;} .news01 .news_list .content .main .textbox{position: relative;transform: none;width: 100%;margin-top: 30px;} .news01 .news_list .content .main .imgbox{width: 100%;} .news01 .news_list .content{padding: 0;margin-bottom: 40px;padding-bottom: 30px;} .news01 .news_list .content .main .textbox h3{font-size: 18px;line-height: 24px;margin: 20px 0;} .news01 .news_list .content:last-child{margin-bottom: 0;padding-bottom: 0;border: none;} .news01{margin-bottom: 0;} .fy{width: 100%;padding: 0;margin: 50px 0;} .fy a { min-width: 26px; margin: 0 3px;} .newsinfowrap{margin-top: 60px;} .newsinfowrap .ninfo-tl{padding: 50px 2%;} .newsinfowrap .ninfo-tl h3{font-size: 20px;line-height: 30px;} .newsinfowrap .ninfo-tl font{font-size: 12px;} .newsinfowrap .newsinfo{width: 96%;margin: 50px auto;} .newsinfowrap .newsinfo .min h4, .newsinfowrap .newsinfo .min p, .newsinfowrap .newsinfo .min span{font-size: 14px;line-height: 26px;} .newsinfowrap .newsinfo .min img{margin: 30px auto;} .aboutone01wrap::before{display: none;} .aboutone01wrap{padding: 50px 0;} .aboutone01wrap .aboutone01{width: 96%;-webkit-flex-flow: column;flex-flow: column;} .aboutone01wrap .aboutone01 .imgbox{width: 100%;} .aboutone01wrap .aboutone01 .text{width: 100%;padding: 0;margin-top: 30px;} .aboutone01wrap .aboutone01 .text h3{font-size: 20px;} .aboutone01wrap .aboutone01 .text p{font-size: 14px;margin-bottom: 20px;} .aboutone01wrap .aboutone01 .text h4{font-size: 14px;line-height: 26px;} .aboutone02 .top{padding: 0 50px;} .aboutone02wrap{padding: 50px 0;} .aboutone02wrap .top{font-size: 24px;} .aboutone02 .swiper-button-next{right: 2%;} .aboutone02 .swiper-button-prev{left: 2%;} .aboutone02 .gallery-top .swiper-slide .text{width: 96%;} .aboutone02 .gallery-top{margin-top: 50px;margin-bottom: 30px;} .aboutone02 .gallery-top .swiper-slide .text h3{margin-bottom: 30px;} .aboutone02 .gallery-top .swiper-slide .text h4{font-size: 14px;line-height: 26px;text-align:center;} .aboutone02 .gallery-top .swiper-slide .text strong{margin-top: 30px;} .aboutone03{width: 96%;margin: 50px auto;} .aboutone03 .top{font-size: 24px;} .aboutone03 .cont{padding: 50px 2%;} .aboutone03 .cont .text{width: 100%;padding: 50px 30px;background-color: rgba(255,255,255,0.8);} .aboutone03 .cont .text h3{font-size: 20px;line-height:32px;margin-bottom: 30px;} .aboutone03 .cont .line{display: none;} .aboutone04wrap{padding: 50px 0;margin-top: 0;} .aboutone04{width: 96%;} .aboutone04 .top{font-size: 24px;margin-bottom: 30px;} .aboutone04 .cont li{width: 49%;} .aboutone04 .cont li:last-child,.aboutone04 .cont li:nth-of-type(5){margin-bottom: 0;} .aboutone04 .cont li .min{padding: 0 20px;} .aboutone04 .cont li .min h4{letter-spacing:0;} .act-banner .swiper-wrapper .swiper-slide{width: 100%!important;padding: 100px 5px 0;} .act-banner{padding: 0 2% 50px;width: 100%;margin: auto;} .act-banner a .box .text{width: 100%;position: relative;left: 0;transform: none;-webkit-transform: none;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);} .act-banner a .box .text h4{min-height:72px;} .act-banner .swiper-container .tl{top: 50px;} .act-banner .swiper-slide a{width: 100%;} .act-banner{background-color: #fff;} .act-banner .swiper-container .tl{font-size: 24px;} .act-banner .swiper-button-next, .act-banner .swiper-button-prev{display: none;} .act-banner .swiper-pagination{position: relative;bottom: 0;} .act-banner a .box{padding-bottom: 20px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;} .act-banner a .box .text h3{font-size: 18px;margin-bottom: 20px;} .activity02wrap{padding: 50px 0;} .activity02wrap .tl{font-size: 24px;margin-bottom: 30px;} .activity02{width: 96%;margin: auto;box-sizing: border-box;} .activity03wrap{width: 96%;margin: 50px auto;} .activity03wrap .tl{font-size: 24px;margin-bottom: 30px;} .activity03{flex-flow: column;-webkit-flex-flow: column;} .activity03 .gallery-top{width: 100%;} .activity03 .thumbswrap{width: 100%;margin-left: 0;padding: 30px 20px;} .join01{width: 96%;margin: 50px auto;} .join01 h3{font-size: 24px;letter-spacing: 0;} .join01 h4{font-size: 16px;text-align: center;line-height: 24px;margin: 20px 0;} .join01 h3::before,.join01 h3::after{display: none;} .join01 p{font-size: 14px;letter-spacing: 5px;} .join02wrap{padding: 50px 0;} .join02wrap .top{font-size: 20px;} .join02wrap .join02{width: 96%;} .join02wrap .join02 li{padding: 30px 2%;} .join02wrap .join02 li .cont img{height: 40px;} .join02wrap .join02 li .cont h3{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;} .join02wrap .join02 li .cont h4{padding: 0;font-size: 14px;line-height: 24px;} .about07wrap{padding: 50px 0;} .join03 .cont{width: 96%;} .join03 .cont .min .item .info li p{width: 100%;border-right: none;border-left: 2px solid #e71a16;box-sizing: border-box;padding-left: 20px;} .join03 .cont .min li a{height: 54px;} .join03 .cont .min .item .info li{-webkit-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 30px;} .join03 .cont .min .item .info li h4{width: 100%;padding-left: 20px;margin-top: 30px;font-size: 14px;line-height: 26px;} .join03 .cont .min .item .info::before{display: none;} .join03 .cont .min li a p{font-size: 16px;} .about07wrap .cont .join05{margin-top: 30px;} .about07wrap .cont .more{width: 120px;height: 36px;line-height: 36px;} .about08{width: 96%;margin: 50px auto;} .about08 .mapwrap .map{height: 300px;} .about08 .bot{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .about08 .bot .left{width: 100%;} .about08 .bot .right{width: 100%;margin-top: 20px;} .about08 .bot .right li font{font-size: 12px;} .about08 .bot .right li::before{width: 4px;height: 4px;top: 7px;} .contact02wrap{padding: 50px 0;} .contact02{width: 96%;} .contact02 h3{font-size: 24px;margin-bottom: 30px;} .c02-form input{width: 100%;height: 40px;font-size: 12px;margin-bottom: 10px;} .c02-form textarea{font-size: 12px;} .marketone02wrap li .cont .text h3{font-size: 20px;} .m-tl h4{display: initial;} .marketfour01{width: 100%;padding: 50px 0;margin-bottom: 0px;border-bottom: 1px solid #DDDDDD;} .marketfour02{margin-top:0;} .marketfour02 .bg{width: auto;height: 100%;position: absolute;left: 0;top: 0;} .marketfour02 .ul .li{width: 100%;} .marketfour02 .ul{-webkit-flex-wrap: wrap;flex-wrap: wrap;position: relative;} .marketfour02 .ul .li .text{position: relative;transform: none;-webkit-transform: none;padding: 0;} .marketfour02 .ul .li{padding: 40px 20px;border-bottom: 1px solid #fff;} .marketfour02 .ul .li::after{background-color: #444;} .marketfour02 .ul .li:hover::after{background-color: rgb(32, 146, 102);} .marketfour03wrap{margin: 50px auto;} .marketfour03wrap .marketfour03{width: 96%;} .marketone02wrap li .cont .text h3{padding-bottom: 10px;margin-bottom: 10px;} /* 20201124 */ .contacttwo01wrap{width: 96%;margin: 50px auto 10px;} .ctwo-textlist{display: none;} .ctwo-imglist{width: 100%;} .ctwo-imglist .imgbox{width: 100%;box-shadow: none;} .ctwo-imglist .imgbox .pcimg{display: none;} .ctwo-imglist .imgbox .sjbox{display: block;} .ctwo-imglist .imgbox .sjimgbox{box-shadow: 0px 0px 10px rgba(0,0,0,0.3);margin-bottom: 0;} .ctwo-imglist .imgbox .sjbox .sjtext h3{font-size: 20px;color: #222222;margin-bottom: 20px;font-weight: bold;} .ctwo-imglist .imgbox .sjbox .sjtext h4{font-size: 14px;line-height: 24px;color: #222222;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;} .ctwo-imglist .imgbox .sjbox .sjtext .info{width: 100%;} .ctwo-imglist .imgbox .sjbox .sjtext .info p{display: flex;display: -webkit-flex;margin-bottom: 20px;} .ctwo-imglist .imgbox .sjbox .sjtext .info p:last-child{margin-bottom: 0;} .ctwo-imglist .imgbox .sjbox .sjtext .info p font{width: 70px;font-size: 14px;color: #222222;font-weight: bold;} .ctwo-imglist .imgbox .sjbox .sjtext .info p a{font-size: 14px;color: #222222;border-bottom: 1px solid #222;font-weight: 700;} .ctwo-imglist .imgbox .sjbox .sjtext{display: none;margin-top: 30px;} .ctwo-imglist>.imgbox:first-child .sjbox .sjtext{display: block;} .dataall03 a .text h4{font-size: 14px;line-height: 26px;margin-top: 40px;} .dataall03 a:last-child{border-right: 1px solid #DDDDDD;} .dataall04 a h3{box-sizing: border-box;padding: 0 30px;line-height: 28px;} .act-banner .swiper-container .tl{position: relative;top: 0;margin-bottom: 30px;} .act-banner .swiper-container .tl h4 br{display: none;} .act-banner .swiper-container .tl h4,.activity02wrap .tl h4,.activity03wrap .tl h4{font-size: 14px;line-height: 26px;margin-top: 20px;} .act-banner .swiper-container .tl h3,.activity02wrap .tl h3,.activity03wrap .tl h3{font-size: 24px;} .act-banner{margin-top: 50px;} .act-banner .swiper-wrapper .swiper-slide{padding: 0;} .activity02wrap .tl{box-sizing: border-box;padding: 0 2%;} .activity02wrap .xinzdt{width: 96%;} }