@charset "utf-8";



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

.nav > ul > li + li {margin-left: 45px;}


.indexB {padding: 80px 0;}

.newslist ul li .t h5 {font-size: 21px;}
}



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

.nav > ul > li + li {margin-left: 40px;}
.nav > ul > li > a {font-size: 19px;}

.indexA h3,.indexB .txt h3,.indexD h3,.indexE h3,.indexF h3,.indexG .tit h3,.foot-form h6{font-size:44px;}

.indexC .swiper-slide .txt .t {max-width: 495px;}


.pro_view > h1 {font-size: 27px;}

.newslist ul li .t h5 {font-size: 20px;}

.contact-inquiry h3 {font-size: 35px;}
}

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


}

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

.wp {width: 82%;}

.nav > ul > li > a {font-size: 18px;}
.nav > ul > li + li {margin-left: 35px;}


.indexA h3,.indexB .txt h3,.indexD h3,.indexE h3,.indexF h3,.indexG .tit h3,.foot-form h6{font-size:40px;}

.indexA {padding: 60px 0;}
.indexA .tab {margin: 25px 0 0;}
.indexA .tab ul li a {font-size: 19px;height: 38px;line-height: 36px;padding: 0 30px;}
.indexA .list ul li {padding: 25px 13px;}
.indexA .list ul li .txt {padding: 25px 10px 40px;}
.indexA .list ul li .txt h5 {font-size: 19px;}
.indexA .list ul li .txt .more {bottom: -19px;left: calc(50% - 75px);width: 150px;height: 38px;line-height: 38px;font-size: 17px;}

.indexB {padding: 70px 0;}
.indexB .txt {margin-left: 52px;}
.indexB .txt .t {font-size: 17px;line-height: 28px;}
.indexB .txt .more {margin: 35px 0 0;width: 180px;height: 38px;line-height: 38px;font-size: 17px;}
.indexB .txt h5,.indexB .txt h1 {margin: 30px 0 0;font-size: 27px;}
.indexB .txt > p {font-size: 17px;line-height: 22px;}
.indexB .v .play {left: calc(50% - 50px);top: calc(50% - 50px);}
.indexB .v .play .box {width: 100px;height: 100px;}
.indexB .v .play .box img {height: 44px;}
.indexB ul {padding: 70px 0 0;}
.indexB ul li {padding: 0 20px;}
.indexB ul li img {width: 50px;}
.indexB ul li .t {margin: 0 0 0 10px;}
.indexB ul li .t h5 {font-size: 54px;}
.indexB ul li:nth-child(1) h5::after {right: -55px;font-size: 19px;}
.indexB ul li .t p {font-size: 15px;}

.indexC .swiper-slide .txt .t {max-width: 470px;}
.indexC .swiper-slide .txt h4 {font-size: 46px;}
.indexC .swiper-slide .txt h5 {font-size: 32px;margin: 25px 0 0;}
.indexC .swiper-slide .txt p {font-size: 17px;line-height: 1.6;}
.indexC .swiper-button-prev, .indexC .swiper-button-next {width: 53px;height: 53px;}
.indexC .swiper-button-prev i, .indexC .swiper-button-next i {font-size: 32px;width: 53px;height: 53px;line-height: 53px;}
.indexC .page::after {left: 21px;}

.indexD {padding: 60px 0 45px;}

.indexE {padding: 60px 0;}
.indexE .list {margin: 50px -5px 0;}
.indexE .list a .t h5 {font-size: 18px;line-height: 1.1;}
.indexE .list a::after {width: 120px;height: 120px;line-height: 120px;font-size: 36px;right: -38px;bottom: -27px;}

.indexF {padding: 60px 0;}
.indexF .list {margin: 40px 0 0;height: 488px;}
.indexF ul li h5 {font-size: 19px;}
.indexF ul li p {font-size: 15px;line-height: 22px;height: 44px;}
.indexF ul li::before {height: 73px;}
.indexF ul li:nth-child(2n+1)::before {bottom: -68px;}
.indexF ul li:nth-child(2n)::before {top: -67px;}
.indexF ul li::before {height: 83px;}
.indexF ul li:nth-child(2n+1)::before {bottom: -78px;}
.indexF ul li:nth-child(2n)::before {top: -77px;}
.indexF ul li .ico img {height: 48px;}
.indexF ul li::after {font-size: 34px;}

.indexG {padding: 70px 0;}
.indexG .tit p {font-size: 17px;line-height: 22px;}
.indexG .tab {margin: 30px 0 0;}
.indexG .tab ul li a {font-size: 17px;height: 54px;line-height: 54px;padding: 0 60px;}
.indexG .box {margin-top: 60px;}
.indexG .scroll {width: 45%;}
.indexG .list {margin-left: 3%;width: 57%;}
.indexG .list .scrollbar-inner {padding-right: 40px;}
.indexG .swiper-slide .t h5 {font-size: 19px;line-height: 22px;height: 44px;}
.indexG .swiper-pagination-bullets {margin: 30px 0 0;}

#footer {padding: 50px 0 40px;}
.foot-form {padding: 130px 0;}
.foot-form span {font-size: 17px;padding: 0 42px;line-height: 46px;}
.foot-form h6 {margin: 30px 0 0;}
.foot-form .form-box {width: 630px;margin: 60px auto 0;}
.foot-form .submit_text {height: 70px;line-height: 70px;padding: 0 240px 0 25px;font-size: 17px;}
.foot-form .submit_btn {top: 8px;right: 8px;font-size: 17px;width: 215px;height: 54px;line-height: 54px;}
.foot-contact {width: 370px;}
.foot-contact h6 {font-size: 17px;line-height: 22px;margin: 25px 0 0;}
.foot-contact .more {margin: 15px 0 0;font-size: 17px;}
#footer h5 {font-size: 22px;margin: 0 0 20px;}
.foot-nav ul li,.foot-list ul li,.foot-list ul li {font-size: 17px;line-height: 22px;}


.copyright {padding: 35px 0 25px;}
.copyright p {font-size: 17px;line-height: 22px;}


.main-left {width: 260px;}
.main-left h3 {font-size: 19px;}
.sidemenu > ul > li h5 {font-size: 17px;}
.main-right {margin: 0 0 0 300px;}
.pro-list ul li .txt {padding: 25px 10px 40px;}
.pro-list ul li .txt h5 {font-size: 19px;}
.pro-list ul li .txt .more {bottom: -18px;left: calc(50% - 75px);width: 150px;height: 36px;line-height: 36px;font-size: 17px;}

.pro_view > h1 {font-size: 26px;}

.pro_img {width: 90%;}
.pro_view .btn-box {margin: 30px 0 0;}
.pro_view .btn-box a {padding: 0 40px;height: 46px;line-height: 46px;font-size: 16px;}

.case-list ul li h5 {font-size: 17px;height: 70px;}

.about {padding: 70px 0;}
.about h3 {font-size: 34px;}
.about h3::after {margin: 20px auto 0;}
.about .video .play {left: calc(50% - 40px);top: calc(50% - 40px);width: 80px;height: 80px;}
.about .video .play img{width:36px;}

.contact-inquiry {padding: 47px 45px 42px;}
.contact-inquiry h3 {font-size: 34px;}
}

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

.nav > ul > li > a {font-size: 17px;}
.nav > ul > li + li {margin-left: 30px;}

.indexA h3,.indexB .txt h3,.indexD h3,.indexE h3,.indexF h3,.indexG .tit h3,.foot-form h6{font-size:36px;}


.indexB {padding: 60px 0;}
.indexB ul li {padding: 0 15px;}
.indexB ul li img {width: 45px;}

.indexC .swiper-slide .txt .t {max-width: 445px;}
.indexC .swiper-slide .txt h4 {font-size: 42px;margin: 25px 0 0;}

.indexF ul li .ico img {height: 46px;}
.indexF .list {height: 484px;}
.indexF ul li::after {font-size: 32px;}

.indexG .tit p {margin: 10px auto 0;}
.indexG .list ul li p {font-size: 15px;margin: 10px 0 0;line-height: 22px;height: 66px;}
.indexG .list ul li {padding: 25px 10px;}
.indexG .list ul li h5 {font-size: 21px;}
.indexG .swiper-slide .t {padding: 10px 15px;}

#footer {padding: 45px 0 35px;}
.foot-form .submit_text {height: 65px;line-height: 65px;padding: 0 220px 0 25px;}
.foot-contact h4 {font-size: 15px;}
.foot-contact p {font-size: 15px;line-height: 22px;}
.foot-contact hr {margin: 15px 0;}

.pro_view > h1 {font-size: 25px;}

.about {padding: 60px 0;}
.about h3 {font-size: 32px;}
.about .t {margin: 20px 0 0;font-size: 16px;line-height: 28px;}
.about .video .play {left: calc(50% - 35px);top: calc(50% - 35px);width: 70px;height: 70px;}
.about .video .play img{width:33px;}

.newslist ul li .t h5 {font-size: 19px;}

.contact-inquiry h3 {font-size: 33px;}
}

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

.nav > ul > li > a {font-size: 16px;}
.nav > ul > li + li {margin-left: 25px;}

.indexA h3,.indexB .txt h3,.indexD h3,.indexE h3,.indexF h3,.indexG .tit h3,.foot-form h6{font-size:32px;}

.indexA {padding: 50px 0;}
.indexA .tab {margin: 20px 0 0;}
.indexA .tab ul li a {font-size: 18px;height: 36px;line-height: 34px;padding: 0 25px;}
.indexA .list ul li {padding: 20px 13px;}
.indexA .list ul li .txt {padding: 20px 10px 30px;}
.indexA .list ul li .txt h5 {font-size: 18px;}
.indexA .list ul li .txt .more {bottom: -18px;left: calc(50% - 70px);width: 140px;height: 36px;line-height: 36px;font-size: 16px;}

.indexB {padding: 50px 0;}
.indexB .txt {margin-left: 40px;}
.indexB .txt .t {font-size: 16px;line-height: 26px;margin: 15px 0 0;}
.indexB .txt .more {margin: 25px 0 0;width: 160px;height: 36px;line-height: 36px;font-size: 16px;}
.indexB .txt h5,.indexB .txt h1{margin: 20px 0 0;font-size: 24px;}
.indexB .txt > p {margin: 15px 0 0;font-size: 16px;line-height: 20px;}
.indexB .v .play {left: calc(50% - 45px);top: calc(50% - 45px);}
.indexB .v .play .box {width: 90px;height: 90px;}
.indexB .v .play .box img {height: 40px;}
.indexB ul {padding: 60px 0 0;}
.indexB ul li img {width: 40px;}
.indexB ul li .t {margin: 0 0 0 7px;}
.indexB ul li .t h5 {font-size: 48px;}
.indexB ul li:nth-child(1) h5::after {right: -50px;font-size: 18px;}
.indexB ul li .t p {font-size: 14px;}

.indexC .swiper-slide .txt .t {max-width: 420px;}
.indexC .swiper-slide .txt h4 {font-size: 38px;margin: 20px 0 0;}
.indexC .swiper-slide .txt h5 {font-size: 28px;margin: 20px 0 0;}
.indexC .swiper-slide .txt p {font-size: 16px;line-height: 1.6;}
.indexC .swiper-button-prev, .indexC .swiper-button-next {width: 48px;height: 48px;}
.indexC .swiper-button-prev i, .indexC .swiper-button-next i {font-size: 29px;width: 48px;height: 48px;line-height: 48px;}
.indexC .page::after {left: 24px;}

.indexD {padding: 50px 0 40px;}
.indexD .swiper-button-prev, .indexD .swiper-button-next {display: none;}
.indexD .swiper-pagination {display: block;}

.indexE {padding: 50px 0;}
.indexE .list {margin: 40px -5px 0;}
.indexE .list a .t h5 {font-size: 17px;line-height: 1;}
.indexE .list a::after {width: 110px;height: 110px;line-height: 110px;font-size: 32px;right: -35px;bottom: -24px;}

.indexF {padding: 50px 0;}
.indexF .list {margin: 30px 0 0;height: 440px;}
.indexF ul li h5 {font-size: 18px;margin: 10px 0 0;}
.indexF ul li p {font-size: 14px;line-height: 20px;height: 40px;}
.indexF ul li::before {height: 73px;}
.indexF ul li:nth-child(2n+1)::before {bottom: -68px;}
.indexF ul li:nth-child(2n)::before {top: -67px;}
.indexF ul li .ico img {height: 44px;}
.indexF ul li::after {font-size: 30px;}

.indexG {padding: 60px 0;}
.indexG .tit p {font-size: 16px;line-height: 20px;}
.indexG .tab {margin: 20px 0 0;}
.indexG .tab ul li a {font-size: 16px;height: 48px;line-height: 48px;padding: 0 50px;}
.indexG .box {margin-top: 50px;}
.indexG .list ul li {padding: 20px 10px;}
.indexG .list ul li h5 {font-size: 20px;}
.indexG .list .scrollbar-inner {padding-right: 30px;}
.indexG .swiper-slide .t h5 {font-size: 18px;line-height: 20px;height: 40px;}
.indexG .swiper-pagination-bullets {margin: 20px 0 0;}

#footer {padding: 40px 0 30px;}
.foot-form {padding: 120px 0;}
.foot-form span {font-size: 16px;padding: 0 36px;line-height: 40px;}
.foot-form h6 {margin: 20px 0 0;}
.foot-form .form-box {width: 590px;margin: 50px auto 0;}
.foot-form .submit_text {height: 60px;line-height: 60px;padding: 0 200px 0 20px;font-size: 16px;}
.foot-form .submit_btn {top: 6px;right: 6px;font-size: 16px;width: 195px;height: 48px;line-height: 48px;}
.foot-contact {width: 350px;}
.foot-contact h6 {font-size: 16px;line-height: 20px;margin: 20px 0 0;}
.foot-contact .more {margin: 10px 0 0;font-size: 16px;}
#footer h5 {font-size: 20px;margin: 0 0 15px;}
.foot-nav ul li,.foot-list ul li,.foot-list ul li {font-size: 16px;line-height: 20px;}

.copyright {padding: 30px 0 20px;}
.copyright p {font-size: 16px;line-height: 20px;}

.main-left {width: 240px;}
.main-left h3 {font-size: 18px;}
.sidemenu > ul > li h5 {font-size: 16px;}
.main-right {margin: 0 0 0 280px;}
.pro-list ul li .txt {padding: 20px 10px 30px;}
.pro-list ul li .txt h5 {font-size: 18px;}
.pro-list ul li .txt .more {bottom: -16px;left: calc(50% - 70px);width: 140px;height: 32px;line-height: 32px;font-size: 16px;}

.pro_view > h1 {font-size: 24px;}
.pro_view .btn-box {margin: 20px 0 0;}
.pro_view .btn-box a {padding: 0 30px;height: 42px;line-height: 42px;font-size: 15px;}

.case-list ul li h5 {font-size: 16px;height: 60px;}

.about {padding: 50px 0;}
.about h3 {font-size: 30px;}
.about h3::after {margin: 15px auto 0;}

.about .video .play {left: calc(50% - 30px);top: calc(50% - 30px);width: 60px;height: 60px;}
.about .video .play img{width:30px;}

.newslist ul li .t h5 {font-size: 18px;}

.contact-inquiry {padding: 32px 35px 32px;}
.contact-inquiry h3 {font-size: 32px;}
}



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

.wp{padding-right:40px;padding-left:40px;}

}


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

.wp{padding-right:30px;padding-left:30px;}

.indexB .txt h3,.indexC .tit h3,.indexD .tit h3,.indexF .tit h3{font-size:36px;}
.indexE .txt h3{font-size:32px;}
.indexD .swiper-slide .txt h5{font-size:32px;}

}


@media screen and (max-width:768px){
.visible-xs-block{display:block;}
.wp,.wp2{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.nav,.search{display:none;}
.myart img,.pro-content img{width:100%;height:auto;}
#footBar{display:block;}

.sitetop{display:block;}

.header-lang{position:absolute;right:10px;top:9px;}
.header-lang .box{border:1px solid #fff;height:32px;}
.header-lang .box em{margin:0 5px 0 6px;color:#fff;}
.header-lang .box i{margin:0 0 0 0;color:#fff;}
.header-lang ul{padding:0 6px;top:32px;}

.header{padding:20px 0;}
.header > div{height:auto;}
.header .logo{width:100%;text-align:center;}

#banner .swiper-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {height:10px;width:10px;}

.foot-form {padding: 90px 0;}
.foot-form span {font-size: 15px;padding: 0 24px;line-height: 34px;}
.foot-form .form-box {width: 80%;margin: 30px auto 0;}
.foot-form .submit_text {height: 48px;line-height: 48px;padding: 0 160px 0 20px;font-size: 15px;}
.foot-form .submit_btn {top: 5px;right: 5px;font-size: 15px;width: 155px;height: 38px;line-height: 38px;}

.foot-nav,.foot-list {display:none;}
#footer {padding: 30px 0;}
.foot-contact {width: 100%;text-align:center;}
}

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

.indexA h3, .indexB .txt h3, .indexD h3, .indexE h3, .indexF h3, .indexG .tit h3, .foot-form h6 {font-size: 28px;}

.indexA {padding: 30px 0;}
.indexA .tab ul li {margin: 5px 10px;width: calc(50% - 20px);}
.indexA .tab ul li a {font-size: 16px;}
.indexA .list {margin: 10px 0 0;}
.indexA .list ul {margin: 0 -10px;}
.indexA .list ul li {width: 50%;}
.indexA .list ul li .txt h5 {font-size: 16px;}
.indexA .list ul li .txt .more {bottom: -16px;left: calc(50% - 60px);width: 120px;height: 32px;line-height: 32px;font-size: 15px;}

.indexB {padding: 30px 0;}
.indexB .box {flex-direction: column-reverse;}
.indexB .v {width: 100%;}
.indexB .txt {margin-left: 0;margin-top: 20px;text-align: center;}
.indexB .txt .t {font-size: 15px;line-height: 24px;margin: 10px 0 0;}
.indexB .txt .more {margin: 15px 0 0;width: 140px;height: 32px;line-height: 32px;font-size: 15px;}
.indexB .txt h5,.indexB .txt h1 {font-size: 20px;}
.indexB .txt > p {font-size: 15px;line-height: 18px;}
.indexB ul {padding: 30px 0 0;}
.indexB ul li {width: 50%;padding: 5px 15px;}
.indexB ul li .t h5 {font-size: 36px;}
.indexB ul li .t h5::after {right: -20px;font-size: 26px;}
.indexB ul li .t p {margin: 8px 0 0;}
.indexB ul li:nth-child(1) h5::after {right: -40px;font-size: 16px;}

.indexC {background: #2E4261;}
.indexC .swiper-slide .txt {position: static;}
.indexC .swiper-slide .txt .t {max-width: none;width: 100%;text-align:center;padding:20px 0 40px;}
.indexC .swiper-slide .txt em {font-size: 18px;}
.indexC .swiper-slide .txt h4 {font-size: 26px;margin: 10px 0 0;}
.indexC .swiper-slide .txt h5 {font-size: 20px;margin: 10px 0 0;}
.indexC .swiper-slide .txt h4 br{display:none;}
.indexC .swiper-slide .txt p {font-size: 15px;line-height: 1.4;}
.indexC .page {display: none;}
.indexC .swiper-horizontal > .swiper-pagination-bullets {bottom: 15px;display: block;}

.indexD {padding: 30px 0 20px;}
.indexD .pic {margin: 30px 0 0;padding: 0 0 40px;}
.indexD .swiper-pagination-bullet {height: 12px;width: 12px;margin: 0 5px !important;}

.indexE {padding: 30px 0;}
.indexE .list {margin: 20px -5px 0;display: block;}
.indexE .list .item {width: 100%;}
.indexE .list .item:last-child {flex-direction: column;}
.indexE .list a .t {background: none;opacity: 1;}
.indexE .list a:after{transform:translate(0,0);}
.indexE .list a img{width:100%;}

.indexF {padding: 30px 0;}
.indexF .list {height: 800px;}

.indexF .list::after {top: calc(50% - 40px);transform: rotate(90deg);-ms-transform: rotate(90deg);}
.indexF ul li:nth-child(2n+1)::before {bottom: calc(50% - 35px);transform: rotate(-90deg);-ms-transform: rotate(-90deg);right: auto;left: calc(100% + 30px);}
.indexF ul li:nth-child(2n)::before {top: calc(50% - 35px);transform: rotate(-90deg);-ms-transform: rotate(-90deg);left: auto;right: calc(100% + 30px);}

.indexF ul li:nth-child(1){left: 16.8%;right:auto;top:0%;bottom: auto;}
.indexF ul li:nth-child(2){left:auto;right:16.8%;top:10%;bottom: auto;}
.indexF ul li:nth-child(3){left:16.8%;right:auto;top:25%;bottom: auto;}
.indexF ul li:nth-child(4){left:auto;right:16.8%;top:35%;bottom: auto;}
.indexF ul li:nth-child(5){left:16.8%;right:auto;top:50%;bottom: auto;}
.indexF ul li:nth-child(6){left:auto;right:16.8%;top:60%;bottom: auto;}
.indexF ul li:nth-child(7){left:16.8%;right:auto;top:75%;bottom: auto;}

.indexG {padding: 30px 0;}
.indexG .tit p {font-size: 15px;line-height: 18px;}
.indexG .tab ul li a {font-size: 15px;height: 40px;line-height: 40px;padding: 0 30px;}
.indexG .box {margin-top: 30px;display: block;}
.indexG .scroll {width: 100%;}
.indexG .list {margin-left: 0;width: 100%;margin-top:20px;}
.indexG .swiper-slide .t h5 {font-size: 16px;line-height: 18px;height: 36px;}
.indexG .list ul li h5 {font-size: 18px;}
.indexG .list ul li p {line-height: 20px;height: 60px;}
}


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

.path p{font-size:14px;}

.main{padding-top:25px;padding-bottom:30px;}

.main-left{float:none;width:100%;}
.main-right{margin:20px 0 0;}

.main-left h3{padding:0 0 0 15px;}
.main-left h3::after{display:block;}
.sidenav ul{display:none;}
.sidenav ul li{padding-left:15px;}

.menu-tabs{padding:20px 0 10px;}
.menu-tabs ul li{height:40px;line-height:40px;margin:0 5px 10px;width:auto;}
.menu-tabs ul li a{font-size:15px;padding:0 20px;}

.about h3,.about2 h3,.about3 h3,.about4 h3,.vaule h1,.cert-list h3,.activity-list h3,.history h3{font-size:20px;}

.about{padding:30px 0;}
.about .video {width: 100%;}
.about .video > img{width:100%;}
.about .t{font-size:15px;line-height:24px;}
.about ul{margin:25px -10px 0;}
.about ul li{width:50%;padding:10px;}
.about ul li:first-child{width:100%;}
.about ul li p{font-size:17px;margin:15px 0 0;}
.about .vr{margin:30px 0 0;}
.about .vr .more{left:calc(50% - 45px);top:calc(50% - 45px);width:90px;height:90px;}
.about .vr .more img{width:60px;}

.about2{padding:30px 0;}
.about2 .list{margin:30px 0 0;}
.about2 .swiper-slide p{margin:15px 0 0;font-size:16px;}
.about2 .swiper-button-prev,.about2 .swiper-button-next{display:none;}
.about2 .swiper-pagination{display:block;}

.about3{padding:30px 0;}
.about3 h3::after{height:3px;margin:15px auto 0;}
.about3 .pic{margin:30px 0 0;}

.about4{padding:30px 0;}
.about4 h3::after{height:3px;margin:15px auto 0;}
.about4 ul{margin:20px 0 0;}
.about4 ul li{text-align:center;width:100%;padding:10px 0;}
.about4 ul li .box{padding:25px 15px;}
.about4 ul li img{height:40px;}
.about4 ul li h5{font-size:18px;margin:15px 0 0;}
.about4 ul li p{font-size:16px;margin:15px 0 0;}


.history{padding:30px 0;}
.history h3::after{height:3px;margin:15px auto 0;}
.history .list{margin:30px 0 0;}
.history .view{margin:0 -10px;}
.history .view .swiper-slide{padding:10px;}
.history .view .swiper-slide .box{display:block;padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.12);}
.history .view .swiper-slide .pic{margin:0 auto;}
.history .view .swiper-slide .txt{padding:15px;}
.history .view .swiper-slide .txt h5{font-size:20px;text-align:center;}
.history .view .swiper-slide .txt p{margin:20px 0 0;font-size:16px;line-height:24px;}

.history .preview{margin:25px 0 0;}
.history .preview .swiper-slide{height:80px;}
.history .preview .swiper-slide em{font-size:16px;padding:60px 0 0;}

.history .page{margin-top:30px;}
.history .arrow-left,.history .arrow-right{margin:0 6px;width:90px;height:36px;line-height:36px;}
.history .arrow-left i,.history .arrow-right i{font-size:22px;}

.vaule .txt{margin:25px 0 0;font-size:17px;line-height:26px;}

.innovation h1{font-size:22px;}
.innovation ul{margin:25px 0 0;}
.innovation ul li{padding:20px 0;display:block;}
.innovation ul li+li{margin-top:0;}
.innovation ul li .pic{margin:0 auto;}
.innovation ul li .txt{margin:20px 0 0;}
.innovation ul li .txt h3{font-size:22px;text-align:center;}
.innovation ul li .txt h6{font-size:18px;}
.innovation ul li .txt .t{font-size:16px;}
.innovation ul li:nth-child(2n) .txt{margin:20px 0 0;}

.susta{padding-bottom:30px;}
.susta ul{margin:0 -10px;}
.susta ul li{padding:10px;}
.susta h5{font-size:20px;}
.susta p{font-size:17px;}

.susta-list{padding:30px 0;}
.susta-list h3{font-size:24px;}
.susta-list h6{font-size:17px;}
.susta-list ul{margin:20px -10px 0;}
.susta-list ul li{width:50%;padding:10px;}
.susta-list ul li p{font-size:17px;margin:15px 0 0;}

.cert-list h3::after{height:3px;margin:15px auto 0;}
.cert-list ul{margin:20px -10px 0;}
.cert-list ul li{width:50%;padding:10px;}

.activity-list h3::after{height:3px;margin:15px auto 0;}
.activity-list ul{margin:20px -10px 0;}
.activity-list ul li{width:50%;padding:10px;}
.activity-list ul li p{font-size:16px;}


.newslist ul{margin:0 -10px;}
.newslist ul li{width:50%;padding:10px;}
.newslist ul li .pic span{width:60px;height:55px;font-size:13px;}
.newslist ul li .pic span em{font-size:20px;}
.newslist ul li .txt{padding:20px 0 20px;}
.newslist ul li .txt h5{font-size:20px;line-height:25px;height:50px;overflow:hidden;}
.newslist ul li .txt .more{display:none;}

.newsnr h1{font-size:20px;margin:0;}
.newsnr .artInfo span{margin:0 5px;font-size:13px;}
.myart{line-height:24px;}

.pnbar{margin-top:25px;}
.pnbar p a{min-width:0;padding:0 20px;font-size:15px;margin-right:0;}
.pnbar p a+a{margin-left:10px;}
.pnbar p a img{margin-right:6px;}

.case-list ul li{width:50%;margin:0;}
.case-list ul li h5{font-size:16px;height:60px;text-align:center;}

.down ul li{float:none;width:100%;margin:0 0 20px 0;padding:15px;overflow:hidden;}
.down ul li:nth-child(2n){float:none;}
.down ul li .pic{width:110px;height:110px;}
.down ul li .pic img{max-width:80%;max-height:80%;}
.down ul li .t{margin:0 0 0 125px;}
.down ul li .t h5{font-size:20px;}

/*--------*/

.pro-list ul li {width: 50%;}
.pro-list ul li .txt h5 {font-size: 16px;}
.pro-list ul li .txt .more {font-size: 15px;}

.pro_img .view .arrow-left i, .pro_img .view .arrow-right i {color: #fff;}
.pro_img .view .arrow-left {left: -10px;}
.pro_img .view .arrow-right {right: -10px;}
.pro_view .btn-box a {padding: 0 20px;height: 36px;line-height: 36px;font-size: 15px;}

.side-pro{display:none;}


.pro_view{-webkit-flex-direction:column;flex-direction:column;}
.pro_view > h1 {font-size: 19px;}
.pro_img{margin:15px auto 0;}
.pro_view_inner{margin:25px 0 0;}
.pro_view_inner h1{font-size:24px;margin:0;text-align:center;}
.pro_view_inner .btn-box{text-align:center;}
.pro_view_inner .btn-box a{width:140px;height:40px;line-height:40px;font-size:16px;}
.pro_view_inner .pdf{margin-left:20px;}
.pro_view_inner .pro-share{text-align:center;}

.pro_text .tit{height:45px;}
.pro_text .tit h5{border-left:2px solid #004B96;padding:0 0 0 10px;height:25px;line-height:25px;font-size:18px;}

.pro-content{line-height:24px;padding:15px 0 0;font-size: 15px}

.pro-inquiry{margin-top:25px;}
.pro-inquiry .tit{height:45px;}
.pro-inquiry .tit h5{border-left:2px solid #004B96;padding:0 0 0 10px;height:25px;line-height:25px;font-size:17px;}
.pro-inquiry .inquirbox{border:1px solid #F3F3F3;padding:12px 12px 5px;}





.contact{-webkit-flex-direction:column;flex-direction:column;}

.contact-info{width:100%;margin-right:0;}
.contact-info h3{font-size:24px;text-align:center;}
.contact-inquiry{float:none;width:100%;margin:30px 0 0;}
.contact-inquiry h3{font-size:24px;text-align:center;}
.contact-inquiry .inquirbox{margin:20px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}

.linetit{margin:20px 0 0;}

.map{margin:15px 0 0 0;}

.inquirbox .row{margin-bottom:0;}
.inquirbox .row >div{margin-bottom:10px;}
.inquirbox .submit{width:130px;line-height:36px;font-size:15px;}

.gallery ul li {width: 50%;}

.faq ul li {padding: 12px;}
.faq ul li .tit h4 {font-size: 16px;;}
.faq ul li .con {padding: 10px 0;}
.faq ul li .con .t {margin: 0 0 0 30px;font-size: 15px;line-height: 20px;}

.newslist ul {margin: 0;}
.newslist ul li {width: 100%;flex-wrap: wrap;}
.newslist ul li .pic {width: 100%;}
.newslist ul li .t {margin-left: 0;margin-top: 20px;}
.newslist ul li .t h5 {font-size: 16px;}
.newslist ul li .t p {font-size: 15px;line-height: 20px;height: 40px;margin: 12px 0 0;}
.newslist ul li .t .more {margin:17px auto 0;display: block;}

.contact {padding: 30px 0;}
.contact .wp {display: block;}
.contact-info dl dd h5 {font-size: 16px;}
.contact-info dl dd p {font-size: 15px;}
.contact-info dl {padding: 15px 0;display: block;text-align: center;}
.contact-info dl dt {margin: 0 auto 15px;}
.contact-info dl dd {padding-left: 0;}

.contact-inquiry {padding: 22px 25px;}
.contact-inquiry h3 {font-size: 20px;}
}

@media screen and (max-width:600px) {
	
.indexA .tit h3,.indexB .tit .t h3,.indexC .txt h3,.indexD h3{font-size:28px;}

.indexB .hd ul li+li{line-height:19px;}

.history .view .swiper-slide .pic{width:100%;}

.pro_img{width:100%;}
.pro_img .preview .swiper-slide{width:50px;margin:0 2px;}
}


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

.indexA h3, .indexB .txt h3, .indexD h3, .indexE h3, .indexF h3, .indexG .tit h3, .foot-form h6 {font-size: 22px;}

.indexA .tab ul li a {font-size: 15px;padding: 0 15px;}
.indexA .list ul li {width: 100%;}

.indexB .txt h5,.indexB .txt h1 {font-size: 18px;}
.indexB ul li .t h5 {font-size: 30px;}
.indexB .v .play {left: calc(50% - 35px);top: calc(50% - 35px);}
.indexB .v .play .box {width: 70px;height: 70px;}
.indexB .v .play .box img {height: 30px;}
.indexB ul li {padding: 5px 10px;}
.indexB ul li .t h5 {font-size: 24px;}
.indexB ul li .t h5::after {right: -15px;font-size: 22px;}
.indexB ul li:nth-child(1) h5::after {right: -35px;font-size: 14px;}
.indexB ul li .t p {font-size: 12px;}
.indexB ul li img {width: 30px;}

.indexC .swiper-slide .txt h4 {font-size: 20px;}

.indexE .list a::after {width: 70px;height: 70px;line-height: 70px;font-size: 22px;right: -17px;bottom: -14px;}
.indexE .list a .t {padding: 0 65px 20px 12px;}

.foot-form span {font-size: 14px;padding: 0 14px;line-height: 28px;}
.foot-form .submit_text {height: 42px;line-height: 42px;padding: 0 110px 0 10px;font-size: 14px;}
.foot-form .submit_btn {font-size: 14px;width: 105px;height: 32px;line-height: 32px;}

.pro-list ul li {width: 100%;}

.menu-tabs ul li {width: calc(50% - 10px);}

.indexF ul li {width: 35.4%;;}
.indexF .list::after {width: 800px;left: -170px;right: auto;}
.indexF ul li:nth-child(1){left:0;right:auto;top:0%;bottom: auto;}
.indexF ul li:nth-child(2){left:auto;right:0;top:10%;bottom: auto;}
.indexF ul li:nth-child(3){left:0;right:auto;top:25%;bottom: auto;}
.indexF ul li:nth-child(4){left:auto;right:0;top:35%;bottom: auto;}
.indexF ul li:nth-child(5){left:0;right:auto;top:50%;bottom: auto;}
.indexF ul li:nth-child(6){left:auto;right:0;top:60%;bottom: auto;}
.indexF ul li:nth-child(7){left:0;right:auto;top:75%;bottom: auto;}

}

@media screen and (max-width:400px) {
	
.indexG .tab ul li a {font-size: 14px;padding: 0 15px;}

.case-list ul li {width: 100%;margin: 0;}

.cert-list ul li {width: 100%;}

.gallery ul li {width: 100%;}

.indexF ul li {width: 40.4%;}
.indexF .list::after {left: -210px;}
.indexF ul li:nth-child(2n+1)::before {left: 100%;}
.indexF ul li:nth-child(2n)::before {right: 100%;}

}


@media screen and (max-width: 900px){
  #back{width:100%;}
  #goTop{margin-bottom:50px;} 
}



/*
     FILE ARCHIVED ON 19:36:01 Jul 22, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:19:44 Sep 16, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.362
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.034
  esindex: 0.006
  cdx.remote: 13.898
  LoadShardBlock: 83.81 (3)
  PetaboxLoader3.datanode: 3967.5 (5)
  PetaboxLoader3.resolve: 510.291 (2)
  load_resource: 4412.75
  loaddict: 79.781
*/