@charset "utf-8";
/* CSS Document */
@media screen and (max-width:750px){
	.header{ display: none;}
	.w1280{ width: auto;}
	.minBanner, .banner, .searchBox{ margin-top: 60px;}
	.minBanner .img{ height: 200px;}
	.minBanner .cont{ width: 80%; left: 50%; top: 50%; transform: translate(-50%,-50%); bottom: auto; text-align: center;}
	.minBanner .cont .h1, .minBanner .cont .p{ justify-content: center;}
	.minBanner .cont .h1 i{ background: hsla(0,0%,100%,0.00); font-size: 24px; line-height: 20px;}
	.minBanner .cont .p{ margin-top: 15px;}
	.minBanner .cont .p i{ font-size: 14px; line-height: 22px; background: hsla(0,0%,100%,0.00);}
	.aboutCont{ padding: 35px 0;}
	.newsBox{ margin: 0 15px;}
	.newsBox .top .li{ width: 100%; height: auto; margin-top: 20px; padding-bottom: 15px;}
	.newsBox .top .li:first-child{ margin-top: 0;}
	.newsBox .top .li a, .newsBox .top .li .img{ width: 100%; height: auto;}
	.newsBox .top .li .text{ padding: 15px 0 0 0;}
	.newsBox .top .li .text .h1, .newsBox .bot .li .h1{ font-size: 18px; line-height: 26px;}
	.newsBox .top .li .text .p{ font-size: 15px; line-height: 24px;}
	.newsBox .top .li .text .time, .newsBox .bot .li .time{ font-size: 14px;}
	.newsBox .bot .li{ padding: 20px 0;}
	.padding .li a{ width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin: 0px 3px;}
	.padding .li.prve a, .padding .li.next a{ background-size: 8px auto;}
	.searchIndex .form{ display: block; margin: 0 30px;}
	.searchIndex .form .h1{ text-align: center;}
	.searchIndex .form .input{ width: auto; margin: 20px 0;}
	.searchIndex .form button{ margin: auto;}
	.searchIndex .p{ margin: 25px 20px 0 20px; font-size: 16px; line-height: 26px;}
	.footer .cont .logo{ float: none;}
	.footer .cont .logo img{ width: 80px; margin: auto;}
	.footer .cont .right{ float: none; display: block; margin: 30px 15px 0 15px;}
	.footer .cont .right .li:first-child, .footer .cont .right .li:nth-child(2), .footer .cont .right .li:nth-child(3){ width: auto;}
	.footer .cont .right .li{ border-left: none; padding-bottom: 0;}
	.footer .cont .right .li:first-child, .footer .cont .right .li:nth-child(2){ display: none;}
	.footer .cont .right .li:nth-child(3) .sug{ margin: 0;}
	.footer .cont .right .li .h1{ text-align: center;}
	.footer .cont .right .li .list{ text-align: center;}
	.footer .cont .right .li .mel{ display: block;}
	.footer .foot{ height: auto; padding: 15px;}
	.footer .cont .right .li .p{ font-size: 15px;}
	.footer .foot .m{ float: none; text-align: center; font-size: 14px; line-height: 24px;}
	.footer .foot .open .p{ display: none;}
	.footer .foot .open .list a:first-child{ margin-left: 0;}
	.footer .foot .open{ float: none; display: flex; justify-content: center;}
	.contactBox{ margin: 0 15px;}
	.contactBox .h1, .millBox .top .h1{ font-size: 20px; text-align: center; line-height: 30px;}
	.contactBox .list .li{ width: auto; float: none; font-size: 15px; line-height: 26px; margin-bottom: 30px; padding-left: 30px;}
	.contactBox .list .li .em{ width: 26px; height: 26px;}
	.contactBox .map{ height: 300px;}
	.millBox{ margin: 0 15px;}
	.millBox .top .text{ font-size: 14px; line-height: 30px;}
	.millBox .list .mik .li{ font-size: 20px; margin: 0;}
	.millBox .list .mik{ display: flex; justify-content: center;}
	.millBox .list .mik .li:first-child{ margin-right: 30px;}
	.minWentOne .hd ul li, .minWentTwo .li{ float: none; width: 100%; height: auto; margin-bottom: 20px;}
	.minWentOne .hd ul li:last-child, .minWentTwo .li:last-child{ margin-bottom: 0;}
	.minWentOne .bd{ width: 86%; padding: 2%; margin-left: 0; left: 5%;}
	.minWentOne .bd li .img{ height: auto; margin-bottom: 5px;}
	.minWentOne .bd li .p{ font-size: 16px;}
	.minWentOne .bd .prev{ left: 15px;}
	.minWentOne .bd .next{ right: 15px;}
	.minWentOne .bd .next, .minWentOne .bd .prev{ width: 40px; height: 40px;}
	.minWentOne .bd .pageState{ right: 10px; bottom: 6px; font-size: 16px;}
	.minWentOne .bd .sole, .wentVideo .sole{ width: 40px; height: 40px; margin-left: -20px;}
	.wentVideo{ width: 90%; left: 5%; margin-left: 0;}
	.wentVideo .cont{ padding: 8px;}
	.wentVideo .cont .p{ font-size: 16px; padding: 10px 0 0 0;}
	.productsBox{ margin: 0 15px;}
	.productsBox .leftNav{ float: none; display: flex; justify-content: flex-start; flex-wrap: nowrap; width: 100%; overflow-x: auto; overflow-y: hidden;}
	.productsBox .leftNav .li{ margin-bottom: 0; background: #e0dfde; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; margin-right: 5px;}
	.productsBox .leftNav .li:hover{ background: #4d4398;}
	.productsBox .leftNav .li.on{ background: #4d4398;}
	.productsBox .leftNav .li a{ white-space: nowrap;}
	.productsBox .rightList{ float: none; width: auto; margin-top: 30px;}
	.productsBox .rightList .tit{ font-size: 30px;}
	.productsBox .rightList .list .li{ width: 100%; height: auto; margin-right: 0; padding-bottom: 15px;}
	.productsBox .rightList .list .li .img{ height: auto;}
	.proDate .top .img{ width: 100%;}
	.proDate .top .text{ width: 100%;}
	.proDate .top .text .h1, .aboutOne .h1{ font-size: 22px;}
	.proDate .top .text .p, .proDate .bot .text{ font-size: 15px; line-height: 30px;}
	.proDate .bot .h1{ font-size: 22px;}
	.proDate .bot .form .li{ padding: 3px 0;}
	.proDate .page .li{ font-size: 16px;}
	.proDate .bot .form .li{ margin-right: 0; width: 100%;}
	.aboutOne{ margin: 0 15px;}
	.aboutOne .text{ font-size: 15px; line-height: 30px;}
	.aboutOne .text img{ padding-top: 25px;}
	.videoIndex{ padding: 25px 15px 0 15px;}
	.videoIndex .videoTop{ position: relative; top: auto; left: auto;}
	.videoIndex .videoTwo{ height: 230px;}
	.videoIndex .videoTwo img{ width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
	.videoIndex .videoTwo:hover img{ transform: translateX(-50%) scale(1.03);}
	.videoIndex .videoTwo .icon .em{ width: 50px; height: 50px;}
	.videoIndex .videoTwo .icon .p{ font-size: 20px;}
	.videoIndex .cont{ padding-top: 20px;}
	.videoIndex .list .date{ width: 100%; height: auto;}
	.videoIndex .list .date .img{ height: auto;}
	.videoIndex .list .date .mk{ padding: 20px;}
	.videoIndex .list .date .h1{ font-size: 18px; line-height: 30px;}
	.videoIndex .list .date .p{ font-size: 15px;}
	.videoIndex .list .newsLi{ width: 100%;}
	.videoIndex .list .newsLi .tit .h1{ font-size: 22px; line-height: 30px;}
	.videoIndex .list .newsLi .tit a{ font-size: 15px; bottom: 3px;}
	.videoIndex .list .newsLi .li .h2{ font-size: 18px;}
	.videoPop{ width: 90%; left: 5%; margin-left: 0;}
	.videoPop .cont{ padding: 10px;}
	.aboutIndex{ padding: 0 15px;}
	.aboutIndex .cont, .products{ padding: 35px 0;}
	.aboutIndex .cont .text{ padding-top: 0; width: auto; float: none; text-align: center; margin-bottom: 35px;}
	.aboutIndex .cont .text .h1, .products .textOne .h1{ font-size: 36px;}
	.aboutIndex .cont .text .h2{ font-size: 18px; line-height: 30px;}
	.aboutIndex .cont .text .p, .products .textOne .p{ font-size: 15px; width: auto;}
	.moreMaxOne, .moreMax{ margin: auto;}
	.aboutIndex .cont .img{ float: none; width: auto;}
	.aboutIndex .cont .img .li, .aboutIndex .cont .img .li:nth-child(2n){ float: none; margin-right: 0; margin-top: 15px;}
	.aboutIndex .cont .img .li a{ width: 100%; height: auto;}
	.banner .cont .img{ height: 450px;}
	.banner .cont .textMax{ width: 90%; left: 5%; top: 45%; text-align: center;}
	.banner .cont .textMax .h1{ font-size: 22px;}
	.banner .cont .textMax .p{ font-size: 15px; width: auto;}
	.products .list{ width: auto; margin-left: 0;}
	.products .cont{ padding: 0 15px;}
	.products .textOne{ text-align: center;}
	.products .textOne a{ position: relative; margin-top: 25px; bottom: auto; right: auto;}
	.products .listOne{ display: none;}
	.products .list .em{ z-index: 10;}
	.products .list .em.em1{ left: 8px;}
	.products .list .em.em2{ right: 8px;}
	.searchBox .cont{ width: auto;}
	.searchBox .cont .h1, .searchBox .cont .h2{ font-size: 22px;}
	.searchBox{ padding: 50px 15px 40px 15px;}
	.searchBox .cont .mink{ display: block;}
	.searchBox .cont .mink .input{ width: auto;}
	.searchBox .cont .mink button{ margin: 10px auto 0; width: 100%; height: 60px;}
	.navCell{ display: block;}
	.newsDates .img .m{ width: 100%; height: auto;}
	.newsDates .page a, .newsDates .page a i{ font-size: 16px;}
	.newsDates .h1{ font-size: 22px;}
	.newsDates .text p{ font-size: 15px; line-height: 30px;}
}
@media screen and (min-width:750px){
	.products .listTwo{ display: none;}
}
@media screen and (min-width:1280px) and (max-width: 1440px){
	.w1280{ width: 1100px;}
	.header .hearBot .mk .li{ margin-left: 50px;}
	.footer .cont .right .sug{ margin: 0 25px;}
	.footer .cont .right .li:nth-child(3) .sug{ margin: 0 0 0 25px;}
	.footer .cont .right .li:first-child{ width: 160px;}
	.footer .cont .right .li:nth-child(2){ width: 250px;}
	.footer .cont .right .li:nth-child(3){ width: 500px;}
	.aboutIndex .cont .text{ width: 470px; padding-top: 20px;}
	.videoIndex .videoTwo{ height: 480px;}
	.videoIndex .list .newsLi{ width: 650px;}
	.products .list .mink{ width: 260px;}
	.products .list{ width: 1120px; margin-left: -10px;}
	.products .list .mink .img{ height: 200px;}
	.videoPop{ width: 600px; margin-left: -300px;}
	.videoPop .cont{ padding: 10px;}
	.productsBox .rightList{ width: 820px;}
	.productsBox .rightList .list .li{ width: 263px; height: 310px;}
	.productsBox .rightList .list .li .img{ height: 210px;}
	.proDate .top .img{ width: 380px;}
	.proDate .bot .form .li{ width: 370px;}
	.newsBox .top .li a{ width: 530px;}
	.newsBox .top .li .img{ height: 354px;}
	.newsBox .top .li{ height: 590px;}
	.minWentOne .hd ul li{ width: 343px; height: 250px;}
	.minWentTwo .li{ width: 532px; height: 300px;}
	.minWentOne .bd{ width: 600px; padding: 15px; margin-left: -315px;}
	.minWentOne .bd li .img{ height: 430px;}
	.minWentOne .bd .pageState{ bottom: 12px;}
	.wentVideo{ width: 600px; margin-left: -300px;}
	.productsBoxOne .rightList .list .li{ margin-right: 15px;}
	.contactBox .list .li{ width: 480px;}
	.newsDates .img .m{ width: 535px; height: 355px;}
}
@media screen and (min-width:950px) and (max-width: 1280px){
	.w1280{ width: 900px;}
	.header .hearBot .mk .li{ margin-left: 30px;}
	.products .list{ width: 100%; margin-left: 0;}
	.products .list .mink{ width: 210px;}
	.products .list .mink .img{ height: 165px;}
	.products .textOne .p{ width: 730px;}
	.aboutIndex .cont .text{ width: 100%; text-align: center; float: none;}
	.moreMaxOne{ margin: auto;}
	.aboutIndex .cont .img{ float: none; margin: 40px auto 0;}
	.videoIndex .videoTwo{ height: 395px;}
	.videoIndex .list .newsLi{ width: 450px;}
	.videoIndex .cont{ padding-top: 160px;}
	.footer .cont .right{ width: 720px;}
	.footer .cont .right .sug{ margin: 0 10px;}
	.footer .cont .right .li:nth-child(3) .sug{ margin: 0 0 0 10px;}
	.productsBox .rightList{ width: 620px;}
	.productsBox .rightList .list .li{ margin-right: 0;}
	.productsBox .rightList .list .li:nth-child(2n){ float: right;}
	.productsBox .rightList .list .li{ width: 300px; height: 340px;}
	.productsBox .rightList .list .li .img{ height: 240px;}
	.proDate .top .img{ width: 100%;}
	.proDate .top .text{ width: 100%;}
	.proDate .bot .form .li{ width: 100%; margin: 0;}
	.newsBox .top .li a{ width: 435px;}
	.newsBox .top .li .img{ height: 288px;}
	.newsBox .top .li{ height: 540px;}
	.minWentOne .hd ul li{ width: 276px; height: 200px;}
	.minWentTwo .li{ width: 435px; height: 235px;}
	.productsBoxOne .rightList{ width: auto;}
	.searchBox .cont{ width: 850px;}
	.searchBox .cont .mink .input{ width: 650px;}
	.minWentOne .bd{ width: 600px; padding: 20px; margin-left: -320px;}
	.minWentOne .bd li .img{ height: 435px;}
	.wentVideo, .videoPop{ width: 600px; margin-left: -300px;}
	.contactBox .list .li{ width: 375px;}
	.productsBoxOne .rightList .list .li{ width: 290px; margin-right: 15px;}
	.productsBoxOne .rightList .list .li:nth-child(3n){ margin-right: 0;}
	.productsBoxOne .rightList .list .li:nth-child(2n){ float: left;}
	.productsBoxOne .rightList .list .li .img{ height: 230px;}
	.newsDates .img .m{ width: 430px; height: 285px;}
}
@media screen and (min-width:750px) and (max-width: 950px){
	.header{ display: none;}
	.w1280{ width: 650px;}
	.minBanner, .banner, .searchBox{ margin-top: 60px;}
	.minBanner .img{ height: 200px;}
	.minBanner .cont{ width: 80%; left: 50%; top: 50%; transform: translate(-50%,-50%); bottom: auto; text-align: center;}
	.minBanner .cont .h1, .minBanner .cont .p{ justify-content: center;}
	.minBanner .cont .h1 i{ background: hsla(0,0%,100%,0.00); font-size: 24px; line-height: 20px;}
	.minBanner .cont .p{ margin-top: 15px;}
	.minBanner .cont .p i{ font-size: 14px; line-height: 22px; background: hsla(0,0%,100%,0.00);}
	.aboutCont{ padding: 35px 0;}
	.newsBox{ margin: 0 15px;}
	.newsBox .top .li{ width: 100%; height: auto; margin-top: 20px; padding-bottom: 15px;}
	.newsBox .top .li:first-child{ margin-top: 0;}
	.newsBox .top .li a, .newsBox .top .li .img{ width: 100%; height: auto;}
	.newsBox .top .li .text{ padding: 15px 0 0 0;}
	.newsBox .top .li .text .h1, .newsBox .bot .li .h1{ font-size: 18px; line-height: 26px;}
	.newsBox .top .li .text .p{ font-size: 15px; line-height: 24px;}
	.newsBox .top .li .text .time, .newsBox .bot .li .time{ font-size: 14px;}
	.newsBox .bot .li{ padding: 20px 0;}
	.padding .li a{ width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin: 0px 3px;}
	.padding .li.prve a, .padding .li.next a{ background-size: 8px auto;}
	.searchIndex .form{ display: block; margin: 0 30px;}
	.searchIndex .form .h1{ text-align: center;}
	.searchIndex .form .input{ width: auto; margin: 20px 0;}
	.searchIndex .form button{ margin: auto;}
	.searchIndex .p{ margin: 25px 20px 0 20px; font-size: 16px; line-height: 26px;}
	.footer .cont .logo{ float: none;}
	.footer .cont .logo img{ width: 80px; margin: auto;}
	.footer .cont .right{ float: none; display: block; margin: 30px 15px 0 15px;}
	.footer .cont .right .li:first-child, .footer .cont .right .li:nth-child(2), .footer .cont .right .li:nth-child(3){ width: auto;}
	.footer .cont .right .li{ border-left: none; padding-bottom: 0;}
	.footer .cont .right .li:first-child, .footer .cont .right .li:nth-child(2){ display: none;}
	.footer .cont .right .li:nth-child(3) .sug{ margin: 0;}
	.footer .cont .right .li .h1{ text-align: center;}
	.footer .cont .right .li .list{ text-align: center;}
	.footer .cont .right .li .mel{ display: block;}
	.footer .foot{ height: auto; padding: 15px;}
	.footer .cont .right .li .p{ font-size: 15px;}
	.footer .foot .m{ float: none; text-align: center; font-size: 14px; line-height: 24px;}
	.footer .foot .open .p{ display: none;}
	.footer .foot .open .list a:first-child{ margin-left: 0;}
	.footer .foot .open{ float: none; display: flex; justify-content: center;}
	.contactBox{ margin: 0 15px;}
	.contactBox .h1, .millBox .top .h1{ font-size: 20px; text-align: center; line-height: 30px;}
	.contactBox .list .li{ width: auto; float: none; font-size: 15px; line-height: 26px; margin-bottom: 30px; padding-left: 30px;}
	.contactBox .list .li .em{ width: 26px; height: 26px;}
	.contactBox .map{ height: 300px;}
	.millBox{ margin: 0 15px;}
	.millBox .top .text{ font-size: 14px; line-height: 30px;}
	.millBox .list .mik .li{ font-size: 20px; margin: 0;}
	.millBox .list .mik{ display: flex; justify-content: center;}
	.millBox .list .mik .li:first-child{ margin-right: 30px;}
	.minWentOne .hd ul li, .minWentTwo .li{ float: none; width: 100%; height: auto; margin-bottom: 20px;}
	.minWentOne .hd ul li:last-child, .minWentTwo .li:last-child{ margin-bottom: 0;}
	.minWentOne .bd{ width: 86%; padding: 2%; margin-left: 0; left: 5%;}
	.minWentOne .bd li .img{ height: auto; margin-bottom: 5px;}
	.minWentOne .bd li .p{ font-size: 16px;}
	.minWentOne .bd .prev{ left: 15px;}
	.minWentOne .bd .next{ right: 15px;}
	.minWentOne .bd .next, .minWentOne .bd .prev{ width: 40px; height: 40px;}
	.minWentOne .bd .pageState{ right: 10px; bottom: 6px; font-size: 16px;}
	.minWentOne .bd .sole, .wentVideo .sole{ width: 40px; height: 40px; margin-left: -20px;}
	.wentVideo{ width: 90%; left: 5%; margin-left: 0;}
	.wentVideo .cont{ padding: 8px;}
	.wentVideo .cont .p{ font-size: 16px; padding: 10px 0 0 0;}
	.productsBox{ margin: 0 15px;}
	.productsBox .leftNav{ float: none; display: flex; justify-content: flex-start; flex-wrap: nowrap; width: 100%; overflow-x: auto; overflow-y: hidden;}
	.productsBox .leftNav .li{ margin-bottom: 0; background: #e0dfde; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; margin-right: 5px;}
	.productsBox .leftNav .li:hover{ background: #4d4398;}
	.productsBox .leftNav .li.on{ background: #4d4398;}
	.productsBox .leftNav .li a{ white-space: nowrap;}
	.productsBox .rightList{ float: none; width: auto; margin-top: 30px;}
	.productsBox .rightList .tit{ font-size: 30px;}
	.productsBox .rightList .list .li{ width: 100%; height: auto; margin-right: 0; padding-bottom: 15px;}
	.productsBox .rightList .list .li .img{ height: auto;}
	.proDate .top .img{ width: 100%;}
	.proDate .top .text{ width: 100%;}
	.proDate .top .text .h1, .aboutOne .h1{ font-size: 22px;}
	.proDate .top .text .p, .proDate .bot .text{ font-size: 15px; line-height: 30px;}
	.proDate .bot .h1{ font-size: 22px;}
	.proDate .bot .form .li{ padding: 3px 0;}
	.proDate .page .li{ font-size: 16px;}
	.proDate .bot .form .li{ margin-right: 0; width: 100%;}
	.aboutOne{ margin: 0 15px;}
	.aboutOne .text{ font-size: 15px; line-height: 30px;}
	.aboutOne .text img{ padding-top: 25px;}
	.videoIndex{ padding: 25px 15px 0 15px;}
	.videoIndex .videoTop{ position: relative; top: auto; left: auto;}
	.videoIndex .videoTwo{ height: 230px;}
	.videoIndex .videoTwo img{ width: auto; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
	.videoIndex .videoTwo:hover img{ transform: translateX(-50%) scale(1.03);}
	.videoIndex .videoTwo .icon .em{ width: 50px; height: 50px;}
	.videoIndex .videoTwo .icon .p{ font-size: 20px;}
	.videoIndex .cont{ padding-top: 20px;}
	.videoIndex .list .date{ width: 100%; height: auto;}
	.videoIndex .list .date .img{ height: auto;}
	.videoIndex .list .date .mk{ padding: 20px;}
	.videoIndex .list .date .h1{ font-size: 18px; line-height: 30px;}
	.videoIndex .list .date .p{ font-size: 15px;}
	.videoIndex .list .newsLi{ width: 100%;}
	.videoIndex .list .newsLi .tit .h1{ font-size: 22px; line-height: 30px;}
	.videoIndex .list .newsLi .tit a{ font-size: 15px; bottom: 3px;}
	.videoIndex .list .newsLi .li .h2{ font-size: 18px;}
	.videoPop{ width: 90%; left: 5%; margin-left: 0;}
	.videoPop .cont{ padding: 10px;}
	.aboutIndex{ padding: 0 15px;}
	.aboutIndex .cont, .products{ padding: 35px 0;}
	.aboutIndex .cont .text{ padding-top: 0; width: auto; float: none; text-align: center; margin-bottom: 35px;}
	.aboutIndex .cont .text .h1, .products .textOne .h1{ font-size: 36px;}
	.aboutIndex .cont .text .h2{ font-size: 18px; line-height: 30px;}
	.aboutIndex .cont .text .p, .products .textOne .p{ font-size: 15px; width: auto;}
	.moreMaxOne, .moreMax{ margin: auto;}
	.aboutIndex .cont .img{ float: none; width: auto;}
	.aboutIndex .cont .img .li, .aboutIndex .cont .img .li:nth-child(2n){ float: none; margin-right: 0; margin-top: 15px;}
	.aboutIndex .cont .img .li a{ width: 100%; height: auto;}
	.banner .cont .img{ height: 450px;}
	.banner .cont .textMax{ width: 90%; left: 5%; top: 45%; text-align: center;}
	.banner .cont .textMax .h1{ font-size: 22px;}
	.banner .cont .textMax .p{ font-size: 15px; width: auto;}
	.products .list{ width: auto; margin-left: 0;}
	.products .cont{ padding: 0 15px;}
	.products .textOne{ text-align: center;}
	.products .textOne a{ position: relative; margin-top: 25px; bottom: auto; right: auto;}
	.products .listOne{ display: none;}
	.products .list .em{ z-index: 10;}
	.products .list .em.em1{ left: 8px;}
	.products .list .em.em2{ right: 8px;}
	.searchBox .cont{ width: auto;}
	.searchBox .cont .h1, .searchBox .cont .h2{ font-size: 22px;}
	.searchBox{ padding: 50px 15px 40px 15px;}
	.searchBox .cont .mink{ display: block;}
	.searchBox .cont .mink .input{ width: auto;}
	.searchBox .cont .mink button{ margin: 10px auto 0; width: 100%; height: 60px;}
	.navCell{ display: block;}
	.contactBox .list, .products .listTwo{ display: block;}
	.newsDates .img .m{ width: 100%; height: auto;}
	.newsDates .page a, .newsDates .page a i{ font-size: 16px;}
	.newsDates .h1{ font-size: 22px;}
	.newsDates .text p{ font-size: 15px; line-height: 30px;}
}
.products .list .text .h2,
.aboutIndex .cont .img .li .p,
.videoIndex .list .newsLi .li .h2,
.productsBox .rightList .list .li .h1,
.newsDates .page a{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}
.products .list .text .p,
.videoIndex .list .date .h1{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.videoIndex .list .date .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}