/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	
}

@media screen and ( max-width:1440px ){
	:root {
	--fs16: 14px;
	--fs15: 13px;
    --fs14: 13px;
  	}
	
}	

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

@media screen and ( max-width:1280px ){
	:root {
	--fs15: 12px;
    --fs14: 12px;
  	}
}


@media screen and ( max-width:1024px ){
	:root {
    --fs14: 0.24rem;
    --fs15: 0.26rem;
    --fs16: 0.26rem;
    --fs18: 0.28rem;
    --fs20: 0.3rem;
    --fs22: 0.32rem;
    --fs24: 0.36rem;
    --fs28: 0.4rem;
    --fs40: 0.42rem;
    --fs48: 0.48rem;
    --fs72: 0.48rem;
  	}
	.wal, .w1060, .w376{ width:100%;}
	.PC-Box, .nav, .sNav, .pageTop, .footNav, .pageNav, .sideNews, .ind-banner .more{ display:none;}
	.Phone-Box, .navIco, .pageTitleTel, .pageMore{ display:block;}
	.headD{ height:1.2rem;}
	.headDiv{ height: 1.2rem; }
	.headDiv-logo{ top: 0.3rem; left:0.3rem; }
	.headDiv-logo img{ width: 1.8rem; }
	.headDiv .topSearch{ right: 1.2rem; top: 0.24rem; width: 3.65rem; padding-right: 0.7rem; height: 0.72rem; }
	.headDiv .topSearch .inputA{ padding-left: 0.2rem; height: 0.7rem; line-height: 0.7rem; }
	.headDiv .topSearch .btn1{ right: 2px; top: 1px; width: calc(0.7rem - 3px); height: calc(0.7rem - 3px); background-size: 0.32rem;}

	.ind-banner .onebox{ width: 5.2rem; right: 0.3rem; margin-right: 0; display:none; }
	.ind-banner .onebox .txtImg{ display: none;}
	.ind-banner .onebox .en{ font-size: var(--fs14); }
	.ind-banner .onebox .txt{ margin: 0.1rem 0; font-size: var(--fs22); line-height: 0.42rem; }
	/*.ind-banner .onebox .numList{ display: none; }*/
	.ind-banner .onebox .numList li{ padding-left: 0.5rem; margin-bottom: 0.1rem; }
	.ind-banner .onebox .numList li .ico{ margin-top: -0.18rem; }
	.ind-banner .onebox .numList li .ico img{ width: 0.36rem; }
	.ind-banner .onebox .numList li .num{ padding-right: 0.15rem; font-size: var(--fs36); line-height: 0.38rem; }
	.ind-banner .onebox .numList li .num:after{ width: 8px; height: 8px; background-size: 8px; }
	.ind-banner .onebox .numList li .zi{ font-size: var(--fs14); line-height: 0.32rem; }


	.ind-banner .twobox{ left: 0.3rem; margin-left: 0; width: auto; }
	.ind-banner .twobox .txt{ font-size: var(--fs28); line-height: 0.56rem; }
	.ind-banner .twobox .cn{ margin-top: 0.1rem; font-size: var(--fs22); line-height: 0.48rem; }
	.ind-banner .twobox .en{ display:none; margin-top: 0.1rem; font-size: var(--fs14); line-height: 0.32rem; }
	.ind-banner .more{ margin-top: 0.2rem; width: 2.32rem; line-height: 0.82rem; height: 0.82rem; }
	.ind-banner .swiper-pagination{ bottom: 0.3rem; } 
	.ind-banner .swiper-pagination-bullet { width: 0.48rem; height: 2px; margin: 0 5px!important; } 

	.indexP1{ padding: 0.95rem 0.3rem; }
	.indexP1 .toptop{ height: auto; overflow: hidden; padding-bottom: 0.4rem;}
	.indexP1 .tab{ margin-top: 0.4rem; position: relative; top: 0; }
	.indexP1 .tab ul{ margin-right: -0.2rem; }
	.indexP1 .tab li{ float: left; width: 50%; margin-bottom:0.2rem; }
	.indexP1 .tab li .box{ margin-right: 0.2rem; width: 100%; height: 0.86rem; line-height: 0.86rem; }
	.indexP1 .tips{ margin-top:0.2rem;}

	.indexP1 .tab2{ height: 1.1rem; padding: 0 0.2rem; }
	.indexP1 .tab2 li{ margin: 0 0.25rem; line-height: 1.1rem; }
	.indexP1 .leftDiv{ width: auto; float: none; height: auto;}
	.indexP1 .leftDiv a{ height: 5.96rem; }
	.indexP1 .leftDiv .imgDiv{ height: 5.96rem; }
	.indexP1 .leftDiv .name{ height: 0.84rem; line-height: 0.42rem; font-size: var(--fs14); }
	.indexP1 .leftDiv .layer{ display: none; }
	.indexP1 .leftDiv .label{ position: absolute; right: 0; top: 0.3rem; z-index: 2; }
	.indexP1 .leftDiv .label dd em{ height: 0.6rem; border-top-left-radius: 0.36rem; border-bottom-left-radius: 0.36rem; line-height: 0.6rem; }

	.indexP1 .leftDiv a:hover .name{ opacity: 1; }
	.indexP1 .rightDiv{ width: auto; float: none; margin-top: 1px; }

	.indexP1 .rightDiv ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; }
	.indexP1 .rightDiv li{ width: 50%; margin-bottom: 0.3rem; }
	.indexP1 .rightDiv li a{ height: auto; }
	.indexP1 .rightDiv li .label{ position: absolute; right: 0; top: 0.3rem; z-index: 2; }
	.indexP1 .rightDiv li .label dd em{ height: 0.6rem; border-top-left-radius: 0.36rem; border-bottom-left-radius: 0.36rem; line-height: 0.6rem; }
	.indexP1 .rightDiv li .imgDiv{ height: 3.2rem; }
	.indexP1 .rightDiv li .name{ position: relative; background:none; color:#333; padding: 0; margin-top: 0.2rem; height: auto; bottom: 0; line-height: 0.42rem; font-size: var(--fs14); }
	.indexP1 .rightDiv li .layer{ padding: 0 0.2rem; display: none;}
	.indexP1 .rightDiv li .name2{ line-height: 0.42rem; font-size: var(--fs14); }
	.indexP1 .rightDiv li .ico{ width: 0.76rem; height: 0.76rem; }
	.indexP1 .rightDiv li a:hover .name{ opacity: 1; color: #4b479a; }

	.indexP2{ padding: 0 0.3rem 0.6rem; }
	.indexP2 .toptop{ height: 1.6rem; }
	.indexP2 .more{ top: 0.15rem; }
	.indexP2 .more a{ width: 2.24rem; height: 0.82rem; line-height: 0.82rem; }
	.indexP2 .list{ padding: 0; margin: 0;}
	.indexP2 .list li .box{ box-shadow: none;}
	.indexP2 .list li .imgDiv{ height: 4.8rem; }
	.indexP2 .list li .botDiv{ height: auto; padding: 0.4rem 0.3rem; background: #f5f5f5; }
	.indexP2 .list li .name{ font-size: var(--fs20); line-height: 0.42rem; height: 0.84rem; }
	.indexP2 .list li .time{ margin-top: 0.15rem; padding-left: 0.36rem; background-size: 0.26rem; }
	.indexP2 .list li .content{ line-height: 0.48rem; height: 0.96rem; }
	.indexP2 .list li .look{ display: none; }
	.indexP2 .swiper-pagination{ display: block; }
	.indexP3{ display: block; height: auto; background: #fcfcff!important;}
	.indexP3 .conDiv{ width: auto; padding: 0.8rem 0.3rem; position:relative; z-index:1; }
	.indexP3 .txt{ width: auto; font-size: var(--fs28); }
	.indexP3 .content{ line-height: 0.48rem; }
	.indexP3 .more a{ width: 2.24rem; height: 0.82rem; line-height: 0.82rem; }
	.indexP4{ padding: 1.0rem 0.3rem; height: auto;}
	.indexP4 .msg{ font-size: var(--fs22); line-height: 0.52rem; }
	.indexP4 .form{ width: auto; }
	.indexP4 .form ul{ margin-right: 0; }
	.indexP4 .form li{ float: none; width: auto; margin-bottom: 0.25rem; }
	.indexP4 .form li .box{ margin-right: 0; padding-left: 2.1rem; }
	.indexP4 .form li .txt{ left: 0.2rem; line-height: 0.9rem; padding-left: 0.56rem; }
	.indexP4 .form li .txt img{ margin-top: -0.19rem; width: 0.38rem; }
	.indexP4 .form li .input1{ height: 0.9rem; line-height: 0.9rem; }
	.indexP4 .btnDiv li{ margin-right: 0.25rem; }
	.indexP4 .btnDiv li a{ width: 2.32rem; height: 0.82rem; }
	.indexP4 .btnDiv li:nth-child(1) em{ width: 0.32rem; height: 0.32rem; background-size: 0.32rem; }
	.indexP4 .btnDiv li:nth-child(2) em{ width: 0.32rem; height: 0.32rem; background-size: 0.32rem; }
	.indexP4 .btnDiv li:nth-child(1) a:hover em{ background-size: 0.32rem; }
	.indexP4 .btnDiv li:nth-child(2) a:hover em{ background-size: 0.32rem; }
	.footDiv .toptop{ padding: 0.9rem 0.3rem 0.7rem;}
	.footDiv .leftDiv{ padding-top: 0; width: auto; float: none; }
	.footDiv .leftDiv:after{ display: none; }
	.footDiv-logo{ height: auto; margin-bottom: 0.65rem;}
	.footDiv-logo img{ width: 2.4rem; }
	.footDiv .rightDiv{ width: auto; float: none; padding-top: 0;}
	.footDiv .wen{ font-size: var(--fs22); line-height: 0.32rem; padding-bottom: 0.35rem; }
	.footDiv .tel{ font-size: var(--fs24); }
	.footDiv .address{ padding-bottom: 0.4rem; line-height: 0.48rem; }
	.footDiv .ewmDiv{ width: 2.3rem; }
	.footDiv .ewmDiv p{ line-height: 0.3rem; margin-top: 0.25rem; }

	.footDiv .botbot{ padding: 0.35rem 0.3rem 1.9rem; height: auto; }
	.footDiv .share{ padding-top: 0; float: none; }
	.footDiv .share li a{ width: 0.76rem; height: 0.76rem; }
	.footDiv .share li img{ width: 0.36rem; margin-left: -0.18rem; margin-top: -0.18rem; }
	.footDiv .msg{ padding-top: 0.25rem; float: none; line-height: 0.52rem; font-size: var(--fs16); }
	.sideBar{ left: 0.3rem; top: auto; bottom: 0.3rem; width: calc(100% - 0.6rem); }
	.sideBar .list{ border: none; height: 1.3rem; }
	.sideBar .list li{ float: left; width: 25%; height: 1.3rem; background: url(../images/line2.jpg) right center no-repeat; }
	.sideBar .list li .lbox{ padding-top: 0.25rem; }
	.sideBar .list li .ico{ width: 0.4rem; height: 0.4rem; }
	.sideBar .list li .ico img{ width: 0.4rem; }
	.sideBar .list li .txt{ margin-top: 0.12rem; font-size: var(--fs14); }
	.sideBar .list .liNow .ico .show, .sideBar .list .liNow .ico .hide{transform:translateY(-0.42rem);-webkit-transform:translateY(-0.42rem);-moz-transform:translateY(-0.42rem)}
	.sideBar .list .li02 .mouse{ left: 50%; margin-left: -1.31rem; top: -3.38rem; width: 2.62rem; height: 3.38rem; }
	.sideBar .list .li02.on .mouse{ left: 50%; }
	.sideBar .list .li02 .mouse .zi{ padding: 0.32rem 0 0.15rem;}
	.sideBar .list .li02 .mouse .ewm{ width: 2.3rem; }
	.sideBar .list .li03 .mouse{ left: auto; right: 0; top: -0.9rem; width: 3.12rem; height: 0.9rem; }
	.sideBar .list .li03.on .mouse{ left: auto; }
	.sideBar .list .li03 .mouse .tel2{ line-height: 0.9rem; font-size: var(--fs22); }
	.pageBanner .info{ left: 0.3rem; }
	.pageBanner .en{ line-height: 0.48rem; }
	.brand{ padding: 0.9rem 0.3rem 1.0rem; }
	.brand .list li{ width: 33.33%; }
	.brand .list li a{ height: 1.5rem;}
	.brand .list li .imgDiv img{ max-width: 1.5rem; max-height: 0.8rem; }
	.secondTab{ height: 1.1rem; }
	.proNav{ padding: 0 0.6rem; }
	.proNav .list:after{ width: 0.5rem; }
	.proNav .list li a{ height: 1.1rem; line-height: 1.1rem; }
	.proNav .se{ top: 0; margin-top: 0; height: 1.1rem; }
	.proNav .prev{ left: 0.2rem; }
	.proNav .next{ right: 0.2rem; }
	.thirdTab{ overflow: hidden; }
	.thirdTab ul{ margin-right: -0.3rem; }
	.thirdTab li{ display: block; width: 50%; float: left; padding-bottom: 0.3rem;}
	.thirdTab li .box{ margin: 0 0.3rem 0 0; }
	.thirdTab li a{ height: 0.9rem; line-height: 0.9rem; padding: 0; }

	.product{ padding: 0.75rem 0.3rem 1.0rem; }
	.product .list{ padding: 0.5rem 0 0.7rem; }
	.product .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; }
	.product .list li{ width: 50%; margin-bottom: 0.3rem; }
	.product .list li a{ height: auto; }
	.product .list li .imgDiv{ height: 3.2rem; }
	.product .list li .imgDiv img{ max-height:3.2rem;}
	.product .list li .name{ position: relative; height: auto; line-height: 0.42rem; font-size: var(--fs14); }
	.product .list li .layer{ padding: 0 0.2rem; display: none;}
	.product .list li .name2{ line-height: 0.42rem; font-size: var(--fs14); }
	.product .list li .ico{ width: 0.76rem; height: 0.76rem; }
	.product .list li .label{ position: absolute; right: 0; top: 0.3rem; z-index: 2; }
	.product .list li .label dd em{ height: 0.6rem; border-top-left-radius: 0.36rem; border-bottom-left-radius: 0.36rem; line-height: 0.6rem; }
	.product .list li a:hover .name{ opacity: 1; color: #4b479a; }
	.knowledge{ padding: 0.95rem 0.3rem 1.0rem; }
	.knowledge .list{ padding: 0.5rem 0 0.9rem; }
	.knowledge .list li a{ height: 2rem; padding: 0.25rem 0.3rem 0 1.9rem; }
	.knowledge .list li .time{ left: 0.2rem; margin-top: -0.67rem; width: 1.4rem; height: 1.35rem; }
	.knowledge .list li .time em{ font-size: var(--fs28); line-height: 0.4rem; }
	.knowledge .list li .name{ font-size: var(--fs22); line-height: 0.48rem; height: 0.48rem; }
	.knowledge .list li .content{ line-height: 0.48rem; height: 0.96rem; }
	.knowledge .list li .ico{ display: none; }
	.knowledge .list li a:hover, .knowledge .list li a:hover:after{ background: #f8f8ff; }
	.knowledge .list li a:hover .time{ border: #494498 solid 1px; background: #494498; color: rgba(255,255,255,0.8); }
	.knowledge .list li a:hover .time em{ color: rgba(255,255,255,0.8);}
	.knowledge .list li a:hover .name{ color: #494498; }
	.knowledge .list li a:hover .ico{ background: #494498 url(../images/ico2on.png) center no-repeat;}
	.tryout{ padding: 1.0rem 0.3rem; height: auto;}
	.tryout .msg{ font-size: var(--fs22); line-height: 0.52rem; }
	.tryout .form{ width: auto; }
	.tryout .form ul{ margin-right: 0; }
	.tryout .form li{ float: none; width: auto; margin-bottom: 0.25rem; }
	.tryout .form .li01, .tryout .form .li02{ width: auto; }
	.tryout .form li .box{ margin-right: 0; padding-left: 2.1rem; }
	.tryout .form li .txt{ left: 0.2rem; line-height: 0.9rem; padding-left: 0.56rem; }
	.tryout .form li .txt img{ margin-top: -0.19rem; width: 0.38rem; }
	.tryout .form li .input1{ height: 0.9rem; line-height: 0.9rem; }
	.tryout .form li textarea{ padding-top: 0.2rem; height: 2.6rem; line-height: 0.48rem; }
	.tryout .btnDiv li{ margin-right: 0.25rem; }
	.tryout .btnDiv li a{ width: 2.32rem; height: 0.82rem; }
	.tryout .btnDiv li:nth-child(1) em{ width: 0.32rem; height: 0.32rem; background-size: 0.32rem; }
	.tryout .btnDiv li:nth-child(2) em{ width: 0.32rem; height: 0.32rem; background-size: 0.32rem; }
	.tryout .btnDiv li:nth-child(1) a:hover em{ background-size: 0.32rem; }
	.tryout .btnDiv li:nth-child(2) a:hover em{ background-size: 0.32rem; }
	.maintain{ padding: 1.0rem 0.3rem; }
	.maintain .msg{ font-size: var(--fs22); line-height: 0.52rem; }
	.maintain .form{ width: auto; }
	.maintain .form ul{ margin-right: 0; }
	.maintain .form li{ float: none; width: auto; margin-bottom: 0.25rem; }
	.maintain .form .li01, .maintain .form .li02{ width: auto; }
	.maintain .form li .box{ margin-right: 0; padding-left: 2.45rem; }
	.maintain .form .li02 .box{ padding-left: 2.9rem; }
	.maintain .form li .txt{ left: 0.2rem; line-height: 0.9rem; padding-left: 0.56rem; }
	.maintain .form li .txt img{ margin-top: -0.19rem; width: 0.38rem; }
	.maintain .form li .input1{ height: 0.9rem; line-height: 0.9rem; }
	.maintain .form li textarea{ padding-top: 0.2rem; height: 2.6rem; line-height: 0.48rem; }
	.maintain .form li .single{ padding-left: 0; }
	.maintain .form li .single dd{ line-height: 0.9rem; margin-right: 0.35rem; }
	.maintain .btnDiv{ margin: 0.6rem auto 0; width: 2.32rem; }
	.maintain .btnDiv a{ height: 0.82rem; }
	.maintain .btnDiv em{ width: 0.32rem; height: 0.32rem; background-size: 0.32rem; }
	.maintain .btnDiv a:hover em{ background-size: 0.32rem; }
	.news{ padding: 1.0rem 0.3rem; }
	.news .mxfDiv .imgDiv{ position: relative; width: 100%; height: auto; }
	.news .mxfDiv .imgDiv img{ height: auto; }
	.news .mxfDiv a{ padding:0; height: auto; }
	.news .mxfDiv .conDiv{ height: auto; display: block; padding: 0.5rem 0.4rem; }
	.news .mxfDiv .time{ padding-left: 0.36rem; background-size: 0.26rem; margin-bottom: 0.3rem; line-height: 0.26rem; }
	.news .mxfDiv .name { font-size: var(--fs22); line-height: 0.48rem; }
	.news .mxfDiv .content{ line-height: 0.52rem; height: 1.56rem; }
	.news .mxfDiv .more{ display: none; }
	.news .list ul{ margin-right: -0.2rem; }
	.news .list li{ width: 50%; }
	.news .list li .box{ margin-right: 0.2rem; }
	.news .list li .imgDiv{ height: 2.4rem; }
	.news .list li .botDiv{ padding: 0.3rem 0.2rem 0; }
	.news .list li .name{ font-size: var(--fs20); line-height: 0.42rem; height: 0.84rem; }
	.news .list li .time{ margin-top: 0.15rem; padding-left: 0.36rem; background-size: 0.26rem; }
	.news .list li .content{ line-height: 0.48rem; height: 0.96rem; }
	.news .list li .look{ display: none; }
	.newsTop{ height: auto; padding: 0.7rem 0.3rem; }
	.newsTop .name{ font-size: var(--fs40); line-height: 0.64rem; min-height: 0.64rem; margin-bottom: 0.3rem;  }
	.newsTop .msg li{ line-height: 0.42rem; padding-left: 0.48rem; margin-right: 0.3rem;}
	.newsTop .msg li img{ margin-top: -0.14rem; width: 0.36rem; }
	.newsBot{ padding: 0.8rem 0.3rem 1.0rem; }
	.newsBot .content{ font-size: var(--fs18); line-height: 0.52rem; }
	.newsBot .imgDiv{ padding: 0.3rem 0; }
	.newsBot .imgDiv img{ width: 100%; }
	.pageDown{ padding-top: 0.5rem; }
	.pageDown li{ font-size: 0.28rem; }
	.pageDown li a{ height: 0.64rem; line-height: 0.64rem; }
	.newsBot .share li a{ width: 0.9rem; height: 0.9rem; }
	.backBtn{ padding-top: 0.5rem; }
	.backBtn a{ height: 1rem; line-height: 1rem; font-size: 0.28rem; }
	.backBtn img{ margin-left: 0.15rem; width: 0.26rem;}
	.contactP1{ padding: 0.85rem 0.3rem 1.0rem; height: auto; background: url(../images/contactP1.png) center top no-repeat; background-size: 100%;}
	.contactP1 .mxfDiv{ display: block; }
	.contactP1 .conDiv{ width: auto; }
	.contactP1 .cn{ font-size: var(--fs28); line-height: 0.4rem; }
	.contactP1 .en{ line-height: 0.26rem; }
	.contactP1 .msgList li{ margin-bottom: 0.15rem; height: 1.0rem; padding-left: 0.96rem; font-size: var(--fs16); line-height: 0.36rem;  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;  }
	.contactP1 .msgList li img{ top: 50%; margin-top: -0.4rem; width: 0.8rem; }
	.contactP1 .imgDiv{ margin-top: 0.7rem; width: auto; }

	.contactP2{ height: auto; padding: 1.0rem 0.3rem 0.6rem; overflow: hidden; }
	.contactP2 .mxfDiv{ height: auto; display: block;}
	.contactP2 .leftDiv{ width: auto; }
	.contactP2 .title{ font-size: var(--fs24); line-height: 0.36rem; }
	.contactP2 .title:after{ height: 3px; width: 0.48rem; }
	.contactP2 .wen{ line-height: 0.48rem; }
	.contactP2 .rightList{ width: auto; margin-top: 0.65rem; }
	.contactP2 .rightList ul{ margin-right: -0.3rem; }
	.contactP2 .rightList li{ float: left; width: 33.33%; margin-bottom: 0.45rem; }
	.contactP2 .rightList li .box{ margin-right: 0.3rem; }
	.contactP2 .rightList li .ewm{ height:2.2rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
	.contactP2 .rightList li .name{ margin-top: 0.35rem; height: 0.6rem; font-size: var(--fs18); line-height: 0.26rem; }
	.contactP2 .rightList li .icon{ width: 0.9rem; height: 0.9rem; }
	.joinP1{ padding: 1.0rem 0.3rem; }
	.joinP1 .mxfDiv{ display: block; }
	.joinP1 .imgDiv{ width: auto; }
	.joinP1 .conDiv{ margin-top: 0.75rem; width: auto; }
	.joinP1 .list{ margin-top: 0.6rem; }
	.joinP1 .list li{ padding-left: 0.4rem; line-height: 0.52rem; }
	.joinP1 .list li:before{ top: 0.2rem; height: 2px; }
	
	.joinP2{ padding: 1.0rem 0.3rem 1.1rem; }
	.joinP2 .list li .topDiv{ padding: 0.5rem 0 0.4rem; }
	.joinP2 .list li .name{ padding-left: 0.4rem; padding-right: 1.5rem; font-size: var(--fs22); line-height: 0.72rem;  }

	.joinP2 .list li .wen{ padding: 0 1.5rem 0 0.4rem;}
	.joinP2 .list li .wen dl{ display: block; overflow: hidden;}
	.joinP2 .list li .wen dd{ padding: 0 0.2rem; }
	.joinP2 .list li .wen dd:nth-child(1){ padding: 0 0.2rem 0 0; }
	.joinP2 .list li .msgList{ padding: 0.2rem 0.3rem 0 0.4rem; line-height: 0.46rem; }
	.joinP2 .list li .hideBox{ padding: 0.2rem 0.4rem 0.8rem; }
	.joinP2 .list li .ico{ right: 0.4rem; top: 0.4rem; width: 0.86rem; height: 0.86rem; }
	.joinP2 .list li .ico:before{ margin-left: -5px; margin-top: -1px; width: 10px; height: 2px; }
	.joinP2 .list li .ico:after{ margin-left: -1px; margin-top: -5px; width: 2px; height: 10px; }
	.joinP2 .list li .leftDiv{ width: auto; padding-right: 0; float: none;}
	.joinP2 .list li .leftDiv:after{ display: none; }
	.joinP2 .list li .txt{ margin-bottom: 0.2rem; line-height: 0.28rem; }
	.joinP2 .list li .msg{ line-height: 0.46rem; padding-bottom: 0.3rem; }
	.joinP2 .list li .rightDiv{ width: auto; float: none; }
	.joinP2 .list li .zi dd{ margin-bottom: 0.2rem; line-height: 0.46rem; }
	.joinP2 .list li .btnDiv{ padding-top: 0.3rem; }
	.joinP2 .list li .btnDiv dd{ height: 0.86rem; line-height: 0.86rem; margin-bottom: 0.2rem; }
	.productShow{ padding: 1.0rem 0.3rem 0.3rem; }
	.proInfo{ height: auto; display: block; margin-bottom: 1.0rem; }
	.proInfo .imgDiv{ width: auto; height: auto; }
	.proInfo .imgDiv img{ height: auto;  }
	.proInfo .conDiv{ width: auto; padding: 0.75rem 0.3rem 0.55rem; }
	.proInfo .name{ line-height: 0.52rem; }
	.proInfo .msg li{ line-height: 0.52rem; }
	.proInfo .btnDiv{ padding-top: 0.5rem; }
	.proInfo .btnDiv li{ margin-right: 0.25rem; margin-bottom:0.2rem; }
	.proInfo .btnDiv li a{ width: 2.32rem; height: 0.82rem; }
	.proInfo .btnDiv li:nth-child(1) em{ width: 0.32rem; height: 0.32rem; background-size: 0.32rem; }
	.proInfo .btnDiv li:nth-child(2) em{ width: 0.32rem; height: 0.32rem; background-size: 0.32rem; }
	.proInfo .btnDiv li:nth-child(1) a:hover em{ background-size: 0.32rem; }
	.proInfo .btnDiv li:nth-child(2) a:hover em{ background-size: 0.32rem; }

	.proDiv{ padding-left: 0; padding-bottom: 0.6rem; }
	.proDiv .txtDiv{ position: relative; padding-bottom: 0.3rem; margin-bottom: 0.6rem;}
	.proDiv .txtDiv:after{ height: 3px; }
	.proDiv .txt{ line-height: 0.48rem; }
	.proDiv .msgList{ line-height: 0.48rem;}
	.proDiv .msgList li{ padding-bottom: 0.3rem; }
	.proDiv .msgList li .zi{ line-height: 0.48rem;}
	.proDiv .table{ line-height: 0.48rem;}
	.proDiv .table th{ height: 0.86rem; padding-left: 0.3rem; }
	.proDiv .table td{ height: 0.98rem; padding: 0.1rem 0.3rem; line-height: 0.48rem; }
	.proDiv .content{ margin: 0.3rem 0 0.5rem; line-height: 0.48rem;}
	.proDiv .table2{ line-height: 0.48rem;}
	.proDiv .table2 th{ height: 0.86rem; padding-left: 0.3rem; }
	.proDiv .table2 th:nth-child(1){ width: 60%; }
	.proDiv .table2 td{ height: 0.88rem; padding: 0.1rem 0.3rem; line-height: 0.48rem; }
	.proDiv .btnGroup li{ margin-right: 0.2rem; margin-bottom: 0.2rem; }
	.proDiv .btnGroup li a{ width: 2.32rem; height: 0.86rem; }
	.proDiv .btnGroup li .prev em{ margin-right: 0.1rem; width: 0.24rem; height: 0.24rem; background-size: 0.24rem; }
	.proDiv .btnGroup li .back em{ margin-left: 0.1rem; width: 0.32rem; height: 0.29rem; background-size: 0.32rem; }
	.proDiv .btnGroup li .next em{ margin-left: 0.1rem; width: 0.24rem; height: 0.24rem; background-size: 0.24rem; }
	.proDiv .btnGroup li .prev:hover em{ background-size: 0.24rem; }
	.proDiv .btnGroup li .back:hover em{ background-size: 0.32rem; }
	.proDiv .btnGroup li .next:hover em{ background-size: 0.24rem; }
	.aboutP1{ padding: 0 0.3rem; }
	.aboutP1 .toptop{ padding-bottom: 0.6rem; }
	.aboutP1 .txt{ position: relative; width: auto; text-align: left; margin-top: 0.3rem; line-height: 0.56rem; font-size: var(--fs28); }
	.aboutP1 .leftCon{ width: auto; line-height: 0.48rem; }
	.aboutP1 .imgDiv{ width: auto; margin-top: 0.7rem; }
	.aboutP2{ padding: 0.95rem 0.3rem 0; }
	.aboutP2 .title{ margin-bottom: 0.65rem; }
	.aboutP2 .list li{ float: none; width: auto; margin-bottom: 0.3rem;}
	.aboutP2 .list li .imgDiv{ height: 4.8rem; }
	.aboutP2 .list li .layer{ padding: 0.9rem 0.4rem 0; }
	.aboutP2 .list li .ico img{ width: 0.86rem; }
	.aboutP2 .list li .name{ font-size: var(--fs22); line-height: 0.32rem; }
	.aboutP2 .list li .msg{  line-height: 0.48rem; }
	.aboutP3{ padding: 0.9rem 0.3rem 1.0rem; }
	.aboutP3 .leftImg{ width: 100%; float: none; height: auto; margin-bottom: 0.65rem; }
	.aboutP3 .leftImg img{ height: auto; }
	.aboutP3 .rightDiv{ float: none; width: auto; }


	.historyPic .box-container{ float: none; width: 100%; height: auto; padding: 0; }
	.historyPic .box-container:after{ display: none; }
	.historyPic .img-swiper{ width: 100%; height: auto; margin-bottom: 0.6rem;}
	.historyPic .img-swiper .year{ font-size: var(--fs24); line-height: 0.54rem; text-align: center; }
	.historyPic .swiper-slide.swiper-slide-active .year{ font-size: var(--fs28); line-height: 0.54rem;}

	.historyPic .swiper-btn{ width: 12px; height: 22px; }
	.historyPic .prev{ top: 50%; margin-top: -11px; background: url("../images/nimg12_left.png") no-repeat;}
	.historyPic .next{ top: 50%; left: auto; margin-top: -11px; right: 0; background: url("../images/nimg12_right.png") no-repeat;}
	.historyPic .prev:hover{ background: url("../images/nimg12_lefton.png") no-repeat; }
	.historyPic .next:hover{ background: url("../images/nimg12_righton.png") no-repeat; }

	.historyPic .detail-box{ width: 100%; float: none; }
	.historyPic .detail-box .scrollDiv{ padding-top: 0; height: 7.0rem; }
	.historyPic .detail-box .list li{ margin-bottom: 0.4rem; }
	.historyPic .detail-box .list li .month{ font-size: var(--fs22); line-height: 0.32rem; margin-bottom: 0.2rem; }
	.historyPic .detail-box .list dd{ margin-bottom: 0.1rem; line-height: 0.48rem; }
	.historyPic .detail-box .list dd:before{ top: 0.18rem; }

	.aboutP4{ padding: 1.0rem 0.3rem; }
	.aboutP4 .title{ margin-bottom: 0.65rem; }
	.aboutP4 .longDiv{ overflow: auto;}
	.aboutP4 .imgDiv{ width: 10.0rem;}
	.aboutP4 .imgDiv img{ max-width: auto; width: 100%; }
	.searchBox{ padding:0.8rem 0.3rem 1.2rem;}
  	.searchBox .form{ position:relative; width: 100%; }
	.searchBox .form .input1{ height: 0.96rem; line-height: 0.96rem; font-size: 0.26rem; padding-left: 0.3rem; }
	.searchBox .form .btnDiv a{ width: 0.96rem; height: 0.96rem; background-size: 0.32rem; }
  	.searchBox .toptop{ padding-right:0; height:auto; padding-bottom:0.3rem;}
  	.searchBox .result{ padding-top:0.35rem;}
	.searchBox .result span{ font-size: 0.26rem; line-height: 0.48rem;}
	.searchBox .list{ padding-bottom: 0.75rem; }
	.searchBox .list li a { padding: 0.2rem 0; }
  	.searchBox .list .title { font-size: 0.26rem; line-height: 0.48rem; margin-right: 0.6rem; }
  	.searchBox .list p { font-size: 0.26rem; }
  	.searchBox .tips { font-size:0.28rem; }
}