/*ipad 横向样式*/ @media only screen and (min-width: 956px) and (max-width: 1100px){ .bv2_list { display: none; } .h5_brand_vid{ display: block; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; width: 90%; margin: 0 auto;} .h5_brand_vid .vd{background: #f5f5f5; display: block; overflow: hidden; margin-bottom: 20px;} .h5_brand_vid .vd video{ display: block; width: 100%;} .h5_brand_vid .vd span{display: block; text-align: center; font-size: 12px; line-height: 16px; padding: 10px; color: #333;} body, input, h1, h2, h3, h4, h5, h6, b, c, e, i, g, p, div, dl, dt, dd, select, textarea, font, right, left{letter-spacing: 0;} .pc-1200px{display: none;} .nav{display: none;} .n-fx .fx a.social-share .icon-wechat:hover .wechat-qrcode{display: block; left: -12px;} /* drawer-hamburger */ .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 80px;top: 16px;background-color: #1b5eab;display: block;box-sizing: border-box;width: 80px;z-index: 21;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;} .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{padding-top: 80px;width: 30%;z-index: 20;height: calc(100% - 16px); box-sizing: border-box; margin-top: 16px;} .drawer--right.drawer-open .drawer-hamburger{right: 0;width: 80px;height: 80px;} .drawer--right .drawer-nav{right: -100%;} .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;} .headerwrap{background-color: #FFFFFF;} .sj-language{position: absolute;right: 20px;bottom: 50px;} .drawer--right.drawer-open .drawer-nav{height: calc(100% - 16px); box-sizing: border-box; margin-top: 16px;} .drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;position: relative;padding-top: 50%;} .drawer-menu-item:hover{color: #1b5eab;} .h-min .logo img{height: 36px;} .headerwrap{box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding-left: 2%;} .drawer-menu li{margin-bottom: 30px;} .drawer-dropdown-menu>li{margin-bottom: 10px;} .drawer-menu-item{font-size: 16px;color: #222;} .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} .sjlanguage{display: none;} /* .h-right */ .h-right a { color: rgb(136, 136, 136); font-weight:300; } .h-right i { background-color:rgb(136, 136, 136); } /* .header */ .header{height: 60px;width:100%;box-sizing: border-box;padding-left: 2%; height: 80px;} .header .logo img{height: 42px;} #banner-to{height: 60px;} .div2 .header{-webkit-flex-wrap: initial;flex-wrap: initial;-webkit-align-items: center;align-items: center;padding: 0;height: 80px;} .div2 .nav{order: 2;margin-left: 30px;margin-top: 0;} .div2 .nav li>a{line-height: 90px;font-size: 20px;} .div2 .h-right{order: 3;margin-right: 15%;color: rgb(136, 136, 136);} .div2 .logo img{height: 40px;padding-left: 7.5px;} .div2_1 .logo img{height: 40px;padding-left: 7.5px;} /* .bannerwrap */ .bannerwrap{margin-top: 60px;height: 730px;background: url(/style/img/sy_sp_01.png)no-repeat;background-size: cover; width: 100%;} .bannerwrap video{display: none;} .bannerwrap .vide0text{width: 100%;margin: auto;text-align: center;} .bannerwrap .vide0text h3 {font-size: 35px; line-height: 60px; margin-bottom: 20px; } .vide0text p { display: none; } .bannerwrap .vide0text .more { width: 160px; height: 42px; line-height: 42px; font-size: 14px;margin: auto; } /* .index01wrap */ .index01 { width: 94%;} .index01wrap {padding: 40px 0;} .i-tl01 h3 { font-size:24px;margin-bottom: 5px;} .i-tl01 h4 { font-size:16px; line-height:36px;} .index01list { margin-top: 20px; display: block; display:-webkit-flex;} .index01list .item .text p { font-size: 20px;} .index01list .item .text i { font-size: 20px; } .index01list .item .imgbox { height: 400px; } /* .index02 */ .index02 { padding: 130px 0; } .index02min h3{font-size: 24px;margin-bottom: 16px;} .index02min p { font-size: 16px; margin-bottom: 16px; } .index02min h4 { font-size: 16px; line-height: 40px; text-align-last: center; text-align: justify;} .index02min h4 br {display: none;} .index02 video { display: none;} .index02 .index02min {width: 94%;margin: auto;} /* .i03textlist */ .index03wrap { padding: 130px 0 0px; } .i03textlist li h3 { font-size: 24px; } .i03textlist li h4 { font-size: 16px; } .i03textlist li p { font-size: 20px; } .i03page img { height: 24px; } .i03textlist li .more { width: 110px; height: 36px; } .i03iconlist a { z-index: 100; width: 10px; height: 10px; padding: 4px; } .i03iconlist {width: 80%; margin-top: 66px; padding: 15px 215px; } .index03list {width: 100%;display: block;} .index03list li {width: 100%;padding: 30px 20px;margin-bottom: 20px;} .index03list li h3 {font-size: 18px;} .index03list li strong {margin: 20px 0;} .index03list li h4 {font-size: 14px;line-height: 24px;} /* .index04text */ .index04 {display: block;width: 100%;} .index04text { padding-left: 0px; padding-top: 50px; text-align: center; width: 94%;text-align: center;margin: auto;} .index04text p { font-size: 24px; margin-bottom: 10px;} .index04text h3 { font-size: 24px; } .index04text h4 { font-size: 16px; line-height: 26px; } .index04text .more { font-size: 16px; width: 140px; height: 40px; line-height: 40px;margin: auto;} .index04imgbox { width: 100%; } .index04wrap { padding: 50px 0;} .index04imgbox img { display: block; width: 82%; margin: auto; } /* .index05wrap*/ .index05wrap { padding: 100px 0; background-attachment: scroll;} .index05 h3 { font-size: 24px;line-height: 40px;} .index05 p { font-size: 16px; } .index05 .more { width: 140px; font-size: 16px;} /* .footerwrap */ .f-nav{display: none;} .footerwrap { padding: 30px 0 30px; } .footerwrap:before { width: 100%; } .footer {width: 100%;} .footertop {display: block;} .f-contact .f-logo img { height: 40px; margin: auto; } .f-contact h4 { font-size: 16px; margin-top: 20px; margin-bottom: 17px; text-align: center; } .f-contact .ewm {margin: auto;} .copyright a { padding-top: 30px; display: block; width: 100%; margin: auto;text-align: center;margin-bottom: 20px;} .copyright { margin-top: -6px; width: 100%; display: block;} .copyright .copyright-r p { width: 100% ;} .copyright .copyright-r p br{display: block;} .f-contact { width: 100%;} .copyright .copyright-r p { width: 100%; line-height: 22px;font-size: 16px; width: 94%; margin: auto;} .f-nav, .copyright .copyright-r { width: 100%;text-align: center;padding-top: 18px; } /* .innerbanner */ .innerbanner img { height:400px; object-fit: cover; } .inner-text{width: 94%;} .inner-text h3 { font-size: 50px; margin-bottom: 15px;} .inner-text p { font-size: 30px; } .innerbanner { margin-top: 60px;margin-bottom: 50px; } .about01wrap { padding: 0 0; margin-bottom: 50px;} .about01 .about01-f { width: 100%;display: block;} .about01 .about01-f .right .text { width: 94%; margin: auto;} .about01 .about01-f .text h2 { font-size: 20px; margin-bottom: 14px; margin-top: 14px; } .about01 .about01-f .text h3 { font-size: 16px; line-height: 40px;margin-bottom: 0px;} .about01 .about01-f .text h2 { font-size: 24px; margin-bottom: 20px; margin-top: 20px; } .about01 .about01-f .text h4 { font-size: 16px; margin-bottom: 15px; } .about01 .about01-s { width: 94%; padding-top: 20px;margin: auto;flex-flow: wrap;} .about01 .about01-f .left { width: 94%; margin: auto;} .about01 .about01-f .right { width: 100%; } .about01 .about01-s .item { margin-right: 7px; float: left;} .about01 .about01-s .item { width: 250px; height: 250px; margin-bottom: 30px; } .about01 .about01-s .item:nth-of-type(2n) { margin-right: 0%;} .about01 .about01-f .text .content li { font-size: 16px; line-height: 30px; } /* .about02wrap */ .about02wrap { padding: 80px 0 100px 0; width: 100%;margin: auto;} .about02wrap .a-tl01 h3 { font-size: 20px; margin-bottom: 20px; } .about02wrap .a-tl01 h4 { font-size: 12px;text-align: justify; text-align-last: center; font-size: 16px; line-height: 40px;} .about02wrap .a-tl01 h4 br{display: none;} .about02wrap .about02 .imgbox::after { left: -13%;} .about02wrap .about02 .imgbox:nth-child(3)::after{ display: none; } .about02{width: 100%;} .about02wrap .a-tl01 {width: 88%;margin-bottom: 80px;} .about02wrap .about02 .imgbox { margin-right: -6.5%; width: 48.5%;float: left; } .about02wrap .about02 .imgbox img { display: block; width: 80%; height: auto; } .about02wrap .about02 { padding: 30px 0; flex-flow: wrap; width: 90%;} /* .about03wrap */ .about03wrap { padding: 196px 0 50px 0; } .about03wrap .about03 h3 br {display: none;} .about03wrap .about03 h2 { font-size: 20px; margin-bottom: 12px; } .about03wrap .about03 h3 { font-size: 16px; line-height: 40px; text-align: justify; text-align-last: center; } .about03wrap .about03 {width: 88%;} /* .about04 */ .about04 .item { display: block; width: 100%;margin-bottom: 50px;} .about04 .item:first-child {margin-bottom: 50px;} .about04 .item .text {width: 100%;margin: auto;} .about04 .item:nth-of-type(2) .imgbox img {width: 94%;margin: auto;} .about04 .item .text h2 { font-size: 20px; text-align: center; margin-top: 80px; } .about04 .item .text .show {width: 87%;margin: auto; } .about04 .item:nth-of-type(2) .text .show{width: 94%;} .about04 .item .imgbox { width: 100%; } .about04 .item .text .more { margin: auto; margin-top: 0px;} .about04 .item .text h3 { margin-bottom: 80px; text-align-last: center; text-align: justify;line-height: 40px; font-size: 16px;} /* .about05 */ .about05wrap .about05 { width: 94%;} .about05wrap { padding: 50px 0; } .about05 h2 { font-size: 22px; margin-bottom: 20px; } .about05wrap .about05 {width: 94%;margin: auto;} .about05 h3 { text-align: justify; text-align-last: center; line-height: 40px;font-size: 16px;} .about05 h3 br {display: none;} /*.about06wrap */ .about06wrap .about06 .item .text { width: 94%;} .about06wrap { padding: 0px 0; background-attachment:scroll;} .about06wrap .about06 { width: 100%; display: block;} .about06wrap .about06 .item h2 { font-size: 24px; } .about06wrap .about06 .item { width: 100%;} .about06wrap .about06 .item h3 {text-align-last: center;text-align:justify;line-height: 40px;font-size: 16px;} /* .news01 */ .news01 .item {display: block;padding: 30px 0;} .news01 .item .text { width: 99%;margin: auto;text-align: start;} .news01 .item .text h2 { margin-top: 20px; display: block;} .news01 .item .text h3 { font-size: 20px; margin-bottom: 20px; } .news01 .item:hover .text div {margin: auto;width: 125px;} .news01 .item .imgbox { width: 100%;} .news02 .nav-links {display: none;} .news01 .item .text>h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;line-height: 40px; font-size: 16px;} .news01 .item .text div{ width: 110px; height: 38px; } .news01 .item:hover .text div { margin: 0; width: 110px; } /* .sincerity01wrap */ .sincerity01wrap { display: block;padding: 0px 0;margin-bottom: 40px;} .sincerity01 .textbox .text ul {margin-bottom: 10px;} .sincerity01 {width: 100%;display: block;margin: auto;} .sincerity01 .imgbox { width: 100%; margin: auto;} .sincerity01 .textbox .text h2 { margin-top: 20px; font-size: 20px;} .sincerity01 .textbox .text {width: 94%;margin: auto;line-height: 40px;} .sincerity01 .textbox .text h4 { font-size: 16px;} .sincerity01 .textbox .text ul li { font-size: 16px; } /* .sincerity02wrap */ .sincerity02wrap { padding: 180px 0; background-attachment: scroll;margin: auto;width: 100%;} .sincerity02{width: 94%;margin: auto;background-attachment: scroll;} .sincerity01 .textbox { width: 100%; display: block; margin: auto;} .sincerity02 h2 { font-size: 22px; margin-bottom: 20px; } .sincerity02 h3 { font-size: 16px; line-height: 40px; text-align: justify; text-align-last: center;} .sincerity02 h3 br {display: none;} .sincerity03 .item .text h3 { text-align: justify; line-height: 40px; font-size: 16px;} .sincerity01 .imgbox img{ width: 94%;margin: auto;} .sincerity01 .textbox .text h3 { font-size: 16px; line-height: 40px; } .sincerity04wrap .sincerity04 h3 { line-height: 40px; font-size: 16px;} /* .sincerity03wrap */ .sincerity03wrap { padding: 50px 0 260px 0; width: 100%;margin: auto;} .sincerity03wrap .sincerity03text .text h2 { font-size: 20px; margin-bottom: 20px;align-self: self-start; } .sincerity03wrap .sincerity03text .text { width: 94%;} .sincerity03 .item { width: 100%;display: block;} .sincerity03wrap .sincerity03{width: 100%;} .sincerity03 .item .text { padding-top: 50px; } .sincerity03 .item .text h2 { font-size: 20px; } .sincerity03 .item .imgbox { width: 100%;} .sincerity03 .item .text { width: 100%;} .sincerity03 .item .text .show { width: 94%; padding-bottom: 50px; } .sincerity03wrap .sincerity03text .text h3 { font-size: 16px; margin-bottom: 20px; line-height: 40px; text-align: start;width: 100%;} .sincerity03wrap .sincerity03text .text h3 br{display: none;} .sincerity03wrap .sincerity03text { width: 100%;margin-bottom: 150px;} .sincerity03wrap .sincerity03text .text ul li {text-align: start; line-height: 40px;} .sincerity03wrap .sincerity03text .text ul { width: 100%; } .sincerity03wrap .sincerity03text .text ul li h4 { padding-left: 13px; font-size: 16px; } .sincerity03wrap .sincerity03text .text ul li h4::before { left: 1px; } .sincerity03wrap .sincerity03text .text ul li:nth-of-type(3) h4::before{top: 20%;} .sincerity03 .item .imgbox img { display: block; width: 100%; height: 440px; object-fit: cover; } /* .sincerity04wrap */ .sincerity04wrap .sincerity04 h2 { font-size: 20px; } .sincerity04wrap { padding: 273px 0 16px 0; width: 100%;margin: auto;} .sincerity04wrap .i-cont {width: 94%;margin-top: 120px;} /* .sincerity05wrap*/ .sincerity05wrap { padding: 180px 0; display: block;width: 100%;margin: auto;} .sincerity05{width: 100%;margin: auto;} .sincerity05wrap .sincerity05 .text { width: 94%;margin: auto; } .sincerity05wrap .sincerity05 .text h2 { font-size: 22px;text-align: center;} .sincerity05wrap .sincerity05 .text h3 { font-size: 16px;text-align: justify; text-align-last: center; line-height: 40px;} /* .join01wrap */ .join01wrap .join01 .imgbox img { height: 222px; } .join01wrap { padding: 0px 0; display: block;width: 100%;margin: auto; } .join01wrap .join01 .textbox .text { width: 94%; margin: auto;text-align: center;} .join01wrap .join01 .imgbox { width: 100%;} .join01wrap .join01{display: block;width: 100%;} .join01wrap .join01 .textbox { padding: 60px 0 36px 0; width: 100%;margin-top: 0px;background-color: white;} .join01wrap .join01 .textbox .text h2 { font-size: 24px; margin-bottom: 22px; } .join02wrap .join02 .textbox .text h3 { text-align: center;line-height: 40px; margin-bottom: 30px; font-size: 16px;} .join01wrap .join01 .textbox .text h3 { line-height: 40px; font-size: 16px; } /*.join02wrap */ .join02wrap { padding: 0px 0;width: 94%;margin: auto; } .join02wrap .join02 .textbox .text { width: 94%; } .join02wrap .join02 {width: 100%;display: block;} .join02wrap .join02 .textbox { text-align: center; margin-top: 20px;} .join02wrap .join02 .imgbox { width: 100%;} .join02wrap .join02 .textbox { width: 100%;padding-top: 40px;padding-bottom: 50px;} .join02wrap .join02 .textbox .text h2 { font-size: 22px; margin-bottom: 20px; } .join02wrap .join02 .textbox .more { width: 130px; height: 30px; line-height: 30px; font-size: 12px; margin: auto; } /* .join04wrap */ .join04wrap { padding: 117px 0; } .join04wrap .join04 {width: 100%;margin: 0 auto 50px;} .join04wrap .join04 .min .item .info {padding-top: 10px;width: 94%;margin: auto;} .join04wrap .join04 .min .item .info li {display: block;padding-bottom: 26px;} .join04wrap .join04 .min .item .info li p { font-size: 16px; width: 100%;margin-bottom: 10px;border-right: none; } .join04wrap .join04 .min .item .info li h4 { width: 90%; padding-left: 16%; text-align: justify; } .join04wrap .join04 .email {width: 94%;display: none;} .join04wrap .join04 .min .item .info::before {display: none;} /* .innovate01wrap*/ .innovate01wrap { padding: 0px 0; margin-bottom: 50px; } .innovate01 h2 { font-size: 22px; } .innovate01 { width: 94%; margin: auto;} .innovate01 h3 { line-height: 40px;font-size: 16px; } /* .innovate02 */ .innovate03wrap {background-attachment: scroll;padding: 130px 0;} .innovate02 .item {display: block;} .innovate02 .item .text { width: 100%;padding: 180px 0;margin-bottom: 20px;} .innovate02 .item .text h2 { font-size: 20px;width: 94%;text-align: center;} /* .innovate03 */ .innovate03 { width: 94%; margin: auto;} .innovate02 .item .text h3 {text-align: center;width: 94%; text-align: justify; text-align-last: center; line-height: 40px;font-size: 16px;} .innovate03 h2 { font-size: 24px;} .innovate03 h3 { font-size: 16px; margin-bottom: 10px; } .innovate03 h4 { font-size: 16px; line-height: 40px;} .innovate03 h4 br {display: none;} /* .contact01wrap */ .contact01wrap { padding: 40px 0; } .contact01 {display: block;width: 94%; margin: auto;} .contact01 .text h2 { font-size: 20px; } .contact01 .text h3 { font-size: 18px;} .contact01 .text { width: 100%;margin-bottom: 10px;} .contact01 .imgbox { width: 100%;} .contact01 .imgbox img { width: 100%; margin: auto; } .contact01 .text .info h4 { font-size: 16px; } /* .contact02 */ .contact02wrap { padding: 50px 0; } .contact02 {width: 90%; display: block;} .contact02 .item { width: 100%;} .contact02 .item { margin-bottom: 26px;} .contact02 .item .text h4 { font-size: 24px; } .contact02 .item .text h4 { font-size: 18px; } .contact02 .item .text h2 { font-size: 24px;} /* .contact03 */ .contact03 img{width: 100%;} /*.contact04wrap */ .contact04wrap { padding: 180px 0; background-attachment: scroll; } .contact04 h2 { font-size: 22px;} .contact04 h3 { font-size: 16px;width: 94%; margin: auto;line-height: 40px;} .contact04 h3 br {display: none;} /* .pagetitle */ .pagetitle{display: none;} .protitile { margin: 50px auto 0; } .protitile h4 { margin: auto; width: 94%; } .protitile h4 font { font-size: 16px; width: 100%; line-height: 40px;} .pageprolist dd a {display: block;width: 100%;} .pageprolist dd a p { width: 100%; } .pageprolist dd a .txt { width: 90%;margin: auto; } .pageprolist dd a .txt h3 {font-size: 20px;margin-top: 20px;} .nav-links {display: none;} .pageprolist dd a p img{width: auto;margin: auto;} .pageprolist { width: 94%; padding-top: 50px;} /* .pageproshow1dtz */ .pageprolist dd a .txt h4 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 16px; line-height: 29px; height: 54px;} .pageproshow1dtz dl { width: 94%; margin: auto; display: block;} .pageproshow1dtz .left { width: 100%;} .pageproshow1dtz .right {width: 100%; } .pageproshow1dtz .right h3 { font-size: 16px; margin: 16px 0 20px 0; } .pageproshow1dtz .right h4 { font-size: 22px; } .pageproshow1dtz .right h5 { font-size: 16px; line-height: 40px;} .pageproshow1dtz {padding: 80px 0 80px; } .pptd1, .ppgn1, .pprpshow1, .ppsolutions1, .ppdow1, .ppshowback1, .pptd2 { display: block;margin: 20px auto;width: 94%; margin: auto; } .ppttp1 { margin: 30px 0 50px 0; } .ppttp1 span { font-size: 20px;} .pro03item { display: block;} .pro03item .imgbox { width: 100%;} .pro03item .text { width: 100%; padding-left:0px; margin: 20px 0 20px 0; } .pro03item .text h3 { font-size: 42px;} .pptd1 p span:before { left: 3px;top: 36px;} .pptd1 p{margin-bottom: 30px;} .pptd1 p span { padding: 18px 0 18px 16px;font-size: 16px;line-height: 40px;} .pro03item:nth-of-type(2n) .text { padding-left: 0; padding-right: 0px; } .pro03item .text h4 { line-height: 40px;font-size: 16px; } .pro2showside {width: 94%;margin: auto;} .pro2showside h6 {font-size: 20px;} .pptd2 .txt { text-align: justify; width: 94%; margin: auto; text-align-last: center;font-size: 16px; line-height: 40px;line-height: 40px;} .ppgn1 .iconlist dd { width: 25%;} .ppshowback1 dd {width: 100%;} /* .pagezd1 */ .pagezd1 {width: 94%; margin: auto; } .pagezd1 dd {display: block;margin-bottom: 40px;} .pagezd1 dd .txt { width: 100%;margin: auto;padding: 0px;} .pagezd1 dd .txt h3 {margin-top: 20px;} .pagezd1 dd .txt h4 {margin-bottom: 20px;line-height: 40px;font-size: 16px;} .pagezd1 dd p {width: 100%;} .pagezd1 dd:nth-child(2n) .txt {position: inherit;transform: none;} /* .pagezd1-2 */ .pagezd1-2 .txt { padding: 86px 0; } .pagezd1-2 .iconlist {top: 0px;} .pagezd1-2 .txt h3 {margin-bottom: 20px;} .pagezd1-2 .txt h4 { width: 94%; margin: auto; text-align: justify; text-align-last: center;line-height: 40px;font-size: 16px;} .pagezd1-2 .txt h4 br {display: none;} .pagezd1-2 .iconlist {display: block;width: 100%;} .pagezd1-2 .iconlist dd {width: 100%;padding-bottom: 30px;width: 49.5%; float: left;border-bottom: 1px solid #ddd;} .pagezd1-2 .iconlist dd:nth-child(3),.pagezd1-2 .iconlist dd:nth-child(4) {border-bottom: none;padding-top: 20px;padding-bottom: 0;} .pagezd1-2 .iconlist dd:nth-child(2n) {border-right: none;} .pageserver3-2 {width: 100%;margin: auto;} .pageserver3-2 .center dl p img { height: 480px; object-fit: cover; display: block; width: 100%; } /* .pagezd1-3 */ .pagezd1-3 {width: 100%;} .pagezd1-3 h3 { padding-top: 50px;margin-bottom: 20px;} .pagezd1-3 .txt { width: 90%; margin: auto;} .pagezd1-3 .txt p { font-size: 16px;} .pagezd1-3 .pagezd1-3bgimg{width: 94%;} /* .pagezd1-4 */ .pagezd1-4 { padding: 180px 0; background-attachment:scroll;margin-bottom: 50px;} .pagezd1-4 .txt h4 {width: 94%;margin: auto;font-size: 16px;line-height: 40px;} .pagezd1-4 .txt h3 { margin: 0px 0 10px 0;} /* .pagezd1-5 */ .pagezd1-5 h5 {width: 94%;} .pagezd1-5 .list dl .txt h3 {height: 45px; margin-top: 14px;} .pagezd1-5 .list dl dd{width: 94%;display: block;} .pagezd1-5 .list dl .txt h3 font {margin-top: 28px;font-size: 20px;} .pagezd1-5 .list dl p {width: 100%;} .pagezd1-5 .list dl .txt { width: 100%;margin: auto; } .pagezd1-5 .list dl:nth-child(2n) p { margin: 0 0 0 0%; } .pagezd1-5 .list dl:nth-child(2n) .txt { position: relative;transform: none;} .pagezd1-5 .list dl .txt h3 span { font-size: 24px; } .pagezd1-5 .list dl .txt p { font-size: 16px; line-height: 40px;} .pagezd1-5 .list dl .txt strong { font-size: 18px; } .pagezd1-5 .list dl { padding: 30px 0; } .pagezd1-5 { margin: 10px 0; } .pagezd1-6 img{width: 94%;} /* .pagezd2*/ .pagezd2 .txt { margin: 40px auto;width: 94%; } .pagezd2 .txt dd {width: 100%;margin: auto;} .pagezd2 {width: 100%; margin: auto;} .pagezd2 .txt dd h4{text-align: justify;line-height: 40px;font-size: 16px;} .pagezd2 .txt dd h4 br{display: none;} /* .pagezd2-1 */ .pagezd2-1 { margin: 30px auto;width: 94%; } .pagezd2-2 dd {width: 94%;display: block;} .pagezd2-2 {padding: 50px 0;width: 100%; margin: auto; } .pagezd2-2 dd p { width: 100%;margin-bottom: 20px; } .pagezd2-2 dd h3 { width: 100%; margin-top: 20px;margin: auto; } .pagezd2-2 dd h3 span {margin-bottom: 20px;} .pagezd2-2 dd h3 font {width: 100%;text-align: justify;line-height: 40px; font-size: 16px;} .pagezd2-3 .one dl dd h4 { text-align: justify;line-height: 40px; font-size: 16px;margin-bottom: 65px;} .pagezd2-3 .two .right span {width: 60px;} /* .pagezd2-3 */ .pagezd2-3 { margin: 24px 0 0 0; } .pagezd2-3 .one dl {width: 100%;display: block;} .pagezd2-3 .one dl dd {width: 100%;} .pagezd2-3 .one dl dt { width: 100%; margin-top: 20px;} .pagezd2-3 .one dl dt img{width: 100%;} .pagezd2-3 .one dl dd {margin-bottom: 20px;width: 94%;margin: auto;} .pagezd2-3 .one dl dd h3 {margin: 65px 0 20px 0;} .pagezd2-3 .two {width: 100%; display: block;margin: 50px auto;} .pagezd2-3 .two .left a {width: 100%;} .pagezd2-3 .two .right font {font-size: 16px;} .pagezd2-4 dl {width: 94%;margin: 10px auto;float: none;} .pagezd2-3 .two .left {width: 100%;} .pagezd2-3 .two .right {width: 94%;margin: auto;margin-top: 12px;} .pagezd2-4 { width: 94%; margin: auto;} .pagezd2-4 dl p img { height: 500px; width: 100%; object-fit: cover; } /* .pagezd3-1 */ .pagezd3-1 {padding: 50px 0;width: 100%; margin: auto; } .pagezd3-1 dl {display: block;width: 100%;} .pagezd3-1 h3 {font-size: 22px;} .pagezd3-1 dl a p img{width: 94%;margin: auto;} .pagezd3-bottomimg { margin: 50px auto; } .pagezd3-2 {width: 100%;display: block;margin: 0 auto;} .pagezd3-2 p {width: 50%;float: left;} .pagezd3-1 dl a {width: 94%;margin: auto;} .pagezd3-3 {background-attachment: scroll; padding: 130px 0 80px;} .pagezd3-3 h4 {font-size: 22px;} .pagezd3-4 h3 {font-size: 22px;} .pagezd3-4 .swiper-button-prev01 {left: 0px;} .pagezd3-4 .swiper-button-next01 {right: 0px;} .pagezd3-4 {width: 100%;margin: 80px auto;} .pagezd3-4 .swiper-slide {width: 100%;} .pagezd3-5 {width: 94%;margin: 50px auto;} .pagezd3-6 {background-attachment: scroll;padding: 150px 0;padding: 150px 0; } .pagezd3-6 h4 br {display: none;} .pagezd3-6 h3 {font-size: 22px;margin-bottom: 20px;} .pagezd3-6 h4 {font-size: 16px;width: 94%; margin:30px auto; text-align: justify; text-align-last: center;line-height: 40px;} .pagezd4 .join04 .min .item .info::after {display: none;}z .pagezd4 .join04 .min .active a p {color: #1a5caa; width: 90%;} .pagezd3-4 .swiper-slide a{width: 94%;margin: auto;} /* .join04wrap */ .join04wrap { padding: 30px 0; margin: 30px 0;width: 94%;margin: auto;} .pagezd4 .zd4title { font-size: 24px; margin: 20px 0 20px 0;} .join04wrap .join04 .min .item .info li h4 { width: 100%; padding-left: 0% ;line-height: 40px;font-size: 16px;} .join04wrap .join04 .min .item .info li h4 br {display: none;} .join04wrap .join04 .min li>a p { font-size: 16px; width: 90%; letter-spacing: normal;} /* .pagerpartner2 */ .pagepartner3-plan .left h5 {font-size: 16px;} .pagepartner1 { padding: 30px 0;} .pagepartner1 .pp1 h6 { text-align: center;} .pp1 .pp1min li:nth-of-type(3n) { margin-right: 0; } .pp1 .pp1min { width: 94%; margin: auto;} .pagerpartner2 {width: 100%;padding: 0px;} .news01 .item { width: 100%;margin-bottom: 10px;} .pagerpartner2 .right .news01 .item .text { width: 100%; } .pagerpartner2:before {width: 100%;} .pagerpartner2 .left {width: 100%; width: 94%; margin-left: 3%; margin-bottom: 20px; margin-top: 0px;} .pagerpartner2 .left a { width: 40%;padding: 10px;text-align: center;} .pagerpartner2 .left .active { width: 40%; float: left;height: 30px; line-height: 30px;} .pagerpartner2 .left a:nth-of-type(2){float: right;} .pagerpartner2 .center {width: 100%;} .pagerpartner2 .right {width: 100%;} .pagerpartner2 .left a span { font-size: 16px; margin-left: 41%;} .pagerpartner2 .left a .fa { font-size: 16px;display: none; } /* .news01wrap */ .news01wrap {width: 94%; margin: auto;} .pagerpartner2 .right .news01 .item .imgbox{margin-right: 0px;width: 100%;} /* .pagerpartner3 */ .pagepartner3-config .center .pagezd4 .join04 .min .item .info p {padding: 17px 0 20px 26px;font-size: 16px; line-height: 40px;} .pagepartner3-config .txt h5 {width: 100%;} .pagepartner3-config .txt h3 {font-size: 24px;} .pagepartner3-config .txt h5 {font-size: 16px; line-height: 40px;} .pagepartner3-logo { padding: 50px 0; } .pagepartner3-plan {width: 94%;display: block;margin: auto;} .pagepartner3-plan .left h3 { font-size: 20px;margin-top: 50px;} .pagepartner3-plan .left { width: 100%; margin-bottom: 50px;} .pagepartner3-plan .left h4 {font-size: 17px;margin: 20px 0;} .pagepartner3-plan .right {width: 100%;margin-top: 20px;} .pagepartner3-config .center .pagezd4 .join04 .min .item .info { padding:0px;} .pagepartner3-txt dl {width: 100%;display: block;text-align: center;padding: 0px;} .pagepartner3-txt dl p {width: 100%;} .pagepartner3-txt dl .txt { width: 100%;text-align: start;} .pagepartner3-txt dl .txt h3 { font-size: 22px; margin-top: 20px; } .pagepartner3-txt dl .txt h4 {font-size: 16px;margin: 20px 0;line-height: 40px;} .pagepartner3-icons {width: 94%;margin: auto; margin-bottom: 50px;} .pagepartner3-icons dl p {margin: auto;} .pagepartner3-icons dl {width: 100%; padding: 40px 0px;} .pagezd3-bottomimg p {width: 94%;} .pagepartner3-config .center .join04wrap .join04 .min li a p { margin: 0 0 0 10px; } .pagepartner3-config .center { padding: 10px 0;} .pagepartner3-icons dl span {width: 65%;padding-right: 5%;font-size: 16px;} .pagepartner3-txt {width: 94%;margin: auto;} .pagepartner3-txt dl .txt h5 {margin-bottom: 50px;} .pagepartner3-txt dl .txt h5 {width: 100%;line-height: 40px;} .pagepartner1 .pp1 {width: 100%;} .pp1 .pp1min li {width: calc((100% - 20px)/3);height: 60px;margin:5px 0 ;margin-right: 10px;} /* .pageserver3-1 */ .pageserver3-1 h3 {font-size: 22px;} .pageserver3-1 h4 {width: 100%; text-align: justify; text-align-last: center;font-size: 16px;line-height: 40px;} .pageserver3-1 dd {width: 100%;} .pageserver3-1 { padding: 36px 2%;} .pageserver3-1 dd p {font-size: 16px; } .pageserver3-2 .center {width: 94%;} .pageserver3-2 .center dl {width: 100%;display: block;} .pageserver3-2 .center dl p { width: 100%;margin-bottom: 10px;} .pageserver3-2 .center dl dd { width: 100%; } .pageserver3-2 .center dl dd img { margin: auto;} .pageserver3-2 .center dl dd h3 {text-align: center;} .pageserver3-2 .center dl dd h3:before { left: 0%; } .pageserver3-2 .center dl dd h4 {margin-bottom: 20px;} .pageserver3-2 .center dl dd h4 {width: 100%;line-height: 40px;font-size: 16px;} .pageserver1-1 {width: 94%; display: block;margin: 40px auto;} .pageserver1-1 h3 { width: 100%; } .pageserver1-1 h3 font {margin-bottom: 20px;line-height: 40px;font-size: 16px;} .pageserver1-1 p { width: 100%; } .pageserver1-1 h3 strong { font-size: 24px;} .pageserver1-2 { padding: 50px 0; } .pageserver1-2 h3 {width: 94%;} .pageserver1-2 h3 strong {font-size: 24px;} .pageserver1-2 h3 strong {width: 100%;} .pageserver1-2 .swiper-slide {width: 300px!important;} .pageserver2list dd a {width: 100%;} .pageserver2list dd a .tt strong {font-size: 16px; line-height: 26px;} .pageserver1-2 h3 font br {display: none;} .pageserver1-2 h3 font { line-height: 40px;font-size: 16px;} .pageserver2list dd a img { margin-left: 4%; width: 30px;} .pageserver2list dd a .tt strong {width: 100%;display: block;font-size: 20px;} .pageserver1-4 dd p { width: 100%; } .pageserver1-4 dd h3 { width: 100%; } .pageserver1-4 dd h3 span {font-size: 20px; line-height: 32px; margin-top: 30px; margin-bottom: 12px;} .pageserver1-4 dd h3 span br{display: none;} .pageserver1-4 dd {width: 94%;display: block;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide { width: 300px; } .pageserver1-3{width: 94%;margin: 50px auto;} .pageserver1-3 .swiper-button-prev01 { left: 0px; } .pageserver1-3 .swiper-button-next01 { right: 0px; } .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a p img { width: 100%;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a span { width: 60%;} .pageserver1-3 h3 strong { font-size: 22px;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a span {padding: 0px 0px; font-size: 14px; width: 100%; line-height: 36px;} .pageserver1-3 h3 font { font-size: 16px;line-height: 40px;} .pageserver1-4 { padding: 50px 0; } .pageserver1-4 {width: 100%;margin: auto;} .pageserver1-4 dd h3 font { line-height: 40px;font-size: 16px;} /* .newsinfo01 */ .newsinfo01 {width: 100%;display: block;margin: 44px auto;} .newsinfo01min { width: 94%; margin: auto; } .newsinfo01min p { font-size: 16px;} .n-fx { width: 94%; margin: auto; } .n-fx h3 { margin-top: 60px; margin-bottom: 20px; font-size: 24px;} /* .pagepartner3-config*/ .pagepartner3-config .txt {margin: 50px auto;} .pagepartner3-config {width: 94%; margin: auto; } .pp1 .swiper-button-prev { left: 0px; } .pp1 .swiper-button-next { right: 0px; } /* .ninfo-text */ .ninfo-text {width: 94%;margin: auto;} .ninfo-text h3 { font-size: 22px; color: #ffffff; } .ninfo-text p { font-size: 16px; } /* .newsinfopagewrap */ .newsinfopagewrap {padding: 30px 0;margin-bottom: 20px; width: 100%; box-sizing: border-box; padding: 30px 10px;clear: both;} .newsinfo02wrap .tl { font-size: 24px;} .newsinfo02wrap { width: 94%; display: block; margin: auto; padding-top: 20px;} .newsinfo02wrap .news01 .item { width: 100%;margin: 0px; margin-bottom: 40px;} .newsinfopage {width: 100%;margin: auto;display: block;} .n-fx .fx a {width: 48.5%; float: left;} .n-fx .fx a img { width: 7%; height: 28px; display: inline-block; margin-right: 22px; margin-top: 0px;margin-left: 0%; } .n-fx .fx a:nth-child(2n){float: right;} .newsinfopage .tolist { padding-top: 14px; display: block; } .newsinfo02wrap .news01 .item .text { padding: 20px; } .newsinfo02wrap .news01 .item .text .data { font-size: 16px;} .newsinfo02wrap .news01 .item .text .data font { font-size: 23px;} .newsinfo02wrap .news01 .item .text p { font-size: 16px; margin-bottom: 0px; } .newsinfopage .link a { line-height: 40px; margin-bottom: 10px;} .ppsolutions1 .list dd span { font-size: 16px; } .ppgn1 .iconlist dd span { font-size: 12px; } .pageserver2list dd { padding: 30px 0; margin-bottom: 40px;} .pageserver2list dd a .tt .more {width: 90px; height: 28px; line-height: 28px;} .pageserver2list dd a:hover .tt strong { font-size: 16px;} .pageserver2list dd a .tt span {font-size: 20px;} } /* ipad 竖向样式 */ @media only screen and (min-width: 750px) and (max-width: 1000px){ body, input, h1, h2, h3, h4, h5, h6, b, c, e, i, g, p, div, dl, dt, dd, select, textarea, font, right, left{letter-spacing: 0;} .pc-1200px{display: none;} .nav{display: none;} .n-fx .fx a.social-share .icon-wechat:hover .wechat-qrcode{display: block; left: -12px;} /* drawer-hamburger */ .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 80px; top: 16px;;background-color: #1b5eab;display: block;box-sizing: border-box;width: 80px;z-index: 21;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;} .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{padding-top: 80px;width: 40%;z-index: 20;height: calc(100% - 16px); box-sizing: border-box; margin-top: 16px;} .drawer--right.drawer-open .drawer-hamburger{right: 0;width: 80px;height: 80px;} .drawer--right .drawer-nav{right: -100%;} .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;} .headerwrap{background-color: #FFFFFF;} .sj-language{position: absolute;right: 20px;bottom: 50px;} .drawer--right.drawer-open .drawer-nav{height: calc(100% - 16px); box-sizing: border-box; margin-top: 16px;} .drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;position: relative;padding-top: 50%;} .drawer-menu-item:hover{color: #1b5eab;} .h-min .logo img{height: 36px;} .headerwrap{box-shadow: 0px 0px 5px rgba(0,0,0,0.3);padding-left: 2%;} .drawer-menu li{margin-bottom: 30px;} .drawer-dropdown-menu>li{margin-bottom: 10px;} .drawer-menu-item{font-size: 16px;color: #222;} .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} .sjlanguage{display: none;} /* .h-right */ .h-right a { color: rgb(136, 136, 136); font-weight:300; } .h-right i { background-color:rgb(136, 136, 136); } /* .header */ .header{height: 60px;width:100%;box-sizing: border-box;padding-left: 2%; height: 80px;} .header .logo img{height: 42px;} #banner-to{height: 60px;} .div2 .header{-webkit-flex-wrap: initial;flex-wrap: initial;-webkit-align-items: center;align-items: center;padding: 0;height: 80px;} .div2 .nav{order: 2;margin-left: 30px;margin-top: 0;} .div2 .nav li>a{line-height: 90px;font-size: 20px;} .div2 .h-right{order: 3;margin-right: 15%;color: rgb(136, 136, 136);} .div2 .logo img{height: 40px;padding-left: 7.5px;} .div2_1 .logo img{height: 40px;padding-left: 7.5px;} /* .bannerwrap */ .bannerwrap{margin-top: 60px;height: 965px;background: url(/style/img/sy_sp_01.png)no-repeat;background-size: cover; width: 100%;} .bannerwrap video{display: none;} .bannerwrap .vide0text{width: 100%;margin: auto;text-align: center;} .bannerwrap .vide0text h3 {font-size: 35px; line-height: 60px; margin-bottom: 20px; } .vide0text p { display: none; } .bannerwrap .vide0text .more { width: 160px; height: 42px; line-height: 42px; font-size: 14px;margin: auto; } /* .index01wrap */ .index01 { width: 94%;} .index01wrap {padding: 40px 0;} .i-tl01 h3 { font-size:24px;margin-bottom: 5px;} .i-tl01 h4 { font-size:16px; line-height:36px;} .index01list { margin-top: 20px; display: block; display: -webkit-flex;} .index01list .item .text p { font-size: 20px;} .index01list .item .text i { font-size: 20px; } /* .index02 */ .index02 { padding: 130px 0; } .index02min h3{font-size: 24px;margin-bottom: 16px;} .index02min p { font-size: 16px; margin-bottom: 16px; } .index02min h4 { font-size: 16px; line-height: 40px; text-align-last: center; text-align: justify;} .index02min h4 br {display: none;} .index02 video { display: none;} .index02 .index02min {width: 94%;margin: auto;} /* .i03textlist */ .index03wrap { padding: 130px 0 0px; } .i03textlist li h3 { font-size: 24px; } .i03textlist li h4 { font-size: 16px; } .i03textlist li p { font-size: 20px; } .i03page img { height: 24px; } .i03textlist li .more { width: 110px; height: 36px; } .i03iconlist a { z-index: 100; width: 10px; height: 10px; padding: 4px; } .i03iconlist {width: 80%; margin-top: 66px; padding: 15px 215px; } /* .index04text */ .index04 {display: block;width: 100%;} .index04text { padding-left: 0px; padding-top: 50px; text-align: center; width: 94%;text-align: center;margin: auto;} .index04text p { font-size: 24px; margin-bottom: 10px;} .index04text h3 { font-size: 24px; } .index04text h4 { font-size: 16px; line-height: 26px; } .index04text .more { font-size: 16px; width: 140px; height: 40px; line-height: 40px;margin: auto;} .index04imgbox { width: 100%; } .index04wrap { padding: 50px 0;} .index04imgbox img { display: block; width: 82%; margin: auto; } /* .index05wrap*/ .index05wrap { padding: 100px 0; background-attachment: scroll;} .index05 h3 { font-size: 24px;line-height: 40px;} .index05 p { font-size: 16px; } .index05 .more { width: 140px; font-size: 16px;} /* .footerwrap */ .f-nav{display: none;} .footerwrap { padding: 30px 0 30px; } .footerwrap:before { width: 100%; } .footer {width: 100%;} .footertop {display: block;} .f-contact .f-logo img { height: 40px; margin: auto; } .f-contact h4 { font-size: 16px; margin-top: 20px; margin-bottom: 17px; text-align: center; } .f-contact .ewm {margin: auto;} .copyright a { padding-top: 30px; display: block; width: 100%; margin: auto;text-align: center;margin-bottom: 20px;} .copyright { margin-top: -6px; width: 100%; display: block;} .copyright .copyright-r p { width: 100% ;} .copyright .copyright-r p br{display: block;} .f-contact { width: 100%;} .copyright .copyright-r p { width: 100%; line-height: 22px;font-size: 16px; width: 94%; margin: auto;} .f-nav, .copyright .copyright-r { width: 100%;text-align: center;padding-top: 18px; } /* .innerbanner */ .innerbanner img { height:300px; object-fit: cover; } .inner-text{width: 94%;} .inner-text h3 { font-size: 30px; margin-bottom: 15px;} .inner-text p { font-size: 20px; } .innerbanner { margin-top: 60px;margin-bottom: 50px; } .about01wrap { padding: 0 0; margin-bottom: 50px;} .about01 .about01-f { width: 100%;display: block;} .about01 .about01-f .right .text { width: 94%; margin: auto;} .about01 .about01-f .text h2 { font-size: 20px; margin-bottom: 14px; margin-top: 14px; } .about01 .about01-f .text h3 { font-size: 16px; line-height: 40px;margin-bottom: 0px;} .about01 .about01-f .text h2 { font-size: 24px; margin-bottom: 20px; margin-top: 20px; } .about01 .about01-f .text h4 { font-size: 16px; margin-bottom: 15px; } .about01 .about01-s { width: 94%; padding-top: 20px;margin: auto;flex-flow: wrap;} .about01 .about01-f .left { width: 94%; margin: auto;} .about01 .about01-f .right { width: 100%; } .about01 .about01-s .item { margin-right: 7px; float: left;} .about01 .about01-s .item { width: 190px; height: 190px; margin-bottom: 30px; } .about01 .about01-s .item:nth-of-type(2n) { margin-right: 0%;} .about01 .about01-f .text .content li { font-size: 16px; line-height: 30px; } /* .about02wrap */ .about02wrap { padding: 40px 0 100px 0; width: 100%;margin: auto;} .about02wrap .a-tl01 h3 { font-size: 20px; margin-bottom: 20px; } .about02wrap .a-tl01 h4 { font-size: 12px;text-align: justify; text-align-last: center; font-size: 16px; line-height: 40px;} .about02wrap .a-tl01 h4 br{display: none;} .about02wrap .about02 .imgbox::after { left: -13%;} .about02wrap .about02 .imgbox:nth-child(3)::after{ display: none; } .about02{width: 100%;} .about02wrap .a-tl01 {width: 88%;} .about02wrap .about02 .imgbox { margin-right: -6.5%; width: 48.5%;float: left; } .about02wrap .about02 .imgbox img { display: block; width: 80%; height: auto; } .about02wrap .about02 { padding: 30px 0; flex-flow: wrap; width: 90%;} /* .about03wrap */ .about03wrap { padding: 150px 0 50px 0; } .about03wrap .about03 h3 br {display: none;} .about03wrap .about03 h2 { font-size: 20px; margin-bottom: 12px; } .about03wrap .about03 h3 { font-size: 16px; line-height: 40px; text-align: justify; text-align-last: center; } .about03wrap .about03 {width: 88%;} /* .about04 */ .about04 .item { display: block; width: 100%;margin-bottom: 50px;} .about04 .item:first-child {margin-bottom: 50px;} .about04 .item .text {width: 100%;margin: auto;} .about04 .item:nth-of-type(2) .imgbox img {width: 94%;margin: auto;} .about04 .item .text h2 { font-size: 20px; text-align: center; margin-top: 80px; } .about04 .item .text .show {width: 87%;margin: auto; } .about04 .item:nth-of-type(2) .text .show{width: 94%;} .about04 .item .imgbox { width: 100%; } .about04 .item .text .more { margin: auto; margin-top: 0px;} .about04 .item .text h3 { margin-bottom: 80px; text-align-last: center; text-align: justify;line-height: 40px; font-size: 16px;} /* .about05 */ .about05wrap .about05 { width: 94%;} .about05wrap { padding: 50px 0; } .about05 h2 { font-size: 22px; margin-bottom: 20px; } .about05wrap .about05 {width: 94%;margin: auto;} .about05 h3 { text-align: justify; text-align-last: center; line-height: 40px;font-size: 16px;} .about05 h3 br {display: none;} /*.about06wrap */ .about06wrap .about06 .item .text { width: 94%;} .about06wrap { padding: 0px 0; background-attachment:scroll;} .about06wrap .about06 { width: 100%; display: block;} .about06wrap .about06 .item h2 { font-size: 24px; } .about06wrap .about06 .item { width: 100%;} .about06wrap .about06 .item h3 {text-align-last: center;text-align:justify;line-height: 40px;font-size: 16px;} /* .news01 */ .news01 .item {display: block;padding: 30px 0;} .news01 .item .text { width: 99%;margin: auto;text-align: start;} .news01 .item .text h2 { margin-top: 20px; display: block;} .news01 .item .text h3 { font-size: 20px; margin-bottom: 20px; } .news01 .item:hover .text div {margin: auto;width: 125px;} .news01 .item .imgbox { width: 100%;} .news02 .nav-links {display: none;} .news01 .item .text>h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;line-height: 40px; font-size: 16px;} .news01 .item .text div{ width: 80px; height: 30px;} .news01 .item:hover .text div { margin: 0; width: 80px; } /* .sincerity01wrap */ .sincerity01wrap { display: block;padding: 0px 0;margin-bottom: 40px;} .sincerity01 .textbox .text ul {margin-bottom: 10px;} .sincerity01 {width: 100%;display: block;margin: auto;} .sincerity01 .imgbox { width: 100%; margin: auto;} .sincerity01 .textbox .text h2 { margin-top: 20px; font-size: 20px;} .sincerity01 .textbox .text {width: 94%;margin: auto;line-height: 40px;} .sincerity01 .textbox .text h4 { font-size: 16px;} .sincerity01 .textbox .text ul li { font-size: 16px; } /* .sincerity02wrap */ .sincerity02wrap { padding: 130px 0; background-attachment: scroll;margin: auto;width: 100%;} .sincerity02{width: 94%;margin: auto;background-attachment: scroll;} .sincerity01 .textbox { width: 100%; display: block; margin: auto;} .sincerity02 h2 { font-size: 22px; margin-bottom: 20px; } .sincerity02 h3 { font-size: 16px; line-height: 40px; text-align: justify; text-align-last: center;} .sincerity02 h3 br {display: none;} .sincerity03 .item .text h3 { text-align: justify; line-height: 40px; font-size: 16px;} .sincerity01 .imgbox img{ width: 94%;margin: auto;} .sincerity01 .textbox .text h3 { font-size: 16px; line-height: 40px; } .sincerity04wrap .sincerity04 h3 { line-height: 40px; font-size: 16px;} /* .sincerity03wrap */ .sincerity03wrap { padding: 50px 0 260px 0; width: 100%;margin: auto;} .sincerity03wrap .sincerity03text .text h2 { font-size: 20px; margin-bottom: 20px;align-self: self-start; } .sincerity03wrap .sincerity03text .text { width: 94%;} .sincerity03 .item { width: 100%;display: block;} .sincerity03wrap .sincerity03{width: 100%;} .sincerity03 .item .text { padding-top: 50px; } .sincerity03 .item .text h2 { font-size: 20px; } .sincerity03 .item .imgbox { width: 100%;} .sincerity03 .item .text { width: 100%;} .sincerity03 .item .text .show { width: 94%; padding-bottom: 50px; } .sincerity03wrap .sincerity03text .text h3 { font-size: 16px; margin-bottom: 20px; line-height: 40px; text-align: start;} .sincerity03wrap .sincerity03text .text h3 br{display: none;} .sincerity03wrap .sincerity03text { width: 100%;margin-bottom: 166px;} .sincerity03wrap .sincerity03text .text ul li {text-align: start; line-height: 40px;} .sincerity03wrap .sincerity03text .text ul { width: 100%; } .sincerity03wrap .sincerity03text .text ul li h4 { padding-left: 13px; font-size: 16px; } .sincerity03wrap .sincerity03text .text ul li h4::before { left: 1px; } .sincerity03wrap .sincerity03text .text ul li:nth-of-type(3) h4::before{top: 20%;} /* .sincerity04wrap */ .sincerity04wrap .sincerity04 h2 { font-size: 20px; } .sincerity04wrap { padding: 273px 0 16px 0; width: 100%;margin: auto;} .sincerity04wrap .i-cont {width: 94%;margin-top: 190px;} /* .sincerity05wrap*/ .sincerity05wrap { padding: 130px 0; display: block;width: 100%;margin: auto;} .sincerity05{width: 100%;margin: auto;} .sincerity05wrap .sincerity05 .text { width: 94%;margin: auto; } .sincerity05wrap .sincerity05 .text h2 { font-size: 22px;text-align: center;} .sincerity05wrap .sincerity05 .text h3 { font-size: 16px;text-align: justify; text-align-last: center; line-height: 40px;} /* .join01wrap */ .join01wrap { padding: 0px 0; display: block;width: 100%;margin: auto; } .join01wrap .join01 .textbox .text { width: 94%; margin: auto;text-align: center;} .join01wrap .join01 .imgbox { width: 100%;} .join01wrap .join01{display: block;width: 100%;} .join01wrap .join01 .textbox { padding: 79px 0 36px 0; width: 100%;margin-top: 0px;background-color: white;} .join01wrap .join01 .textbox .text h2 { font-size: 24px; margin-bottom: 22px; } .join02wrap .join02 .textbox .text h3 { text-align: center;line-height: 40px; margin-bottom: 30px; font-size: 16px;} .join01wrap .join01 .textbox .text h3 { line-height: 40px; font-size: 16px; } /*.join02wrap */ .join02wrap { padding: 0px 0;width: 94%;margin: auto; } .join02wrap .join02 .textbox .text { width: 94%; } .join02wrap .join02 {width: 100%;display: block;} .join02wrap .join02 .textbox { text-align: center; margin-top: 20px;} .join02wrap .join02 .imgbox { width: 100%;} .join02wrap .join02 .textbox { width: 100%;padding-top: 40px;padding-bottom: 50px;} .join02wrap .join02 .textbox .text h2 { font-size: 22px; margin-bottom: 20px; } .join02wrap .join02 .textbox .more { width: 130px; height: 30px; line-height: 30px; font-size: 12px; margin: auto; } /* .join04wrap */ .join04wrap { padding: 117px 0; } .join04wrap .join04 {width: 100%;margin: 0 auto 50px;} .join04wrap .join04 .min .item .info {padding-top: 10px;width: 94%;margin: auto;} .join04wrap .join04 .min .item .info li {display: block;padding-bottom: 26px;} .join04wrap .join04 .min .item .info li p { font-size: 16px; width: 100%;margin-bottom: 10px;border-right: none; } .join04wrap .join04 .min .item .info li h4 { width: 90%; padding-left: 16%; text-align: justify; } .join04wrap .join04 .email {width: 94%;display: none;} .join04wrap .join04 .min .item .info::before {display: none;} /* .innovate01wrap*/ .innovate01wrap { padding: 0px 0; margin-bottom: 50px; } .innovate01 h2 { font-size: 22px; } .innovate01 { width: 94%; margin: auto;} .innovate01 h3 { line-height: 40px;font-size: 16px; } /* .innovate02 */ .innovate03wrap {background-attachment: scroll;padding: 130px 0;} .innovate02 .item {display: block;} .innovate02 .item .text { width: 100%;padding: 130px 0;margin-bottom: 20px;} .innovate02 .item .text h2 { font-size: 20px;width: 94%;text-align: center;} /* .innovate03 */ .innovate03 { width: 94%; margin: auto;} .innovate02 .item .text h3 {text-align: center;width: 94%; text-align: justify; text-align-last: center; line-height: 40px;font-size: 16px;} .innovate03 h2 { font-size: 24px;} .innovate03 h3 { font-size: 16px; margin-bottom: 10px; } .innovate03 h4 { font-size: 16px; line-height: 40px;} .innovate03 h4 br {display: none;} /* .contact01wrap */ .contact01wrap { padding: 40px 0; } .contact01 {display: block;width: 94%; margin: auto;} .contact01 .text h2 { font-size: 20px; } .contact01 .text h3 { font-size: 18px;} .contact01 .text { width: 100%;margin-bottom: 10px;} .contact01 .imgbox { width: 100%;} .contact01 .imgbox img { width: 100%; margin: auto; } .contact01 .text .info h4 { font-size: 16px; } /* .contact02 */ .contact02wrap { padding: 50px 0; } .contact02 {width: 90%; display: block;} .contact02 .item { width: 100%;} .contact02 .item { margin-bottom: 26px;} .contact02 .item .text h4 { font-size: 24px; } .contact02 .item .text h4 { font-size: 18px; } .contact02 .item .text h2 { font-size: 24px;} /* .contact03 */ .contact03 img{width: 100%;} /*.contact04wrap */ .contact04wrap { padding: 130px 0; background-attachment: scroll; } .contact04 h2 { font-size: 22px;} .contact04 h3 { font-size: 16px;width: 94%; margin: auto;line-height: 40px;} .contact04 h3 br {display: none;} /* .pagetitle */ .pagetitle{display: none;} .protitile { margin: 50px auto 0; } .protitile h4 { margin: auto; width: 94%; } .protitile h4 font { font-size: 16px; width: 100%; line-height: 40px;} .pageprolist dd a {display: block;width: 100%;} .pageprolist dd a p { width: 100%; } .pageprolist dd a .txt { width: 90%;margin: auto; } .pageprolist dd a .txt h3 {font-size: 20px;margin-top: 20px;height: 76px;} .nav-links {display: none;} .pageprolist dd a p img{ width: auto; margin: auto; height: 125px;} .pageprolist { width: 94%; padding-top: 50px;} /* .pageproshow1dtz */ .pageprolist dd a .txt h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 29px; height: 56px;} .pageproshow1dtz dl { width: 94%; margin: auto; display: block;} .pageproshow1dtz .left { width: 100%;} .pageproshow1dtz .right {width: 100%; } .pageproshow1dtz .right h3 { font-size: 16px; margin: 16px 0 20px 0; } .pageproshow1dtz .right h4 { font-size: 22px; } .pageproshow1dtz .right h5 { font-size: 16px; line-height: 40px;} .pageproshow1dtz {padding: 80px 0 80px; } .pptd1, .ppgn1, .pprpshow1, .ppsolutions1, .ppdow1, .ppshowback1, .pptd2 { display: block;margin: 20px auto;width: 94%; margin: auto; } .ppttp1 { margin: 30px 0 50px 0; } .ppttp1 span { font-size: 20px;} .pro03item { display: block;} .pro03item .imgbox { width: 100%;} .pro03item .text { width: 100%; padding-left:0px; margin: 20px 0 20px 0; } .pro03item .text h3 { font-size: 42px;} .pptd1 p span:before { left: 3px;top: 36px;} .pptd1 p{margin-bottom: 30px;} .pptd1 p span { padding: 18px 0 18px 16px;font-size: 16px;line-height: 40px;} .pro03item:nth-of-type(2n) .text { padding-left: 0; padding-right: 0px; } .pro03item .text h4 { line-height: 40px;font-size: 16px; } .pro2showside {width: 94%;margin: auto;} .pro2showside h6 {font-size: 20px;} .pptd2 .txt { text-align: justify; width: 94%; margin: auto; text-align-last: center;font-size: 16px; line-height: 40px;line-height: 40px;} .ppgn1 .iconlist dd { width: 25%;} .ppshowback1 dd {width: 100%;} /* .pagezd1 */ .pagezd1 {width: 94%; margin: auto; } .pagezd1 dd {display: block;margin-bottom: 40px;} .pagezd1 dd .txt { width: 100%;margin: auto;padding: 0px;} .pagezd1 dd .txt h3 {margin-top: 20px;} .pagezd1 dd .txt h4 {margin-bottom: 20px;line-height: 40px;font-size: 16px;} .pagezd1 dd p {width: 100%;} .pagezd1 dd:nth-child(2n) .txt {position: inherit;transform: none;} /* .pagezd1-2 */ .pagezd1-2 .txt { padding: 20px 0; } .pagezd1-2 .iconlist {top: 0px;} .pagezd1-2 .txt h3 {margin-bottom: 20px;} .pagezd1-2 .txt h4 { width: 94%; margin: auto; text-align: justify; text-align-last: center;line-height: 40px;font-size: 16px;} .pagezd1-2 .txt h4 br {display: none;} .pagezd1-2 .iconlist {display: block;width: 100%;} .pagezd1-2 .iconlist dd {width: 100%;padding-bottom: 30px;width: 49.5%; float: left;border-bottom: 1px solid #ddd;} .pagezd1-2 .iconlist dd:nth-child(3),.pagezd1-2 .iconlist dd:nth-child(4) {border-bottom: none;padding-top: 20px;padding-bottom: 0;} .pagezd1-2 .iconlist dd:nth-child(2n) {border-right: none;} .pageserver3-2 {width: 100%;margin: auto;} .pageserver3-2 .center dl p img { height: 340px; object-fit: cover; display: block; width: 100%; } /* .pagezd1-3 */ .pagezd1-3 {width: 100%;} .pagezd1-3 h3 { padding-top: 50px;margin-bottom: 20px;} .pagezd1-3 .txt { width: 90%; margin: auto;} .pagezd1-3 .txt p { font-size: 16px;} .pagezd1-3 .pagezd1-3bgimg{width: 94%;} /* .pagezd1-4 */ .pagezd1-4 { padding: 140px 0; background-attachment:scroll;margin-bottom: 50px;} .pagezd1-4 .txt h4 {width: 94%;margin: auto;font-size: 16px;line-height: 40px;} .pagezd1-4 .txt h3 { margin: 0px 0 10px 0;} /* .pagezd1-5 */ .pagezd1-5 h5 {width: 94%;} .pagezd1-5 .list dl .txt h3 {height: 45px; margin-top: 14px;} .pagezd1-5 .list dl dd{width: 94%;display: block;} .pagezd1-5 .list dl .txt h3 font {margin-top: 28px;font-size: 20px;} .pagezd1-5 .list dl p {width: 100%;} .pagezd1-5 .list dl .txt { width: 94%;margin: auto; } .pagezd1-5 .list dl:nth-child(2n) p { margin: 0 0 0 0%; } .pagezd1-5 .list dl:nth-child(2n) .txt { position: relative;transform: none;} .pagezd1-5 .list dl .txt h3 span { font-size: 24px; } .pagezd1-5 .list dl .txt p { font-size: 16px; line-height: 40px;} .pagezd1-5 .list dl .txt strong { font-size: 18px; } .pagezd1-5 .list dl { padding: 30px 0; } .pagezd1-5 { margin: 10px 0; } .pagezd1-6 img{width: 94%;} /* .pagezd2*/ .pagezd2 .txt { margin: 40px auto;width: 94%; } .pagezd2 .txt dd {width: 100%;margin: auto;} .pagezd2 {width: 100%; margin: auto;} .pagezd2 .txt dd h4{text-align: justify;line-height: 40px;font-size: 16px;} .pagezd2 .txt dd h4 br{display: none;} /* .pagezd2-1 */ .pagezd2-1 { margin: 30px auto;width: 94%; } .pagezd2-2 dd {width: 94%;display: block;} .pagezd2-2 {padding: 50px 0;width: 100%; margin: auto; } .pagezd2-2 dd p { width: 100%;margin-bottom: 20px; } .pagezd2-2 dd h3 { width: 100%; margin-top: 20px;margin: auto; } .pagezd2-2 dd h3 span {margin-bottom: 20px;} .pagezd2-2 dd h3 font {width: 100%;text-align: justify;line-height: 40px; font-size: 16px;} .pagezd2-3 .one dl dd h4 { text-align: justify;line-height: 40px; font-size: 16px;margin-bottom: 65px;} .pagezd2-3 .two .right span {width: 60px;} /* .pagezd2-3 */ .pagezd2-3 { margin: 24px 0 0 0; } .pagezd2-3 .one dl {width: 100%;display: block;} .pagezd2-3 .one dl dd {width: 100%;} .pagezd2-3 .one dl dt { width: 100%; margin-top: 20px;} .pagezd2-3 .one dl dt img{width: 100%;} .pagezd2-3 .one dl dd {margin-bottom: 20px;width: 94%;margin: auto;} .pagezd2-3 .one dl dd h3 {margin: 65px 0 20px 0;} .pagezd2-3 .two {width: 100%; display: block;margin: 50px auto;} .pagezd2-3 .two .left a {width: 100%;} .pagezd2-3 .two .right font {font-size: 16px;} .pagezd2-4 dl {width: 94%;margin: 10px auto;float: none;} .pagezd2-3 .two .left {width: 100%;} .pagezd2-3 .two .right {width: 94%;margin: auto;margin-top: 12px;} .pagezd2-4 { width: 94%; margin: auto;} /* .pagezd3-1 */ .pagezd3-1 {padding: 50px 0;width: 100%; margin: auto; } .pagezd3-1 dl {display: block;width: 100%;} .pagezd3-1 h3 {font-size: 22px;} .pagezd3-1 dl a p img{width: 94%;margin: auto;} .pagezd3-bottomimg { margin: 50px auto; } .pagezd3-2 {width: 100%;display: block;margin: 0 auto;} .pagezd3-2 p {width: 50%;float: left;} .pagezd3-1 dl a {width: 94%;margin: auto;} .pagezd3-3 {background-attachment: scroll; padding: 130px 0 80px;} .pagezd3-3 h4 {font-size: 22px;} .pagezd3-4 h3 {font-size: 22px;} .pagezd3-4 .swiper-button-prev01 {left: 0px;} .pagezd3-4 .swiper-button-next01 {right: 0px;} .pagezd3-4 {width: 100%;margin: 80px auto;} .pagezd3-4 .swiper-slide {width: 100%;} .pagezd3-5 {width: 94%;margin: 50px auto;} .pagezd3-6 {background-attachment: scroll;padding: 70px 0;padding: 130px 0; } .pagezd3-6 h4 br {display: none;} .pagezd3-6 h3 {font-size: 22px;margin-bottom: 20px;} .pagezd3-6 h4 {font-size: 16px;width: 94%; margin:30px auto; text-align: justify; text-align-last: center;line-height: 40px;} .pagezd4 .join04 .min .item .info::after {display: none;}z .pagezd4 .join04 .min .active a p {color: #1a5caa; width: 90%;} .pagezd3-4 .swiper-slide a{width: 94%;margin: auto;} /* .join04wrap */ .join04wrap { padding: 30px 0; margin: 30px 0;width: 94%;margin: auto;} .pagezd4 .zd4title { font-size: 24px; margin: 20px 0 20px 0;} .join04wrap .join04 .min .item .info li h4 { width: 100%; padding-left: 0% ;line-height: 40px;font-size: 16px;} .join04wrap .join04 .min .item .info li h4 br {display: none;} .join04wrap .join04 .min li>a p { font-size: 16px; width: 90%; letter-spacing: normal;} /* .pagerpartner2 */ .pagepartner3-plan .left h5 {font-size: 16px;} .pagepartner1 { padding: 30px 0;} .pagepartner1 .pp1 h6 { text-align: center;} .pp1 .pp1min li:nth-of-type(3n) { margin-right: 0; } .pp1 .pp1min { width: 94%; margin: auto;} .pagerpartner2 {width: 100%;padding: 0px;} .news01 .item { width: 100%;margin-bottom: 10px;} .pagerpartner2 .right .news01 .item .text { width: 100%; } .pagerpartner2:before {width: 100%;} .pagerpartner2 .left {width: 100%; width: 94%; margin-left: 3%; margin-bottom: 20px; margin-top: 0px;} .pagerpartner2 .left a { width: 40%;padding: 10px;text-align: center;} .pagerpartner2 .left .active { width: 40%; float: left;} .pagerpartner2 .left a:nth-of-type(2){float: right;} .pagerpartner2 .center {width: 100%;} .pagerpartner2 .right {width: 100%;} .pagerpartner2 .left a span { font-size: 16px; margin-left: 29%;} .pagerpartner2 .left a .fa { font-size: 16px;display: none; } /* .news01wrap */ .news01wrap {width: 94%; margin: auto;} .pagerpartner2 .right .news01 .item .imgbox{margin-right: 0px;width: 100%;} /* .pagerpartner3 */ .pagepartner3-config .center .pagezd4 .join04 .min .item .info p {padding: 17px 0 20px 26px;font-size: 16px; line-height: 40px;} .pagepartner3-config .txt h5 {width: 100%;} .pagepartner3-config .txt h3 {font-size: 24px;} .pagepartner3-config .txt h5 {font-size: 16px; line-height: 40px;} .pagepartner3-logo { padding: 50px 0; } .pagepartner3-plan {width: 94%;display: block;margin: auto;} .pagepartner3-plan .left h3 { font-size: 20px;margin-top: 50px;} .pagepartner3-plan .left { width: 100%; margin-bottom: 50px;} .pagepartner3-plan .left h4 {font-size: 17px;margin: 20px 0;} .pagepartner3-plan .right {width: 100%;margin-top: 20px;} .pagepartner3-config .center .pagezd4 .join04 .min .item .info { padding:0px;} .pagepartner3-txt dl {width: 100%;display: block;text-align: center;padding: 0px;} .pagepartner3-txt dl p {width: 100%;} .pagepartner3-txt dl .txt { width: 100%;text-align: start;} .pagepartner3-txt dl .txt h3 { font-size: 22px; margin-top: 20px; } .pagepartner3-txt dl .txt h4 {font-size: 16px;margin: 20px 0;line-height: 40px;} .pagepartner3-icons {width: 94%;margin: auto; margin-bottom: 50px;} .pagepartner3-icons dl p {margin: auto;} .pagepartner3-icons dl {width: 100%; padding: 40px 0px;} .pagezd3-bottomimg p {width: 94%;} .pagepartner3-config .center .join04wrap .join04 .min li a p { margin: 0 0 0 10px; } .pagepartner3-config .center { padding: 10px 0;} .pagepartner3-icons dl span {width: 65%;padding-right: 5%;font-size: 16px;} .pagepartner3-txt {width: 94%;margin: auto;} .pagepartner3-txt dl .txt h5 {margin-bottom: 50px;} .pagepartner3-txt dl .txt h5 {width: 100%;line-height: 40px;} .pagepartner1 .pp1 {width: 100%;} .pp1 .pp1min li {width: calc((100% - 20px)/3);height: 60px;margin:5px 0 ;margin-right: 10px;} /* .pageserver3-1 */ .pageserver3-1 h3 {font-size: 22px;} .pageserver3-1 h4 {width: 100%; text-align: justify; text-align-last: center;font-size: 16px;line-height: 40px;} .pageserver3-1 dd {width: 100%;} .pageserver3-1 { padding: 36px 2%;} .pageserver3-1 dd p {font-size: 16px; } .pageserver3-2 .center {width: 94%;} .pageserver3-2 .center dl {width: 100%;display: block;} .pageserver3-2 .center dl p { width: 100%;margin-bottom: 10px;} .pageserver3-2 .center dl dd { width: 100%; } .pageserver3-2 .center dl dd img { margin: auto;} .pageserver3-2 .center dl dd h3 {text-align: center;} .pageserver3-2 .center dl dd h3:before { left: 0%; } .pageserver3-2 .center dl dd h4 {margin-bottom: 20px;} .pageserver3-2 .center dl dd h4 {width: 100%;line-height: 40px;font-size: 16px;} .pageserver1-1 {width: 94%; display: block;margin: 40px auto;} .pageserver1-1 h3 { width: 100%; } .pageserver1-1 h3 font {margin-bottom: 20px;line-height: 40px;font-size: 16px;} .pageserver1-1 p { width: 100%; } .pageserver1-1 h3 strong { font-size: 24px;} .pageserver1-2 { padding: 50px 0; } .pageserver1-2 h3 {width: 94%;} .pageserver1-2 h3 strong {font-size: 24px;} .pageserver1-2 h3 strong {width: 100%;} .pageserver1-2 .swiper-slide {width: 300px!important;} .pageserver2list dd a {width: 100%;} .pageserver2list dd a .tt strong {font-size: 20px; line-height: 26px;} .pageserver1-2 h3 font br {display: none;} .pageserver1-2 h3 font { line-height: 40px;font-size: 16px;} .pageserver2list dd a img { margin-left: 4%; width: 30px;} .pageserver2list dd a .tt strong {width: 100%;display: block;} .pageserver1-4 dd p { width: 100%; } .pageserver1-4 dd h3 { width: 100%; } .pageserver1-4 dd h3 span {font-size: 20px; line-height: 32px; margin-top: 30px; margin-bottom: 12px;} .pageserver1-4 dd h3 span br{display: none;} .pageserver1-4 dd {width: 94%;display: block;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide { width: 300px; } .pageserver1-3{width: 94%;margin: 50px auto;} .pageserver1-3 .swiper-button-prev01 { left: 0px; } .pageserver1-3 .swiper-button-next01 { right: 0px; } .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a p img { width: 60%;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a span { width: 60%;} .pageserver1-3 h3 strong { font-size: 22px;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a span {padding: 0px 15px; font-size: 14px; width: 50%; line-height: 60px;} .pageserver1-3 h3 font { font-size: 16px;line-height: 40px;} .pageserver1-4 { padding: 50px 0; } .pageserver1-4 {width: 100%;margin: auto;} .pageserver1-4 dd h3 font { line-height: 40px;font-size: 16px;} /* .newsinfo01 */ .newsinfo01 {width: 100%;display: block;margin: 44px auto;} .newsinfo01min { width: 94%; margin: auto; } .newsinfo01min p { font-size: 16px;} .n-fx { width: 94%; margin: auto; } .n-fx h3 { margin-top: 60px; margin-bottom: 20px; font-size: 24px;} /* .pagepartner3-config*/ .pagepartner3-config .txt {margin: 50px auto;} .pagepartner3-config {width: 94%; margin: auto; } .pp1 .swiper-button-prev { left: 0px; } .pp1 .swiper-button-next { right: 0px; } /* .ninfo-text */ .ninfo-text {width: 94%;margin: auto;} .ninfo-text h3 { font-size: 22px; color: #ffffff; } .ninfo-text p { font-size: 16px; } /* .newsinfopagewrap */ .newsinfopagewrap {padding: 30px 0;margin-bottom: 20px; width: 100%; box-sizing: border-box; padding: 30px 10px;clear: both;} .newsinfo02wrap .tl { font-size: 24px;} .newsinfo02wrap { width: 94%; display: block; margin: auto; padding-top: 20px;} .newsinfo02wrap .news01 .item { width: 100%;margin: 0px; margin-bottom: 40px;} .newsinfopage {width: 100%;margin: auto;display: block;} .n-fx .fx a {width: 48.5%; float: left;} .n-fx .fx a img { width: 11%; height: 28px; display: inline-block; margin-right: 22px; margin-top: 0px;margin-left: 0%; } .n-fx .fx a:nth-child(2n){float: right;} .newsinfopage .tolist { padding-top: 14px; display: block; } .newsinfo02wrap .news01 .item .text { padding: 20px; } .newsinfo02wrap .news01 .item .text .data { font-size: 16px;} .newsinfo02wrap .news01 .item .text .data font { font-size: 23px;} .newsinfo02wrap .news01 .item .text p { font-size: 16px; margin-bottom: 0px; } .newsinfopage .link a { line-height: 40px; margin-bottom: 10px;} .ppsolutions1 .list dd span { font-size: 16px; } .ppgn1 .iconlist dd span { font-size: 12px; } .pageserver2list dd { padding: 30px 0; margin-bottom: 40px;} .pageserver2list dd a .tt .more {width: 90px; height: 28px; line-height: 28px;} .pageserver2list dd a:hover .tt strong { font-size: 16px;} .pageserver2list dd a .tt span {font-size: 20px;} } @media only screen and (max-width:760px){ body, input, h1, h2, h3, h4, h5, h6, b, c, e, i, g, p, div, dl, dt, dd, select, textarea, font, right, left{letter-spacing: 0;} .pc-1200px{display: none;} .nav{display: none;} .h-right{display: none;} .n-fx .fx a.social-share .icon-wechat:hover .wechat-qrcode{display: block; left: -12px;} /* drawer-hamburger */ .headerwrap .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 16px;background-color: #1b5eab;display: block;box-sizing: border-box;width: 60px;z-index: 21;} .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;} .drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-nav{padding-top: 80px;width: 50%;z-index: 20; height: calc(100% - 16px); box-sizing: border-box; width: 50%; padding-top: 120px; margin-top: 16px;} .drawer--right.drawer-open .drawer-hamburger{right: 0;} .drawer--right .drawer-nav{right: -100%;} .headerwrap .h-min{height: 60px;width: 100%;box-sizing: border-box;padding-left: 2%;} .headerwrap{background-color: #FFFFFF;} .sj-language{position: absolute;right: 20px;bottom: 50px;} .drawer--right.drawer-open .drawer-nav{height: calc(100% - 16px); box-sizing: border-box; width: 50%; padding-top: 120px; margin-top: 16px;} .drawer--right .drawer-nav>.drawer-menu{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;box-sizing: border-box;} .drawer--right .drawer-nav>.drawer-menu>.drawer-menu{height: auto;min-height: 100%;box-sizing: border-box;padding-bottom: 60px;position: relative;} .drawer-menu-item:hover{color: #1b5eab;} .h-min .logo img{height: 36px;} .headerwrap{box-shadow: 0px 0px 5px rgba(0,0,0,0.3);} .drawer-menu li{margin-bottom: 30px;} .drawer-dropdown-menu>li{margin-bottom: 10px;} .drawer-menu-item{font-size: 16px; color: #222;display: flex; justify-content: space-between;} .drawer-dropdown.open>.drawer-dropdown-menu{padding-bottom: 0;} .sjlanguage{position: absolute;right: 10%;bottom: 30px;font-size: 14px;color: #1b5eab;} .drawer-menu li .drawer-dropdown-menu-item {color: #222;} .drawer-dropdown.open .drawer-caret { color: #1b5eab; } .drawer-dropdown .drawer-caret { margin-top: 5%;} /* .header */ .header{height: 60px;width:100%;box-sizing: border-box;padding-left: 3%;} .header .logo img{height: 42px;} #banner-to{height: 60px;} .div2 .header{-webkit-flex-wrap: initial;flex-wrap: initial;-webkit-align-items: center;align-items: center;padding: 0;} .div2 .nav{order: 2;margin-left: 30px;margin-top: 0;} .div2 .nav li>a{line-height: 90px;font-size: 20px;} .div2 .h-right{order: 3;} .div2 .logo img{height: 40px;padding-left: 7.5px;} .div2_1 .logo img{height: 40px;padding-left: 7.5px;} /* .bannerwrap */ .bannerwrap{margin-top: 100px;height: 300px;background: url(/style/img/sy_sp_01.png)no-repeat;background-size: cover; width: 100%;} .bannerwrap video{display: none;} .bannerwrap .vide0text{width: 100%;margin: auto;text-align: center;} .bannerwrap .vide0text h3 {font-size: 24px; line-height: 36px; margin-bottom: 20px; } .vide0text p { display: none; } .bannerwrap .vide0text .more { width: 140px; height: 40px; line-height: 40px; font-size: 14px;margin: auto; } /* .index01wrap */ .index01 { width: 94%;} .index01wrap {padding: 40px 0;} .i-tl01 h3 { font-size:24px;margin-bottom: 5px;} .i-tl01 h4 { font-size:16px; line-height:36px;} .index01list { margin-top: 20px; display: block; } .index01list .item .text p { font-size: 20px;} .index01list .item .text i { font-size: 20px; } /* .index02 */ .index02 { padding: 30px 0; } .index02min h3{font-size: 24px;margin-bottom: 16px;} .index02min p { font-size: 16px; margin-bottom: 16px; } .index02min h4 { font-size: 14px; line-height: 28px; text-align-last: center; text-align: justify;} .index02min h4 br {display: none;} .index02 video { display: none;} .index02 .index02min {width: 94%;margin: auto;} /* index03wrap */ .index03wrap{width: 100%;box-sizing: border-box;padding: 100px 0;position: relative;} .index03wrap img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 0;} /* .i03page */ .index03page {position: relative;z-index: 1;box-sizing: border-box;padding: 50px 0;background-color: #ffffff;} .index03 {width: 83%;box-sizing: border-box;position: relative;margin: auto;padding-bottom: 20px;} .index03text h3 {font-size: 13px;color: #222222;line-height: 36px;margin-bottom: 40px;letter-spacing: 1px;font-weight: bold;text-align: center;} .index03text h4 {font-size: 13px;color: #666;line-height: 30px;text-align: center;margin: auto;} /* .index04text */ .index04 {display: block;width: 100%;} .index04text { padding-left: 0px; padding-top: 25px; text-align: center; width: 94%;text-align: center;margin: auto;} .index04text p { font-size: 24px; margin-bottom: 10px;} .index04text h3 { font-size: 24px; } .index04text h4 { font-size: 16px; line-height: 26px; } .index04text .more { font-size: 14px; width: 140px; height: 40px; line-height: 40px;margin: auto;} .index04imgbox { width: 100%; } .index04wrap { padding: 50px 0;} .index04imgbox img { display: block; width: 94%; margin: auto; } /* .index05wrap*/ .index05wrap { padding: 60px 0; background-attachment: scroll;} .index05 h3 { font-size: 24px;line-height: 40px;} .index05 p { font-size: 14px; } .index05 .more { width: 140px; font-size: 14px;} /* .footerwrap */ .f-nav{display: none;} .footerwrap { padding: 30px 0 30px; } .footerwrap:before { width: 100%; } .footer {width: 100%;} .footertop {display: block;} .f-contact .f-logo img { height: 40px; margin: auto; } .f-contact h4 { font-size: 14px; margin-top: 20px; margin-bottom: 17px; text-align: center; } .f-contact .ewm {margin: auto;} .copyright a { padding-top: 30px; display: block; width: 100%; margin: auto;text-align: center;margin-bottom: 20px;} .copyright { margin-top: -6px; width: 100%; display: block;} .copyright .copyright-r p { width: 100% ;} .copyright .copyright-r p br{display: block;} .f-contact { width: 100%;} .copyright .copyright-r p { width: 100%; line-height: 22px;font-size: 14px; width: 94%; margin: auto;} .f-nav, .copyright .copyright-r { width: 100%;text-align: center;padding-top: 18px; } /* .innerbanner */ .innerbanner img { height: 250px; object-fit: cover; } .inner-text{width: 94%;} .inner-text h3 { font-size: 30px; margin-bottom: 15px;} .inner-text p { font-size: 20px; } .innerbanner { margin-top: 60px;margin-bottom: 50px; } .about01wrap { padding: 0 0; margin-bottom: 50px;} .about01 .about01-f { width: 100%;display: block;} .about01 .about01-f .right .text { width: 94%; margin: auto;} .about01 .about01-f .text h2 { font-size: 20px; margin-bottom: 14px; margin-top: 14px; } .about01 .about01-f .text h3 { font-size: 14px; line-height: 24px;margin-bottom: 0px;} .about01 .about01-f .text h2 { font-size: 20px; margin-bottom: 14px; margin-top: 14px; } .about01 .about01-f .text h4 { font-size: 14px; margin-bottom: 15px; } .about01 .about01-s { width: 80%; padding-top: 20px;display: block;margin: auto;} .about01 .about01-f .left { width: 94%; margin: auto;} .about01 .about01-f .right { width: 100%; } .about01 .about01-s .item { margin-right: 7px; float: left;} .about01 .about01-s .item { width: 130px; height: 130px; margin-bottom: 10px; } .about01 .about01-s .item { float: left;} .about01 .about01-s .item:nth-of-type(2n) { margin-right: 0%;float: right;} /* .about02wrap */ .about02wrap { padding: 40px 0 100px 0; width: 100%;margin: auto;} .about02wrap .a-tl01 h3 { font-size: 20px; margin-bottom: 20px; } .about02wrap .a-tl01 h4 { font-size: 12px;text-align: justify; text-align-last: center; font-size: 14px; line-height: 24px;} .about02wrap .a-tl01 h4 br{display: none;} .about02wrap .about02 .imgbox::after { left: -13%;} .about02wrap .about02 .imgbox:nth-child(3)::after{ display: none; } .about02{width: 100%;} .about02wrap .a-tl01 {width: 88%;} .about02wrap .about02 .imgbox { margin-right: -6.5%; width: 48.5%;float: left; } .about02wrap .about02 .imgbox img { display: block; width: 80%; height: auto; } .about02wrap .about02 { padding: 30px 0; flex-flow: wrap; width: 90%;} /* .about03wrap */ .about03wrap { padding: 120px 0 50px 0; } .about03wrap .about03 h3 br {display: none;} .about03wrap .about03 h2 { font-size: 20px; margin-bottom: 12px; } .about03wrap .about03 h3 { font-size: 14px; line-height: 24px; text-align: justify; text-align-last: center; } .about03wrap .about03 {width: 87%;} /* .about04 */ .about04 .item { display: block; width: 100%;margin-bottom: 50px;} .about04 .item:first-child {margin-bottom: 50px;} .about04 .item .text {width: 100%;margin: auto;} .about04 .item:nth-of-type(2) .imgbox img {width: 94%;margin: auto;} .about04 .item .text h2 { font-size: 20px; text-align: center; margin-top: 50px; } .about04 .item .text .show {width: 87%;margin: auto; } .about04 .item:nth-of-type(2) .text .show{width: 94%;} .about04 .item .imgbox { width: 100%; } .about04 .item .text .more { margin: auto; margin-top: 0px;} .about04 .item .text h3 { margin-bottom: 50px; text-align-last: center; text-align: justify;line-height: 24px; } /* .about05 */ .about05wrap .about05 { width: 94%;} .about05wrap { padding: 50px 0; } .about05 h2 { font-size: 22px; margin-bottom: 20px; } .about05wrap .about05 {width: 94%;margin: auto;} .about05 h3 { text-align: justify; text-align-last: center; line-height: 24px;} .about05 h3 br {display: none;} /*.about06wrap */ .about06wrap .about06 .item .text { width: 94%;} .about06wrap { padding: 0px 0; background-attachment:scroll;} .about06wrap .about06 { width: 100%; display: block;} .about06wrap .about06 .item h2 { font-size: 24px; } .about06wrap .about06 .item { width: 100%;} .about06wrap .about06 .item h3 {text-align-last: center;text-align:justify;line-height: 24px;} /* .news01 */ .news01 .item {display: block;padding: 30px 0;} .news01 .item .text { width: 94%;margin: auto;text-align: start;} .news01 .item .text h2 { margin-top: 20px; display: block;} .news01 .item .text h3 { font-size: 20px; margin-bottom: 20px; } .news01 .item:hover .text div {margin: auto;width: 125px;} .news01 .item .imgbox { width: 100%;} .news02 .nav-links {display: none;} .news01 .item .text>h4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;line-height: 24px; } .news01 .item .text div{ width: 80px; height: 30px;} .news01 .item:hover .text div { margin: 0; width: 80px; } /* .sincerity01wrap */ .sincerity01wrap { display: block;padding: 0px 0;margin-bottom: 40px;} .sincerity01 .textbox .text ul {margin-bottom: 10px;} .sincerity01 {width: 100%;display: block;margin: auto;} .sincerity01 .imgbox { width: 100%; margin: auto;} .sincerity01 .textbox .text h2 { margin-top: 20px; font-size: 20px;} .sincerity01 .textbox .text {width: 94%;margin: auto;line-height: 24px;} .sincerity01 .textbox .text h4 { font-size: 16px;} /* .sincerity02wrap */ .sincerity02wrap { padding: 70px 0; background-attachment: scroll;margin: auto;width: 100%;} .sincerity02{width: 94%;margin: auto;background-attachment: scroll;} .sincerity01 .textbox { width: 100%; display: block; margin: auto;} .sincerity02 h2 { font-size: 22px; margin-bottom: 20px; } .sincerity02 h3 { font-size: 14px; line-height: 24px; text-align: justify; text-align-last: center;} .sincerity02 h3 br {display: none;} .sincerity03 .item .text h3 { text-align: justify; line-height: 24px;} .sincerity01 .imgbox img{ width: 94%;margin: auto;} .sincerity01 .textbox .text h3 { font-size: 14px; line-height: 24px; } .sincerity04wrap .sincerity04 h3 { line-height: 24px;} /* .sincerity03wrap */ .sincerity03wrap { padding: 50px 0 260px 0; width: 100%;margin: auto;} .sincerity03wrap .sincerity03text .text h2 { font-size: 20px; margin-bottom: 20px;align-self: self-start; } .sincerity03wrap .sincerity03text .text { width: 94%;} .sincerity03 .item { width: 100%;display: block;} .sincerity03wrap .sincerity03{width: 100%;} .sincerity03 .item .text { padding-top: 50px; } .sincerity03 .item .text h2 { font-size: 20px; } .sincerity03 .item .imgbox { width: 100%;} .sincerity03 .item .text { width: 100%;} .sincerity03 .item .text .show { width: 94%; padding-bottom: 50px; } .sincerity03wrap .sincerity03text .text h3 { font-size: 14px; margin-bottom: 20px; line-height: 24px; text-align: start;} .sincerity03wrap .sincerity03text .text h3 br{display: none;} .sincerity03wrap .sincerity03text { width: 100%;margin-bottom: 40px;} .sincerity03wrap .sincerity03text .text ul li {text-align: start; line-height: 24px;} .sincerity03wrap .sincerity03text .text ul { width: 100%; } .sincerity03wrap .sincerity03text .text ul li h4 { padding-left: 13px;} .sincerity03wrap .sincerity03text .text ul li h4::before { left: 1px; } .sincerity03wrap .sincerity03text .text ul li:nth-of-type(3) h4::before{top: 20%;} /* .sincerity04wrap */ .sincerity04wrap .sincerity04 h2 { font-size: 20px; } .sincerity04wrap { padding: 273px 0 16px 0; width: 100%;margin: auto;} .sincerity04wrap .i-cont {width: 94%;margin-top: 60px;} /* .sincerity05wrap*/ .sincerity05wrap { padding: 70px 0; display: block;width: 100%;margin: auto;} .sincerity05{width: 100%;margin: auto;} .sincerity05wrap .sincerity05 .text { width: 94%;margin: auto; } .sincerity05wrap .sincerity05 .text h2 { font-size: 22px;text-align: center;} .sincerity05wrap .sincerity05 .text h3 { font-size: 14px;text-align: justify; text-align-last: center; line-height: 24px;} /* .join01wrap */ .join01wrap { padding: 0px 0; display: block;width: 100%;margin: auto; } .join01wrap .join01 .textbox .text { width: 94%; margin: auto;text-align: center;} .join01wrap .join01 .imgbox { width: 100%;} .join01wrap .join01{display: block;width: 100%;} .join01wrap .join01 .textbox { padding: 76px 0 36px 0; width: 100%;margin-top: 25px;background-color: white;} .join01wrap .join01 .textbox .text h2 { font-size: 24px; margin-bottom: 22px; } .join02wrap .join02 .textbox .text h3 { text-align: center;line-height: 24px; margin-bottom: 30px;} .join01wrap .join01 .textbox .text h3 { line-height: 24px;} /*.join02wrap */ .join02wrap { padding: 85px 0;width: 94%;margin: auto; } .join02wrap .join02 .textbox .text { width: 94%; } .join02wrap .join02 {width: 100%;display: block;} .join02wrap .join02 .textbox { text-align: center; margin-top: 20px;} .join02wrap .join02 .imgbox { width: 100%;} .join02wrap .join02 .textbox { width: 100%;padding-top: 40px;} .join02wrap .join02 .textbox .text h2 { font-size: 22px; margin-bottom: 20px; } .join02wrap .join02 .textbox .more { width: 130px; height: 30px; line-height: 30px; font-size: 12px; margin: auto; } /* .join04wrap */ .join04wrap { padding: 117px 0; } .join04wrap .join04 {width: 100%;margin: 0 auto 50px;} .join04wrap .join04 .min .item .info {padding-top: 10px;width: 94%;margin: auto;} .join04wrap .join04 .min .item .info li {display: block;padding-bottom: 26px;} .join04wrap .join04 .min .item .info li p { font-size: 14px; width: 100%;margin-bottom: 10px;border-right: none; } .join04wrap .join04 .min .item .info li h4 { width: 90%; padding-left: 16%; text-align: justify; } .join04wrap .join04 .email {width: 94%;display: none;} .join04wrap .join04 .min .item .info::before {display: none;} /* .innovate01wrap*/ .innovate01wrap { padding: 0px 0; margin-bottom: 50px; } .innovate01 h2 { font-size: 22px; } .innovate01 { width: 94%; margin: auto;} .innovate01 h3 { line-height: 24px; } /* .innovate02 */ .innovate03wrap {background-attachment: scroll;padding: 100px 0;} .innovate02 .item {display: block;} .innovate02 .item .text { width: 100%;padding: 100px 0;margin-bottom: 20px;} .innovate02 .item .text h2 { font-size: 20px;width: 94%;text-align: center;} /* .innovate03 */ .innovate03 { width: 94%; margin: auto;} .innovate02 .item .text h3 {text-align: center;width: 94%; text-align: justify; text-align-last: center; line-height: 24px;} .innovate03 h2 { font-size: 24px;} .innovate03 h3 { font-size: 16px; margin-bottom: 10px; } .innovate03 h4 { font-size: 16px; } .innovate03 h4 br {display: none;} /* .contact01wrap */ .contact01wrap { padding: 40px 0; } .contact01 {display: block;width: 94%; margin: auto;} .contact01 .text h2 { font-size: 20px; } .contact01 .text h3 { font-size: 18px;} .contact01 .text { width: 100%;margin-bottom: 10px;} .contact01 .imgbox { width: 100%;} .contact01 .imgbox img { width: 100%; margin: auto; } /* .contact02 */ .contact02wrap { padding: 50px 0; } .contact02 {width: 90%; display: block;} .contact02 .item { width: 100%;} .contact02 .item { margin-bottom: 26px;} .contact02 .item .text h4 { font-size: 24px; } .contact02 .item .text h4 { font-size: 16px; } .contact02 .item .text h2 { font-size: 20px;} /* .contact03 */ .contact03 img{width: 100%;} /*.contact04wrap */ .contact04wrap { padding: 80px 0; background-attachment: scroll; } .contact04 h2 { font-size: 22px;} .contact04 h3 { font-size: 14px;width: 94%; margin: auto;line-height: 24px;} .contact04 h3 br {display: none;} /* .pagetitle */ .pagetitle{display: none;} .protitile { margin: 50px auto 0; } .protitile h4 { margin: auto; width: 94%; } .protitile h4 font {width: 100%;} .pageprolist dd a {display: block;width: 100%;} .pageprolist dd a p { width: 100%; } .pageprolist dd a .txt { width: 90%;margin: auto; } .pageprolist dd a .txt h3 {font-size: 20px;margin-top: 20px;height: auto;} .nav-links {display: none;} .pageprolist dd a p img{ width: auto; margin: auto;} .pageprolist dd a p img { height: 126px; } .pageprolist dd { padding: 45px 0; width: 100%; margin-right: 0%; margin-bottom: 20px; } .pageprolist { width: 100%; padding-top: 20px;} /* .pageproshow1dtz */ .pageprolist dd a .txt h4 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: auto;} .pageproshow1dtz dl { width: 94%; margin: auto; display: block;} .pageproshow1dtz .left { width: 100%;} .pageproshow1dtz .right {width: 100%; } .pageproshow1dtz .right h3 { font-size: 16px; margin: 16px 0 20px 0; } .pageproshow1dtz .right h4 { font-size: 22px; } .pageproshow1dtz .right h5 { font-size: 14px; line-height: 24px;} .pageproshow1dtz {padding: 80px 0 80px; } .pptd1, .ppgn1, .pprpshow1, .ppsolutions1, .ppdow1, .ppshowback1, .pptd2 { display: block;margin: 20px auto;width: 94%; margin: auto; } .ppttp1 { margin: 30px 0 50px 0; } .ppttp1 span { font-size: 20px;} .pro03item { display: block;} .pro03item .imgbox { width: 100%;} .pro03item .text { width: 100%; padding-left:0px; margin: 20px 0 20px 0; } .pro03item .text h3 { font-size: 42px;} .pptd1 p span:before { left: 3px;top: 27px;} .pptd1 p{margin-bottom: 30px;} .pptd1 p span { padding: 18px 0 18px 16px;font-size: 14px;line-height: 24px;} .pro03item:nth-of-type(2n) .text { padding-left: 0; padding-right: 0px; } .pro03item .text h4 { line-height: 24px;} .pro2showside {width: 94%;margin: auto;} .pro2showside h6 {font-size: 20px;} .pptd2 .txt { text-align: justify; width: 94%; margin: auto; text-align-last: center;font-size: 14px; line-height: 24px;line-height: 24px;} .ppgn1 .iconlist dd { width: 25%;} .ppshowback1 dd {width: 100%;} /* .pagezd1 */ .pagezd1 {width: 94%; margin: auto; } .pagezd1 dd {display: block;margin-bottom: 40px;} .pagezd1 dd .txt { width: 100%;margin: auto;padding: 0px;} .pagezd1 dd .txt h3 {margin-top: 20px;} .pagezd1 dd .txt h4 {margin-bottom: 20px;line-height: 24px;} .pagezd1 dd p {width: 100%;} .pagezd1 dd:nth-child(2n) .txt {position: inherit;transform: none;} /* .pagezd1-2 */ .pagezd1-2 .txt { padding: 20px 0; } .pagezd1-2 .iconlist {top: 0px;} .pagezd1-2 .txt h3 {margin-bottom: 20px;} .pagezd1-2 .txt h4 { width: 94%; margin: auto; text-align: justify; text-align-last: center;line-height: 24px;} .pagezd1-2 .txt h4 br {display: none;} .pagezd1-2 .iconlist {display: block;width: 100%;} .pagezd1-2 .iconlist dd {width: 100%;padding-bottom: 30px;width: 49.5%; float: left;border-bottom: 1px solid #ddd;} .pagezd1-2 .iconlist dd:nth-child(3),.pagezd1-2 .iconlist dd:nth-child(4) {border-bottom: none;padding-top: 20px;padding-bottom: 0;} .pagezd1-2 .iconlist dd:nth-child(2n) {border-right: none;} .pageserver3-2 {width: 100%;margin: auto;} .pageserver3-2 .center dl p img { height: 240px; object-fit: cover; display: block; width: 100%; } /* .pagezd1-3 */ .pagezd1-3 {width: 100%;} .pagezd1-3 h3 { padding-top: 50px;margin-bottom: 20px;} .pagezd1-3 .txt { width: 90%; margin: auto;} .pagezd1-3 .txt p { font-size: 14px;} .pagezd1-3 .pagezd1-3bgimg{width: 94%;} /* .pagezd1-4 */ .pagezd1-4 { padding: 80px 0; background-attachment:scroll;margin-bottom: 50px;} .pagezd1-4 .txt h4 {width: 94%;margin: auto;} .pagezd1-4 .txt h3 { margin: 0px 0 10px 0;} /* .pagezd1-5 */ .pagezd1-5 h5 {width: 94%;} .pagezd1-5 .list dl .txt h3 {height: 45px; margin-top: 14px;} .pagezd1-5 .list dl dd{width: 94%;display: block;} .pagezd1-5 .list dl .txt h3 font {margin-top: 28px;font-size: 20px;} .pagezd1-5 .list dl p {width: 100%;} .pagezd1-5 .list dl .txt { width: 94%;margin: auto; } .pagezd1-5 .list dl:nth-child(2n) p { margin: 0 0 0 0%; } .pagezd1-5 .list dl:nth-child(2n) .txt { position: relative;transform: none;} .pagezd1-5 .list dl .txt h3 span { font-size: 24px; } .pagezd1-5 .list dl { padding: 30px 0; } .pagezd1-5 { margin: 10px 0; } .pagezd1-6 img{width: 94%;} /* .pagezd2*/ .pagezd2 .txt { margin: 40px auto;width: 94%; } .pagezd2 .txt dd {width: 100%;margin: auto;} .pagezd2 {width: 100%; margin: auto;} .pagezd2 .txt dd h4{text-align: justify;line-height: 24px;} .pagezd2 .txt dd h4 br{display: none;} /* .pagezd2-1 */ .pagezd2-1 { margin: 30px auto;width: 94%; } .pagezd2-2 dd {width: 94%;display: block;} .pagezd2-2 {padding: 50px 0;width: 100%; margin: auto; } .pagezd2-2 dd p { width: 100%;margin-bottom: 20px; } .pagezd2-2 dd h3 { width: 100%; margin-top: 20px;margin: auto; } .pagezd2-2 dd h3 span {margin-bottom: 20px;} .pagezd2-2 dd h3 font {width: 100%;text-align: justify;line-height: 24px;} .pagezd2-3 .one dl dd h4 { text-align: justify;line-height: 24px;} .pagezd2-3 .two .right span {width: 60px;} /* .pagezd2-3 */ .pagezd2-3 { margin: 24px 0 0 0; } .pagezd2-3 .one dl {width: 100%;display: block;} .pagezd2-3 .one dl dd {width: 100%;} .pagezd2-3 .one dl dt { width: 100%; margin-top: 20px;} .pagezd2-3 .one dl dt img{width: 100%;} .pagezd2-3 .one dl dd {margin-bottom: 20px;width: 94%;margin: auto;} .pagezd2-3 .one dl dd h3 {margin: 20px 0 20px 0;} .pagezd2-3 .two {width: 100%; display: block;margin: 50px auto;} .pagezd2-3 .two .left a {width: 100%;} .pagezd2-3 .two .right font {font-size: 14px;} .pagezd2-4 dl {width: 94%;margin: 10px auto;float: none;} .pagezd2-3 .two .left {width: 100%;} .pagezd2-3 .two .right {width: 94%;margin: auto;margin-top: 12px;} .pagezd2-4 { width: 94%; margin: auto;} /* .pagezd3-1 */ .pagezd3-1 {padding: 50px 0;width: 100%; margin: auto; } .pagezd3-1 dl {display: block;width: 100%;} .pagezd3-1 h3 {font-size: 22px;} .pagezd3-1 dl a p img{width: 94%;margin: auto;} .pagezd3-bottomimg { margin: 50px auto; } .pagezd3-2 {width: 100%;display: block;margin: 0 auto;} .pagezd3-2 p {width: 50%;float: left;} .pagezd3-1 dl a {width: 94%;margin: auto;} .pagezd3-3 {background-attachment: scroll;} .pagezd3-3 h4 {font-size: 22px;} .pagezd3-4 h3 {font-size: 22px;} .pagezd3-4 .swiper-button-prev01 {left: 0px;} .pagezd3-4 .swiper-button-next01 {right: 0px;} .pagezd3-4 {width: 100%;margin: 80px auto;} .pagezd3-4 .swiper-slide {width: 100%;} .pagezd3-5 {width: 94%;margin: 50px auto;} .pagezd3-6 {background-attachment: scroll;padding: 70px 0;} .pagezd3-6 h4 br {display: none;} .pagezd3-6 h3 {font-size: 22px;margin-bottom: 20px;} .pagezd3-6 h4 {font-size: 16px;width: 94%; margin:30px auto; text-align: justify; text-align-last: center;} .pagezd4 .join04 .min .item .info::after {display: none;}z .pagezd4 .join04 .min .active a p {color: #1a5caa; width: 90%;} .pagezd3-4 .swiper-slide a{width: 94%;margin: auto;} /* .join04wrap */ .join04wrap { padding: 0px 0; margin: 30px 0;width: 94%;margin: auto;} .pagezd4 .zd4title { font-size: 24px; margin: 20px 0 20px 0;} .join04wrap .join04 .min .item .info li h4 { width: 100%; padding-left: 0% ;line-height: 24px;} .join04wrap .join04 .min .item .info li h4 br {display: none;} .join04wrap .join04 .min li>a p { font-size: 16px; width: 90%; letter-spacing: normal;} /* .pagerpartner2 */ .pagepartner1 { padding: 30px 0;} .pagepartner1 .pp1 h6 { text-align: center;} .pp1 .pp1min li:nth-of-type(3n) { margin-right: 0; } .pp1 .pp1min { width: 94%; margin: auto;} .pagerpartner2 {width: 100%;padding: 0px;} .news01 .item { width: 100%;margin-bottom: 10px;} .pagerpartner2 .right .news01 .item .text { width: 100%; } .pagerpartner2:before {width: 100%;} .pagerpartner2 .left {width: 100%; width: 94%; margin-left: 3%; margin-bottom: 20px; margin-top: 0px;} .pagerpartner2 .left a { width: 40%;padding: 10px;text-align: center;} .pagerpartner2 .left .active { width: 40%; float: left;} .pagerpartner2 .left a:nth-of-type(2){float: right;} .pagerpartner2 .center {width: 100%;} .pagerpartner2 .right {width: 100%;} .pagerpartner2 .left a span { font-size: 16px; margin-left: 29%;} .pagerpartner2 .left a .fa { font-size: 16px;display: none; } /* .news01wrap */ .news01wrap {width: 94%; margin: auto;} .pagerpartner2 .right .news01 .item .imgbox{margin-right: 0px;width: 100%;} /* .pagerpartner3 */ .pagepartner3-config .center .pagezd4 .join04 .min .item .info p {padding: 17px 0 20px 26px;font-size: 14px; line-height: 24px;} .pagepartner3-config .txt h5 {width: 100%;} .pagepartner3-config .txt h3 {font-size: 24px;} .pagepartner3-config .txt h5 {font-size: 14px; line-height: 24px;} .pagepartner3-logo { padding: 50px 0; } .pagepartner3-plan {width: 94%;display: block;margin: auto;} .pagepartner3-plan .left h3 { font-size: 20px;margin-top: 50px;} .pagepartner3-plan .left { width: 100%; margin-bottom: 50px;} .pagepartner3-plan .left h4 {font-size: 16px;margin: 20px 0;} .pagepartner3-plan .right {width: 100%;margin-top: 20px;} .pagepartner3-config .center .pagezd4 .join04 .min .item .info { padding:0px;} .pagepartner3-txt dl {width: 100%;display: block;text-align: center;padding: 0px;} .pagepartner3-txt dl p {width: 100%;} .pagepartner3-txt dl .txt { width: 100%;text-align: start;} .pagepartner3-txt dl .txt h3 { font-size: 22px; margin-top: 20px; } .pagepartner3-txt dl .txt h4 {font-size: 16px;margin: 20px 0;} .pagepartner3-icons {width: 94%;margin: auto; margin-bottom: 50px;} .pagepartner3-icons dl p {margin: auto;} .pagepartner3-icons dl {width: 100%; padding: 40px 0px;} .pagezd3-bottomimg p {width: 94%;} .pagepartner3-config .center .join04wrap .join04 .min li a p { margin: 0 0 0 10px; } .pagepartner3-config .center { padding: 10px 0;} .pagepartner3-icons dl span {width: 65%;padding-right: 5%;} .pagepartner3-txt {width: 94%;margin: auto;} .pagepartner3-txt dl .txt h5 {margin-bottom: 50px;} .pagepartner3-txt dl .txt h5 {width: 100%;} .pagepartner1 .pp1 {width: 100%;} .pp1 .pp1min li {width: calc((100% - 20px)/3);height: 60px;margin:5px 0 ;margin-right: 10px;} /* .pageserver3-1 */ .pageserver3-1 h3 {font-size: 22px;} .pageserver3-1 h4 {width: 100%; text-align: justify; text-align-last: center;font-size: 14px;line-height: 24px;} .pageserver3-1 dd {width: 100%;} .pageserver3-1 { padding: 36px 2%;} .pageserver3-1 dd p {font-size: 14px; } .pageserver3-2 .center {width: 94%;} .pageserver3-2 .center dl {width: 100%;display: block;} .pageserver3-2 .center dl p { width: 100%;margin-bottom: 10px;} .pageserver3-2 .center dl dd { width: 100%; } .pageserver3-2 .center dl dd img { margin: auto;} .pageserver3-2 .center dl dd h3 {text-align: center;} .pageserver3-2 .center dl dd h3:before { left: 0%; } .pageserver3-2 .center dl dd h4 {margin-bottom: 20px;} .pageserver3-2 .center dl dd h4 {width: 100%;line-height: 24px;} .pageserver1-1 {width: 94%; display: block;margin: 40px auto;} .pageserver1-1 h3 { width: 100%; } .pageserver1-1 h3 font {margin-bottom: 20px;line-height: 24px;} .pageserver1-1 p { width: 100%; } .pageserver1-1 h3 strong { font-size: 24px;} .pageserver1-2 { padding: 50px 0; } .pageserver1-2 h3 {width: 94%;} .pageserver1-2 h3 strong {font-size: 24px;} .pageserver1-2 h3 strong {width: 100%;} .pageserver1-2 .swiper-slide {width: 300px!important;} .pageserver2list dd a {width: 100%;} .pageserver2list dd a .tt strong {font-size: 16px; line-height: 26px;} .pageserver1-2 h3 font br {display: none;} .pageserver1-2 h3 font { line-height: 24px;} .pageserver2list dd a img { margin-left: 7%; width: 24px;} .pageserver2list dd a .tt strong {width: 100%;display: block;} .pageserver1-4 dd p { width: 100%; } .pageserver1-4 dd h3 { width: 100%; } .pageserver1-4 dd h3 span {font-size: 20px; line-height: 32px; margin-top: 30px; margin-bottom: 12px;} .pageserver1-4 dd h3 span br{display: none;} .pageserver1-4 dd {width: 94%;display: block;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide { width: 300px; } .pageserver1-3{width: 94%;margin: 50px auto;} .pageserver1-3 .swiper-button-prev01 { left: 0px; } .pageserver1-3 .swiper-button-next01 { right: 0px; } .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a p img { width: 60%;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a span { width: 60%;} .pageserver1-3 h3 strong { font-size: 22px;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide a span {padding: 0px 15px; font-size: 12px; width: 50%; line-height: 60px;} .pageserver1-3 .swiper-container01 .swiper-wrapper .swiper-slide:nth-child(4) a span { padding: 7px 15px; font-size: 12px; width: 50%; line-height: 21px; } .pageserver1-3 h3 font { font-size: 14px;line-height: 24px;} .pageserver1-4 { padding: 50px 0; } .pageserver1-4 {width: 100%;margin: auto;} .pageserver1-4 dd h3 font { line-height: 24px;} /* .newsinfo01 */ .newsinfo01 {width: 100%;display: block;margin: 44px auto;} .newsinfo01min { width: 94%; margin: auto; } .newsinfo01min p { font-size: 16px;} .n-fx { width: 94%; margin: auto; } .n-fx h3 { margin-top: 60px; margin-bottom: 20px; font-size: 24px;} /* .pagepartner3-config*/ .pagepartner3-config .txt {margin: 50px auto;} .pagepartner3-config {width: 94%; margin: auto; } .pp1 .swiper-button-prev { left: 0px; } .pp1 .swiper-button-next { right: 0px; } /* .ninfo-text */ .ninfo-text {width: 94%;margin: auto;} .ninfo-text h3 { font-size: 22px; color: #ffffff; } .ninfo-text p { font-size: 16px; } /* .newsinfopagewrap */ .newsinfopagewrap {padding: 30px 0;margin-bottom: 20px; width: 100%; box-sizing: border-box; padding: 30px 10px;clear: both;} .newsinfo02wrap .tl { font-size: 24px;} .newsinfo02wrap { width: 94%; display: block; margin: auto; } .newsinfo02wrap .news01 .item { width: 100%;margin: 0px; margin-bottom: 40px;} .newsinfopage {width: 100%;margin: auto;display: block;} .n-fx .fx a {width: 48.5%; float: left;} .n-fx .fx a img { width: 20%; height: 23px; display: inline-block; margin-right: 22px; margin-top: 0px; } .n-fx .fx a:nth-child(2n){float: right;} .newsinfopage .tolist { margin-top: 25px; display: block; } .newsinfo02wrap .news01 .item .text { padding: 20px; } .newsinfo02wrap .news01 .item .text .data { font-size: 14px;} .newsinfo02wrap .news01 .item .text .data font { font-size: 23px;} .newsinfo02wrap .news01 .item .text p { font-size: 16px; margin-bottom: 0px; } .ppsolutions1 .list dd span { font-size: 16px; } .ppgn1 .iconlist dd span { font-size: 12px; } .pageserver2list dd {padding: 30px 0;margin-bottom: 40px;} .pageserver2list dd a .tt .more {width: 90px; height: 28px; line-height: 28px;} .pageserver2list dd a:hover .tt strong { font-size: 16px;} .pageserver2list dd a .tt span {font-size: 14px;} }