@media (min-width: 750px){

	.footer .foot .right .open:hover .list{ display: block;}

}



@media (max-width: 750px){

	.header{ display: none;}

	html,body{ font-size: calc(100vw/7.5);}

	.bannerDate{ margin-top: 60px;}

	.bannerDate .img{ height: 220px;}

	.w1280{ width: auto;}

	.bannerDate .text{ width: 80%; left: 10%; top: 50%;}

	.bannerDate .text .h1{ font-size: 15px; font-weight: bold; line-height: 28px;}

	.bannerDate .text .p{ font-size: 14px; margin-top: 15px;}

	.aboutBoxMax{ padding: 0; margin: 0;}

	.aboutBox .cont{ display: block; padding-top: 0.25rem;}

	.aboutBox .cont .list .top{ position: relative; top: auto; left: auto; height: 104px;}

	.aboutBox .cont .list{ width: auto; padding: 0; margin: 0 0.25rem;}

	.aboutBox .cont .list .top::after, .aboutBox .cont .list::after{ display: none;}

	.aboutBox .cont .list .top .mk{ width: 100%;}

	.aboutBox .cont .list .top .mk .h1{ font-size: 20px; font-weight: bold; line-height: 30px;}

	.aboutBox .cont .list .top .mk .p{ font-size: 16px; margin-top: 5px;}

	.aboutBox .cont .list .nav{ display: flex; justify-content: flex-start; flex-wrap: wrap;}

	.aboutBox .cont .list .nav a{ margin-bottom: 0; width: 33%; text-align: center; font-size: 15px; line-height: 40px; position: relative; border-bottom: 1px solid #eee;}

	.aboutBox .cont .list .nav a::after{ content: ''; position: absolute; top: 0; right: 0; background: #eee; width: 1px; height: 100%; transform: none; opacity: 1; border-radius: 0; border: none;}

	.aboutBox .cont .list .nav a:nth-child(3n){ width: 34%;}

	.aboutBox .cont .right{ width: auto; padding: 30px 0.25rem;}

	.htBox{ display: block; text-align: center;}

	.htBox .h1{ font-size: 18px; line-height: 28px; font-weight: bold; margin-left: 0;}

	.htBox .p{ font-size: 12px; margin-left: 0;}

	.aboutBox .cont .right .tetx p{ font-size: 14px; line-height: 28px;}

	.footer .foot{ padding: 35px 0.25rem; display: block;}

	.footer .foot .logo img{ height: 80px; margin: auto;}

	.footer .foot .logo .tel{ margin-top: 20px;}

	.aboutBox .cont .right .tetx{ margin-top: 25px;}

	.footer .foot .nav{ display: none;}

	.footer .foot .right .wear{ justify-content: center; margin-top: 35px;}

	.footer .foot .right .wear .li:first-child{ margin-left: 0;}

	.footer .boot .mk{ justify-content: center; flex-wrap: wrap; padding: 15px 0.25rem;}

	.footer .boot .mk a, .footer .boot .mk p{ font-size: 12px; line-height: 22px; margin: 0 5px;}

	.footer .foot .right .open{ margin: 25px auto 0;}

	.footer .foot .right .open .list{ top: auto; bottom: 42px; padding-top: 0; padding-bottom: 3px;}

	.aboutQiBox{ padding-top: 15px;}

	.aboutQiBox .li{ margin-top: 0.25rem;}

	.aboutQiBox .li .img{ width: 100%; height: 200px; position: relative;}

	.aboutQiBox .li .img img{ position: absolute; top: 0; width: auto; height: 100%; left: 50%; transform: translateX(-50%);}

	.aboutQiBox .li .ter{ width: 80%; right: 10%; text-align: center;}

	.aboutQiBox .li .ter .h1{ font-size: 17px;}

	.aboutQiBox .li .ter .p{ font-size: 14px; line-height: 24px; margin-top: 10px;}

	.aboutRong .li .lister{ justify-content: space-between; margin-top: 20px;}

	.aboutRong .li .lister .sLi{ margin-top: 0.25rem; margin-right: 0; width: 3.38rem;}

	.aboutRong .li .lister .sLi .img{ width: 3.08rem; height: 2.2rem;}

	.aboutRong .li .lister .sLi a{ padding-top: 0.2rem;}

	.aboutRong .li .lister .sLi .p{ font-size: 12px; margin: 10px auto; line-height: 18px;}

	.aboutShe .li{ margin-top: 0.25rem;}

	.aboutShe .li a{ display: block;}

	.aboutShe .li .img{ width: auto; height: auto;}

	.aboutShe .li .texts{ padding: 25px 20px; width: auto;}

	.aboutShe .li .texts .h1{ font-size: 17px;}

	.aboutShe .li .texts .p{ line-height: 24px; height: auto;}

	.aboutShe .li .texts .time{ margin-top: 15px;}

	.contactBox .topBox{ margin: 0 0.25rem; height: auto; width: auto;}

	.contactBox{ padding-top: 0.25rem;}

	.contactBox .topBox .list{ display: block; margin-top: 25px;}

	.contactBox .topBox .mik{ padding: 35px 25px;}

	.contactBox .topBox .list .li div{ font-size: 14px;}

	.contactBox .topBox .list .li{ margin-top: 15px;}

	.contactBox .topBox .list .li:first-child{ margin-top: 0;}

	.contactBox .mapBox .map{ left: 0.25rem; bottom: 0.25rem; right: 0.25rem; top: 0.25rem;}

	.contactBox .mapBox{ margin: 0.25rem 0.25rem 0 0.25rem; height: 220px; width: auto;}

	.dangBox .textBox{ margin: 30px 0.25rem 0 0.25rem;}

	.dangBox .textBox p, .dangBox .textBox p i{ font-size: 14px; line-height: 28px;}

	.dangBox .list{ margin: 40px 0.25rem 0 0.25rem;}

	.dangBox .list .li a{ display: block;}

	.dangBox .list .li a .img{ width: auto; height: auto;}

	.dangBox .list .li .right{ padding: 0.25rem; width: auto;}

	.dangBox .list .li .right .time{ display: none;}

	.dangBox .list .li .right .a{ display: none;}

	.dangBox .list .li .right .h1{ font-size: 17px;}

	.dangBox .list .li{ margin-top: 0.25rem;}

	.dangBox .list .li .right .p{ font-size: 14px; height: auto; line-height: 24px;}

	.jionBox .jionOne{ margin: 30px 0.25rem 0 0.25rem; background: #fff;}

	.jionBox .jionOne .text{ width: auto; padding: 0.25rem; font-size: 14px; line-height: 28px;}

	.jionBox .jionOne .text i{ font-size: 14px; line-height: 28px;}

	.jionBox .jionTwo{ display: block; padding: 0 0.25rem;}

	.jionBox .jionTwo .li{ margin-top: 0.25rem; width: auto; margin-right: 0;}

	.newsBox .nav a{ font-size: 16px; width: 120px; line-height: 40px;}

	.newsBox .cont .form .li{ width: 3.38rem; margin-right: 0; margin-bottom: 0.25rem;}

	.newsBox .cont .form{ justify-content: space-between; margin: 30px 0.25rem 0 0.25rem;}

	.newsBox .cont .form .li .img .time{ display: none;}

	.newsBox .cont .form .li .img{ height: 1.96rem;}

	.newsBox .cont .form .li .a{ display: none;}

	.newsBox .cont .form .li .p{ font-size: 14px; line-height: 24px; height: auto; margin: 10px 0 0 0;}

	.optionBox .list{ padding: 25px 0.25rem 0 0.25rem; justify-content: space-between;}

	.optionBox .list .li{ width: 3.38rem; height: auto; margin-right: 0; margin-top: 0.25rem;}

	.optionBox .list .li .img{ height: 100px;}

	.optionBox .list .li .p .m{ font-size: 14px; line-height: 20px; padding: 15px 0 0 0;}

	.optionBox .list .li .p .em{ width: 30px; margin: 15px auto;}

	.optionBox .list .li .p{ height: auto;}

	.optionBox .bots{ margin: 30px 0.25rem 0 0.25rem; line-height: 24px;}

	.tradeBox{ padding: 30px 0.25rem 0 0.25rem; display: block; margin-top: 0;}

	.tradeBox .li{ width: 100%; height: auto; margin-bottom: 0.35rem;}

	.tradeBox .li .img{ height: auto;}

	.tradeBox .li .text, .tradeBox .li:hover .text{ padding: 15px 0 0 0;}

	.tradeBox .li .text .h1{ font-size: 17px; font-weight: bold;}

	.tradeBox .li .text .h1::after{ display: none;}

	.tradeBox .li .text .p{ font-size: 14px; line-height: 24px;}

	.trandeBoxMink{ padding: 0.25rem;}

	.trandeBoxMink .cont{ display: block;}

	.trandeBoxMink .cont .left{ width: auto;}

	.trandeBoxMink .cont .left .top{ height: 104px;}

	.trandeBoxMink .cont .left .top .mk .h1{ font-size: 20px; font-weight: bold; line-height: 30px;}

	.trandeBoxMink .cont .left .top .mk .p{ font-size: 16px; margin-top: 5px;}

	.trandeBoxMink .cont .left .nav{ padding: 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}

	.trandeBoxMink .cont .left .nav .li{ border-bottom: 1px solid #eee; margin-top: 0; width: 50%;}

	.trandeBoxMink .cont .left .nav a{ line-height: 18px; font-size: 12px; text-align: center; padding: 11px 0.1rem;}

	.trandeBoxMink .cont .left .nav .li{ position: relative;}

	.trandeBoxMink .cont .left .nav .li::before{ width: 1px; height: 100%; transform: none; position: absolute; top: 0; right: 0; border: none; border-radius: 0; background: #eee; content: '';}

	.trandeBoxMink .cont .left .nav a::after{ display: none;}

	.trandeBoxMink .cont .right{ width: auto; margin-top: 0.25rem;}

	.trandeBoxMink .cont .contRight{ padding: 25px 0.25rem;}

	.trandeBoxMink .cont .contRight .h2{ font-size: 17px; font-weight: bold; line-height: 20px;}

	.trandeBoxMink .cont .contRight .texts .p{ font-size: 14px; line-height: 28px;}

	.trandeBoxMink .cont .contRight .options .list{ justify-content: space-between; display: flex; flex-wrap: wrap;}

	.trandeBoxMink .cont .contRight .options .list .li{ margin-top: 0.25rem; width: 3.15rem; margin-right: 0;}

	.trandeBoxMink .cont .contRight .options .list .li a{ width: 3.15rem; height: auto;}

	.trandeBoxMink .cont .contRight .options .list .li .img{ height: 100px;}

	.trandeBoxMink .cont .contRight .options .list .li .text{ padding-bottom: 15px;}

	.trandeBoxMink .cont .contRight .options .list .li .p{ font-size: 14px; line-height: 20px; padding: 15px 0 0 0;}

	.trandeBoxMink .cont .contRight .options .list .li .em{ width: 30px; margin: 10px auto 0;}

	.tradeBox .li:hover .img{ width: auto; height: auto;}

	.tradeBox .li a:hover{ padding-top: 0;}

	.tradeBox2 .li .text .p{ opacity: 1;}

	.banner{ margin-top: 60px;}

	.indexList .cont .h1 p{ font-size: 17px; font-weight: bold; line-height: 30px;}

	.indexList{ padding-top: 35px;}

	.indexList .cont{ padding: 0 0.25rem;}

	.indexList .cont .text .textBox .p, .indexList .cont .text .textBox .p i{ font-size: 12px; line-height: 30px;}

	.indexList .cont .text .textBox .p{ padding: 0 55px; text-align: center;}

	.indexList .cont .text{ height: 100px; margin-top: 20px;}
	.indexList .cont .text .textBox{ height: 100px;}

	.indexList .cont .text .textBox .p::after, .indexList .cont .text .textBox .p::before{ width: 20px; height: 20px;}

	.indexList .cont .text .textBox .p::before{ right: 20px;}

	.indexList .cont .text .textBox .p::after{ left: 20px;}

	.indexSeiver .list .li{ width: 50%; height: 50px; position: relative;}

	.indexSeiver .list .li::before{ content: ''; width: 100%; height: 1px; background: hsla(0,0%,93%,0.40); position: absolute; top: 0; left: 0;}

	.indexSeiver .list{ flex-wrap: wrap; top: 0; bottom: auto;}

	.indexSeiver .iconBox, .indexSeiver .iconBox .cont, .indexSeiver .iconBox .cont .mink{ width: auto; height: auto; position: relative; top: auto; left: auto; transform: none; margin: 0; border-radius: 0;}

	.indexSeiver .indexSeiverBox .minker{ padding: 115px 0.25rem 0.25rem 0.25rem; width: auto; height: auto;}

	.indexSeiver .iconBox{ padding: 0.25rem;}

	.indexSeiver .iconBox .cont .mink{ padding: 30px 0.25rem;}

	.indexSeiver .iconBox .cont .mink .h1{ font-size: 20px; line-height: 24px; margin-top: 20px;font-weight: bold;}

	.indexSeiver .iconBox .cont .mink .p{ padding: 25px 0.25rem 35px 0.25rem; font-size: 14px;}

	.indexSeiver .list .li .icon img{ max-width: 20px;}

	.indexSeiver .list .li .p i{ display: none;}

	.indexSeiver .list .li .p{ font-size: 17px; font-weight: bold;}

	.indexNewsBox .cont{ display: block;}

	.indexNewsBox .cont .left, .indexNewsBox .cont .right{ width: auto; height: auto; display: block;}

	.indexNewsBox .cont .right .mk{ padding: 0.25rem; display: block;}

	.indexNewsBox .cont .right .list .li{ width: 3.38rem;}

	.indexNewsBox .cont .right .list .li .a{ display: none;}

	.indexNewsBox .cont .right .list .li .img{ height: 1.96rem;}

	.indexNewsBox .cont .right .list .li .p{ font-size: 14px; line-height: 24px; height: auto;}

	.indexNewsBox .cont .right .moreA{ display: none;}

	.indexNewsBox .topTitle{ position: relative; left: auto; top: auto; width: auto; height: auto; margin: 0.25rem; text-align: center; display: block;}

	.indexNewsBox .topTitle .mk .h1{ font-size: 20px; font-weight: bold;}

	.indexNewsBox .topTitle .mk .p{ margin-top: 10px;}

	.indexNewsBox .topTitle .moreBox{ display: none;}

	.indexNewsBox .topTitle .mk{ padding: 30px 0;}

	.indexNewsBox .cont .left{ margin: 0 0.25rem;}

	.indexNewsBox .cont .left .img{ height: 3.94rem;}

	.indexNewsBox .cont .left .img img{ width: 100%; height: auto; position: relative; left: auto; top: auto; transform: none;}

	.indexNewsBox .cont .left .bot{ left: 0.25rem; bottom: 0.3rem; right: 0.25rem;}

	.indexNewsBox .cont .left .bot .time{ font-size: 12px; line-height: 12px;}

	.indexNewsBox .cont .left .bot .p{ font-size: 15px; margin-top: 8px;}

	.banner .more{ width: 14px; height: 44px;}

	.banner .swiper-button-next, .banner .swiper-button-prev{ display: none;}

	.banner .textBox .img{ height: 300px;}

	.banner .textBox .text .h1{ font-size: 15px; font-weight: bold; line-height: 27px;}

	.banner .textBox .text .h2{ font-size: 15px; line-height: 27px; margin-top: 2px;}

	.banner .textBox .text{ width: 80%; left: 10%; top: 40%;}

	.banner .textBox .text .p{ font-size: 12px; line-height: 18px;}

	.navCell{ display: block;}

	.banner .textBox .img img{ width: auto; height: 100%;}

	.padeing{ flex-wrap: wrap;}
	
	

}



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

	.header .cont .right .nav .li, .header .cont .right .nav .li:nth-child(8){ margin-left: 0.4rem;}
	/*.banner .textBox .img img{ width: auto; height: auto;}*/
	.indexSeiver .list .li .p{ display: block;}
	.indexSeiver .list .li .p i{ display: block; margin-left: 0;}
	/*.banner .textBox .text .p{ font-size: 0.22rem; line-height: 0.32rem;}*/
	.aboutRong .li .lister .sLi{ width: 3.4rem;}
	.aboutShe .li .texts{ width: 6.2rem; padding: 0.25rem 0 0 0.23rem;}

}
@media (max-width: 1280px) and (min-width: 900px) {

	.header .cont .right .nav .li, .header .cont .right .nav .li:nth-child(8){ margin-left: 0.2rem;}
	/*.banner .textBox .img img{ width: auto; height: auto;}*/
	.indexSeiver .list .li .p{ display: block;}
	.indexSeiver .list .li .p i{ display: block; margin-left: 0;}
	.header .cont .logo a img{ height: 50px;}
	.indexSeiver .list .li .p i{ font-size: 12px;}
	.indexSeiver .list .li .p{ font-size: 16px;}
	.indexNewsBox .cont .right .moreA{ margin-top: 0.3rem;}
	.indexNewsBox .topTitle .mk .h1{ font-size: 0.4rem;}
	.indexNewsBox .topTitle .mk .p{ font-size: 12px; letter-spacing: 2px; margin-top: 10px;}
	.moreBox a{ font-size: 12px;}
	.indexList .cont .text .textBox .p, .indexList .cont .text .textBox .p i{ font-size: 26px;}
	.w1280{ width: 900px;}
	.aboutBox .cont .list .top .mk .h1{ font-size: 18px;}
	.aboutBox .cont .list .top .mk .p{ font-size: 12px;}
	.aboutBox .cont .list{ width: 195px;}
	.aboutBox .cont .right{ width: 662px;}
	.footer .foot .nav .li{ margin-left: 35px;}
	.aboutRong .li .lister .sLi{ width: 4rem;}
	.aboutShe .li .img{width: 200px;height: 151px;overflow: hidden;}
	.aboutShe .li .texts{ width: 370px; padding: 20px 0 0 15px;}
	.aboutShe .li .texts .p{ font-size: 14px; line-height: 28px; height: 56px;}
	.tradeBox .li{ width: 430px;}
	.tradeBox .li .img{ height: 250px;}
	.tradeBox .li:hover .img{ width: 400px; height: 220px;}
	.trandeBoxMink .cont .right{ width: 625px;}
	.optionBox .list .li{ width: 216px; margin-right: 10px;}
	.newsBox .cont .form .li{ width: 285px; margin-right: 20px;}
	.newsBox .cont .form .li .img{ height: 160px;}
	.dangBox .list .li a .img{width: 370px;height: 210px;}
	.dangBox .list .li .right{width: 355px;padding: 24px 150px 0 0;}
	.dangBox .list .li .right .a{ margin-top: 20px;}
	.jionBox .jionTwo .li{ width: 292px;}
	.trandeBoxMink .cont .contRight .options .list .li{ margin-right: 10px;}
	.trandeBoxMink .cont .contRight .options .list .li a{ width: 131px;}
	
	
	
}
@media (max-width: 900px) and (min-width: 750px) {

	.header{ display: none;}

	html,body{ font-size: calc(100vw/7.5);}

	.bannerDate{ margin-top: 60px;}

	.bannerDate .img{ height: 220px;}

	.w1280{ width: auto;}

	.bannerDate .text{ width: 80%; left: 10%; top: 50%;}

	.bannerDate .text .h1{ font-size: 18px; font-weight: bold; line-height: 28px;}

	.bannerDate .text .p{ font-size: 14px; margin-top: 15px;}

	.aboutBoxMax{ padding: 0; margin: 0;}

	.aboutBox .cont{ display: block; padding-top: 0.25rem;}

	.aboutBox .cont .list .top{ position: relative; top: auto; left: auto; height: 104px;}

	.aboutBox .cont .list{ width: auto; padding: 0; margin: 0 0.25rem;}

	.aboutBox .cont .list .top::after, .aboutBox .cont .list::after{ display: none;}

	.aboutBox .cont .list .top .mk{ width: 100%;}

	.aboutBox .cont .list .top .mk .h1{ font-size: 20px; font-weight: bold; line-height: 30px;}

	.aboutBox .cont .list .top .mk .p{ font-size: 16px; margin-top: 5px;}

	.aboutBox .cont .list .nav{ display: flex; justify-content: flex-start; flex-wrap: wrap;}

	.aboutBox .cont .list .nav a{ margin-bottom: 0; width: 33%; text-align: center; font-size: 15px; line-height: 40px; position: relative; border-bottom: 1px solid #eee;}

	.aboutBox .cont .list .nav a::after{ content: ''; position: absolute; top: 0; right: 0; background: #eee; width: 1px; height: 100%; transform: none; opacity: 1; border-radius: 0; border: none;}

	.aboutBox .cont .list .nav a:nth-child(3n){ width: 34%;}

	.aboutBox .cont .right{ width: auto; padding: 30px 0.25rem;}

	.htBox{ display: block; text-align: center;}

	.htBox .h1{ font-size: 18px; line-height: 28px; font-weight: bold; margin-left: 0;}

	.htBox .p{ font-size: 12px; margin-left: 0;}

	.aboutBox .cont .right .tetx p{ font-size: 14px; line-height: 28px;}

	.footer .foot{ padding: 35px 0.25rem; display: block;}

	.footer .foot .logo img{ height: 80px; margin: auto;}

	.footer .foot .logo .tel{ margin-top: 20px;}

	.aboutBox .cont .right .tetx{ margin-top: 25px;}

	.footer .foot .nav{ display: none;}

	.footer .foot .right .wear{ justify-content: center; margin-top: 35px;}

	.footer .foot .right .wear .li:first-child{ margin-left: 0;}

	.footer .boot .mk{ justify-content: center; flex-wrap: wrap; padding: 15px 0.25rem;}

	.footer .boot .mk a, .footer .boot .mk p{ font-size: 12px; line-height: 22px; margin: 0 5px;}

	.footer .foot .right .open{ margin: 25px auto 0;}

	.footer .foot .right .open .list{ top: auto; bottom: 42px; padding-top: 0; padding-bottom: 3px;}

	.aboutQiBox{ padding-top: 15px;}

	.aboutQiBox .li{ margin-top: 0.25rem;}

	.aboutQiBox .li .img{ width: 100%; height: 200px; position: relative;}

	.aboutQiBox .li .img img{ position: absolute; top: 0; width: auto; height: 100%; left: 50%; transform: translateX(-50%);}

	.aboutQiBox .li .ter{ width: 80%; right: 10%; text-align: center;}

	.aboutQiBox .li .ter .h1{ font-size: 17px;}

	.aboutQiBox .li .ter .p{ font-size: 14px; line-height: 24px; margin-top: 10px;}

	.aboutRong .li .lister{ justify-content: space-between; margin-top: 20px;}

	.aboutRong .li .lister .sLi{ margin-top: 0.25rem; margin-right: 0; width: 3.38rem;}

	.aboutRong .li .lister .sLi .img{ width: 3.08rem; height: 2.2rem;}

	.aboutRong .li .lister .sLi a{ padding-top: 0.2rem;}

	.aboutRong .li .lister .sLi .p{ font-size: 12px; margin: 10px auto; line-height: 18px;}

	.aboutShe .li{ margin-top: 0.25rem;}

	.aboutShe .li a{ display: block;}

	.aboutShe .li .img{ width: auto; height: auto;}

	.aboutShe .li .texts{ padding: 25px 20px; width: auto;}

	.aboutShe .li .texts .h1{ font-size: 17px;}

	.aboutShe .li .texts .p{ line-height: 24px; height: auto;}

	.aboutShe .li .texts .time{ margin-top: 15px;}

	.contactBox .topBox{ margin: 0 0.25rem; height: auto; width: auto;}

	.contactBox{ padding-top: 0.25rem;}

	.contactBox .topBox .list{ display: block; margin-top: 25px;}

	.contactBox .topBox .mik{ padding: 35px 25px;}

	.contactBox .topBox .list .li div{ font-size: 14px;}

	.contactBox .topBox .list .li{ margin-top: 15px;}


	.contactBox .topBox .list .li:first-child{ margin-top: 0;}

	.contactBox .mapBox .map{ left: 0.25rem; bottom: 0.25rem; right: 0.25rem; top: 0.25rem;}

	.contactBox .mapBox{ margin: 0.25rem 0.25rem 0 0.25rem; height: 220px; width: auto;}

	.dangBox .textBox{ margin: 30px 0.25rem 0 0.25rem;}

	.dangBox .textBox p, .dangBox .textBox p i{ font-size: 14px; line-height: 28px;}

	.dangBox .list{ margin: 40px 0.25rem 0 0.25rem;}

	.dangBox .list .li a{ display: block;}

	.dangBox .list .li a .img{ width: auto; height: auto;}

	.dangBox .list .li .right{ padding: 0.25rem; width: auto;}

	.dangBox .list .li .right .time{ display: none;}

	.dangBox .list .li .right .a{ display: none;}

	.dangBox .list .li .right .h1{ font-size: 17px;}

	.dangBox .list .li{ margin-top: 0.25rem;}

	.dangBox .list .li .right .p{ font-size: 14px; height: auto; line-height: 24px;}

	.jionBox .jionOne{ margin: 30px 0.25rem 0 0.25rem; background: #fff;}

	.jionBox .jionOne .text{ width: auto; padding: 0.25rem; font-size: 14px; line-height: 28px;}

	.jionBox .jionOne .text i{ font-size: 14px; line-height: 28px;}

	.jionBox .jionTwo{ display: block; padding: 0 0.25rem;}

	.jionBox .jionTwo .li{ margin-top: 0.25rem; width: auto; margin-right: 0;}

	.newsBox .nav a{ font-size: 16px; width: 120px; line-height: 40px;}

	.newsBox .cont .form .li{ width: 3.38rem; margin-right: 0; margin-bottom: 0.25rem;}

	.newsBox .cont .form{ justify-content: space-between; margin: 30px 0.25rem 0 0.25rem;}

	.newsBox .cont .form .li .img .time{ display: none;}

	.newsBox .cont .form .li .img{ height: 1.96rem;}

	.newsBox .cont .form .li .a{ display: none;}

	.newsBox .cont .form .li .p{ font-size: 14px; line-height: 24px; height: auto; margin: 10px 0 0 0;}

	.optionBox .list{ padding: 25px 0.25rem 0 0.25rem; justify-content: space-between;}

	.optionBox .list .li{ width: 3.38rem; height: auto; margin-right: 0; margin-top: 0.25rem;}

	.optionBox .list .li .img{ height: 100px;}

	.optionBox .list .li .p .m{ font-size: 14px; line-height: 20px; padding: 15px 0 0 0;}

	.optionBox .list .li .p .em{ width: 30px; margin: 15px auto;}

	.optionBox .list .li .p{ height: auto;}

	.optionBox .bots{ margin: 30px 0.25rem 0 0.25rem; line-height: 24px;}

	.tradeBox{ padding: 30px 0.25rem 0 0.25rem; display: block; margin-top: 0;}

	.tradeBox .li{ width: 100%; height: auto; margin-bottom: 0.35rem;}

	.tradeBox .li .img{ height: auto;}

	.tradeBox .li .text, .tradeBox .li:hover .text{ padding: 15px 0 0 0;}

	.tradeBox .li .text .h1{ font-size: 17px; font-weight: bold;}

	.tradeBox .li .text .h1::after{ display: none;}

	.tradeBox .li .text .p{ font-size: 14px; line-height: 24px;}

	.trandeBoxMink{ padding: 0.25rem;}

	.trandeBoxMink .cont{ display: block;}

	.trandeBoxMink .cont .left{ width: auto;}

	.trandeBoxMink .cont .left .top{ height: 104px;}

	.trandeBoxMink .cont .left .top .mk .h1{ font-size: 20px; font-weight: bold; line-height: 30px;}

	.trandeBoxMink .cont .left .top .mk .p{ font-size: 16px; margin-top: 5px;}

	.trandeBoxMink .cont .left .nav{ padding: 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}

	.trandeBoxMink .cont .left .nav .li{ border-bottom: 1px solid #eee; margin-top: 0; width: 50%;}

	.trandeBoxMink .cont .left .nav a{ line-height: 18px; font-size: 12px; text-align: center; padding: 11px 0.1rem;}

	.trandeBoxMink .cont .left .nav .li{ position: relative;}

	.trandeBoxMink .cont .left .nav .li::before{ width: 1px; height: 100%; transform: none; position: absolute; top: 0; right: 0; border: none; border-radius: 0; background: #eee; content: '';}

	.trandeBoxMink .cont .left .nav a::after{ display: none;}

	.trandeBoxMink .cont .right{ width: auto; margin-top: 0.25rem;}

	.trandeBoxMink .cont .contRight{ padding: 25px 0.25rem;}

	.trandeBoxMink .cont .contRight .h2{ font-size: 17px; font-weight: bold; line-height: 20px;}

	.trandeBoxMink .cont .contRight .texts .p{ font-size: 14px; line-height: 28px;}

	.trandeBoxMink .cont .contRight .options .list{ justify-content: space-between; display: flex; flex-wrap: wrap;}

	.trandeBoxMink .cont .contRight .options .list .li{ margin-top: 0.25rem; width: 3.15rem; margin-right: 0;}

	.trandeBoxMink .cont .contRight .options .list .li a{ width: 3.15rem; height: auto;}

	.trandeBoxMink .cont .contRight .options .list .li .img{ height: 100px;}

	.trandeBoxMink .cont .contRight .options .list .li .text{ padding-bottom: 15px;}

	.trandeBoxMink .cont .contRight .options .list .li .p{ font-size: 14px; line-height: 20px; padding: 15px 0 0 0;}

	.trandeBoxMink .cont .contRight .options .list .li .em{ width: 30px; margin: 10px auto 0;}

	.tradeBox .li:hover .img{ width: auto; height: auto;}

	.tradeBox .li a:hover{ padding-top: 0;}

	.tradeBox2 .li .text .p{ opacity: 1;}

	.banner{ margin-top: 60px;}

	.indexList .cont .h1 p{ font-size: 17px; font-weight: bold; line-height: 30px;}

	.indexList{ padding-top: 35px;}

	.indexList .cont{ padding: 0 0.25rem;}

	.indexList .cont .text .textBox .p, .indexList .cont .text .textBox .p i{ font-size: 17px; line-height: 30px;}

	.indexList .cont .text .textBox .p{ padding: 0 55px; text-align: center;}

	.indexList .cont .text{ height: 100px; margin-top: 20px;}
	
	.indexList .cont .text .textBox .p::after, .indexList .cont .text .textBox .p::before{ width: 20px; height: 20px;}

	.indexList .cont .text .textBox .p::before{ right: 20px;}

	.indexList .cont .text .textBox .p::after{ left: 20px;}
	.indexList .cont .text .textBox{ height: 100px;}

	.indexSeiver .list .li{ width: 50%; height: 50px; position: relative;}

	.indexSeiver .list .li::before{ content: ''; width: 100%; height: 1px; background: hsla(0,0%,93%,0.40); position: absolute; top: 0; left: 0;}

	.indexSeiver .list{ flex-wrap: wrap; top: 0; bottom: auto;}

	.indexSeiver .iconBox, .indexSeiver .iconBox .cont, .indexSeiver .iconBox .cont .mink{ width: auto; height: auto; position: relative; top: auto; left: auto; transform: none; margin: 0; border-radius: 0;}

	.indexSeiver .indexSeiverBox .minker{ padding: 115px 0.25rem 0.25rem 0.25rem; width: auto; height: auto;}

	.indexSeiver .iconBox{ padding: 0.25rem;}

	.indexSeiver .iconBox .cont .mink{ padding: 30px 0.25rem;}

	.indexSeiver .iconBox .cont .mink .h1{ font-size: 20px; line-height: 24px; margin-top: 20px;font-weight: bold;}

	.indexSeiver .iconBox .cont .mink .p{ padding: 25px 0.25rem 35px 0.25rem; font-size: 14px;}

	.indexSeiver .list .li .icon img{ max-width: 20px;}

	.indexSeiver .list .li .p i{ display: none;}

	.indexSeiver .list .li .p{ font-size: 17px; font-weight: bold;}

	.indexNewsBox .cont{ display: block;}

	.indexNewsBox .cont .left, .indexNewsBox .cont .right{ width: auto; height: auto; display: block;}

	.indexNewsBox .cont .right .mk{ padding: 0.25rem; display: block;}

	.indexNewsBox .cont .right .list .li{ width: 3.38rem;}

	.indexNewsBox .cont .right .list .li .a{ display: none;}

	.indexNewsBox .cont .right .list .li .img{ height: 1.96rem;}

	.indexNewsBox .cont .right .list .li .p{ font-size: 14px; line-height: 24px; height: auto;}

	.indexNewsBox .cont .right .moreA{ display: none;}

	.indexNewsBox .topTitle{ position: relative; left: auto; top: auto; width: auto; height: auto; margin: 0.25rem; text-align: center; display: block;}

	.indexNewsBox .topTitle .mk .h1{ font-size: 20px; font-weight: bold;}

	.indexNewsBox .topTitle .mk .p{ margin-top: 10px;}

	.indexNewsBox .topTitle .moreBox{ display: none;}

	.indexNewsBox .topTitle .mk{ padding: 30px 0;}

	.indexNewsBox .cont .left{ margin: 0 0.25rem;}

	.indexNewsBox .cont .left .img{ height: 3.94rem;}

	.indexNewsBox .cont .left .img img{ width: 100%; height: auto; position: relative; left: auto; top: auto; transform: none;}

	.indexNewsBox .cont .left .bot{ left: 0.25rem; bottom: 0.3rem; right: 0.25rem;}

	.indexNewsBox .cont .left .bot .time{ font-size: 12px; line-height: 12px;}

	.indexNewsBox .cont .left .bot .p{ font-size: 15px; margin-top: 8px;}

	.banner .more{ width: 14px; height: 44px;}

	.banner .swiper-button-next, .banner .swiper-button-prev{ display: none;}

	.banner .textBox .img{ height: 300px;}

	.banner .textBox .text .h1{ font-size: 20px; font-weight: bold; line-height: 22px;}

	.banner .textBox .text .h2{ font-size: 16px; line-height: 24px; margin-top: 15px;}

	.banner .textBox .text{ width: 80%; left: 10%; top: 40%;}

	.banner .textBox .text .p{ font-size: 12px; line-height: 18px;}

	.navCell{ display: block;}
	.banner .textBox .img img{ width: 100%; height: auto;}


}

@media (max-width: 1660px) and (min-width: 1280px){
	.w1280{ width: 14rem;}
	.tradeBox .li{ width: 6.5rem; height: auto; margin-bottom: 0.28rem;}
	.tradeBox .li .img{ height: 3.51rem;}
	.tradeBox .li:hover .img{ width: 5.63rem; height: 3.11rem;}
	.aboutBox .cont .list{ width: 2.55rem;}
	.aboutBox .cont .right{ width: 10.7rem;}
	.aboutBox .cont .list .top .mk .h1{font-size: 0.34rem;line-height: 0.34rem;}
	.aboutBox .cont .list .top .mk .p{ font-size: 0.2rem;}
	.trandeBoxMink .cont .left{ width: 3rem;}
	.trandeBoxMink .cont .left .top .mk .h1{ font-size: 0.3rem; line-height: 0.34rem;}
	.trandeBoxMink .cont .left .top .mk .p{ font-size: 0.2rem; line-height: 0.2rem;}
	.trandeBoxMink .cont .right{ width: 10.7rem;}
	.trandeBoxMink .cont .contRight .options .list .li{ margin-top: 22px; margin-right: 17px; transition: all 0.5s;}
	.trandeBoxMink .cont .contRight .options .list .li{ margin-top: 0.22rem; margin-right: 0.17rem;}
	.trandeBoxMink .cont .contRight .options .list .li a{ width: 2.3rem; height: 2.17rem;}
	.trandeBoxMink .cont .contRight .options .list .li .img{ height: 1.24rem;}
	.trandeBoxMink .cont .contRight .options .list .li .p{ font-size: 0.16rem; line-height: 0.16rem; padding-top: 0.25rem;}
	.trandeBoxMink .cont .contRight .options .list .li .em{ width: 0.49rem; margin: 0.22rem auto 0;}
	
	.optionBox .list .li{ width: 3.25rem; margin-right: 0.29rem; margin-top: 0.33rem;}
	.optionBox .list .li .img{ height: 1.69rem;}
	.optionBox .list .li .p{ height: 0.94rem;}
	.optionBox .list .li .p .m{ padding-top: 0.24rem; font-size: 0.16rem; line-height: 0.16rem;}
	.optionBox .list .li .p .em{ width: 0.5rem; margin: 0.23rem auto 0;}
	
	.newsBox .cont .form .li{ width: 4.35rem; margin-bottom: 0.46rem; margin-right: 0.37rem;}
	.newsBox .cont .form .li .img{ height: 2.34rem;}
	.newsBox .cont .form .li .img .time{ width: 0.78rem; height: 0.86rem;}
	.newsBox .cont .form .li .img .time .mk .h{ font-size: 0.4rem; line-height: 0.3rem;}
	.newsBox .cont .form .li .img .time .mk p{ font-size: 0.15rem; line-height: 0.15rem; opacity: 0.5; margin-top: 0.08rem;}
	
	.dangBox .list .li a i{ left: 5.32rem; height: 4px;}
	.dangBox .list .li a .img{ width: 5.32rem; height: 3.09rem;}
	.dangBox .list .li .right{ width: 6.5rem; padding: 0.4rem 1.5rem 0 0; }
	.dangBox .list .li .right .h1{ font-size: 0.2rem; line-height: 0.28rem;}
	.dangBox .list .li .right .p{ line-height: 0.34rem; margin-top: 0.15rem; height: 1.02rem;}
	.dangBox .list .li .right .a{ font-size: 0.14rem; line-height: 0.16rem; margin-top: 0.65rem;}
	.dangBox .list .li .right .time{ width: 0.78rem; height: 0.86rem; top: 0.42rem; right: 0.25rem;}
	.dangBox .list .li .right .time .mk .h{ font-size: 0.42rem; line-height: 0.42rem;}
	.dangBox .list .li .right .time .mk p{ line-height: 0.14rem;}

	.jionBox .jionTwo .li{ width: 4.5rem;}
	.jionBox .jionOne .text{ width: 510px;}
	.banner .textBox .text .h1, .banner .textBox .text .h2{ font-size: 0.44rem;}


}

.aboutShe .li .texts .h1,

.dangBox .list .li:hover .right .h1,

.dangBox .list .li .right .h1,

.tradeBox2 .li .text .p,
.trandeBoxMink .cont .left .nav a{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}

.aboutShe .li .texts .p,

.indexNewsBox .cont .right .list .li .p,

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

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