﻿@media (min-width: 750px){

}

@media (max-width: 950px){
    /*新增css*/
    .font-max{font-size: 24px !important;}
    .font-bigger{font-size: 22px !important;}
    .font-big{font-size: 20px !important;}
    .font-large{font-size: 18px !important;}
    .font-middle{font-size: 16px !important;}
    .font-small{font-size: 14px !important;}
    .font-less{font-size: 12px !important;}
    .font-min{font-size: 10px !important;}
	
	.header{ display: none;}
	html,body{ font-size: calc(100vw/7.5);}
	.indexbanner, .newsbanner{ margin-top: 50px;}
	.indexbanner .imgbox .img{ height: 190px; position: relative;}
	.indexbanner .imgbox .img img{ width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.indexbanner .imgbox .h1 div, .indexbanner .imgbox .h1 div i{ font-size: 50px; line-height: 50px;}
	.indexbanner .imgbox .h1 div i{ top: 2; left: 3px;}
	.indexbanner .imgbox .p{ font-size: 18px; line-height: 28px;}
	.indexbanner .imgbox .k{ font-size: 14px; line-height: 22px;}
	.indexbanner .bot{ display: none;}
	.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets{ right: 0; width: 100%; justify-content: center;}
	.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 5px;}
	.w1600, .w1530, .w1360{ width: auto;}
	.title .d{ font-size: 70px; line-height: 70px;}
	.title .vt .h1{ font-size: 20px; line-height: 24px;}
	.title .vt .p{ font-size: 12px; line-height: 12px; margin-top: 5px;}
	.padding, .contactone, .newsbox{ padding: 70px 0;}
	.indexnews .nav{ justify-content: flex-start; border-top: 1px solid #eee; border-left: 1px solid #eee; overflow-x: auto;}
	.indexnews .nav .li{ width: 25%;}
	.indexnews .nav .li a{ white-space: nowrap; margin: 0; border: 1px solid #eee;  border-left: none; border-top: none; text-align: center; font-size: 12px; line-height: 32px; position: relative; padding: 0 15px;}
	.indexnews .nav .li.on a{ background: #008A2F; color: #fff; font-weight: normal;}
	.indexnews .list{ justify-content: space-between; flex-wrap: wrap;}
	.indexnews .list .li{ margin: 25px 0 0 0; width: 3.3rem;}
	.indexnews .list .li .img{ height: 1.6rem;}
	.indexnews .list .li .text{ padding: 10px 5px;}
	.indexnews .list .li .text .h1{ font-size: 13px; line-height: 18px; font-weight: normal;}
	.indexnews .list .li .text .bot{ margin-top: 12px;}
	.indexonline .ps{ font-size: 14px; line-height: 24px;}
	.indexonline .list .li{ width: 100%; margin-top: 35px;}
	.indexonline .list .li:first-child{ margin-top: 0;}
	.indexonline .list .li .img i{ width: 100%; height: 3.6rem;}
	.indexonline .list .li .text .h1{ font-size: 22px; line-height: 30px;}
	.indexonline .list .li .text .p{ font-size: 17px; margin-top: 5px;}
	.indexonline .list .li .text{ margin-top: 15px;}
	.indexonline .list .li a .h1{ font-size: 18px; line-height: 24px;}
	.indexonline .list .li a .p{ font-size: 12px; line-height: 20px; font-weight: normal;}
	.indexonline .list .li a .a{ font-size: 12px; font-weight: normal;}
	.indexonline .list .li:hover a .a{ margin: 0.4rem auto 0;}
	.indexonline .list .li:hover .img i{ width: calc(100% - 0.2rem); height: 3.4rem; margin: auto;}
	.footer{ padding: 30px 0.25rem 20px 0.25rem;}
	.footer .bot a, .footer .p{ font-size: 12px; line-height: 22px;}
	.footer .bot{ display: block;}
	.footer .bot .p{ justify-content: center;}
	.minnewsbox{ display: none;}
	.newsbanner .img{ position: relative; width: 100%; overflow: hidden;}
	.newsbanner .img img{ width: 100%;}
	.newsbanner .cont .title{ width: 100%; left: 0; top: 50%; transform: translateY(-50%); text-align: center; bottom: auto;}
	.newsbanner .cont .title .vt{ justify-content: center; text-align: center; display: none;}
	.minnewsbox{ bottom: 20px;right: 0;justify-content: left;left: 10px;}
	.minnewsbox a:first-child{ margin-left: 0;}
	.serviceone .h1, .servicetwo .h1, .serviceone .h1 i{ font-size: 18px; line-height: 28px; font-weight: bold;}
	.serviceone .p{ font-size: 14px; line-height: 26px; padding: 0 0.35rem;}
	.contactone .cont .logo{ margin: 0;}
	.contactone .cont .logo img{ margin: auto;}
	.contactone .cont{ display: block;}
	.contactone .cont .right{ width: auto;}
	.contactone .cont .right .top{ display: block; margin-top: 35px;}
	.titlemin .h1{ font-size: 62px; line-height: 62px; text-align: center;}
	.titlemin .p{ font-size: 20px; line-height: 24px; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%);}
	.contactone .cont .right .top .more a i{ font-size: 12px; font-weight: normal;}
	.contactone .cont .right .top .more a{ padding: 0 10px; margin: 10px 5px 0 5px;}
	.contactone .cont .right .top .more a i{ padding-left: 24px; line-height: 30px; background-size: 20px;}
	.contactone .cont .right .top .more{ justify-content: center;}
	.contactone .cont .right .list .li .h2{ font-size: 20px;}
	.contactwent .cont{ display: block;}
	.contactwent .left .w{ text-align: center;}
	.contactwent .right{ width: 100%;}
	.contactwent .cont .li.on .top .h1{ font-size: 17px;}
	.contactboter .cont{ display: block;}
	.contactboter .cont .right{ width: 100%;}
	.contactboter .cont .left .list .li{ justify-content: center;}
	.contactboter .cont .left .weach{ display: block;}
	.contactboter .cont .left .weach .img img{ width: 135px; margin: auto;}
	.contactboter .cont .left .weach .p{ text-align: center; font-size: 12px; line-height: 20px; margin-top: 10px;}
	.newsbox .newstop{ /*flex-wrap: wrap;*/ justify-content: flex-start; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: none; padding: 0; overflow-x: auto;}
	.newsbox .newstop .li{ width: 33.33%;}
	.newsbox .newstop .li a{ margin: 0; padding: 0 15px; white-space: nowrap; font-size: 12px; line-height: 32px; text-align: center; border: 1px solid #eee; border-top: none; border-left: none;}
	.newsbox .list .li{ display: block; padding: 25px 0; position: relative;}
	.newsbox .list .li .time{ display: block; width: auto; height: auto;}
	.newsbox .list .li .time>div{ display: flex; justify-content: flex-start; align-items: center;}
	.newsbox .list .li .time .m{ font-size: 14px; line-height: 20px;}
	.newsbox .list .li .time .p{ font-size: 14px; line-height: 20px; border-top: 0; padding: 0; margin: 0; width: auto; padding-left: 5px; margin-left: 5px;}
	.newsbox .list .li .right{ width: auto; margin: 10px 0 0 0;}
	.newsbox .list .li:hover .time{ background: hsla(0,0%,100%,0.00);}
	.newsbox .list .li:hover .time .m, .newsbox .list .li:hover .time .p{ color: #008A2F;}
	.newsbox .list .li .more{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; margin: 0; padding: 0;}
	.newsbox .list .li .right .h1{ font-size: 17px;}
	.newsbox .list .li:hover .more{ opacity: 0;}
	.pageing a{ font-size: 12px; width: 24px; height: 24px; line-height: 24px; margin: 6px 3px 0 3px;}
	.pageing{ flex-wrap: wrap; margin-top: 40px;}
	.newsbox{ padding: 0.35rem 0.35rem 40px 0.35rem;}
	.pageing a.next, .pageing a.prev{ width: 56px;}
	.newsbox .newstop .li.on a, .newsbox .newstop .li:hover a{ background: #008A2F; color: #fff;}
	.newsdatabox, .newsdatatwo, .serviceength{ padding: 50px 0.35rem;}
	.newsdatabox .h1{ font-size: 18px; font-weight: bold; line-height: 30px;}
	.newsdatabox .cion .ur{ flex-wrap: wrap;}
	.newsdatabox .cion a{ display: none;}
	.newsdatabox .cion .ur .li{ margin: 15px 15px 0 0;}
	.newsdatabox .cion{ margin-top: 0;}
	.newsdatabox .date p{ font-size: 14px; line-height: 28px;}
	.newsdatabox .more .left, .newsdatabox .more .right, .newsdatabox .more i{ font-size: 12px; line-height: 20px; max-width: none;}
	.newsdatabox .more a{ padding: 5px 0;}
	.newsdatabox .more .right{ text-align: left;justify-content:unset}
	.newsdatabox .more i{ display: block;}
	.newsdatatwo .h1, .serviceength .h1, .serviceline .h1{ font-size: 20px; text-align: center; font-weight: bold;}
	.newsdatatwo .list .li{ width: 100%;}
	.newsdatatwo .list .li a .img{ width: 3rem; height: 2rem;}
	.newsdatatwo .list .li a .img img{ width: auto; height: 100%;}
	.newsdatatwo .list .li a .right{ width: 3.5rem;}
	.newsdatatwo .list .li a .right .h1{ margin-top: 5px; font-size: 15px;}
	.newsdatatwo .list .li a .right .p{ line-height: 20px;}
	.enterprise .img img{ width: 7rem; height: auto;}
	.enterprise .telbox{ display: block;}
	.enterprise .telbox .left em{ width: 58px; height: 58px;}
	.enterprise .telbox .left{ justify-content: center;}
	.enterprise .telbox .right{ padding: 30px 0 0 0; display: flex; justify-content: center; flex-wrap: wrap;}
	.servicetwo .list .li{ display: block;}
	.servicetwo .list .li .mk{ flex-wrap: wrap; justify-content: center;}
	.servicetwo .list .li .mk .a, .servicetwo .list .li .m{ font-size: 12px; width: 100px; height: 40px; line-height: 40px; margin: 10px 3px 0 3px;}
	.servicetwo .list .li .m{ margin: auto;}
	.serviceline .form{ overflow-x: auto;}
	.serviceline .form>div{ width: 800px;}
	.serviceline table th{ white-space: nowrap;}
	.serviceength .list{ justify-content: space-between;}
	.serviceength .list .li{ width: 3.3rem; margin: 0 auto; padding: 20px 0;}
	.serviceength .list .li .img{ width: 80px; height: 80px;}
	.serviceength .list .li:hover .img::after{ width: 100px; height: 100px;}
	.serviceength .list .li .h2{ font-size: 17px; margin: 15px auto 0;}
	.serviceength .list .li .p{ font-size: 12px; line-height: 20px;}
	.servicesix .cont{ display: block;}
	.servicesix .cont .left{ width: auto;}
	.servicesix .cont .left .h1{ font-size: 22px;}
	.servicesix .cont .left .p{ font-size: 17px; margin: 20px 0 0 0;}
	.servicesix .cont .left a{ width: 160px; height: 50px; line-height: 50px; font-size: 17px;}
	.servicesix .cont .img{ width: 100%; margin-top: 35px;}
	.serviceline table th{ font-size: 17px;line-height: 34px;white-space: inherit;min-width: 63px;}
	.serviceline table td {line-height: 28px}
	.rightnavbox{ display: none;}
	.cellnavbox{ display: block;}
	.newsdatabox .more .center{ display: none;}
	.newsdatabox .more{ display: block;}
	.enterprise .kft{ flex-wrap: wrap;}
	.enterprise .kft p{ font-size: 34px;}
	.indexonline .list .li a .f{ font-size: 12px; line-height: 18px;}

	.img-50 {
		width: 100%;
		display: inline-block;
		margin-right: 0px;
	}


	.moreboxcert a {
		margin: 0 10px !important;
		padding: 10px 5px ;

	}
	.moreboxcert a i {
		font-size: 14px;
		line-height: 1.5;
	}
}
@media (max-width: 1580px) and (min-width: 1440px) {
	.header .cont .logo img{ height: 51px;}
	.contactone .cont .right .top{ display: block;}
	.contactone .cont .right .top .more{ margin-top: 30px;}
	.contactwent .right, .contactone .cont .right, .contactboter .cont .right{ width: 9rem;}
}
@media (max-width: 1440px) and (min-width: 1280px) {
	.header .cont{ width: auto; padding: 0 50px;}
	.header .cont .logo img{ height: 51px;}
	.contactone .cont .right .top{ display: block;}
	.contactone .cont .right .top .more{ margin-top: 30px;}
	.contactwent .right, .contactone .cont .right, .contactboter .cont .right{ width: 8rem;}
	.contactboter .cont .right{padding-top: 10px;}
	.header .cont .nav .li .list .wt a{ line-height: 40px;}
}
@media (max-width: 1280px) and (min-width: 950px) {
	.header .cont{ width: auto; padding: 0 30px;}
	.header .cont .logo img{ height: 34px;}
	.contactone .cont .right .top{ display: block;}
	.contactone .cont .right .top .more{ margin-top: 30px;}
	.contactwent .right, .contactone .cont .right, .contactboter .cont .right{ width: 100%;}
	.header .cont .right .more a{ margin-left: 10px; width: 75px; font-size: 14px;}
	.header .cont .nav .li .tit a{ font-size: 14px;}
	.header .cont .right .kr a{ font-size: 14px;}
	.header .cont .nav .li{ margin: 0 15px;}
	.enterprise .img img{ height: 60px;}
	.contactwent .cont, .contactone .cont, .contactboter .cont{ display: block;}
	.header .cont .nav .li .list .wt a{ line-height: 40px;}
}
.newsdatabox .more i,
.newsdatatwo .list .li a .right .h1,
.newsbox .list .li .right .h1{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}
.newsdatatwo .list .li a .right .p,.newsbox .list .li .right .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}




