.advertisement { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.5); z-index:300; display:none } .advertisement .advertisement-link { background-repeat:no-repeat; background-size:contain; background-position:center; width:100%; height:100%; display:inline-block } .advertisement .close-advertisement { width:50px; position:fixed; right:10px; top:10px; cursor:pointer } @media only all and (max-width:414px) { .advertisement .close-advertisement { width:40px } }.content { margin-top:120px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s } .content.active { margin-top:80px } @media only all and (max-width:1440px) { .content { margin-top:70px } }@media only all and (max-width:768px) { .content { margin-top:60px } }@media only all and (max-width:414px) { .content { margin-top:45px } }.content .banner { position:relative; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .content .banner .swiper1 { width:100%; font-size:0 } .content .banner .swiper1 .swiper-slide { display:inline-block } .content .banner .swiper1 .swiper-slide .pc { width:100% } @media only all and (max-width:768px) { .content .banner .swiper1 .swiper-slide .pc { display:none } }.content .banner .swiper1 .swiper-slide .pc img { width:100% } .content .banner .swiper1 .swiper-slide .phone { width:100%; display:none } @media only all and (max-width:768px) { .content .banner .swiper1 .swiper-slide .phone { display:block } }.content .banner .swiper1 .swiper-slide .phone img { width:100% } .content .banner .swiper1 .swiper-slide .info { position:absolute; top:50%; left:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:8.3%; font-size:20px } .content .banner .swiper1 .swiper-slide .info .one { font-size:30px; line-height:1; color:#fff; font-weight:bold } @media only all and (max-width:1440px) { .content .banner .swiper1 .swiper-slide .info .one { font-size:20px } }@media only all and (max-width:1024px) { .content .banner .swiper1 .swiper-slide .info .one { font-size:16px } }@media only all and (max-width:414px) { .content .banner .swiper1 .swiper-slide .info .one { font-size:14px } }.content .banner .swiper1 .swiper-slide .info .two { color:#02b2b5; font-size:60px; line-height:80px; margin-top:29px; margin-bottom:19px } @media only all and (max-width:1440px) { .content .banner .swiper1 .swiper-slide .info .two { font-size:40px; line-height:60px } }@media only all and (max-width:1024px) { .content .banner .swiper1 .swiper-slide .info .two { font-size:20px; line-height:40px; margin-top:20px; margin-bottom:10px } }@media only all and (max-width:414px) { .content .banner .swiper1 .swiper-slide .info .two { font-size:16px; line-height:30px; margin-top:10px; margin-bottom:5px } }.content .banner .swiper1 .swiper-slide .info .two .big { font-size:80px; font-weight:bold; display:inline-block; vertical-align:bottom; margin-right:5px } @media only all and (max-width:1440px) { .content .banner .swiper1 .swiper-slide .info .two .big { font-size:50px } }@media only all and (max-width:1024px) { .content .banner .swiper1 .swiper-slide .info .two .big { font-size:18px } }@media only all and (max-width:414px) { .content .banner .swiper1 .swiper-slide .info .two .big { font-size:18px } }.content .banner .swiper1 .swiper-slide .info .three { font-size:40px; line-height:1; color:#fff; margin-bottom:60px } @media only all and (max-width:1440px) { .content .banner .swiper1 .swiper-slide .info .three { font-size:30px; margin-bottom:30px } }@media only all and (max-width:1024px) { .content .banner .swiper1 .swiper-slide .info .three { font-size:15px; margin-bottom:20px } }@media only all and (max-width:414px) { .content .banner .swiper1 .swiper-slide .info .three { margin-bottom:10px } }.content .banner .swiper1 .swiper-slide .info .more-btn { width:250px; height:60px; position:relative; -webkit-transition:all .6s; -o-transition:all .6s; -moz-transition:all .6s; transition:all .6s; position:relative; cursor:pointer; font-size:0; display:inline-block; color:#fff; background:#02b2b5; overflow:hidden } @media only all and (max-width:1440px) { .content .banner .swiper1 .swiper-slide .info .more-btn { width:180px; height:50px } }@media only all and (max-width:1024px) { .content .banner .swiper1 .swiper-slide .info .more-btn { width:120px; height:40px } }.content .banner .swiper1 .swiper-slide .info .more-btn:before { display:inline-block; height:100%; content:""; vertical-align:middle } .content .banner .swiper1 .swiper-slide .info .more-btn .more-con { display:inline-block; width:100%; text-align:center; height:100% } .content .banner .swiper1 .swiper-slide .info .more-btn .more-con .up-s { opacity:1; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-align:center; display:inline-block; vertical-align:middle; font-size:16px; color:#fff; font-weight:bold } @media only all and (max-width:1440px) { .content .banner .swiper1 .swiper-slide .info .more-btn .more-con .up-s { font-size:14px } }.content .banner .swiper1 .swiper-slide .info .more-btn .more-con .down-s { position:absolute; top:50%; left:50%; width:100%; opacity:0; text-align:center; -webkit-transform:translate(-50%,100%); -moz-transform:translate(-50%,100%); -ms-transform:translate(-50%,100%); -o-transform:translate(-50%,100%); transform:translate(-50%,100%); display:inline-block; vertical-align:middle; font-size:16px; color:#fff; font-weight:bold; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out } @media only all and (max-width:1440px) { .content .banner .swiper1 .swiper-slide .info .more-btn .more-con .down-s { font-size:14px } }.content .banner .swiper1 .swiper-slide .info .more-btn .more-con span { display:inline-block; margin-left:72px } @media only all and (max-width:1440px) { .content .banner .swiper1 .swiper-slide .info .more-btn .more-con span { margin-left:50px } }@media only all and (max-width:1024px) { .content .banner .swiper1 .swiper-slide .info .more-btn .more-con span { margin-left:30px } }.content .banner .swiper1 .swiper-slide .info .more-btn:hover .up-s { opacity:0; -webkit-transform:translate(0,-150%); -moz-transform:translate(0,-150%); -ms-transform:translate(0,-150%); -o-transform:translate(0,-150%); transform:translate(0,-150%) } .content .banner .swiper1 .swiper-slide .info .more-btn:hover .down-s { -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:1 } .content .banner .swiper-pagination { bottom:30px } @media only all and (max-width:414px) { .content .banner .swiper-pagination { bottom:10px } }.content .banner .swiper-pagination .swiper-pagination-bullet { width:50px; height:3px; border-radius:0; background-color:#e5e5e5; opacity:1 } @media only all and (max-width:1024px) { .content .banner .swiper-pagination .swiper-pagination-bullet { width:30px; height:2px } }@media only all and (max-width:414px) { .content .banner .swiper-pagination .swiper-pagination-bullet { width:20px } }.content .banner .swiper-pagination .swiper-pagination-bullet:last-child { margin-right:0 } .content .banner .swiper-pagination .swiper-pagination-bullet:hover { color:#40220f; border-color:#40220f } .content .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#02b2b5 } .content .introduct { width:100%; height:930px; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative; overflow:hidden } @media only all and (max-width:1440px) { .content .introduct { height:650px } }@media only all and (max-width:1024px) { .content .introduct { height:500px } }@media only all and (max-width:414px) { .content .introduct { height:auto } }.content .introduct .introduct1 { width:450px; width:23.4%; position:absolute; left:0; bottom:10% } @media only all and (max-width:414px) { .content .introduct .introduct1 { position:static; width:100% } }.content .introduct .introduct2 { width:26.5%; position:absolute; left:23.4%; top:5% } @media only all and (max-width:414px) { .content .introduct .introduct2 { position:static; width:30% } }.content .introduct .introduct4 { width:71.6%; margin-left:8.3%; position:relative; z-index:2 } @media only all and (max-width:1440px) { .content .introduct .introduct4 { width:50% } }@media only all and (max-width:768px) { .content .introduct .introduct4 { margin-top:20px } }.content .introduct .text { width:46.1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:78px 80px 78px 85px; background-color:#02b2b5; display:inline-block; position:absolute; right:8.3%; bottom:80px; color:#fff; z-index:3 } @media only all and (max-width:1440px) { .content .introduct .text { padding:40px 40px 40px 40px; bottom:50px } }@media only all and (max-width:1024px) { .content .introduct .text { padding:20px 20px 20px 20px; bottom:30px } }@media only all and (max-width:414px) { .content .introduct .text { width:100%; position:static; padding:20px 10px 20px 10px } }.content .introduct .text .one { font-size:20px; line-height:1 } @media only all and (max-width:1440px) { .content .introduct .text .one { font-size:16px } }@media only all and (max-width:1024px) { .content .introduct .text .one { font-size:14px } }.content .introduct .text .two { font-size:40px; line-height:1; margin-top:11px; margin-bottom:33px } @media only all and (max-width:1440px) { .content .introduct .text .two { font-size:32px; margin-bottom:20px } }@media only all and (max-width:1024px) { .content .introduct .text .two { font-size:20px } }.content .introduct .text .three { font-size:16px; line-height:30px; margin-bottom:54px } @media only all and (max-width:1440px) { .content .introduct .text .three { font-size:14px; line-height:24px; margin-bottom:30px } }@media only all and (max-width:1024px) { .content .introduct .text .three { font-size:12px; line-height:22px; margin-bottom:20px } }.content .introduct .text .more-btn { width:250px; height:60px; position:relative; -webkit-transition:all .6s; -o-transition:all .6s; -moz-transition:all .6s; transition:all .6s; position:relative; cursor:pointer; font-size:0; display:inline-block; color:#fff; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:2px solid #fff } @media only all and (max-width:1440px) { .content .introduct .text .more-btn { width:180px; height:50px } }@media only all and (max-width:1024px) { .content .introduct .text .more-btn { width:120px; height:40px } }.content .introduct .text .more-btn:before { display:inline-block; height:100%; content:""; vertical-align:middle } .content .introduct .text .more-btn .more-con { display:inline-block; width:100%; text-align:center; height:100% } .content .introduct .text .more-btn .more-con .up-s { opacity:1; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-align:center; display:inline-block; vertical-align:middle; font-size:16px; color:#fff; font-weight:bold } @media only all and (max-width:1440px) { .content .introduct .text .more-btn .more-con .up-s { font-size:14px } }.content .introduct .text .more-btn .more-con .down-s { position:absolute; top:50%; left:50%; width:100%; opacity:0; text-align:center; -webkit-transform:translate(-50%,100%); -moz-transform:translate(-50%,100%); -ms-transform:translate(-50%,100%); -o-transform:translate(-50%,100%); transform:translate(-50%,100%); display:inline-block; vertical-align:middle; font-size:16px; color:#fff; font-weight:bold; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out } @media only all and (max-width:1440px) { .content .introduct .text .more-btn .more-con .down-s { font-size:14px } }.content .introduct .text .more-btn .more-con span { display:inline-block; margin-left:72px } @media only all and (max-width:1440px) { .content .introduct .text .more-btn .more-con span { margin-left:50px } }@media only all and (max-width:1024px) { .content .introduct .text .more-btn .more-con span { margin-left:30px } }.content .introduct .text .more-btn:hover .up-s { opacity:0; -webkit-transform:translate(0,-150%); -moz-transform:translate(0,-150%); -ms-transform:translate(0,-150%); -o-transform:translate(0,-150%); transform:translate(0,-150%) } .content .introduct .text .more-btn:hover .down-s { -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:1 } .content .product { font-size:0; margin-bottom:9px } .content .product .item { display:inline-block; vertical-align:top; width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); position:relative; padding-bottom:40px } @media only all and (max-width:1440px) { .content .product .item { padding-top:40px } } .content .product .item:nth-child(4n) { border-right:1px solid transparent } .content .product .item:nth-child(n+5) { border-bottom:1px solid transparent } @media only all and (max-width:414px) { .content .product .item:nth-child(n+5) { border-bottom:1px solid rgba(0,0,0,0.1) } } @media only all and (max-width:414px) { .content .product .item { padding-top:20px; width:50% } .content .product .item:nth-child(2n) { border-right:1px solid transparent } } .content .product .item .text { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:5px; padding-right:5px; position:absolute; bottom: 0; text-align:center } .content .product .item .text .chinese { font-size:20px; line-height:1; color:#333333; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } @media only all and (max-width:1440px) { .content .product .item .text .chinese { font-size:16px } }@media only all and (max-width:1024px) { .content .product .item .text .chinese { font-size:14px } }.content .product .item .text .english { font-size:16px; line-height:1; color:#333; margin-top:14px; margin-bottom:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } @media only all and (max-width:1440px) { .content .product .item .text .english { font-size:14px; margin-top:10px; margin-bottom:15px } }@media only all and (max-width:1024px) { .content .product .item .text .english { font-size:12px } }.content .product .item .text .arrow { width:48px; display:inline-block; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; opacity:0 } @media only all and (max-width:1440px) { .content .product .item .text .arrow { width:40px } }@media only all and (max-width:414px) { .content .product .item .text .arrow { display:none } }.content .product .item .img { width:100% } .content .product .item:hover .text .arrow { -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); opacity:1 } .content .news { font-size:0 } .content .news .item { display:inline-block; vertical-align:top; width:49.6%; margin-right:0.67% } @media only all and (max-width:768px) { .content .news .item { width:100%; margin-right:0 } }.content .news .item:last-child { margin-right:0 } .content .news .item:last-child .swiper2 .swiper-slide .info { padding-left:6.9% } @media only all and (max-width:1024px) { .content .news .item:last-child .swiper2 .swiper-slide .info { padding-left:5% } }@media only all and (max-width:414px) { .content .news .item:last-child .swiper2 .swiper-slide .info { padding-left:10px } }.content .news .item .swiper2 { width:100%; height:420px } @media only all and (max-width:1440px) { .content .news .item .swiper2 { height:350px } }@media only all and (max-width:414px) { .content .news .item .swiper2 { height:200px } }.content .news .item .swiper2 .swiper-slide { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; display:table } .content .news .item .swiper2 .swiper-slide .info { padding-left:16.7%; display:table-cell; vertical-align:middle } @media only all and (max-width:1024px) { .content .news .item .swiper2 .swiper-slide .info { padding-left:5% } }@media only all and (max-width:414px) { .content .news .item .swiper2 .swiper-slide .info { padding-left:10px } }.content .news .item .swiper2 .swiper-slide .info .one { font-size:30px; line-height:1; color:#fff; font-weight:bold } @media only all and (max-width:1440px) { .content .news .item .swiper2 .swiper-slide .info .one { font-size:20px } }@media only all and (max-width:1024px) { .content .news .item .swiper2 .swiper-slide .info .one { font-size:16px } }@media only all and (max-width:414px) { .content .news .item .swiper2 .swiper-slide .info .one { font-size:14px } }.content .news .item .swiper2 .swiper-slide .info .two { font-size:36px; line-height:1; color:#fff; margin-top:10px; margin-bottom:30px } @media only all and (max-width:1440px) { .content .news .item .swiper2 .swiper-slide .info .two { font-size:28px; margin-bottom:20px } }@media only all and (max-width:1024px) { .content .news .item .swiper2 .swiper-slide .info .two { font-size:18px; margin-bottom:10px } }@media only all and (max-width:414px) { .content .news .item .swiper2 .swiper-slide .info .two { font-size:16px } }.content .news .item .swiper2 .swiper-slide .info .more-btn { width:170px; height:50px; position:relative; -webkit-transition:all .6s; -o-transition:all .6s; -moz-transition:all .6s; transition:all .6s; position:relative; cursor:pointer; font-size:0; display:inline-block; color:#fff; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:2px solid #fff } @media only all and (max-width:1024px) { .content .news .item .swiper2 .swiper-slide .info .more-btn { width:120px; height:40px } }.content .news .item .swiper2 .swiper-slide .info .more-btn:before { display:inline-block; height:100%; content:""; vertical-align:middle } .content .news .item .swiper2 .swiper-slide .info .more-btn .more-con { display:inline-block; width:100%; text-align:center; height:100% } .content .news .item .swiper2 .swiper-slide .info .more-btn .more-con .up-s { opacity:1; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-align:center; display:inline-block; vertical-align:middle; font-size:16px; color:#fff; font-weight:bold } @media only all and (max-width:1440px) { .content .news .item .swiper2 .swiper-slide .info .more-btn .more-con .up-s { font-size:14px } }.content .news .item .swiper2 .swiper-slide .info .more-btn .more-con .down-s { position:absolute; top:50%; left:50%; width:100%; opacity:0; text-align:center; -webkit-transform:translate(-50%,100%); -moz-transform:translate(-50%,100%); -ms-transform:translate(-50%,100%); -o-transform:translate(-50%,100%); transform:translate(-50%,100%); display:inline-block; vertical-align:middle; font-size:16px; color:#fff; font-weight:bold; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out } @media only all and (max-width:1440px) { .content .news .item .swiper2 .swiper-slide .info .more-btn .more-con .down-s { font-size:14px } }.content .news .item .swiper2 .swiper-slide .info .more-btn .more-con span { display:inline-block; margin-left:55px } @media only all and (max-width:1440px) { .content .news .item .swiper2 .swiper-slide .info .more-btn .more-con span { margin-left:50px } }@media only all and (max-width:1024px) { .content .news .item .swiper2 .swiper-slide .info .more-btn .more-con span { margin-left:30px } }.content .news .item .swiper2 .swiper-slide .info .more-btn:hover .up-s { opacity:0; -webkit-transform:translate(0,-150%); -moz-transform:translate(0,-150%); -ms-transform:translate(0,-150%); -o-transform:translate(0,-150%); transform:translate(0,-150%) } .content .news .item .swiper2 .swiper-slide .info .more-btn:hover .down-s { -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); opacity:1 } .content .news .item .swiper2 .switch { width:190px; height:120px; background-color:#02b2b5; position:absolute; z-index:2; right:40px; bottom:40px } @media only all and (max-width:1440px) { .content .news .item .swiper2 .switch { width:140px; height:60px } }@media only all and (max-width:1024px) { .content .news .item .swiper2 .switch { width:100px; height:40px } }@media only all and (max-width:414px) { .content .news .item .swiper2 .switch { right:10px; bottom:10px } }.content .news .item .swiper2 .switch .swiper-button-prev { background-image:url("/assets/img/indexImg/left-arrow.png"); width:12px; height:21px; background-size:cover; background-repeat:no-repeat; background-position:center; margin-top:-10.5px; left:60px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s } @media only all and (max-width:1440px) { .content .news .item .swiper2 .switch .swiper-button-prev { left:30px } }@media only all and (max-width:1024px) { .content .news .item .swiper2 .switch .swiper-button-prev { width:8.7px; height:14.7px; margin-top:-7.3px; left:20px } }.content .news .item .swiper2 .switch .swiper-button-prev:hover { opacity:0.7 } .content .news .item .swiper2 .switch .swiper-button-next { background-image:url("/assets/img/indexImg/right-arrow.png"); width:12px; height:21px; background-size:cover; background-repeat:no-repeat; background-position:center; margin-top:-10.5px; right:60px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s } @media only all and (max-width:1440px) { .content .news .item .swiper2 .switch .swiper-button-next { right:30px } }@media only all and (max-width:1024px) { .content .news .item .swiper2 .switch .swiper-button-next { width:8.7px; height:14.7px; margin-top:-7.3px; right:20px } }.content .news .item .swiper2 .switch .swiper-button-next:hover { opacity:0.7 } .content .news .item .news-item { background-color:#f2f2f2; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:16.8%; padding-right:16.8%; height:420px; padding-top:54px } @media only all and (max-width:1700px) { .content .news .item .news-item { padding-left:10%; padding-right:10% } }@media only all and (max-width:1440px) { .content .news .item .news-item { padding-top:40px; padding-left:5%; padding-right:5%; height:350px } }@media only all and (max-width:768px) { .content .news .item .news-item { padding-left:10px; padding-right:10px } }@media only all and (max-width:414px) { .content .news .item .news-item { height:auto; padding-top:20px; padding-bottom:20px } }.content .news .item .news-item .item-con .one { border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:29px; display:block } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .one { padding-bottom:20px } }.content .news .item .news-item .item-con .one .img { width:160px; display:inline-block; vertical-align:middle; overflow:hidden } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .one .img { width:130px } }@media only all and (max-width:414px) { .content .news .item .news-item .item-con .one .img { width:25% } }.content .news .item .news-item .item-con .one .img img { width:100%; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; transition:all 1s } .content .news .item .news-item .item-con .one .texts { display:inline-block; vertical-align:middle; margin-left:30px; width:56% } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .one .texts { margin-left:15px } }@media only all and (max-width:1024px) { .content .news .item .news-item .item-con .one .texts { width:45% } }@media only all and (max-width:414px) { .content .news .item .news-item .item-con .one .texts { width:60% } }.content .news .item .news-item .item-con .one .texts .texts1 { font-size:16px; line-height:1; color:#02b2b5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .one .texts .texts1 { font-size:14px } }@media only all and (max-width:1024px) { .content .news .item .news-item .item-con .one .texts .texts1 { font-size:12px } }.content .news .item .news-item .item-con .one .texts .texts2 { margin-top:20px } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .one .texts .texts2 { margin-top:10px } }.content .news .item .news-item .item-con .one .texts .texts2 .month { font-size:20px; line-height:1; font-weight:bold; color:#3b3b3b; display:inline-block; margin-right:9px } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .one .texts .texts2 .month { font-size:16px } }@media only all and (max-width:1024px) { .content .news .item .news-item .item-con .one .texts .texts2 .month { font-size:14px } }.content .news .item .news-item .item-con .one .texts .texts2 .year { font-size:16px; line-height:1; color:#999; display:inline-block } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .one .texts .texts2 .year { font-size:14px } }@media only all and (max-width:1024px) { .content .news .item .news-item .item-con .one .texts .texts2 .year { font-size:12px } }.content .news .item .news-item .item-con .one .arrow { width:48px; margin-top:38px } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .one .arrow { width:40px; margin-top:25px } }@media only all and (max-width:414px) { .content .news .item .news-item .item-con .one .arrow { display:none } }.content .news .item .news-item .item-con .one:hover .img img { width:100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1) } .content .news .item .news-item .item-con .two { margin-top:30px } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .two { margin-top:20px } }.content .news .item .news-item .item-con .two .two-con { display:block; margin-bottom:20px } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .two .two-con { margin-bottom:15px } }.content .news .item .news-item .item-con .two .two-con:last-child { margin-bottom:0 } .content .news .item .news-item .item-con .two .two-con .texts1 { font-size:16px; line-height:1; color:#3b3b3b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:77%; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .two .two-con .texts1 { font-size:14px } }@media only all and (max-width:1024px) { .content .news .item .news-item .item-con .two .two-con .texts1 { font-size:12px; width:70% } }.content .news .item .news-item .item-con .two .two-con .texts2 .month { font-size:20px; line-height:1; font-weight:bold; color:#3b3b3b; display:inline-block; margin-right:9px } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .two .two-con .texts2 .month { font-size:16px } }@media only all and (max-width:1024px) { .content .news .item .news-item .item-con .two .two-con .texts2 .month { font-size:14px } }.content .news .item .news-item .item-con .two .two-con .texts2 .year { font-size:16px; line-height:1; color:#999; display:inline-block } @media only all and (max-width:1440px) { .content .news .item .news-item .item-con .two .two-con .texts2 .year { font-size:14px } }.content .news .item .news-item .item-con .two .two-con:hover .texts1 { color:#02b2b5 } /*# sourceMappingURL=index.css.map */ .xq_about {position:relative;width: 100%;overflow: hidden;} .xq_about .bg {position:absolute;display: block;width: 100%;} .xq_about .wrap {margin: 0 auto;padding: 80px 5%;overflow: hidden;position: relative;z-index: 99;} .xq_about .picCon {float: left;width: 45%;} .xq_about .picCon .box {padding: 50px;background: #02b2b5;} .xq_about .picCon img {display: block;width: 100%;height: 100%;} .xq_about .picCon h5 {font-size: 24px;color: #fff;line-height: 40px;margin-top: 20px;} .xq_about .picCon p {font-size: 34px;color: #fff;line-height: 60px;} .xq_about .picCon .more {display: block;width: 150px;height: 45px;border:1px solid #fff;text-align: center;line-height: 45px;font-size: 20px;color: #fff;margin-top: 20px;} .xq_about .desCon {float: right;width: 55%;} .xq_about .desCon .box {padding: 8% 10%;} .xq_about .desCon h3 {font-size: 30px;color: #fff;line-height: 40px;font-weight: bold;margin-bottom: 30px;} .xq_about .desCon p {font-size: 16px;color: #fff;line-height: 34px;} .xq_about .desCon .pic {margin-top: 30px;} .xq_about .desCon .pic img {display: block;width: 100%;} @media screen and (max-width: 1000px) { .xq_about .bg {left: 0;bottom: 0;display: none;} .xq_about .wrap {padding: 0;} .xq_about .picCon {float:none;width: 100%;} .xq_about .picCon .box {padding: 0;} .xq_about .picCon .box1 {padding: 0 3%;} .xq_about .picCon .box1 .more {display: none;} .xq_about .picCon h5{font-size: 18px;} .xq_about .picCon p {font-size: 20px;font-weight: bold;line-height: 30px;} .xq_about .desCon {float: none;width: 100%;} .xq_about .picCon .more {margin-top: 10px;height: 36px;line-height: 36px;} .xq_about .desCon .box {padding: 0;background: #02b2b5;} .xq_about .desCon .box .box1 {padding: 15px 3%;} .xq_about .desCon h3 {display: none;} .xq_about .desCon p {font-size: 14px;line-height: 24px;} .xq_about .desCon .pic {margin-top: 0;padding:20px 0;background: url(images/xq_about_bg.jpg) no-repeat;background-size: cover;} } /*新闻中心*/ .x_news {width: 100%;overflow: hidden;padding: 20px 0;} .x_news,.x_news * {box-sizing: border-box;-webkit-box-sizing: border-box;} .x_news .ns_tit {width: 100%;text-align: center;padding: 20px 0;} .x_news .ns_tit h3 {font-size: 28px;color: #333;line-height: 40px;} .x_news .ns_tit p {font-size: 14px;color: #444;line-height: 24px;} .x_news ul {display: flex;flex-direction: row;justify-content: space-between;} .x_news ul li {width: 33%;border:1px solid #eee;} .x_news ul li .pic {display: block;width: 100%;} .x_news ul li .pic img {display: block;width: 100%;} .x_news ul li .text_des {padding: 20px;} .x_news ul li .text_des a {width: 100%;} .x_news ul li .text_des a h3 {font-size: 18px;color: #333;line-height: 30px;} .x_news ul li .text_des a .des {font-size: 14px;color: #666;line-height: 24px;margin: 15px 0;height: 48px;overflow: hidden;} .x_news ul li .text_des a span {font-size: 12px;color: #212121;border-bottom: 1px solid #212121;} @media screen and (max-width: 1000px) { .x_news ul {flex-wrap:wrap;} .x_news ul li {width: 100%;margin: 5px;} .x_news ul li .text_des {padding: 10px;} .x_news ul li .text_des a h3 {font-size: 16px;} .x_news ul li .text_des a .des {margin: 8px 0;} } /*首页banner*/ .i-banner { position:relative; width:100%; height: 700px; overflow:hidden; } .i-banner .flexslider ul { width:100%; height:100%; } .i-banner .flexslider ul li { width:100%; height: 700px; } .i-banner .flexslider { position:relative; height: 700px; } .i-banner .flex-control-nav { bottom:20px; z-index:999; } .flex-control-paging li a { width: 15px !important; height: 15px !important; background: #fff; } .flex-control-paging li a.flex-active { background: #fbdc2e !important; } @media screen and (max-width: 1000px) { .i-banner { display: none; } .m-banner { display: block !important; } .m-banner .flexslider ul li img { display: block; width: 100%; } .m-banner .flex-control-nav { bottom: 10px; } .m-banner .flex-direction-nav { display: none; } }