@charset "utf-8";

@media screen and (max-width:1800px){
	
.nav > ul > li > a {font-size: 19px;}	
.nav > ul > li + li {margin-left: 45px;}
	
}

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

.wp {width: 90%;}

.header .logo img {height: 41px;}

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

.indexD {background-size: auto 100% !important;}

.menu-tabs ul li a {font-size: 16px;padding: 0 14px;} 

}

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

.search form {width: 228px;}

.header .share {margin-left: 20px;}
.header .share a {width: 28px;height: 28px;line-height: 28px;}
.header .share a + a {margin-left: 11px;}

.header-lang .box i:first-child {font-size: 25px;}
.header-lang .box em {font-size: 19px;}
.header-lang .box i:last-child {font-size: 23px;}

.indexA .tit h3,.indexB .txt .t h3,.indexC .tit h3,.index-contact .tit h3,.indexD .tit h3,.indexD .tit h3,.indexE .tit h3,.indexF .tit h3,.foot-form .tit h3 {font-size: 37px;}

.indexA {padding: 70px 0 100px;}
.indexA .tit p {font-size: 17px;margin-top: 20px;}
.indexA ul {margin: 45px -8px 0;}
.indexA ul li {padding: 0 8px;}
.indexA ul li a .box .pic {width: 110px;height: 110px;}
.indexA ul li a .box {padding: 25px 0;}
.indexA ul li a .t {padding: 25px 25px 10px;font-size: 17px;}

.indexB {padding: 65px 0;}
.indexB .txt {margin-left: 60px;}
.indexB .txt .t {font-size: 17px;line-height: 1.8;}
.indexB .txt .t h5 {font-size: 22px;line-height: 28px;margin-top: 12px;}
.indexB .txt .t p {margin-top: 12px;}
.indexB .txt .more {margin-top: 25px;}
.indexB .txt .more a {font-size: 17px;}
.indexB .txt ul {margin: 20px -8px 0;}
.indexB .txt ul li {padding: 7px 8px;}
.indexB .txt ul li .column {padding: 10px 17px 10px 21px;}
.indexB .txt ul li .images img {height: 58px;}
.indexB .txt ul li p {font-size: 20px;margin-left: 20px;}

.indexC {padding: 65px 0;}
.indexC .list {margin-top: 45px;}
.indexC .list .swiper-slide ul {margin: -20px -10px;}
.indexC .list .swiper-slide ul li {padding: 20px 10px;}
.indexC .list .swiper-slide ul li .txt {margin-top: 17px;}
.indexC .list .swiper-slide ul li .txt h5 {font-size: 19px;}
.indexC .list .swiper-slide ul li .txt p {margin-top: 12px;}
.indexC .list .swiper-slide ul li .txt em {width: 140px;font-size: 17px;margin-top: 20px;}

.index-contact {padding: 50px 0 80px;}
.index-contact .form {margin: 40px auto 0;}
.index-contact .form input[type="text"], .index-contact .inquirbox textarea {padding: 0 19px;}
.index-contact .form .submit {width: 190px;line-height: 42px;font-size: 17px;}

.indexD {padding: 55px 0 65px;}
.indexD .service ul {margin-top: 45px;}
.indexD .cert-list {margin-top: 65px;}
.indexD .cert-list .list {padding: 0 80px;margin-top: 40px;}

.indexE {padding: 50px 0;}
.indexE ul {margin: 35px -20px 0;}
.indexE ul li {padding: 0 20px;}
.indexE ul li .box {padding: 60px 45px 130px 35px;}
.indexE ul li .box p {font-size: 16px;height: 32px;}
.indexE ul li .box hr {margin: 9px 0 15px;}
.indexE ul li .box h4 {font-size: 26px;height: 78px;}
.indexE ul li:nth-child(1) .box {background-size: 71px auto;background-position: bottom 35px right 35px;}
.indexE ul li:nth-child(2) .box {background-size: 80px auto;background-position: bottom 35px right 35px;}
.indexE ul li:nth-child(3) .box {background-size: 80px auto;background-position: bottom 35px right 35px;}
.indexE ul li .txt {margin-top: 15px;}
.indexE ul li .txt dl > * {padding: 14px 0;}
.indexE ul li .txt dl dt h5 {font-size: 20px;}
.indexE ul li .txt dl dd {font-size: 16px;align-items: center;}

.indexF {padding: 70px 0 80px;}
.indexF .list {margin-top: 55px;}

.foot-form {padding: 65px 0;background-size: auto 100%;}
.foot-form .form {margin: 40px auto 0;}
.foot-form .form input[type="text"], .foot-form .inquirbox textarea {padding: 0 19px;}
.foot-form .form .submit {width: 190px;line-height: 38px;font-size: 17px;}

#footer {padding: 70px 0 105px;}
#footer h5 {font-size: 22px;margin-bottom: 17px;}
.foot-top .wp {padding-bottom: 20px;}
.foot-top ul li {font-size: 17px;}
.home .foot-type {margin-top: 80px;}
.foot-contact {width: 410px;}
.foot-image {width: 133px;}

.copyright p {font-size: 17px;}
.copyright .foot-share a {width: 28px;height: 28px;line-height: 28px;}
.copyright .foot-share a + a {margin-left: 11px;}

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

#sidebanner h3 {font-size: 42px;}
#sidebanner h3::after {height: 5px;margin: 25px 0 0;}

.menu-tabs {padding: 50px 0;}
.menu-tabs ul li {margin: 5px;}
.menu-tabs ul li a {font-size: 14px;}

/*-----------------------about------------------------*/

.about-tab-box ul li {line-height: 72px;font-size: 17px;padding: 0 30px;}

.profile {padding: 70px 0;}
.profile h3 {font-size: 32px;}

.company-profile .box {margin-top: 25px;}
.company-profile .pic {width: 32%;}
.company-profile .txt {margin-right: 90px;line-height: 28px;}
.company-profile .txt h5 {font-size: 26px;margin-bottom: 20px;}

.Philosophy {margin-top: 70px;}
.Philosophy ul {margin: 50px -23px 0;}
.Philosophy ul li {padding: 0 23px;}
.Philosophy ul li .box {padding: 40px 17px;}
.Philosophy ul li .box .txt h5 {font-size: 19px;height: 38px;}
.Philosophy ul li .box .txt p {margin-top: 8px;line-height: 22px;height: 88px;}

.Development {margin-top: 80px;}
.Development .list {margin: 70px 0 0;}
.Development .view .swiper-slide .box h5 {font-size: 102px;}
.Development .view .swiper-slide .box .txt {font-size: 17px;line-height: 28px;padding-left: 80px;}
.Development .preview {margin: 30px 0 0;}
.Development .preview .swiper-slide {height: 100px;}

.honor .box {padding: 45px 0;}
.honor .box .pic .t {top: 75px;padding: 0 40px;}
.honor .box .pic .t h5 {font-size: 32px;}
.honor .box .pic .t h5::after {margin-top: 25px;}
.about .honor .box .txt {margin-left: 70px;}
.honor .box .txt ul li {background: url('../images/dot1.png') no-repeat left 10px;font-size: 17px;line-height: 1.8;}

.honor-list {padding: 65px 0 90px;}
.honor-list .swiper-slide {width: 370px;}

.about .culture {padding: 70px 0;}
.about .culture h3 {font-size: 32px;}
.about .culture .tit .t {font-size: 17px;line-height: 1.8;margin-top: 13px;}
.about .culture .tab {margin-top: 50px;}
.about .culture .tab h3 {margin-bottom: 40px;}
.about .culture .tab .box .txt {margin-left: 40px;font-size: 17px;line-height: 28px;}
.about .culture .tab .box:nth-child(2n+1) .txt {margin-right: 40px;}
.about .culture .tab .box .txt h5 {font-size: 22px;margin-bottom: 13px;}

.about .culture-list {padding: 50px 0 75px;margin-top: 35px;}
.about .culture-list .list {margin-top: 45px;}
.about .culture-list .list .swiper-pagination-bullets {margin: 25px 0 0;}

.about .notice {padding: 60px 0;}
.about .notice .txt h5 {font-size: 19px;}
.about .notice .txt .t {font-size: 17px;line-height: 1.8;}


/*-----------------------products------------------------*/

.pro-list ul.list {margin: -15px -16px;}
.pro-list ul.list li {padding: 15px 16px;}
.pro-list ul.list li .pic .t {padding: 0 25px;font-size: 15px;line-height: 22px;}
.pro-list ul.list li .txt {margin-top: 20px;}
.pro-list ul.list li .txt h5 {font-size: 17px;}

.pro_view {padding: 50px 0;}
.pro_img {width: 830px;}
.pro_view_inner {margin-left: 70px;}
.pro_view_inner h1 {font-size: 32px;line-height: 43px;}
.pro_view_inner .pro_para {font-size: 17px;line-height: 28px;margin-top: 17px;}
.pro_view_inner .pro_para p + p {margin-top: 20px;}

.pro-table .wp .table h5,.pro-text h5,.rela-pro h3 {font-size: 32px;}

.pro-table {padding: 50px 0 0;}
.pro-table .wp .table table {font-size: 17px;margin-top: 50px;}
.pro-table .wp .table table tr > td {padding: 12px 25px;}
.pro-table .wp .table table tr > th, .pro-table .wp .table table tr > td:first-child {padding: 12px 25px;}
.pro-table .wp .pic {width: 604px;}

.pro-text {padding: 40px 0 65px;}

.rela-pro {padding: 50px 0;}
.rela-pro ul {margin: 20px -17px;}
.rela-pro ul li {padding: 15px 17px;}
.rela-pro ul li .txt {margin-top: 20px;}
.rela-pro ul li .pic .t {padding: 0 17px;font-size: 15px;line-height: 22px;}

/*--------------case--------------*/

.case-list ul.list {margin: -15px -17px;}
.case-list ul.list li {padding: 15px 17px;}
.case-list ul.list li .pic .t {font-size: 15px;line-height: 22px;}
.case-list ul.list li .txt {margin-top: 20px;}
.case-list ul.list li .txt p {font-size: 17px;white-space: wrap;height: 34px;}
.case-list ul.list li .txt em.more {width: 150px;margin-top: 17px;font-size: 17px;}

.case-newsnr .tit h3,.rela-case h3 {font-size: 32px;}

.case-read {padding: 50px 0 0;}
.case-newsnr .tit p {font-size: 17px;line-height: 28px;}
.case-newsnr .tit p em {font-size: 18px;}
.case-img {margin-top: 45px;}

.case-myart .preview {margin: -76px auto 0;}
.case-myart .preview .swiper-slide {width: 210px;padding: 26px 0;}
.case-myart .preview .swiper-slide::after {border-width: 13px;margin: 0 0 0 -13px;}
.case-myart .t {font-size: 17px;line-height: 28px;margin-top: 35px;}

.case-pnbar {padding: 30px 0;}
.case-pnbar p {font-size: 17px;}

.rela-case {padding: 50px 0;}
.rela-case ul {margin: 20px -17px;}
.rela-case ul li {padding: 15px 17px;}
.rela-case ul li .txt {margin-top: 20px;}
.rela-case ul li .txt p {font-size: 17px;white-space: wrap;height: 34px;}
.rela-case ul li .pic .t {padding: 0 17px;font-size: 15px;line-height: 22px;}
.rela-case ul li .txt em.more {width: 150px;margin-top: 17px;font-size: 17px;}

/*--------------news--------------*/

.newslist {padding: 50px 0;}
.newslist ul.list {margin: -13px -13px 0;}
.newslist ul.list li {padding: 13px;}
.newslist ul.list li a {padding: 30px 25px;}
.newslist ul.list li span {font-size: 22px;}
.newslist ul.list li span em {font-size: 17px;}
.newslist ul.list li h5 {font-size: 21px;}
.newslist ul.list li p {font-size: 17px;line-height: 22px;height: 66px;margin: 13px 0 0;}
.newslist ul.list li a::after {top: 25px;font-size: 27px;}
.newslist ul.list li img {margin: 19px auto 0;}


.newsnr h1 {font-size: 32px;margin: 25px 0 0;}
.newsnr .artInfo {padding: 0 0 20px;margin: 35px 0 0;}

.myart {padding: 40px 0 20px;line-height: 30px;}
.case-newsnr .case-myart h3 {font-size: 32px;}

.pro-bar {margin-top: 45px;padding: 45px 0 35px;}
.pro-bar a {line-height: 26px;}

.rela-news {padding: 40px 0;}
.rela-news h3 {font-size: 28px;}
.rela-news ul {margin: 25px -13px 0;}
.rela-news ul li {padding: 13px;}
.rela-news ul li a {padding: 30px 25px;}
.rela-news ul li span {font-size: 22px;}
.rela-news ul li span em {font-size: 17px;}
.rela-news ul li h5 {font-size: 21px;}
.rela-news ul li p {font-size: 17px;line-height: 22px;height: 66px;margin: 13px 0 0;}
.rela-news ul li a::after {top: 25px;font-size: 27px;}
.rela-news ul li img {margin: 19px auto 0;}

/*-----------------------contact------------------------*/

.contact {padding: 60px 0;}
.contact h3 {font-size: 32px;}
.contact .list {margin: 50px 0 0;}
.contact .list .box .txt {line-height: 22px;padding-left: 30px;}
.contact .list .box .txt em {font-size: 18px;}
.contact .list .box .txt p.app {font-size: 22px;}

.contact-inquiry {padding: 50px 0;}
.contact-inquiry .inquiry {margin-left: 40px;}
.contact-inquiry .inquiry h4 {font-size: 32px;}
.contact-inquiry .inquiry p {line-height: 20px;}
.contact-inquiry .inquirbox {margin-top: 30px;}
.contact-inquiry input[type="text"], .contact-inquiry textarea {padding: 12px 17px;font-size: 17px;}
.contact-inquiry .row + .row {margin-top: 10px;}
.contact-inquiry .submit {margin: 25px auto 0 0;width: 402px;line-height: 42px;font-size: 22px;}

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

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

.header-lang .box em {font-size: 18px;}

.indexA .tit h3,.indexB .txt .t h3,.indexC .tit h3,.index-contact .tit h3,.indexD .tit h3,.indexD .tit h3,.indexE .tit h3,.indexF .tit h3,.foot-form .tit h3 {font-size: 34px;}

.honor-list .swiper-slide {width: 350px;}

.menu-tabs ul li a {padding: 0 6px;}

}

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

.header .logo img {height: 36px;}

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

.search form {width: 200px;}

.header .share {margin-left: 15px;}
.header .share a {width: 26px;height: 26px;line-height: 26px;}
.header .share a + a {margin-left: 7px;}

.header-lang .box i:first-child {font-size: 24px;}
.header-lang .box em {font-size: 17px;}
.header-lang .box i:last-child {font-size: 22px;}
	
}

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

.indexA .tit h3,.indexB .txt .t h3,.indexC .tit h3,.index-contact .tit h3,.indexD .tit h3,.indexD .tit h3,.indexE .tit h3,.indexF .tit h3,.foot-form .tit h3 {font-size: 31px;}

.indexA {padding: 60px 0 90px;}
.indexA .tit p {font-size: 16px;margin-top: 15px;}
.indexA ul {margin: 35px -6px 0;}
.indexA ul li {padding: 0 6px;}
.indexA ul li a .box .pic {width: 105px;height: 105px;}
.indexA ul li a .box {padding: 20px 0;}
.indexA ul li a .t {padding: 20px 20px 10px;font-size: 16px;}

.indexB {padding: 55px 0;}
.indexB .txt {margin-left: 50px;}
.indexB .txt .t {font-size: 16px;line-height: 1.6;}
.indexB .txt .t h5 {font-size: 20px;line-height: 26px;margin-top: 9px;}
.indexB .txt .t p {margin-top: 9px;}
.indexB .txt .more {margin-top: 20px;}
.indexB .txt .more a {font-size: 16px;}
.indexB .txt ul {margin: 15px -6px 0;}
.indexB .txt ul li {padding: 5px 6px;}
.indexB .txt ul li .column {padding: 10px 14px 10px 17px;}
.indexB .txt ul li .images img {height: 52px;}
.indexB .txt ul li p {font-size: 18px;margin-left: 15px;}

.indexC {padding: 55px 0;}
.indexC .list {margin-top: 40px;}
.indexC .list .swiper-slide ul {margin: -15px -7px;}
.indexC .list .swiper-slide ul li {padding: 15px 7px;}
.indexC .list .swiper-slide ul li .txt {margin-top: 14px;}
.indexC .list .swiper-slide ul li .txt h5 {font-size: 18px;}
.indexC .list .swiper-slide ul li .txt p {margin-top: 9px;}
.indexC .list .swiper-slide ul li .txt em {width: 130px;font-size: 16px;margin-top: 15px;}

.index-contact {padding: 40px 0 60px;}
.index-contact .form {margin: 30px auto 0;}
.index-contact .form input[type="text"], .index-contact .inquirbox textarea {padding: 0 16px;}
.index-contact .form .submit {width: 170px;line-height: 38px;font-size: 16px;}

.indexD {padding: 45px 0 55px;}
.indexD .service ul {margin-top: 35px;}
.indexD .cert-list {margin-top: 50px;}
.indexD .cert-list .list {padding: 0 60px;margin-top: 30px;}

.indexE {padding: 40px 0;}
.indexE ul {margin: 35px -20px 0;}
.indexE ul li {padding: 0 20px;}
.indexE ul li .box {padding: 60px 45px 130px 35px;}
.indexE ul li .box p {font-size: 16px;height: 32px;}
.indexE ul li .box hr {margin: 9px 0 15px;}
.indexE ul li .box h4 {font-size: 26px;height: 78px;}
.indexE ul li:nth-child(1) .box {background-size: 71px auto;background-position: bottom 35px right 35px;}
.indexE ul li:nth-child(2) .box {background-size: 80px auto;background-position: bottom 35px right 35px;}
.indexE ul li:nth-child(3) .box {background-size: 80px auto;background-position: bottom 35px right 35px;}
.indexE ul li .txt {margin-top: 15px;}
.indexE ul li .txt dl > * {padding: 14px 0;}
.indexE ul li .txt dl dt h5 {font-size: 20px;}
.indexE ul li .txt dl dd {font-size: 16px;align-items: center;}

.indexF {padding: 50px 0 60px;}
.indexF .list {margin-top: 40px;}

.foot-form {padding: 55px 0;background-size: auto 100%;}
.foot-form .form {margin: 30px auto 0;}
.foot-form .form input[type="text"], .foot-form .inquirbox textarea {padding: 0 16px;}
.foot-form .form .submit {width: 170px;line-height: 34px;font-size: 16px;}

#footer {padding: 60px 0 90px;}
#footer h5 {font-size: 20px;margin-bottom: 14px;}
.foot-top .wp {padding-bottom: 15px;}
.foot-top ul li {font-size: 16px;}
.home .foot-type {margin-top: 60px;}
.foot-contact {width: 370px;}
.foot-image {width: 123px;}

.copyright p {font-size: 16px;}
.copyright .foot-share a {width: 26px;height: 26px;line-height: 26px;}
.copyright .foot-share a + a {margin-left: 7px;}
}

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

#sidebanner h3 {font-size: 36px;}
#sidebanner h3::after {height: 4px;margin: 20px 0 0;}

.menu-tabs {padding: 40px 0;}
.menu-tabs ul li a {font-size: 12px;}

/*-----------------------about------------------------*/

.about-tab-box ul li {line-height: 64px;font-size: 16px;padding: 0 20px;}

.profile {padding: 50px 0;}
.profile h3 {font-size: 28px;}

.company-profile .box {margin-top: 20px;}
.company-profile .pic {width: 32%;}
.company-profile .txt {margin-right: 60px;line-height: 26px;}
.company-profile .txt h5 {font-size: 22px;margin-bottom: 15px;}

.Philosophy {margin-top: 50px;}
.Philosophy ul {margin: 40px -15px 0;}
.Philosophy ul li {padding: 0 15px;}
.Philosophy ul li .box {padding: 30px 14px;}
.Philosophy ul li .box .txt h5 {font-size: 18px;height: 36px;}
.Philosophy ul li .box .txt p {margin-top: 6px;line-height: 20px;height: 80px;}

.Development {margin-top: 60px;}
.Development .list {margin: 50px 0 0;}
.Development .view .swiper-slide .box h5 {font-size: 90px;}
.Development .view .swiper-slide .box .txt {font-size: 16px;line-height: 26px;padding-left: 60px;}
.Development .preview {margin: 20px 0 0;}
.Development .preview .swiper-slide {height: 90px;}

.honor .box {padding: 40px 0;}
.honor .box .pic .t {top: 55px;padding: 0 30px;}
.honor .box .pic .t h5 {font-size: 28px;}
.honor .box .pic .t h5::after {margin-top: 20px;}
.about .honor .box .txt {margin-left: 55px;}
.honor .box .txt ul li {background: url('../images/dot1.png') no-repeat left 7px;font-size: 16px;line-height: 1.6;}

.honor-list {padding: 50px 0 70px;}
.honor-list .swiper-slide {width: 336px;}

.about .culture {padding: 50px 0;}
.about .culture h3 {font-size: 28px;}
.about .culture .tit .t {font-size: 16px;line-height: 1.6;margin-top: 11px;}
.about .culture .tab {margin-top: 40px;}
.about .culture .tab h3 {margin-bottom: 30px;}
.about .culture .tab .box .txt {margin-left: 30px;font-size: 16px;line-height: 26px;}
.about .culture .tab .box:nth-child(2n+1) .txt {margin-right: 30px;}
.about .culture .tab .box .txt h5 {font-size: 20px;margin-bottom: 11px;}

.about .culture-list {padding: 45px 0 65px;margin-top: 30px;}
.about .culture-list .list {margin-top: 35px;}
.about .culture-list .list .swiper-pagination-bullets {margin: 20px 0 0;}

.about .notice {padding: 50px 0;}
.about .notice .txt h5 {font-size: 18px;}
.about .notice .txt .t {font-size: 16px;line-height: 1.6;}

/*-----------------------products------------------------*/

.pro-list ul.list {margin: -10px -10px;}
.pro-list ul.list li {padding: 10px 10px;}
.pro-list ul.list li .pic .t {padding: 0 20px;font-size: 14px;line-height: 18px;}
.pro-list ul.list li .txt {margin-top: 15px;}
.pro-list ul.list li .txt h5 {font-size: 16px;}

.pro_view {padding: 40px 0;}
.pro_img {width: 630px;}
.pro_view_inner {margin-left: 50px;}
.pro_view_inner h1 {font-size: 28px;line-height: 38px;}
.pro_view_inner .pro_para {font-size: 16px;line-height: 26px;margin-top: 14px;}
.pro_view_inner .pro_para p + p {margin-top: 15px;}

.pro-table .wp .table h5,.pro-text h5,.rela-pro h3 {font-size: 28px;}

.pro-table {padding: 45px 0 0;}
.pro-table .wp .table table {font-size: 16px;margin-top: 40px;}
.pro-table .wp .table table tr > td {padding: 10px 20px;}
.pro-table .wp .table table tr > th, .pro-table .wp .table table tr > td:first-child {padding: 10px 20px;}
.pro-table .wp .pic {width: 504px;}

.pro-text {padding: 35px 0 55px;}

.rela-pro {padding: 40px 0;}
.rela-pro ul {margin: 20px -12px;}
.rela-pro ul li {width: 25%;padding: 10px 12px;}
.rela-pro ul li .txt {margin-top: 15px;}
.rela-pro ul li .pic .t {padding: 0 14px;font-size: 14px;line-height: 20px;}

/*--------------case--------------*/

.case-list ul.list {margin: -10px -12px;}
.case-list ul.list li {padding: 10px 12px;}
.case-list ul.list li .pic .t {font-size: 14px;line-height: 20px;}
.case-list ul.list li .txt {margin-top: 15px;}
.case-list ul.list li .txt p {font-size: 16px;height: 32px;}
.case-list ul.list li .txt em.more {width: 140px;margin-top: 14px;font-size: 16px;}

.case-newsnr .tit h3,.rela-case h3 {font-size: 28px;}

.case-read {padding: 40px 0 0;}
.case-newsnr .tit p {font-size: 16px;line-height: 26px;}
.case-newsnr .tit p em {font-size: 17px;}
.case-img {margin-top: 40px;}

.case-myart .preview {margin: -64px auto 0;}
.case-myart .preview .swiper-slide {width: 180px;padding: 20px 0;}
.case-myart .preview .swiper-slide::after {border-width: 10px;margin: 0 0 0 -10px;}
.case-myart .t {font-size: 16px;line-height: 26px;margin-top: 30px;}

.case-pnbar {padding: 25px 0;}
.case-pnbar p {font-size: 16px;}

.rela-case {padding: 40px 0;}
.rela-case ul {margin: 20px -12px;}
.rela-case ul li {padding: 10px 12px;}
.rela-case ul li .txt {margin-top: 15px;}
.rela-case ul li .txt p {font-size: 16px;white-space: wrap;height: 32px;}
.rela-case ul li .pic .t {padding: 0 14px;font-size: 14px;line-height: 20px;}
.rela-case ul li .txt em.more {width: 140px;margin-top: 14px;font-size: 16px;}

/*--------------news--------------*/

.newslist {padding: 40px 0;}
.newslist ul.list {margin: -11px -11px 0;}
.newslist ul.list li {padding: 11px;}
.newslist ul.list li a {padding: 25px 20px;}
.newslist ul.list li span {font-size: 20px;}
.newslist ul.list li span em {font-size: 16px;}
.newslist ul.list li h5 {font-size: 19px;}
.newslist ul.list li p {font-size: 16px;line-height: 20px;height: 60px;margin: 11px 0 0;}
.newslist ul.list li a::after {top: 20px;font-size: 24px;}
.newslist ul.list li img {margin: 15px auto 0;}

.newsnr h1 {font-size: 28px;margin: 20px 0 0;}
.newsnr .artInfo {padding: 0 0 15px;margin: 30px 0 0;}

.myart {padding: 30px 0 20px;line-height: 28px;font-size: 16px;}
.case-newsnr .case-myart h3 {font-size: 28px;}

.pro-bar {margin-top: 35px;padding: 35px 0 30px;}
.pro-bar a {line-height: 24px;font-size: 16px;}

.rela-news {padding: 40px 0;}
.rela-news h3 {font-size: 28px;}
.rela-news ul {margin: 25px -11px 0;}
.rela-news ul li {padding: 11px;}
.rela-news ul li a {padding: 25px 20px;}
.rela-news ul li span {font-size: 20px;}
.rela-news ul li span em {font-size: 16px;}
.rela-news ul li h5 {font-size: 19px;}
.rela-news ul li p {font-size: 16px;line-height: 20px;height: 60px;margin: 11px 0 0;}
.rela-news ul li a::after {top: 20px;font-size: 24px;}
.rela-news ul li img {margin: 15px auto 0;}


/*-----------------------contact------------------------*/

.contact {padding: 50px 0;}
.contact h3 {font-size: 28px;}
.contact .list {margin: 40px 0 0;}
.contact .list .box .txt {line-height: 20px;padding-left: 25px;}
.contact .list .box .txt em {font-size: 17px;}
.contact .list .box .txt p.app {font-size: 20px;}

.contact-inquiry {padding: 45px 0;}
.contact-inquiry .inquiry {margin-left: 30px;}
.contact-inquiry .inquiry h4 {font-size: 28px;}
.contact-inquiry .inquiry p {line-height: 18px;}
.contact-inquiry .inquirbox {margin-top: 20px;}
.contact-inquiry input[type="text"], .contact-inquiry textarea {padding: 10px 14px;font-size: 16px;line-height: 20px;}
.contact-inquiry .row + .row {margin-top: 8px;}
.contact-inquiry .submit {margin: 20px auto 0 0;width: 362px;line-height: 38px;font-size: 20px;}

}

@media screen and (max-width:1300px){
	
.nav > ul > li + li {margin-left: 15px;}
.nav > ul > li > a {font-size: 16px;}

.header-lang .box em {font-size: 16px;}	

.search form {width: 180px;}
	
}

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



.indexA .tit h3,.indexB .txt .t h3,.indexC .tit h3,.index-contact .tit h3,.indexD .tit h3,.indexD .tit h3,.indexE .tit h3,.indexF .tit h3,.foot-form .tit h3 {font-size: 28px;}

.foot-form {padding: 50px 0;background-size: 100%;}

.honor-list .swiper-slide {width: 320px;}

}

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

.header .share {display: none;}

}

@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;max-width:none;}
.cl::before, .cl::after {display: none;}

.sitetop,#footBar{display:block;background: #333;}
.sitetop .top-content {display: none;}
.nav,.search,.header .btn,#gotop{display:none !important;}
.sitetop span.mo-header-menu, .sitetop span.mo-header-search {display: block;}
.sitetop span.mo-header-search {margin-right: 95px;}

.sitetop {height: 50px;background:#000;}
.sitetop .right > a {display: none;}
.sitetop span {display: block;}
.sitetop .right .top-content {display: none;}

.header_right {position: static;}
.header .share {display: none;}

.header {height: 70px;}
.home .header {position: static;}
.header > .wp {justify-content: center;border-bottom: none;}
.header-fix {position: static !important;}
.header-lang {position: absolute;right: 5px;top: 7px;}
.header-lang .box {height: 35px;padding: 0 5px;border: 1px solid #fff;}
.header-lang .box i:first-child {line-height: 35px;color: #fff;}
.header-lang .box em {line-height: 35px;color: #fff;font-size: 16px;}
.header-lang .box i:last-child {line-height: 35px;color: #fff;}
.header-lang ul {left: -5px;}
.header .right .top {display: none;}
.header .bottom {height: auto;}
.header_right {margin-left: 0;}

.search-box {top: 0;padding: 15px;}
.search-box .serchbox {width: 100%;}
.search-box .close {display: none;}
.search-box .serchbox .submit_text {height: 38px;line-height: 38px;font-size: 15px;}
.search-box .serchbox .submit_btn {height: 38px;line-height: 38px;}

.side-bar {display: none;}

.banner .txt h3, .no2-indexA .listA .box .txt h5, .no2-indexA .listB .box .txt h5, .no2-index-list .index-list > .pic .txt h5, .no2-indexD .tit h3, .no2-indexC .tit h3, .foot-form h6, .no2-indexB h3 {font-size: 28px;}

.banner .txt {width: 90%;}
.banner .txt h3 {margin-bottom: 20px;}
.banner .txt p {font-size: 16px;}

.foot-form {padding: 30px 0;background-size: auto 100%;}
.foot-form .form {flex-wrap: wrap;margin: 20px auto 0;}
.foot-form .form input[type="text"], .foot-form .inquirbox textarea {line-height: 40px;width: 100%;padding: 0 12px;margin: 5px 0;}
.foot-form .form .submit {width: 100%;margin-top: 15px;}

#footer {padding: 30px 0;}
.foot-top {text-align: center;}
.foot-top ul {flex-wrap: wrap;justify-content: center;}
.foot-top ul li {margin: 5px 0;}
.home .foot-type {margin-top: 30px;}
.foot-type .wp {display: block;}
.foot-contact {width: 100%;text-align: center;}
.foot-nav {display: none;}
.foot-image {margin: 20px auto 0;}

.copyright .wp {height: auto;display: block;padding: 20px 0;text-align: center;}
.copyright p {margin-top: 10px;}
.foot-share {margin-top: 10px;}
}

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

.indexA .tit h3, .indexB .txt .t h3, .indexC .tit h3, .index-contact .tit h3, .indexD .tit h3, .indexD .tit h3, .indexE .tit h3, .indexF .tit h3, .foot-form .tit h3 {font-size: 24px;}

.indexA {padding: 30px 0;}
.indexA .tit p {margin-top: 10px;}
.indexA ul {margin: 25px -5px 0;}
.indexA ul li {padding: 5px;width: calc(100% / 3);}
.indexA ul li a {background: #0E3872;}
.indexA ul li a .box {background: transparent;}
.indexA ul li a .box .pic {border-color: transparent;}
.indexA ul li a .box em {opacity: 1;transform: translateY(0);transition: all 0.5s ease 0s;}
.indexA ul li a .box .pic img:first-child {display: none;}
.indexA ul li a .box .pic img:last-child {display: block;}
.indexA ul li a .t {color: #fff;transform: translateY(-20px);}

.indexB {padding: 30px 0;}
.indexB::after {height: 50%;width: 100%;}
.indexB .wp {display: block;}
.indexB .pic {width: 100%;}
.indexB .pic::after {content: '';position: absolute;left: -5px;bottom: 30px;background: url('../images/bg1.png') no-repeat;width: 43px;height: 300px;display: block;background-size: 100% auto;}
.indexB .txt {margin-left: 0;margin-top: 30px;}
.indexB .txt .t {text-align: center;}
.indexB .txt .t h5 {font-size: 18px;line-height: 22px;}

.indexC {padding: 30px 0;}
.indexC .list {margin-top: 30px;}
.indexC .tit {display: block;text-align: center;}
.indexC .tit .page {display: none;}
.indexC .list .swiper-slide ul li {width: 50%;}
.indexC .swiper-pagination-bullets {display: block;}

.index-contact {padding: 30px 0;}
.index-contact::after {content: '';bottom: -15px;left: 5%;background: url('../images/bg2.png') no-repeat;display: block;width: 255px;height: 35px;background-size: 100% auto;}
.index-contact .form {margin: 15px auto 0;flex-wrap: wrap;justify-content: space-between;}
.index-contact .form input[type="text"], .index-contact .inquirbox textarea {line-height: 40px;width: 100%;padding: 0 12px;margin: 5px 0;}
.index-contact .form .submit {width: 100%;line-height: 44px;}

.indexD {padding: 30px 0;}
.indexD .service ul {margin-top: 25px;}
.indexD .service ul li {width: calc(100% / 3);}
.indexD .service ul li .txt {position: static;visibility: visible;transform: translateY(0);background: transparent;padding: 0 10px 20px;}
.indexD .service ul li .txt h5 {color: #fff;}
.indexD .service ul li .txt p {color: #fff;}
.indexD .service ul li .pic {padding: 20px 10px;}
.indexD .service ul li .pic h5 {display: none;}

.indexD .cert-list {margin-top: 30px;}
.indexD .cert-list .list {padding: 0 40px;}
.indexD .cert-list .swiper-slide img {width: 100%;}

.indexE {padding: 30px 0;}
.indexE ul {margin: 25px 0 0;flex-wrap: wrap;}
.indexE ul li {width: 100%;padding: 10px 0;}
.indexE ul li .box {padding: 30px 25px 80px 25px;}
.indexE ul li .box h4 {font-size: 22px;height: 66px;}
.indexE ul li .box p {font-size: 15px;height: 30px;}
.indexE ul li:nth-child(1) .box {background-size: 61px auto;background-position: bottom 25px right 25px;}
.indexE ul li:nth-child(2) .box {background-size: 70px auto;background-position: bottom 25px right 25px;}
.indexE ul li:nth-child(3) .box {background-size: 70px auto;background-position: bottom 25px right 25px;}
.indexE ul li .txt dl dt h5 {font-size: 18px;}

.indexF {padding: 30px 0;}
.indexF .tit {display: block;text-align: center;}
.indexF .tit .page {display: none;}
.indexF .list {margin-top: 30px;}
.indexF .swiper-pagination-bullets {display: block;}

}

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

#sidebanner .wp {justify-content: center;}
#sidebanner h3 {font-size: 28px;color:#333;}
#sidebanner h3::after {height: 3px;margin: 15px auto 0;}

.path {height: 48px;line-height: 48px;}
.path p {font-size: 16px;}

.menu-tabs {padding: 30px 0;}
.menu-tabs ul {flex-wrap: wrap;margin: 0 -5px;}
.menu-tabs ul li {width: calc(50% - 10px);margin: 5px;}

/*-----------------------products------------------------*/

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

.pro_view {padding: 30px 0;}
.pro_view .view {display: block;}
.pro_img {width: 100%;}
.pro_view_inner {margin-left: 0;margin-top: 30px;text-align: center;}
.pro_view_inner h1 {font-size: 24px;line-height: 28px;}
.pro_view_inner .pro_para p + p {margin-top: 10px;}

.pro-table .wp .table h5, .pro-text h5, .rela-pro h3 {font-size: 24px;}

.pro-table {padding: 30px 0 0;}
.pro-table .wp {display: block;}
.pro-table .wp .table {margin-right: 0;}
.pro-table .wp .table h5 {text-align: center;}
.pro-table .wp .table table {margin-top: 20px;}
.pro-table .wp .table table tr > th, .pro-table .wp .table table tr > td:first-child {width: auto;}
.pro-table .wp .pic {width: 100%;margin-top: 20px;}
.pro-table .wp .pic .swiper-slide {text-align: center;}

.pro-text {padding: 30px 0;}
.pro-text h5 {text-align: center;}

.rela-pro {padding: 30px 0;}
.rela-pro ul li {width: 50%;}

/*--------------case--------------*/

.case-list ul.list {margin: -10px;}
.case-list ul.list li {width: 50%;padding: 10px;}

.case-newsnr .tit h3, .rela-case h3 {font-size: 24px;}

.case-read {padding: 20px 0 0;}

.case-newsnr .tit span {font-size: 15px;}
.case-newsnr .tit p {line-height: 24px;}
.case-img {margin-top: 20px;}

.case-myart .preview {margin: -52px auto 0;width: 84%;}
.case-myart .preview .swiper-slide {width: 130px;}
.case-myart .t {line-height: 24px;margin-top: 20px;}

.case-pnbar {padding: 20px 0;text-align: center;display: block;}
.case-pnbar p + p {margin-top: 15px;}

.rela-case {padding: 30px 0;}
.rela-case ul {margin:20px -10px 0;}
.rela-case ul li {width: 50%;padding: 10px;}

/*--------------news--------------*/

.newslist {padding: 30px 0;}
.newslist ul.list {margin: -10px -10px 0;}
.newslist ul.list li {width: 50%;padding: 10px;}

.newsnr h1 {font-size: 24px;margin: 15px 0 0;}
.newsnr .artInfo {padding: 0 0 10px;margin: 20px 0 0;}
.myart {padding: 20px 0;line-height: 26px;}
.case-newsnr .case-myart {margin-top: 20px;}
.case-newsnr .case-myart h3 {font-size: 24px;}

.pro-bar {margin-top: 25px;padding: 20px 0;display: block;}
.pro-bar a {width: 100%;}

.rela-news {padding: 30px 0;}
.rela-news h3 {font-size: 24px;}
.rela-news ul {margin: 20px -10px 0;}
.rela-news ul li {width: 50%;padding: 10px;}

/*--------------about--------------*/

.about-tab-box {display: none;}

.about .item {display: block;min-height: auto;}

.profile {padding: 30px 0;}
.profile h3 {font-size: 24px;text-align: center;}
.company-profile .box {margin-top: 20px;display: block;}
.company-profile .txt {margin-right: 0;line-height: 22px;text-align: center;}
.company-profile .txt h5 {font-size: 20px;margin-bottom: 10px;}
.company-profile .pic {width: 100%;margin-top: 20px;text-align: center;}

.Philosophy {margin-top: 30px;}
.Philosophy ul {margin: 20px -10px 0;justify-content: center;}
.Philosophy ul li {padding: 10px;width: 50%;}
.Philosophy ul li .box {padding: 20px 10px;}

.Development {margin-top: 30px;}
.Development .list {margin: 30px 0 0;}
.Development .view .swiper-slide .box {padding-bottom: 30px;display: block;text-align: center;}
.Development .view .swiper-slide .box h5 {font-size: 60px;}
.Development .view .swiper-slide .box .txt {line-height: 24px;padding-left: 0;margin-top: 10px;}
.Development .preview {margin: 10px 0 0;}
.Development .preview .swiper {width: 100%;}
.Development .preview .swiper-slide em {font-size: 16px;}
.Development .preview::after {background-size: 100% auto;}

.honor .box {padding: 30px 0;display: block;}
.honor .box .pic {width: 40%;margin: 0 auto;}
.about .honor .box .txt {margin-left: 0;margin-top: 20px;}

.honor-list {padding: 30px 0;}
.honor-list .swiper-pagination-bullets {display: block;}
.honor-list .swiper-button-prev, .honor-list .swiper-button-next {display: none;}

.about .culture {padding: 30px 0;}
.about .culture h3 {font-size: 24px;}
.about .culture .tit .t {line-height: 1.4;margin-top: 10px;}
.about .culture .tab {margin-top: 30px;}
.about .culture .tab h3 {margin-bottom: 20px;}
.about .culture .tab .box {display: block;}
.about .culture .tab .box .pic {width: 100%;}
.about .culture .tab .box .txt {margin-left: 0;line-height: 22px;margin-top: 20px;}
.about .culture .tab .box .txt h5 {font-size: 18px;margin-bottom: 10px;}
.about .culture .tab .box:nth-child(2n+1) .txt {margin-right: 0;}

.about .culture-list {padding: 30px 0;margin-top: 30px;}
.about .culture .tab .box + .box {margin-top: 20px;}
.about .culture-list .list {margin-top: 25px;}
.about .culture-list .list .swiper-pagination-bullet {height: 12px;width: 12px;margin: 0 3px;}

.about .notice {padding: 30px 0;}


/*-----------------------contact------------------------*/

.contact {padding: 30px 0;}
.contact h3 {font-size: 24px;}
.contact .list {margin: 30px 0 0;display: block;}
.contact .list .box {width: 100%;padding: 10px 0;}
.contact .list .box + .box {margin-top:20px;}

.contact-inquiry {padding: 30px 0;}
.contact-inquiry .inquiry h4 {font-size: 24px;}
.contact-inquiry .wp {display: block;}
.contact-inquiry .wp .pic {width: 70%;margin: 0 auto;}
.contact-inquiry .inquiry {margin-left: 0;margin-top: 30px;}
.contact-inquiry .tit {text-align: center;}
.contact-inquiry .submit {margin: 20px auto 0;width: 280px;line-height: 36px;}
.contact-inquiry .row + .row {margin-top: 0;}
.contact-inquiry input[type="text"], .contact-inquiry textarea {margin-bottom: 5px;}


}

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

.case-myart .preview {margin: -40px auto 0;width: 94%;}
.case-myart .preview .swiper-slide {width: 120px;padding: 16px 0;}
.case-myart .preview .arrow-left, .case-myart .preview .arrow-right {display: none;}
.case-myart .preview .swiper-slide::after {border-width: 8px;margin: 0 0 0 -8px;}
.case-myart .preview .swiper-slide img {border: 3px solid #fff;}
.case-myart .preview .active-nav img {border: 3px solid #0E3872;}
    
}


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

.indexA .tit h3, .indexB .txt .t h3, .indexC .tit h3, .index-contact .tit h3, .indexD .tit h3, .indexD .tit h3, .indexE .tit h3, .indexF .tit h3, .foot-form .tit h3 {font-size: 22px;}

#sidebanner h3 {font-size: 24px;}

.indexA ul li {width: calc(100% / 2);}

.indexB::after {height: 35%;}
.indexB .txt ul li {width: 100%;}
.indexB .txt .t {line-height: 1.4;}

.indexC .list .swiper-slide ul li {width: 100%;}

.indexD .service ul li {width: calc(100% / 2);}

.indexE ul li .box h4 {font-size: 20px;height: 60px;}

.menu-tabs ul li {width: 100%;margin: 5px 0;}

.company-profile .txt h5 {font-size: 18px;}

.Development .view .swiper-slide .box h5 {font-size: 50px;}

.honor .box .pic {width: 70%;}

.contact-inquiry .wp .pic {width: 100%;}

.contact .list .box {display: block;text-align: center;}
.contact .list .box .ico {margin: 0 auto;width: auto;}
.contact .list .box .txt {padding-left: 0;margin-top: 15px;}
.contact .list .box .txt::after {display: none;}

.case-myart .preview .swiper-slide {width: 100px;}

.newslist ul.list li {width: 100%;}

.rela-news ul li {width: 100%;}
}


@media screen and (max-width:400px){
	
.indexA .tit h3, .indexB .txt .t h3, .indexC .tit h3, .index-contact .tit h3, .indexD .tit h3, .indexD .tit h3, .indexE .tit h3, .indexF .tit h3, .foot-form .tit h3 {font-size: 20px;}

.indexB::after {height: 28%;}
.indexB .pic::after {bottom: 20px;width: 30px;height: 207px;}

.Philosophy ul li {width: 100%;}

.Development .view .swiper-slide .box h5 {font-size: 40px;}

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

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

.case-myart .preview .swiper-slide {width: 84px;}

.rela-case ul li {width: 100%;}

}