/* cell */
@media screen and (max-width:750px){
	.header{ display: none;}
	html,body{ font-size: calc(100vw/7.5);}
	.rightBoxNev, .bannerDate .nav{ display: none;}
	.bannerDate .img{ height: 220px;}
	.bannerDate .img img{ width: auto; height: 100%;}
	.w1430{ width: auto;}
	.banner, .bannerDate{ margin-top: 60px;}
	.padding{ padding: 50px 0.25rem;}
	.twoBox .img{ width: auto; float: none;}
	.twoBox .img i{ width: 50px; height: 50px;}
	.twoBox .text2{ width: auto; margin-top: 35px;}
	.twoBox .text .h1, .aboutBoxRut .top .h1{ font-size: 20px; text-align: center; font-weight: bold; margin: 0;}
	.twoBox .text .pr{ margin-top: 25px; font-size: 14px; line-height: 26px;}
	.aboutBoxRut .top{ display: block;}
	.aboutBoxRut .top .list{ justify-content: space-between; flex-wrap: wrap; margin-top: 25px;}
	.aboutBoxRut .top .list .li{ width: 3.2rem; padding: 0.1rem; margin-left: 0; margin-top: 0.2rem;}
	.aboutBoxRut .top .list .li a{ width: 3.2rem; height: 3.7rem;}
	.aboutBoxRut .bot{ justify-content: space-between;}
	.aboutBoxRut .bot .li{ margin: 0.2rem 0 0 0; padding: 0.1rem;}
	.aboutBoxRut .bot .li a{ width: 3.2rem; height: 2.2rem;}
	.tity{ font-size: 20px;}
	.fourBoxMink .list{ padding-top: 35px; justify-content: space-between;}
	.fourBoxMink .list .li{ width: 3.4rem; height: auto; margin: 0.2rem 0 0 0;}
	.fourBoxMink .list .li a{ padding: 25px 0.25rem; text-align: center;}
	.fourBoxMink .list .li .h1{ font-size: 17px; font-weight: bold;}
	.fourBoxMink .list .li .em{ width: 40px; margin: 20px auto 0;}
	.fourBoxMink .list .li .p{ font-size: 12px; line-height: 22px; margin-top: 20px;}
	.twoBoxAbout .list .img{ float: none; width: 100%; height: auto;}
	.twoBoxAbout .list .img img{ width: 100%; height: auto;}
	.twoBoxAbout .list{ margin-top: 35px;}
	.twoBoxAbout .list .textBox{ display: block; width: auto; height: auto; float: none;}
	.twoBoxAbout .list .textBox .text{ width: auto; margin-top: 20px;}
	.twoBoxAbout .list .textBox .text .h1{ font-size: 17px; font-weight: bold;}
	.twoBoxAbout .list .textBox .text .p{ margin-top: 15px; font-size: 14px; line-height: 24px;}
	.twoBoxAbout .list .li{ margin-top: 35px;}
	.twoBoxAbout .list .li:first-child{ margin-top: 0;}
	.aboutContact{ margin: 0.25rem; width: auto;}
	.aboutContact .cont .mk{ padding: 25px 50px; height: auto; display: block;}
	.aboutContact .cont .mk .h1{ font-size: 17px; font-weight: bold; line-height: 30px; text-align: center;}
	.aboutContact .cont .mk a{ width: 100px; height: 40px; line-height: 40px; margin: 25px auto 0;}
	.footer{ padding: 50px 0.25rem 0.2rem 0.25rem;}
	.footer .top{ display: block;}
	.footer .top .left .logo img{ width: 110px; margin: auto;}
	.footer .top .right .nav{ display: none;}
	.footer .top .left .add{ justify-content: center; margin-top: 20px;}
	.footer .top .right{ display: block;}
	.footer .top .right .img img{ margin: 25px auto 0;}
	.footer .telBox p{ font-size: 24px; line-height: 30px; padding-left: 40px; background: url(../images/icon2.png) no-repeat left center; background-size: 24px auto;}
	.footer .telBox{ justify-content: center; display: flex;}
	.footer .bot{ flex-wrap: wrap; padding-top: 15px; line-height: 24px;}
	.footer .bot a, .footer .bot .p{ font-size: 12px;}
	.contactBox .cont{ display: block;}
	.contactBox .cont .left{ width: auto;}
	.contactBox .cont .left .mk{ padding: 30px;}
	.contactBox .cont .left .mk .h1, .contactBox .cont .form .h1{ font-size: 20px; font-weight: bold;}
	.contactBox .cont .left .list, .contactBox .cont .left .list .li{ margin-top: 25px;}
	.contactBox .cont .form{ margin-top: 35px; width: auto;}
	.contactBox .cont .form .li:first-child{ display: block;}
	.contactBox .cont .form .li .input, .contactBox .cont .form .li .ter{ width: auto;}
	.contactBox .cont .form .li .input:first-child{ margin-bottom: 20px;}
	.contactBox .cont .form .li:nth-child(3){ display: block;}
	.contactBox .cont .form .li .k{ margin-right: 0; margin-bottom: 30px;}
	.contactBox .cont .form .li .sub{ width: 100%;}
	.mapContact{ height: 250px;}
	.fourBoxMinkFive .list{ justify-content: space-between; margin-top: 25px;}
	.fourBoxMinkFive .list .li{ width: 3.4rem; height: 4rem; margin: 0.2rem 0 0 0; background: #F4F7FF url(../images/icon7.png) no-repeat right bottom;background-size: 90px auto;}
	.fourBoxMinkFive .list .li:hover{ background: #183C77 url(../images/icon7.png) no-repeat right bottom; background-size: 90px auto;}
	.fourBoxMinkFive .list .li .h1{ top: 50%; transform: translateY(-50%); font-size: 18px; font-weight: bold; line-height: 22px;}
	.grenterFiveBox .list{ display: block;}
	.grenterFiveBox .list .li{ width: auto; margin-top: 0.2rem;}
	.grenterFiveBox .list{ margin-top: 40px;}
	.grenterFiveBox .list .li a{ padding: 30px;}
	.grenterFiveBox .list .li .h1{ font-size: 17px; font-weight: bold;}
	.grenterFiveBox .list .li .p{ font-size: 14px; line-height: 24px; margin-top: 25px;}
	.grenterFiveBox .list .li{ min-height: inherit;}
	.fourBoxMinkOpen .list{ justify-content: space-between; margin-top: 25px;}
	.fourBoxMinkOpen .list .li{ width: 3.4rem; margin: 25px 0 0 0;}
	.fourBoxMinkOpen .list .li .img{ height: 2rem;}
	.fourBoxMinkOpen .list .li .time{ font-size: 14px; margin-top: 10px;}
	.fourBoxMinkOpen .list .li .h1{ font-size: 17px; font-weight: bold; margin-top: 8px;}
	.fourBoxMinkOpen .more{ margin-top: 65px;}
	.fourBoxMink .list .li .null img{ width: 80px; margin: 35px auto;}
	.downManikBox .topBox .li{ width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; margin-bottom: 30px;}
	.downManikBox .topBox .li .h1{ font-size: 14px; margin-top: 5px;}
	.downManikBox .topBox .li .icon{ width: 0.6rem; height: 0.6rem;}
	.downManikBox .topBox .li .icon1{ background: url(../images/icon12.png) no-repeat center; background-size: 0.5rem auto;}
	.downManikBox .topBox .li .icon2{ background: url(../images/icon13.png) no-repeat center; background-size: 0.5rem auto;}
	.downManikBox .topBox .li .icon3{ background: url(../images/icon1.png) no-repeat center; background-size: 0.5rem auto;}
	.downManikBox .topBox .li .icon4{ background: url(../images/map.png) no-repeat center; background-size: 0.5rem auto;}
	.downManikBox .topBox .li:hover .icon1, .downManikBox .topBox .li.on .icon1{ background: url(../images/icon12s.png) no-repeat center; background-size: 0.5rem auto;}
	.downManikBox .topBox .li:hover .icon2, .downManikBox .topBox .li.on .icon2{ background: url(../images/icon13s.png) no-repeat center; background-size: 0.5rem auto;}
	.downManikBox .topBox .li:hover .icon3, .downManikBox .topBox .li.on .icon3{ background: url(../images/icon1s.png) no-repeat center; background-size: 0.5rem auto;}
	.downManikBox .topBox .li:hover .icon4, .downManikBox .topBox .li.on .icon4{ background: url(../images/maps.png) no-repeat center; background-size: 0.5rem auto;}
	.downManikBox .topBox .li::after{ width: 100%; height: 30px; bottom: -32px; background: url(../images/icon19.png) no-repeat center bottom;background-size: 20px auto;}
	.downManikBox .botList{ padding: 0.25rem;}
	.downManikBox .botList .sLi .li{ display: block; padding: 0.2rem;}
	.downManikBox .botList .sLi .li .h1{ width: auto; font-size: 14px; line-height: 24px; margin-right: 0; margin-bottom: 10px;}
	.downManikBox .botList .sLi .li .right{ width: auto; justify-content: space-between; line-height: 30px;}
	.downManikBox .botList .sLi .li .right a{ font-size: 12px; background: url(../images/icon20.png) no-repeat center left; background-size: 20px auto; padding-left: 27px;}
	.newsBox .top .img{ float: none; width: auto;}
	.newsBox .top .text{ float: none; width: auto; margin-top: 25px;}
	.newsBox .top{ margin: 50px 0.25rem;}
	.newsBox .top .text .h1, .newsBox .list .li .text .h1{ font-size: 17px; font-weight: bold;}
	.newsBox .top .text .p{ font-size: 14px; line-height: 24px; margin: 20px 0;}
	.newsBox .top .text .time{ font-size: 13px;}
	.newsBox .list .li{ margin: 0 0.25rem; padding: 30px 0;}
	.newsBox .list .li a{ display: block;}
	.newsBox .list .li .img{ width: auto; height: auto;}
	.newsBox .list .li .img img{ width: 100%; height: auto;}
	.newsBox .list .li .text{ width: auto; margin: 20px 0 0 0;}
	.newsBox .list .li .text .time{ font-size: 13px; padding-top: 0;}
	.newsBox .list .li .text .h1{ margin: 10px 0 0 0;}
	.newsBox .list .li .text .p{ font-size: 14px; line-height: 24px; margin: 15px 0 0 0;}
	.padeing a{ width: 30px; height: 30px; font-size: 12px; line-height: 30px;}
	.bannerNews{ display: none;}
	.newsBoxDate{ padding: 50px 0.25rem; border-top: 1px solid #eee; margin-top: 60px;}
	.newsBoxDate .h1{ font-size: 17px; font-weight: bold; }
	.newsBoxDate .time{ padding: 25px 0;}
	.newsBoxDate .dateBox{ padding: 35px 0;}
	.newsBoxDate .dateBox p{ font-size: 14px; line-height: 26px;}
	.newsBoxDate .more{ margin-top: 40px;}
	.twoBox .text{ float: none; margin-top: 35px; width: auto;}
	.twoBox .text .more{ margin-top: 35px;}
	.twoBox .text .more .p{ margin-top: 15px;}
	.pdfBox .cont{ justify-content: center; flex-wrap: wrap;}
	.pdfBox .cont .left .h1{ padding: 0 0 0 30px; background: url(../images/icon17.png) no-repeat left center; background-size: auto 20px; font-size: 16px; border-right: none;}
	.pdfBox .cont .right{ width: 100%; font-size: 16px; margin-top: 5px; text-align: center; line-height: 26px;}
	.threeBoxVer .cont{ display: block;}
	.threeBoxVer .cont .li{ width: auto; height: auto; margin-top: 0.25rem;}
	.threeBoxVer .cont .li:first-child{ margin-top: 0;}
	.threeBoxVer .cont .li a{ padding: 30px;}
	.threeBoxVer .cont .li .h1, .indexThreeBox .cont .list .li .text .h1{ font-size: 17px; font-weight: bold;}
	.threeBoxVer .cont .li .p p{ font-size: 14px;}
	.threeBoxVer .cont .li .text{ position: relative; z-index: 10;}
	.threeBoxVer .cont .li .img{ opacity: 0.5;}
	.banner .imgBox .img{ height: 320px;}
	.banner .imgBox .text .h1{ font-size: 24px; font-weight: bold; line-height: 30px;}
	.banner .ms{ display: none;}
	.banner .swiper-button-next, .banner .swiper-button-prev{ display: none;}
	.banner .swiper-pagination{ bottom: 15px; width: 100%; right: 0; font-size: 14px; color: #fff;}
	.indexOneBox .list{ display: block; padding-top: 20px;}
	.indexOneBox .list .li{ width: auto; margin: 0.25rem 0 0 0;}
	.indexOneBox .list .li a{ padding: 30px;}
	.indexOneBox .list .li .p{ margin: 25px 0 30px 0; height: auto;}
	.indexOneBox .list .li .h1{ margin-top: 15px;}
	.indexTwoBox{ padding: 0 0 50px 0; position: relative;}
	.indexTwoBox .img{ height: 250px;}
	.indexTwoBox .cont{ position: unset; top: auto; left: auto; width: auto;}
	.indexTwoBox .cont .mker{position: unset;}
	.indexTwoBox .cont .icon{ width: 50px; height: 50px; position: absolute; top: 100px; left: 50%; transform: translateX(-50%);}
	.indexTwoBox .cont .textBox .text{ padding: 35px 0.25rem;}
	.indexTwoBox .cont .textBox .text .h1{ font-size: 20px;}
	.indexTwoBox .cont .textBox{ width: auto; min-height: inherit;}
	.indexTwoBox .cont .textBox .text .p{ font-size: 14px; line-height: 26px; margin-top: 20px;}
	.moreBox a{ width: 160px; height: 50px; line-height: 50px;}
	.indexTwoBox .cont .textBox .text .moreBox, .indexNewsBox .list{ margin-top: 40px;}
	.indexThreeBox .cont .list .li .img, .indexThreeBox .cont .list .li .text, .indexThreeBox .cont .list .li:nth-child(2) .img, .indexThreeBox .cont .list .li:nth-child(2n) .text{ width: auto; height: auto; float: none;}
	.indexThreeBox .cont .list .li .img img{ width: 100%; height: auto;}
	.indexThreeBox .cont .list .li .mk{ width: auto; padding: 25px 0 0 0;}
	.indexThreeBox .cont .list .li{ margin-top: 35px;}
	.indexThreeBox .cont .list .li:first-child{ margin-top: 0;}
	.indexThreeBox .cont .list .li .text .p{ font-size: 14px; line-height: 24px; margin-top: 20px;}
	.indexThreeBox .cont .list .li .text a{ width: 110px; height: 46px; line-height: 46px; font-size: 14px; margin-top: 25px;}
	.indexThreeBox .cont .list{ padding-top: 40px;}
	.indexNewsBox .list .li .time{ display: none;}
	.indexNewsBox .list .li .img{ width: auto; height: auto;}
	.indexNewsBox .list .li .img img{ width: 100%; height: auto;}
	.indexNewsBox .list .li{ margin: 35px 0 0 0; width: auto;}
	.indexNewsBox .list .li:first-child{ margin-top: 0;}
	.indexNewsBox .list .li .text{ padding: 30px 0.2rem 20px 0.2rem;}
	.indexNewsBox .list .li .text .h1{ font-size: 17px;}
	.indexNewsBox .list .li .text .p{ font-size: 14px; line-height: 24px; margin-top: 15px;}
	.indexNewsBox .list .li .text .more{ margin-top: 25px;}
	.navCell{ display: block;}
	.banner .imgBox .img img{ width: auto}
	.fourBoxMinkOpen .list .li .img img{ width: 100%; height: auto;}
	.videoBoxPoPuP .cont{ width: 6.8rem; padding: 0.15rem;}
	
}

@media screen and (min-width:750px){
	
	
	
}

@media screen and (min-width:1280px) and (max-width: 1550px){
	.w1430{ width: 1200px;}
	.header .cont .nav .li{ margin-left: 70px;}
	.twoBox .img{ width: 580px;}
	.twoBoxAbout .list .textBox .text{ width: 505px;}
	.footer .top .right .nav .li{ margin-left: 60px;}
	.footer .top .right .img img{ margin-left: 115px;}
	.threeBoxVer .cont .li, .grenterFiveBox .list .li{ width: 588px;}
	.newsBox .top .img{ width: 510px;}
	.newsBox .top .text{ width: 660px;}
	.newsBox .list .li .text{ width: 725px;}
	.indexOneBox .list .li, .indexNewsBox .list .li, .fourBoxMink .list .li, .fourBoxMinkOpen .list .li{ width: 380px;}
	.banner .imgBox .img img{ width: auto; height: 100%;}
	.indexThreeBox .cont .list .li .mk{ width: 470px;}
	.twoBox .text2, .twoBox .text{ width: 575px;}
	.downManikBox .topBox .li, .fourBoxMinkFive .list .li{ width: 279px;}
	.contactBox .cont .left{ width: 355px;}
	.aboutBoxRut .top .list a{ width: 165px; height: 200px;}
	.aboutBoxRut .bot .li a{ width: 196px; height: 140px;}
	
	
	
	
	
}


.goodsList .list .li .text .h1, .goodsList .list .li .text .p, .goodsBoxShow .bot .list .li .text .p, .goodsBoxShow .bot .list .li .text .h2, .newsIndex .newsBoxer .li .one .text .h1, .newsBoxDate .more .li .p,
.newsIndex .newsBoxer .li .two .m .h1, .newsBox .preter .li .text .h1, .newsBox .preter .li .text .p, .newsBox .top .text .h1, .newsBox .list .li .text .h1, .fourBoxMinkOpen .list .li .h1
{
	word-bread : break-all;
    text-overflow : ellipsis;
    display : -webkit-box;
    -webkit-box-orient : vertical;
    -webkit-line-clamp: 1; 
    overflow : hidden;
}




.indexThreeBox .cont .list .li .text .p{
	word-bread : break-all;
    text-overflow : ellipsis;
    display : -webkit-box;
    -webkit-box-orient : vertical;
    -webkit-line-clamp: 3; 
    overflow : hidden;
}


.newsBox .top .text .p{
	word-bread : break-all;
    text-overflow : ellipsis;
    display : -webkit-box;
    -webkit-box-orient : vertical;
    -webkit-line-clamp: 4; 
    overflow : hidden;
}