@charset "utf-8";


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

.wp {max-width: 86%;}

.nav > ul > li > a {font-size: 23px;padding: 0 18px;}

.indexA .tit h3,.indexJ .tit h3,.indexC .tit h3,.indexD .tit h3,.indexF .tit h3,.indexG .tit h3,.indexH .tit h3,.indexI h3,.indexContact .tit h3 {Font-size: 64px;}

.indexA ,.indexJ ,.indexC ,.indexF ,.indexG ,.indexI {padding: 65px 0;}

.indexA ul li span {width: 116px;height: 100px;}

.indexG .slidebox .tab ul li {width: 420px;height: 65px;line-height: 65px;font-size: 32px;}
.indexG .slidebox .box .swiper-slide .t p {font-size: 24px;word-break: break-all;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 0 25px;}

.indexH {padding: 65px 0 110px;}

#footer {padding: 100px 0 90px;}
.foot-list {width: 360px;}

.pro_img {width: 600px;}

.pro-color .tab span {width: 120px;}

.pro-color .tab {margin: 0 -80px;}

}


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

.nav > ul > li > a {font-size: 22px;padding: 0 16px;}
.nav > ul > li .drop-down dl dd {width: 20%;}

.indexA .tit h3,.indexJ .tit h3,.indexC .tit h3,.indexD .tit h3,.indexF .tit h3,.indexG .tit h3,.indexH .tit h3,.indexI h3,.indexContact .tit h3 {Font-size: 60px;}

.indexA ,.indexJ ,.indexC ,.indexF ,.indexG ,.indexI {padding: 60px 0;}

.indexA .tit p {font-size: 19px;line-height: 28px;margin: 30px auto 0;max-width: 80%;}
.indexA ul li {padding-bottom: 25px;}
.indexA ul li h5 {margin-top: 30px;font-size: 28px;}
.indexA ul li p {margin-top: 18px;font-size: 19px;line-height: 26px;}
.indexA ul li span {width: 111px;height: 95px;}
.indexA ul li span img {height: 65px;}

.indexJ .tit p,.indexF .tit p {font-size: 21px;line-height: 28px;max-width: 70%;margin: 20px auto 0;}
.indexJ .tab {margin: 30px 0 0;}
.indexJ .tab ul li {padding: 0 30px;height: 38px;line-height: 38px;}
.indexJ .list .swiper-slide h5 {font-size: 22px;}
.indexJ .list .swiper-slide .more {width: 270px;line-height: 52px;height: 52px;font-size: 19px;margin: 17px auto 0;}

.indexC .tit p {font-size: 21px;line-height: 28px;margin: 20px auto 0;}
.indexC ul {margin: 30px -16px 0;}
.indexC ul li {padding: 16px;}

.indexD .tit p {font-size: 21px;line-height: 28px;margin: 20px auto 0;}
.indexD .list {margin-top: 40px;}

.care-list {margin: 40px 0 0;}
.care-list .preview .swiper-slide h5 {margin-top: 17px;font-size: 28px;}
.care-list .preview .swiper-slide .bnt a {line-height: 42px;height: 42px;padding: 0 35px;font-size: 22px;}
.care-list .view .swiper-slide ul li p {font-size: 22px;}
.care-list .view .swiper-slide ul li .more {width: 180px;margin: 16px auto 0;line-height: 42px;height: 42px;font-size: 22px;}

.indexG .slidebox {margin-top: 40px;}
.indexG .slidebox .tab ul li {width: 390px;height: 60px;line-height: 60px;font-size: 30px;}
.indexG .swiper-pagination-bullets {margin: 50px 0 0;}

.indexH {padding: 60px 0 100px;}
.indexH .tit p {font-size: 21px;line-height: 28px;max-width: 60%;margin: 20px auto 0;}
.indexH .tab {margin-top: 30px;}
.indexH .tab ul li {width: 250px;height: 60px;line-height: 60px;font-size: 19px;}
.indexH .tab-content {margin-top: 60px;}
.indexH .list {margin-left: 51px;}
.indexH .list ul li h5 {font-size: 32px;}
.indexH .list ul li p {font-size: 19px;line-height: 24px;height: 48px;}
.indexH .swiper-pagination-bullets {bottom: -58px;}

.indexI .list {margin: 40px 60px 0;}

.indexContact {padding: 30px 0 60px;}
.indexContact .tit p {font-size: 21px;line-height: 28px;max-width: 60%;margin: 20px auto 0;}
.indexContact .inquirbox {margin: 40px 0 0 0;}
.inquirbox .submit {width: 240px;line-height: 45px;font-size: 22px;}

#footer {padding: 90px 0 80px;}
#footer h5 {font-size: 28px;margin: 0 0 20px;}
.foot-list {width: 340px;}

.foot-logo {width: 301px;}
.foot-logo dl,.foot-logo dl:last-child {padding: 0 0 0 36px;background-size: 30px;}
.foot-logo dl dt {font-size: 32px;}
.foot-logo dl dd {font-size: 19px;line-height: 22px;}
.foot-logo dl ~ dl {margin-top: 15px;}
.foot-nav ul li {font-size: 19px;line-height: 28px;margin-bottom: 12px;}
.foot-list ul li {font-size: 19px;line-height: 28px;}


.news-right {width: 286px;}
.news-left {margin-right:326px;}

.pro_img {width: 550px;}

.pro-color .tab::before {width: 169px;background: url(../images/i11.png) no-repeat right;left:-70px;}
.pro-color .tab::after {width: 169px;background: url(../images/i12.png) no-repeat left;right:-70px;}

.pro_tab ul li {font-size: 21px;}

.pro-color .tab span {width: 110px;}

.pro_tab.scroll-top {width: 100%;left: 0;padding: 0;}
}

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

.nav > ul > li > a {font-size: 21px;padding: 0 14px;}

.indexA .tit h3,.indexJ .tit h3,.indexC .tit h3,.indexD .tit h3,.indexF .tit h3,.indexG .tit h3,.indexH .tit h3,.indexI h3,.indexContact .tit h3 {Font-size: 56px;}

.indexA ,.indexJ ,.indexC ,.indexF ,.indexG ,.indexI {padding: 55px 0;}

.indexA ul li span {width: 106px;height: 90px;}

.indexG .slidebox .tab ul li {width: 360px;height: 55px;line-height: 55px;font-size: 28px;}

.indexH {padding: 55px 0 90px;}

#footer {padding: 80px 0 70px;}
.foot-list {width: 320px;}

.pro_img {width: 500px;}

.pro-color .tab span {width: 100px;}

.pro-color .tab {margin: 0 -60px;}

}

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

.nav > ul > li > a {font-size: 20px;padding: 0 12px;}
.nav > ul > li .drop-down dl dd {width: 25%;}

.indexA .tit h3,.indexJ .tit h3,.indexC .tit h3,.indexD .tit h3,.indexF .tit h3,.indexG .tit h3,.indexH .tit h3,.indexI h3,.indexContact .tit h3 {Font-size: 52px;}

.indexA ,.indexJ ,.indexC ,.indexF ,.indexG ,.indexI {padding: 50px 0;}

.indexA .tit p {font-size: 18px;line-height: 26px;margin: 25px auto 0;}
.indexA ul li {padding-bottom: 20px;}
.indexA ul li span {width: 101px;height: 85px;}
.indexA ul li h5 {margin-top: 25px;font-size: 26px;}
.indexA ul li p {margin-top: 16px;font-size: 18px;line-height: 24px;}
.indexA ul li span img{height: 60px;}

.indexJ .tit p,.indexF .tit p {font-size: 20px;line-height: 26px;margin: 15px auto 0;}
.indexJ .tab {margin: 20px 0 0;}
.indexJ .tab ul li {padding: 0 25px;height: 36px;line-height: 36px;}
.indexJ .list .swiper-slide h5 {font-size: 20px;}
.indexJ .list .swiper-slide .more {width: 240px;line-height: 46px;height: 46px;font-size: 18px;margin: 14px auto 0;}

.indexC .tit p {font-size: 20px;line-height: 26px;margin: 15px auto 0;}
.indexC ul {margin: 20px -12px 0;}
.indexC ul li {padding: 12px;}

.indexD .tit p {font-size: 20px;line-height: 26px;margin: 15px auto 0;}
.indexD .list {margin-top: 30px;}

.care-list {margin: 30px 0 0;}
.care-list .preview .swiper-slide h5 {margin-top: 16px;font-size: 26px;}
.care-list .preview .swiper-slide .bnt a {line-height: 40px;height: 40px;padding: 0 25px;font-size: 20px;}
.care-list .view .swiper-slide ul li p {font-size: 20px;}
.care-list .view .swiper-slide ul li .more {width: 150px;margin: 12px auto 0;line-height: 40px;height: 40px;font-size: 20px;}
    
.indexG .slidebox {margin-top: 30px;}
.indexG .slidebox .tab ul li {width: 330px;height: 50px;line-height: 50px;font-size: 26px;}
.indexG .swiper-pagination-bullets {margin: 40px 0 0;}

.indexH {padding: 50px 0 80px;}
.indexH .tit p {font-size: 20px;line-height: 26px;margin: 15px auto 0;}
.indexH .tab {margin-top: 20px;}
.indexH .tab ul li {width: 220px;height: 55px;line-height: 55px;font-size: 18px;}
.indexH .tab-content {margin-top: 50px;}
.indexH .list {margin-left: 46px;}
.indexH .list ul li h5 {font-size: 28px;}
.indexH .list ul li p {font-size: 18px;margin: 10px 0 0;line-height: 22px;height: 66px;}
.indexH .swiper-pagination-bullets {bottom: -48px;}

.indexI .list {margin: 30px 60px 0;}

.indexContact {padding: 20px 0 50px;}
.indexContact .tit p {font-size: 20px;line-height: 26px;margin: 15px auto 0;}
.indexContact .inquirbox {margin: 30px 0 0 0;}
.inquirbox .submit {width: 200px;line-height: 40px;font-size: 20px;}

#footer {padding: 70px 0 60px;}
#footer h5 {font-size: 26px;margin: 0 0 15px;}
.foot-list {width: 300px;}

.foot-logo {width: 291px;}
.foot-logo dl,.foot-logo dl:last-child {padding: 0 0 0 31px;background-size: 25px;}
.foot-logo dl dt {font-size: 28px;}
.foot-logo dl dd {font-size: 18px;line-height: 20px;}
.foot-logo dl ~ dl {margin-top: 10px;}
.foot-nav ul li {font-size: 18px;line-height: 26px;margin-bottom: 9px;}
.foot-list ul li {font-size: 18px;line-height: 26px;margin-bottom: 10px;}

.pro_img {width: 450px;}

.pro_tab ul li {font-size: 20px;}

.pro-color .tab::before {width: 149px;background: url(../images/i11.png) no-repeat right;left: -80px;}
.pro-color .tab::after {width: 149px;background: url(../images/i12.png) no-repeat left;right: -80px;}
.pro-color .tab span {width: 90px;}

.news-right {width: 246px;}
.news-left {margin-right:266px;}

.newslist ul li .t {margin-left: 30px;}

}


@media screen and (max-width:768px){
.visible-xs-block{display:block;}
.wp,.wp2{max-width: 100%;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;}
.mousetip {background-size: 100%;bottom: 20px;left: calc(50% - 11.5px);width: 23px;height: 43px;}

.onlineservice {display: none;}

#footer {padding: 30px 0;}
#footer .wp {display: block;}
.foot-logo {width: 100%;text-align: center;}
.foot-logo img {margin-bottom: 20px;height: 70px;}
.foot-logo dl dt {font-size: 22px;}
.foot-logo dl dd {font-size: 16px;line-height: 20px;padding: 5px 0 10px;}
.foot-logo dl, .foot-logo dl:last-child {padding: 31px 0 0 0;background: url(../images/tel.png) no-repeat center 0;background-size: 25px;}
.foot-nav {display: none;}
.foot-list {width: 100%;text-align: center;}
.foot-list ul li {font-size: 16px;line-height: 22px;margin-bottom: 6px;}
.copyright {padding: 15px 0;}
.copyright .wp {height: auto;display: block;text-align: center;}
.copyright .share {justify-content: center;}
.copyright .share a {width: 40px;height: 40px;line-height: 40px;margin-top: 10px;}
#gotop {display: none !important;}
}

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

.indexA, .indexJ, .indexC, .indexF, .indexG, .indexI {padding: 30px 0;}
.indexA .tit h3, .indexJ .tit h3, .indexC .tit h3, .indexD .tit h3, .indexF .tit h3, .indexG .tit h3, .indexH .tit h3, .indexI h3, .indexContact .tit h3 {Font-size: 28px;}
.indexJ .tit p, .indexF .tit p {font-size: 16px;line-height: 20px;max-width: 100%;}

.indexA .tit p {font-size: 16px;line-height: 22px;margin: 15px auto 0;max-width: 100%;}

.indexA ul {margin-top: 30px;}
.indexA ul li {width: 100%;}
.indexA ul li span {width: 81px;height: 65px;}
.indexA ul li h5 {margin-top: 15px;font-size: 22px;}
.indexA ul li p {margin-top: 10px;font-size: 16px;line-height: 20px;}
.indexA ul li:hover {transform:translate(0,0);-ms-transform:translate(0,0);}

.indexJ .list .swiper-slide .more {width: 200px;line-height: 40px;height: 40px;font-size: 17px;}

.indexC .tit p {font-size: 16px;line-height: 20px;}
.indexC ul {margin: 10px -8px 0;}
.indexC ul li {width: 25%;padding: 8px;}

.indexD .tit p {font-size: 16px;line-height: 20px;}
.indexD .v > a > span {left: calc(50% - 30px);top: calc(50% - 30px);width: 60px;height: 60px;}
.indexD .v > a > span img {height: 60px;}
.indexD .tab {position: relative;top: auto;right: 0;bottom: 0;}
.indexD .tab ul {width: 100%;display: flex;}
.indexD .tab ul li + li {margin-top: 0;}

.care-list .preview .arrow-left, .care-list .preview .arrow-right {width: 40px;height: 60px;margin-top: -30px;}
.care-list .preview .arrow-left i, .care-list .preview .arrow-right i {font-size: 28px;line-height: 60px;}
.care-list .preview .swiper-slide h5 {margin-top: 10px;font-size: 20px;}
.care-list .preview .swiper-slide .bnt {margin-top: 10px;}
.care-list .preview .swiper-slide .bnt a {line-height: 32px;height: 32px;padding: 0 20px;font-size: 18px;}
.care-list .view {padding: 30px 20px;}
.care-list .view .swiper-slide ul li {width: 49%;margin: 0 0 10px 1%;padding: 10px;}
.care-list .view .swiper-slide ul li p {font-size: 18px;}
.care-list .view .swiper-slide ul li .more {width: 120px;line-height: 32px;height: 32px;font-size: 18px;}
.care-list .view .swiper-pagination-bullets {display: block;}

.indexG .tit ~ .tit {margin-top: 30px;}
.indexG .slidebox .tab ul li {width: 30%;height: 36px;line-height: 36px;font-size: 20px;padding: 0;}

.indexG .slidebox .box .swiper-slide .t {opacity: 1;-webkit-transform: scale(1);transform: scale(1);background-size: 48px;}
.indexG .slidebox .box .swiper-slide .t p {font-size: 20px;background-size: 48px;word-break: break-all;overflow: hidden;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.indexH {padding: 30px 0;}
.indexH .tit p {font-size: 16px;line-height: 20px;max-width: 100%;}
.indexH .tab ul li {width: 160px;height: 40px;line-height: 40px;font-size: 16px;}
.indexH .tab-content {margin-top: 30px;}
.indexH .box {display: block;position: relative;}
.indexH .scroll {width: 100%;}
.indexH .scroll::after {display: none;}
.indexH .list {margin-left: 0;margin-top: 50px;}
.indexH .swiper-slide .t h5 {font-size: 22px;}
.indexH .swiper-slide .t p {font-size: 16px;line-height: 18px;height: 36px;}
.indexH .swiper-pagination-bullets {bottom: -28px;}
.indexH .list ul li h5 {font-size: 22px;}
.indexH .list ul li {padding: 15px 0;}
.indexH .list .scrollbar-inner {padding-right: 30px;}

.indexI .list {margin: 10px 0 0;}
.indexI .swiper-slide {width: 100%;}
.indexI .swiper-pagination {display: block;}
.indexI .swiper-button-prev, .indexI .swiper-button-next {display: none;}

.indexContact .tit p {font-size: 16px;line-height: 20px;}
.indexContact .inquirbox .row {margin-bottom: 0;}
.indexContact .inquirbox .row input {margin-bottom: 5px;}
.indexContact .submit-box {margin-top: 20px;}
.inquirbox .submit {width: 140px;line-height: 32px;font-size: 18px;}

}


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

.path {line-height: 50px;}

.main-left h3 {font-size: 22px;}

.menu-tabs ul li {height: 38px;line-height: 38px;margin: 0 10px 10px;width: calc(50% - 20px);}
.menu-tabs ul li a {font-size: 20px;padding: 0 22px;}

.about {padding: 30px 0;}
.about .pic {width: 100%;float: none;margin: 0 0 20px;}

.about .txt h3,.factory .tit h3 {font-size: 28px;margin-bottom: 10px;}
.about .txt .t {font-size: 16px;line-height: 20px;}

.factory {padding: 30px 0;}
.factory .swiper-button-prev, .factory .swiper-button-next {width: 36px;height: 36px;}
.factory .swiper-button-prev i, .factory .swiper-button-next i {font-size: 20px;line-height: 32px;}
.factory .list {margin-top: 30px;}

.culture ul li {display: block;}
.culture ul li .pic {width: 100%;}
.culture ul li .box {margin: 25px;}
.culture ul li .box .txt {padding: 15px;}
.culture ul li .box .txt h3 {font-size: 26px;}
.culture ul li .box .txt p {font-size: 20px;margin-top: 14px;}

.cert-list ul li {width: 48%;margin: 0 0 15px 2%;}
.cert-list ul li p {font-size: 20px;margin-top: 10px;height: 66px;line-height: 22px;overflow: hidden;}


.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;}
.sidemenu ul {display: none;}

.pro_view .wp {display: block;}
.pro_img {width: 100%;}
.pro_view_inner {margin-left: 0;margin-top: 20px;}
.pro_view_inner h1 {font-size: 24px;}
.pro_view_inner .para {font-size: 16px;line-height: 22px;}
.pro_view_inner .para table {margin: 0 auto;}
.pro_btn {text-align: center;}

.pro-top {padding: 13px;}
.pro-top h1 {font-size: 22px;}

.prolist ul li {width: 48%;margin: 0 0 15px 2%;}
.prolist ul li h6 {font-size: 20px;}
.prolist ul li .more {width: 140px;line-height: 30px;height: 30px;font-size: 19px;}

.pro_tab {height: auto;}
.pro_tab ul {height: auto;flex-wrap: wrap;}
.pro_tab ul li {font-size: 20px;width: 50%;height: 40px;line-height: 40px;}

.pro_text .tit {padding: 15px 0;}
.pro_text .tit h5,.pro-down h3 {font-size: 28px;}

.pro-color {padding: 50px 0 30px;}
.pro-color .tab::before,.pro-color .tab::after {display: none;}
.pro-color .tab span {width: 100px;height: 30px;}
.pro-color .tab-box {width: 90%;margin: 30px auto 0;}

.pro-down {padding: 30px 0;}

.pro-selling .txt p {font-size: 30px;}
.pro-selling .txt p i {font-size: 38px;}
.pro-selling .txt .more {font-size: 16px;width: 100px;height: 36px;line-height: 36px;}

.pro-inquiry {padding: 30px 0;}
.inquirbox .row {margin-bottom: 0;}
.inquirbox .row input {margin-bottom: 5px;}
.inquirbox .submit {margin-top: 20px;}

.app-list h3 {font-size: 28px;}
.app-list > p {margin: 20px 0 0;line-height: 28px;font-size: 18px;}
.app-list ul {margin: 17px -10px 0;}
.app-list ul li {width: 50%;padding: 15px 10px;}
.app-list ul li .txt h6 {font-size: 18px;}
.app-list ul li .txt {padding: 0 14px 19px;}
.app-list ul li .txt .more {margin: 10px 0 0;}

.news-right {float: none;width: 100%;}
.news-left {margin-right: 0;}
.newsnr h1 {font-size: 24px;}
.myart {line-height: 26px;font-size: 18px;}

.newslist ul li {display: block;}
.newslist ul li .pic {width: 100%;}
.newslist ul li .t {margin: 20px 0;}
.newslist ul li .t h5 {font-size: 20px;}
.newslist ul li .t span {font-size: 16px;}
.newslist ul li .t p {font-size: 18px;line-height: 20px;height: 40px;}
.newslist ul li .t .more {width: 100px;height: 28px;line-height: 28px;font-size: 17px;}

.contact {display: block;}
.contact-info {margin-right: 0;}
.contact-inquiry {width: 100%;padding: 20px 25px;margin-top: 20px;}

.contact-info dl {padding: 15px 10px;}
.contact-info dl dd {margin-left: 20px;}
.contact-info dl dd h5 {font-size: 20px;}
.contact-info dl dd p {font-size: 18px;line-height: 26px;margin: 8px 0 0;}
.contact-info dl dt {width: 50px;height: 50px;}
.contact-info dl dt i {font-size: 26px;}
.contact-inquiry h3 {font-size: 24px;}

.contact-inquiry .inquirbox {margin: 30px 0 0;}
.contact-inquiry .inquirbox .row {margin-bottom: 13px;}
.contact-inquiry .inquirbox input[type="text"], .contact-inquiry .inquirbox textarea {padding: 9px 15px;}
.contact-inquiry .inquirbox .submit {height: 44px;line-height: 44px;font-size: 16px;}

.faq ul li {width: 100%;margin: 0 auto 20px;padding: 20px;border-radius: 15px;}
.faq ul li p {font-size: 15px;margin-top: 14px;}

.pro-color .tab {margin: 0;}
}


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

}


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

.indexA .tit h3, .indexJ .tit h3, .indexC .tit h3, .indexD .tit h3, .indexF .tit h3, .indexG .tit h3, .indexH .tit h3, .indexI h3, .indexContact .tit h3 {Font-size: 24px;}

.indexJ .tab ul li {padding: 0 10px;height: 32px;line-height: 32px;}

.indexC ul {margin: 10px -4px 0;}
.indexC ul li {width: 33.333%;padding: 4px;}

.indexD .v > a > span::before {top: -5px;left: -5px;right: -5px;bottom: -5px;}
.indexD .tab ul li::after {background-size: 17px 20px;}

.menu-tabs ul li a {font-size: 18px;padding: 0 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.prolist ul {margin: 0;}
.prolist ul li {width: 100%;margin: 0 0 10px 0;}

.pro_tab ul li {font-size: 15px;height: 32px;line-height: 32px;}
.pro-color .tab span {width: 20%;height: 30px;margin: 0;}
.pro-color .tab span.active {-webkit-transform: translateY(-5px);transform: translateY(-5px);}

.pro_text .tit h5, .pro-down h3 {font-size: 24px;}

.pro-selling .txt p {font-size: 18px;}
.pro-selling .txt p i {font-size: 22px;}
.pro-selling .txt .more {font-size: 15px;width: 80px;height: 28px;line-height: 28px;}

.news-nav ul li {height: 42px;line-height: 42px;}
.news-nav ul li a {font-size: 18px;padding: 0 10px 0 17px;}

.newsnr h1 {font-size: 20px;}
.artInfo span {font-size: 16px;}
.myart {line-height: 22px;font-size: 16px;}

.pnbar p {font-size: 18px;}

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


}

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

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

}