/*清除*/



body{ margin: 0; padding: 0;}



*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}



a{ text-decoration: none; cursor: pointer;}



img{ border: 0; display: block; cursor: pointer;}



h1,h2,h3,h4,h5,h6{ font-weight: normal;}



ul,li{ list-style: none; cursor: pointer;}



b{ font-weight: normal;}



i{ font-style: normal;}



em{ font-style: normal;}



input , textarea , select , button{ outline: none;}



ul,li,a{



	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);



	-webkit-user-select: none;



	-moz-user-focus: none;



	-moz-user-select: none;



}



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



.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}



.clearfix{*zoom:1;}



.clear{ clear: both;}



.center_R{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}



.textOne{ overflow : hidden; white-space : nowrap; text-overflow : ellipsis;}



.texTwo{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}



.texThree{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}



.popUp , .popUpCell{ display: none; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 20; opacity: 0.5;}



.content{ width: 100%; overflow: hidden; transition: all 0.5s; position: relative; right: 0;}



.contentCell{ position: absolute; right: 4.1rem;}



/* 顶部导航 */



.header{ width: 100%; background: #fff; position: relative;}



.header .logo{ width: 100%; padding: 0.2rem 0;}



.header .logo a{ display: block;}



.header .logo img{ width: 1.68rem; margin: auto;}



.header .search{ float: left; position: absolute; top: 0.35rem; left: 0.35rem;}



.header .search input{ display: block; width: 0.96rem; height: 0.28rem; border: 1px solid #000; padding: 0 0.3rem 0 0.1rem; transition: all 0.5s;}



.header .search button{ display: block; width: 0.3rem; height: 0.3rem; position: absolute; top: 0; right: 0; padding: 0; margin: 0; border: none; background: url(../images/search1.png) no-repeat center; background-size: 0.18rem auto;}



.header .navRight{ position: absolute; top: 0.35rem; right: 0.12rem;}



.header .navRight em{ display: block; width: 1px; height: 0.14rem; background: #D8D8D8; position: absolute; left: -0.15rem; top: 50%; transform: translateY(-50%);}



.header .navRight a{ float: left; height: 0.3rem;}



.header .navRight .enter{ width: 0.58rem; font-size: 0.14rem; line-height: 0.3rem; text-align: center; color: #fff; background: #000; margin-left: 0.1rem;}



.header .navRight .shipOne{ width: 0.4rem; background: url(../images/shapping.png) no-repeat center; background-size: 0.14rem auto;}



.header .navRight .shipTwo{ width: 0.4rem; background: url(../images/icon-a.png) no-repeat center; background-size: 0.17rem auto;}



.header .nav{ border-bottom: 1px solid #D8D8D8; padding-top: 0.2rem;}



.header .nav ul{ width: 100%; display: flex; flex-wrap: nowrap; justify-content: center;}



.header .nav ul li{ float: left; margin: 0 0.3rem; position: relative;}



.header .nav ul li a{ display: block; font-size: 0.14rem; line-height: 0.2rem; height: 0.2rem; color: #000; margin-bottom: 0.12rem; position: relative; overflow: hidden;}



.header .nav ul li a i{ display: block; text-align: center; line-height: 0.2rem; height: 0.2rem; transition: all 0.5s;}



.header .nav ul li:hover a .cur{ margin-top: -0.2rem;}



.header .nav ul li em{ display: block; background: #000; width: 0; height: 4px; position: absolute; bottom: 0; left: 0; transition: all 0.5s;}



.header .nav ul li.on em{ width: 100%;}



.header .nav ul li:hover em{ width: 100%;}



.header .navTwo{ width: 100%; background: #F0F0F0; padding: 0.26rem 0 0.2rem 0;}



.header .navTwo ul li{ float: left; margin: 0 0.27rem;}



.header .navTwo ul li a{ display: block; font-size: 0.14rem; color: #000; line-height: 0.2rem; transition: all 0.5s;}



.header .navTwo ul li.on a{ font-weight: bold;}



.header .navTwo ul li:hover a{ font-weight: bold;}



.header .aboutNavTwo ul{ display: flex; flex-wrap: nowrap; justify-content: center;}







.header{ z-index: 20;}



.header .indexNavSix{ width: 100%; position: absolute; bottom: 0; left: 0;}



.header .indexNavSix .mink{ display: none; position: absolute; left: 0; top: 0;}







/* nav_min */



.headerOne{ width: 100%; height: 0.8rem; background: #fff;}



.headerOne .logo{ float: left;}



.headerOne .logo a{ display: block; height: 0.5rem; padding: 0.15rem 0.4rem 0 0.35rem;}



.headerOne .logo img{ height: 100%;}



.headerOne .search{ float: left; position: relative; margin-top: 0.25rem;}



.headerOne .search input{ display: block; width: 0.96rem; height: 0.28rem; border: 1px solid #000; padding: 0 0.3rem 0 0.1rem; transition: all 0.5s;}



.headerOne .search button{ display: block; width: 0.3rem; height: 0.3rem; position: absolute; top: 0; right: 0; padding: 0; margin: 0; border: none; background: url(../images/search1.png) no-repeat center; background-size: 0.18rem auto;}



.headerOne .right{ float: right;}



.headerOne .right .nav{ float: left; padding: 0.3rem 0;}



.headerOne .right .nav a{ float: left; font-size: 0.14rem; line-height: 0.2rem; height: 0.2rem; color: #000; overflow: hidden; margin: 0 0.25rem;}



.headerOne .right .nav a i{ display: block; text-align: center; line-height: 0.2rem; height: 0.2rem; transition: all 0.5s;}



.headerOne .right .nav a:hover .cur{ margin-top: -0.2rem;} 



.headerOne .right .honer{ float: left; padding: 0.25rem 0; position: relative; margin-right: 0.25rem;}



.headerOne .right .honer em{ display: block; width: 1px; height: 0.14rem; background: #D8D8D8; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



.headerOne .right .honer a{ float: left; height: 0.3rem;}



.headerOne .right .honer .enter{ width: 0.58rem; font-size: 0.14rem; line-height: 0.3rem; text-align: center; color: #fff; background: #000; margin-left: 0.1rem;}



.headerOne .right .honer .shipOne{ width: 0.4rem; background: url(../images/shapping.png) no-repeat center; background-size: 0.14rem auto;}



.headerOne .right .honer .shipTwo{ width: 0.4rem; background: url(../images/icon-a.png) no-repeat center; background-size: 0.17rem auto;}



/* 底部 */



.footer .fooTop{ width: 100%; padding: 0.6rem 0; background: #000 url(../images/bottton_back.png) no-repeat top center; background-size: 100% auto;}



.footer .fooTop ul{ display: flex; flex-wrap: nowrap; justify-content: center;}



.footer .fooTop ul li{ width: 1.6rem;}



.footer .fooTop ul li h1{ font-size: 0.16rem; color: #fff; padding-bottom: 0.15rem;}



.footer .fooTop ul li a{ display: block; line-height: 0.32rem; height: 0.32rem; font-size: 0.14rem; color: #A8A8A8; transition: all 0.5s; position: relative;}



.footer .fooTop ul li a:hover{ padding-left: 0.13rem;}



.footer .fooTop ul li a em{ display: block; width: 0.2rem; height: 0.32rem; position: absolute; top: 0; left: 0; background: url(../images/mik.png) no-repeat left center; background-size: 0.06rem auto; opacity: 0; transition: all 0.5s;}



.footer .fooTop ul li a:hover em{ opacity: 1;}



.footer .fooTop .wearch{ width: 1rem; background: #fff; padding: 0.05rem; border-radius: 0.05rem; margin: 0.1rem 0;}



.footer .fooTop .wearch img{ width: 100%;}



.footer .fooTop p{ font-size: 0.14rem; color: #949494; line-height: 0.2rem;}



.footer .fooTob{ display: flex; flex-wrap: nowrap; justify-content: center; padding: 0.2rem 0 0.25rem;}



.footer .fooTob p{ font-size: 0.14rem; color: #8A8A8A; line-height: 0.2rem; margin: 0 0.1rem;}

.footer .fooTob p a{ color: #8A8A8A;}

.footer .footLogo{ padding-bottom: 0.2rem;}



.footer .footLogo img{ width: 1.4rem; margin: auto;}



/* index */



.swiper-container .swiper-button-next{ width: 0.13rem; height: 0.25rem; background: url(../images/prve_icon.png) no-repeat center; background-size: 100% 100%; margin-top: -0.13rem;}



.swiper-container .swiper-button-prev{ width: 0.13rem; height: 0.25rem; background: url(../images/text_icon.png) no-repeat center; background-size: 100% 100%; margin-top: -0.13rem;}



.swiper-container .swiper-pagination{ display: flex; flex-wrap: nowrap; justify-content: center;}



.swiper-container .swiper-pagination-bullet{ float: left; width: 8px; height: 8px; border-radius: 100%; background: #969696; opacity: 1;}



.swiper-container .swiper-pagination-bullet-active{ width: 10px; height: 10px; background: #000; margin-top: -1px!important;}



.widthOne{ width: 12rem; margin: auto;}



.widthTwo{ width: 14rem; margin: auto;}



.widthThree{ width: 10rem; margin: auto;}



.indexBanner .swiper-container{ padding: 0.2rem 0 0.85rem 0;}



.indexBanner .swiper-container .swiper-button-prev{ left: -0.45rem; top: 3.33rem; opacity: 0; transition: all 0.5s;}



.indexBanner .swiper-container .swiper-button-next{ right: -0.45rem; top: 3.33rem; opacity: 0; transition: all 0.5s;}



.indexBanner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0.52rem;}



.indexBanner .swiper-container:hover .swiper-button-prev{ left: 0.45rem; opacity: 1;}  



.indexBanner .swiper-container:hover .swiper-button-next{ right: 0.45rem; opacity: 1;}



.indexBanner a{ display: block; width: 100%; height: 6rem; overflow: hidden; position: relative;}



.indexBanner a img{ width: 100%;}



.indexBanner .text{ float: left; position: absolute; left: 1.9rem; top: 50%; transform: translateY(-50%);}



.indexBanner .text h1{ font-size: 0.4rem; font-weight: bold; color: #fff; line-height: 0.4rem; margin-bottom: 0.1rem;}



.indexBanner .text p{ font-size: 0.2rem; line-height: 0.2rem; color: #fff;}



.indexLing{ width: 100%; padding: 0.5rem 0 0.4rem 0; background: #f4f4f4;}



.indexLing .tit h1{ font-size: 0.34rem; font-weight: bold; text-align: center; line-height: 0.34rem;}



.indexLing .tit p{ font-size: 0.16rem; font-weight: bold; text-align: center; padding: 0.08rem 0 0.3rem 0; line-height: 0.16rem;}



.indexLing .contOne .swiper-container{ padding: 0 0.5rem 0.4rem 0.5rem; width: 12.72rem; margin: auto; position: relative;}



.indexLing .contOne .cont{ width: 3.8rem; margin: auto;} 



.indexLing .contOne .cont .img{ width: 100%; height: 3.8rem; overflow: hidden;}



.indexLing .contOne .cont .img img{ width: 100%;height: 100%;object-fit: cover; transition: all 0.5s;}



.indexLing .contOne .cont .img:hover img{ transform: scale(1.05);}



.indexLing .contOne .cont h2{ font-size: 0.2rem; font-weight: bold; padding: 0.25rem 0 0.1rem 0; line-height: 0.2rem; text-align: center;}



.indexLing .contOne .cont p{ font-size: 0.14rem; line-height: 0.2rem; text-align: center; min-height: 1.3rem;}



.indexLing .contOne .cont .more{ width: 1.6rem; height: 0.46rem; border-radius: 0.23rem; background: #000; margin: auto; display: flex; flex-wrap: nowrap; justify-content: center;}



.indexLing .contOne .cont .more em{ float: left; font-size: 0.14rem; line-height: 0.46rem; color: #fff; transition: all 0.5s; position: relative;}



.indexLing .contOne .cont .more:hover em{ padding-right: 0.15rem;}



.indexLing .contOne .cont .more i{ display: block; width: 0.1rem; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/icon_ax.png) no-repeat right center; background-size: 0.06rem auto; opacity: 0; transition: all 0.5s;}



.indexLing .contOne .cont .more:hover i{ opacity: 1;}



.indexLing .contOne .swiper-container .swiper-button-prev{ top: 1.9rem; left: 0;}



.indexLing .contOne .swiper-container .swiper-button-next{ top: 1.9rem; right: 0;}



.swiper-container .em{ width: 0.72rem; height: 100%; background: #f4f4f4; position: absolute; top: 0; z-index: 2;}



.swiper-container .em1{ left: 0;}



.swiper-container .em2{ right: 0;}



.indexLing .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0;}



.indexLingTwo{ background: #fff;}



.indexLingTwo .contOneB .em{ background: #fff;}



.indexLing .imgDiv a{ display: block; width: 100%; height: 6rem; overflow: hidden;}



.indexLing .imgDiv a img{ width: 100%; transition: all 0.5s;}



.indexLing .imgDiv a:hover img{ transform: scale(1.05);}



.indexLing .imgDiv h3{ font-size: 0.2rem; font-weight: bold; text-align: center; line-height: 0.2rem; padding: 0.25rem 0 0 0;}



.indexLing .contOne .swiper-container .swiper-button-prev , .indexLing .contOne .swiper-container .swiper-button-next{ top: 1.9rem;}



.indexLing .imgDiv .p{ font-size: 0.14rem; line-height: 0.2rem; text-align: center; padding: 0.2rem 0.15rem 0 0.15rem;}



.indexLing .accer a{ display: block; position: relative; overflow: hidden;}



.indexLing .accer a .up{ width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.5s;}



.indexLing .accer a em{ display: block; width: 1.6rem; height: 0.44rem; text-align: center; line-height: 0.44rem; color: #fff; border: 1px solid #fff; font-size: 0.14rem; border-radius: 0.24rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; color: #fff; opacity: 0; transition: all 0.5s; margin-top: 1rem;}



.indexLing .accer a img{ width: 100%; transition: all 0.5s;}



.indexLing .accer a:hover img{ transform: scale(1.05);}



.indexLing .accer a:hover em{ opacity: 1; margin-top: 0;}



.indexLing .accer a em:hover{ background: #fff; color: #000;}



.indexLing .accer a:hover .up{ opacity: 0.5;}



.indexLiner a{ float: left; height: 5rem; overflow: hidden;}



.indexLiner a:first-child{ width: 8.2rem;}



.indexLiner a:last-child{ width: 5.65rem; margin-left:0.15rem;}



.indexLiner a img{ width: 100%;height: 100%;object-fit: cover;}



.indexLing .contOneD , .indexCher{ width: 13.66rem; margin: auto;}



.indexLing .contOneD .swiper-container{ padding: 0 0.55rem 0.5rem 0.55rem;}



.indexLing .contOneD .em{ width: 0.67rem; height: 100%; background: #f4f4f4; position: absolute; top: 0; z-index: 2;}



.indexLing .contOneD .em1{ left: 0;}



.indexLing .contOneD .em2{ right: 0;}



.indexLing .contOneD a{ display: block; width: 2.9rem; height: 2.9rem; overflow: hidden; margin: auto;}



.indexLing .contOneD a img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}



.indexLing .contOneD a:hover img{ transform: scale(1.05);}



.indexLing .contOneD .swiper-container .swiper-button-prev , .indexLing .contOneD .swiper-container .swiper-button-next{ top: 1.45rem;}



.indexLing .contOneD h2{ width: 2.9rem; font-size: 0.16rem; font-weight: bold; line-height: 0.2rem; padding: 0.15rem 0 0 0; margin: auto;}



.indexCher{ padding: 0.2rem 0 0.8rem 0;}



.indexCher h2{ font-size: 0.24rem; line-height: 0.24rem; font-weight: bold; padding-left: 0.67rem;}



.indexCher p{ font-size: 0.14rem; padding: 0.1rem 0 0 0.67rem;}



.indexLing .contOneDmi .em{ background: #fff;}



.indexFamliy ul li{ float: left; width: 25%; transition: all 0.5s;}



.indexFamliy ul li a{ display: block; width: 100%; height: 5rem; overflow: hidden; position: relative;}



.indexFamliy ul li a .up{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 1; transition: all 0.5s; opacity: 0;}



.indexFamliy ul li:hover .up{ opacity: 0.5;}



.indexFamliy ul li a img{ width: 100%; transition: all 0.5s;}



.indexFamliy ul li:hover a img{ transform: scale(1.05);}



.indexFamliy ul li h1{ font-size: 0.18rem; font-weight: bold; color: #fff; float: left; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}



.indexLing .contOneQ a{ width: 6.05rem; height: 4.4rem; overflow: hidden; display: block; margin: auto;}



.indexLing .contOneQ{ width: 13.5rem; margin: auto;}



.indexLing .contOneQ a img{ width: 100%;height: 100%;object-fit: cover; transition: all 0.5s;}



.indexLing .contOneQ a:hover img{ transform: scale(1.05);}



.indexLing .contOneQ  .swiper-container{ padding: 0 0.6rem 0.5rem 0.6rem;}



.indexLing .contOneQ .swiper-container .swiper-button-prev , .indexLing .contOneQ .swiper-container .swiper-button-next{ top: 2.2rem;}



.indexLing .contOneQ .em{ background: #fff;}



.indexLing .contOneB .swiper-container .swiper-button-prev , .indexLing .contOneB .swiper-container .swiper-button-next , 



.indexLing .contOneC .swiper-container .swiper-button-prev , .indexLing .contOneC .swiper-container .swiper-button-next{ top: 3rem;}



/* 登录 */



.entryDiv{ width: 3.9rem; padding: 0.9rem 0 0 1.1rem; position: fixed; top: 0; right: -100%; bottom: 0; background: #fff; z-index: 25; opacity: 0; transition: all 0.5s;}



.entryDiv2{ right: 0; opacity: 1;}



.entryDiv .tit{ font-size: 0.4rem; line-height: 0.4rem; position: relative;}



.entryDiv .tit .sole{ width: 0.2rem; height: 0.2rem; position: absolute; top: 0.1rem; left: -0.35rem;}



.entryDiv .tit .sole img{ width: 100%; transition: all 0.5s;}



.entryDiv .tit .sole:hover img{ transform: rotate(180deg);}



.entryDiv .p{ font-size: 0.14rem; color: #6D7278; line-height: 0.2rem; padding: 0.1rem 0 0.4rem 0;}



.entryDiv .titList ul li{ float: left; position: relative;}



.entryDiv .titList ul li:first-child{ padding-right: 0.4rem;}



.entryDiv .titList ul li em{ display: block; width: 2px; height: 0.14rem; background: #D8D8D8; position: absolute; top: 50%; right: 0.19rem; transform: translateY(-50%);}



.entryDiv .titList ul li a{ display: block; font-size: 0.16rem; line-height: 0.22rem; color: #B3B3B3; font-weight: bold;}



.entryDiv .titList ul li.on a{ color: #000;}



.entryDiv .minList ul{ padding-top: 0.1rem; width: 3.02rem;}



.entryDiv .minList ul li p{ font-size: 0.14rem; line-height: 0.2rem; margin-bottom: 0.05rem; margin-top: 0.3rem;}



.entryDiv .minList ul li input{ display: block; width: 2.7rem; height: 0.38rem; border: 1px solid #C3C3C3; padding: 0 0.15rem; transition: all 0.5s;}



.entryDiv .minList ul li input:hover{}



.entryDiv .minList ul li .inp{ width: 2.1rem; padding: 0 0.15rem 0 0.75rem;}



.entryDiv .minList ul li .em{ display: block; width: 0.6rem; height: 0.4rem; font-size: 0.14rem; text-align: center; position: absolute; top: 0; left: 0; border-right: 1px solid #C3C3C3; line-height: 0.4rem;}



.entryDiv .minList ul li .min{ position: relative;}



.entryDiv .minList ul li .min button{ width: 1rem; position: absolute; top: 0; right: 0; height: 0.4rem;}



.entryDiv .minList ul li.detector{ display: none;}



.entryDiv .minList ul li .pass{ float: right; font-size: 0.14rem; color: #6D7278; padding: 0.15rem 0;}



.entryDiv .minList ul li button{ display: block; border: none; border-radius: 0; width: 100%; height: 0.5rem; background: #444; font-size: 0.14rem; color: #fff;}



.entryDiv .minList ul li .mer em{ display: block; width: 0.34rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.14rem; margin: auto; text-align: center; color: #6D7278; position: relative; z-index: 10; background: #fff;}



.entryDiv .minList ul li .mer{ position: relative;}



.entryDiv .minList ul li i{ display: block; width: 100%; height: 1px; background: #DFDFDF; position: absolute; top: 50%; left: 0; z-index: 5;}



.entryDiv .minList ul li .more{ display: block; width: 100%; height: 0.5rem; background: #444; font-size: 0.14rem; color: #fff; text-align: center; line-height: 0.5rem;}



.entryDiv .ferMer{ margin-top: 0.35rem;}



.entryDiv .ferMer h2{ font-size: 0.14rem; font-weight: bold; margin-bottom: 0.1rem;}



.entryDiv .ferMer p{ font-size: 0.14rem; color: #5E5E5E; line-height: 0.2rem;}



/* 关于 */



.aboutBanner{ padding: 0.25rem 0 0 0;}



.aboutBanner img{ width: 100%;}



.aboutTit{ padding: 0.4rem 0;}



.aboutTit h1{ font-size: 0.36rem; font-weight: bold; text-align: center; line-height: 0.36rem;}



.aboutTit p{ font-size: 0.2rem; text-align: center; line-height: 0.2rem; padding: 0.1rem 0 0.12rem 0;}



.aboutTit em{ display: block; width: 0.4rem; height: 4px; background: #000; margin: auto;}



.aboutCont p{ font-size: 0.14rem; line-height: 0.3rem; text-indent: 0.28rem; padding-bottom: 0.3rem;}



.aboutLun .swiper-container{ width: 10rem; margin: auto; padding: 0 0.7rem 0.35rem 0.7rem;}



.aboutLun .swiper-container .em{ background: #fff;}



.aboutLun .swiper-container a{ display: block; width: 100%; height: 5rem; overflow: hidden;}



.aboutLun .swiper-container a img{ width: 100%;}



.aboutLun .text{ width: 10rem; margin: auto; font-size: 0.14rem; line-height: 0.3rem; text-indent: 0.28rem; padding: 0.45rem 0;}



.aboutIcon{ background: #EDEDED; margin-bottom: 0.5rem;}



.aboutIcon ul li{ float: left; width: 20%; padding: 0.6rem 0;}



.aboutIcon ul li .img{ width: 100%; height: 0.5rem; position: relative;}



.aboutIcon ul li .img img{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}



.aboutIcon ul li:first-child .img img{ width: 0.37rem;}



.aboutIcon ul li:nth-child(2) .img img{ width: 0.31rem;}



.aboutIcon ul li:nth-child(3) .img img{ width: 0.4rem;}



.aboutIcon ul li:nth-child(4) .img img{ width: 0.35rem;}



.aboutIcon ul li:nth-child(5) .img img{ width: 0.52rem;}



.aboutIcon ul li p{ font-size: 0.14rem; text-align: center; line-height: 0.2rem; padding-top: 0.25rem;}



.aboutBook{ padding: 0.2rem 0 0.6rem 0;}



.aboutBook .hear{ width: 100%; position: relative; overflow: hidden;}



.aboutBook .hear .img1{ width: 100%;}



.aboutBook .hear .img2{ width: 2.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}



.aboutBook .miner{ background: #F5F5F5; padding: 0.6rem 0 1.2rem 0;}



.aboutBook .miner h1{ font-size: 0.36rem; font-weight: bold; text-align: center; line-height: 0.36rem;}



.aboutBook .miner h2{ font-size: 0.28rem; text-align: center; line-height: 0.28rem; padding: 0.08rem 0 0.15rem 0;}



.aboutBook .miner em{ display: block; width: 0.4rem; height: 4px; margin: auto; background: #000;}



.aboutBook .miner p{ font-size: 0.18rem; text-align: center; padding: 1.1rem 0 0.55rem 0;}



.aboutBook .cont{ width: 8.7rem; margin: auto; padding: 0.35rem 0 0.55rem 0; position: relative; font-size: 0.18rem; line-height: 0.3rem;}



.aboutBook .cont .mm{ font-size: 0.24rem; font-weight: bold; width: 5.5rem; margin: 0.25rem auto 0; text-align: center; line-height: 0.36rem;}



.aboutBook .cont i{ display: block; width: 0.3rem; height: 0.44rem; position: absolute;}



.aboutBook .cont .one{ left: -0.7rem; top: 0; background: url(../images/about_icon_one.png) no-repeat center; background-size: 100% 100%;}



.aboutBook .cont .two{ right: -0.7rem; bottom: 0; background: url(../images/about_icon_two.png) no-repeat center; background-size: 100% 100%;}



.aboutBook .listBook{ margin-top: 0.5rem;}



.aboutBook .listBook ul li{ width: 4.4rem; float: left;}



.aboutBook .listBook ul li:nth-child(2){ margin: 0 0.4rem;}



.aboutBook .listBook ul li .img{ width: 4.4rem; height: 3rem; background: #F5F5F5; position: relative; transition: all 0.5s;}



.aboutBook .listBook ul li:hover .img{ margin-top: -0.15rem; box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.24);}



.aboutBook .listBook ul li h1{ font-size: 0.16rem; text-align: center; margin-top: 0.1rem;}



.aboutBook .listBook ul li img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);z-index: 2;}



.aboutBook .listBook ul li .up{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 4; opacity: 0; transition: all 0.3s;}



.aboutBook .listBook ul li:hover .up{ opacity: 1;}



.aboutBook .listBook ul li .img p{ width: 4rem; font-size: 0.14rem; color: #fff; line-height: 0.3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 6; opacity: 0; margin-top: 0.3rem; transition: all 0.5s;}



.aboutBook .listBook ul li:hover .img p{ margin-top: 0; opacity: 1;}



.aboutBook .listBook .center{ margin: 0.35rem auto; padding: 0.9rem 0.8rem 1.2rem 0.8rem; background: #F5F5F5; transition: all 0.5s;}



.aboutBook .listBook .center:hover{ box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.24);}



.aboutBook .listBook .center h1{ font-size: 0.36rem; text-align: center; line-height: 0.36rem;}



.aboutBook .listBook .center em{ display: block; width: 0.4rem; height: 4px; background: #000; margin: 0.1rem auto 0.2rem auto;}



.aboutBook .listBook .center p{ font-size: 0.14rem; line-height: 0.3rem; text-align: center;}



.aboutRom{ margin: 0.25rem 0 0 0;}



.aboutRom .titr{ padding: 0.45rem .9rem 0.8rem 0.45rem; background: #f5f5f5;}



.aboutRom .titr h1{ font-size: 0.34rem; font-weight: bold; text-align: center; line-height: 0.34rem;}



.aboutRom .titr h2{ font-size: 0.16rem; text-align: center; line-height: 0.16rem; padding: 0.1rem 0;}



.aboutRom .titr em{ display: block; width: 0.4rem; height: 4px; background: #000; margin: 0 auto 0.25rem auto;}



.aboutRom .titr p{ font-size: 0.14rem; line-height: 0.3rem;}



.aboutRom .icon{ padding: 0.6rem 0 0.7rem 0;}



.aboutRom .icon img{ margin: auto; width: 4.3rem;}



.aboutRom .icon p{ font-size: 0.34rem; font-weight: bold; text-align: center; margin-top: 0.5rem;}



.aboutRom .kUl li{ width: 100%; background: #f5f5f5; margin-bottom: 0.45rem; position: relative;}



.aboutRom .kUl li .left{ float: left; width: 50%; height: 4.95rem;}



.aboutRom .kUl li .left img{ height: 100%;}



.aboutRom .kUl li .right{ width: 50%; height: 100%; position: absolute; top: 0; right: 0;} 



.aboutRom .kUl li .right p{ font-size: 0.18rem; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}



.abouTit{ padding: 0.55rem 0 0.45rem 0; background: #f5f5f5; margin-bottom: 0.35rem;}



.abouTit h1{ font-size: 0.34rem; font-weight: bold; line-height: 0.34rem; text-align: center;}



.abouTit em{ display: block; width: 0.4rem; height: 4px; background: #000; margin: 0.12rem auto 0;}



.abouTit p{ font-size: 0.2rem; line-height: 0.2rem; text-align: center; font-weight: bold; margin-top: 0.2rem;}



.videoAbout{ background: #f5f5f5; padding-bottom: 0.6rem;}



.videoAbout .video{ width: 100%; height: 5rem; overflow: hidden; position: relative; margin-bottom: 0.2rem;}



.videoAbout .video .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.5; z-index: 5;}



.videoAbout .video .am{ width: 0.44rem; height: 0.44rem; background: url(../images/remmon_icon_m.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 8; transition: all 0.5s;}



.videoAbout .video:hover .am{ opacity: 0.8;}



.videoAbout .video video{ display: block; width: 100%; height: 100%; background: #000;}



.videoAbout .video img{ width: 100%; position: absolute; top: 0; left: 0; z-index: 4; transition: all 0.5s;}



.videoAbout .video:hover img{ transform: scale(1.05);}



.videoAbout p{ font-size: 0.14rem; line-height: 0.3rem; padding-top: 0.3rem; width: 10rem; margin: auto;}



.aboutList ul li{ margin-top: 0.5rem; position: relative;}



.aboutList ul li .left{ width: 50%; float: left; overflow: hidden;}



.aboutList ul li .left img{ width: 100%; transition: all 0.5s;}



.aboutList ul li .left:hover img{ transform: scale(1.05);}



.aboutList ul li .right{ width: 50%; height: 100%; position: absolute; top: 0; right: 0;}



.aboutList ul li .right .cont{ position: absolute; top: 50%; transform: translateY(-50%); left: 0.6rem; right: 0.2rem;}



.aboutList ul li .right .cont h2{ font-size: 0.2rem; font-weight: bold; line-height: 0.2rem;}



.aboutList ul li .right .cont em{ display: block; width: 0.36rem; height: 3px; background: #000; margin: 0.1rem 0 0.2rem 0;}



.aboutList ul li .right .cont p{ font-size: 0.14rem; line-height: 0.3rem; margin-bottom: 0.2rem;}



.aboutList ul li .right .cont p i{ display: block; font-weight: bold;}



.aboutList ul li .leftOne{ float: right;}



.aboutList ul li .rightOne{ right: auto; left: 0;}



.aboutList ul li .rightOne .cont{ position: absolute; top: 50%; transform: translateY(-50%); left: 0.2rem; right: 0.6rem;}



.aboutList ul li .rightOne .cont h2 , .aboutList ul li .rightOne .cont p{ text-align: right;}



.aboutList ul li .rightOne .cont em{ float: right;}



.aboutMode{ padding: 0.6rem 0 0 0;}



.aboutMode h1{ font-size: 0.2rem; font-weight: bold; text-align: center; line-height: 0.2rem;}



.aboutMode em{ display: block; width: 0.4rem; height: 4px; background: #000; margin: 0.1rem auto 0.3rem auto;}



.aboutMode .img{ width: 100%; height: 5.1rem; overflow: hidden;}



.aboutMode .img a{ float: left; width: 50%; height: 5.1rem; overflow: hidden;}



.aboutMode .img a img{ height: 100%;}



.aboutMode p{ font-size: 0.14rem; text-align: center; line-height: 0.26rem; padding-top: 0.25rem;}



.aboutMode p i{ display: block; font-weight: bold;}



.aboutList2{ background: #f5f5f5; margin: 0.5rem auto 0.7rem auto;}



.aboutDer{ background: #f5f5f5; padding-bottom: 0.5rem;}



.aboutDer .swiper-container{ padding-bottom: 0.8rem;}



.aboutDer .swiper-container .swiper-button-prev ,



.aboutDer .swiper-container .swiper-button-next{ top: auto; bottom: 0.2rem;}



.aboutDer .swiper-container .swiper-button-prev{ left: 6rem;}



.aboutDer .swiper-container .swiper-button-next{ right: 6rem;}



.aboutDer .conrDer{ width: 14rem; margin: auto;}



.aboutDer .conrDer .imgDer{ float: left; padding: 0 0.2rem 0.2rem 0.75rem; position: relative;}



.aboutDer .conrDer .imgDer .img{ float: left; width: 2.8rem; height: 4rem; position: relative; background: #fff; margin-left: 0.2rem;}



.aboutDer .conrDer .imgDer .img:first-child{ margin-left: 0;}



.aboutDer .conrDer .imgDer .img .top{ width: 100%; height: 2.8rem; overflow: hidden; position: relative;}



.aboutDer .conrDer .imgDer .img .top img{ max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;}



.aboutDer .conrDer .imgDer .img .bot{ width: 100%; height: 1.2rem; background: #000; position: absolute; bottom: 0; left: 0; z-index: 5; transition: all 0.5s;}



.aboutDer .conrDer .imgDer .img:hover .bot{ height: 100%; background: hsla(0,0%,0%,0.70);}



.aboutDer .conrDer .imgDer .img .bot p{ padding: 0 0.35rem; font-size: 0.14rem; line-height: 0.24rem; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



.aboutDer .conrDer .imgDer .mm1{ display: block; width: 0.18rem; height: 0.18rem; background: url(../images/remmon_ion.png) no-repeat center; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; z-index: 5;}



.aboutDer .conrDer .imgDer .mm2{ width: 100%; height: 1px; background: #000; position: absolute; bottom: 0.1rem; left: 0; z-index: 3;}



.aboutDer .conrDer .imgDer .mm3{ width: 1px; height: 0.9rem; background: #000; position: absolute; left: 0.09rem; bottom: 0; z-index: 3;}



.aboutDer .conrDer .imgDer .time{ font-size: 0.14rem; line-height: 0.14rem; position: absolute; left: 0.15rem; bottom: 0.75rem;}



.aboutSer{ padding: 0.3rem 0 0 0;}



.aboutSer .titl{ width: 100%; height: 5rem; position: relative; background: #F5F5F5;}



.aboutSer .titl .left{ width: 50%; height: 5rem; float: left; overflow: hidden;}



.aboutSer .titl .left img{ width: 100%;}



.aboutSer .titl .right{ float: right; width: 50%; height: 5rem; position: relative;}



.aboutSer .titl .right .min{ position: absolute; top: 1.1rem; left: 0.9rem; right: 0.45rem;}



.aboutSer .titl .right .min h1{ font-size: 0.36rem; font-weight: bold; line-height: 0.36rem;}



.aboutSer .titl .right .min p{ font-size: 0.14rem; line-height: 0.3rem; margin-top: 0.35rem;}



.aboutSer .titl .swiper-container-horizontal>.swiper-pagination-bullets{ width: auto; right: 0.25rem; left: auto; bottom: 0.2rem;}



.aboutSer .conte{ padding: 0.4rem 0 0 0;}



.aboutSer .conte ul li{ float: left; width: 4.3rem; height: 4.5rem; margin-right: 0.55rem;}



.aboutSer .conte ul li:nth-child(3n){ margin-right: 0;}



.aboutSer .conte ul li .img{ width: 100%; height: 3.5rem; overflow: hidden; position: relative;}



.aboutSer .conte ul li .img img{ width: 100%; transition: all 0.5s;}



.aboutSer .conte ul li .img:hover img{ transform: scale(1.05);}



.aboutSer .conte ul li .img .up{ width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.5s;}



.aboutSer .conte ul li .img a{ display: block; width: 1.6rem; height: 0.44rem; text-align: center; line-height: 0.44rem; color: #fff; border: 1px solid #fff; font-size: 0.14rem; border-radius: 0.24rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; color: #fff; opacity: 0; transition: all 0.5s; margin-top: 1rem;}



.aboutSer .conte ul li h1{ font-size: 0.14rem; padding: 0.1rem 0.2rem 0 0.2rem; text-align: center;}



.aboutSer .conte ul li .img:hover .up{ opacity: 0.5;}



.aboutSer .conte ul li .img:hover a{ margin-top: 0; opacity: 1;}



.aboutSer .conte ul li .img a:hover{ background: #fff; color: #000;}



.tacticTit{ padding: 0.4rem 0 0.45rem 0;}



.tacticTit h1{ font-size: 0.36rem; font-weight: bold; line-height: 0.36rem; text-align: center;}



.tacticTit h2{ font-size: 0.2rem; text-align: center; line-height: 0.2rem; padding: 0.08rem 0 0.12rem 0;}



.tacticTit em{ display: block; width: 0.4rem; height: 4px; background: #000; margin: auto;}



.tacticDiv{ padding-bottom: 0.6rem;}



.tacticDiv ul{ border-top: 0.01rem solid #E5E5E5; width: 13.87rem; margin: auto;}



.tacticDiv ul li{ float: left; width: 2.3rem; height: 1.48rem; background: #fff; border-left: 0.01rem solid #E5E5E5; border-bottom: 0.01rem solid #E5E5E5;}



.tacticDiv ul li a{ display: block; width: 100%; height: 100%; background: #fff; position: relative; transition: all 0.5s;}



.tacticDiv ul li a img{ max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}



.tacticDiv ul li:nth-child(6n){border-right: 0.01rem solid #E5E5E5;}



.tacticDiv ul li:last-child{border-right: 0.01rem solid #E5E5E5; }



.tacticDiv ul li:hover a{ transform: scale(1.1); box-shadow: 5px 8px 25px 0px rgba(0, 0, 0, 0.1); z-index: 5;}



/* case */



.caseBannert a{ width: 100%; height: 6rem; overflow: hidden; display: block;}



.caseBannert a img{ width: 100%;}



.caseBannert h1{ font-size: 0.26rem; font-weight: bold; line-height: 0.26rem; padding: 0.3rem 0 0.1rem 0;}



.caseBannert p{ font-size: 0.14rem; line-height: 0.24rem;}



.caseBannert .swiper-container{ padding-bottom: 0.4rem;}



.caseBannert .swiper-container .swiper-button-next, .caseBannert .swiper-container .swiper-button-prev{ top: 3rem;}



.caseFer .more{ width: 1.6rem; height: 0.46rem; border-radius: 0.23rem; background: #000; margin: auto; display: flex; flex-wrap: nowrap; justify-content: center;}



.caseFer .more em{ float: left; font-size: 0.14rem; line-height: 0.46rem; color: #fff; transition: all 0.5s; position: relative;}



.caseFer .more:hover em{ padding-right: 0.15rem;}



.caseFer .more i{ display: block; width: 0.1rem; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/icon_ax.png) no-repeat right center; background-size: 0.06rem auto; opacity: 0; transition: all 0.5s;}



.caseFer .more:hover i{ opacity: 1;}



.caseFerTwo{ background: #F5F5F5;}



.caseFer .moreDiv{ padding: 0.4rem 0;}



.caseList{ position: relative;}



.caseList .list{ display: none;}



.caseList .list:first-child{ display: block;}



.caseList ul li{ float: left; width: 6.85rem;}



.caseList ul li .img{ width: 100%; height: 4.8rem; overflow: hidden;}



.caseList ul li .img img{ width: 100%; transition: all 0.5s;}



.caseList ul li .img:hover img{ transform: scale(1.05);}



.caseList ul li h1{ font-size: 0.26rem; text-align: center; padding: 0.15rem 0 0.1rem 0;}



.caseList ul li p{ font-size: 0.14rem; line-height: 0.24rem; text-align: center; padding: 0 0.35rem; min-height: 0.72rem;}



.caseList ul li:nth-child(2n){ float: right;}



.caseList .right{ position: absolute; right: 0; top: -1rem; float: right;}



.caseList .right a{ float: right; height: 0.4rem; line-height: 0.4rem; padding: 0 0.2rem; font-size: 0.14rem; color: #fff; background: #000;}



.caseList .right p{ font-size: 0.14rem; margin-top: 0.1rem;}



.caseNavMin{ width: 6.04rem; height: 0.4rem; margin: auto; margin-bottom: 0.35rem;}



.caseNavMin a{ display: block; margin: auto; width: 1.1rem; height: 0.4rem; text-align: center; line-height: 0.4rem; font-size: 0.16rem; background: #F5F5F5; border-radius: 0.2rem; color: #A6A6A6; transition: all 0.5s;}



.caseNavMin a:hover{ background: #000; color: #fff;}



.caseNavMin .swiper-container{ padding: 0 0.5rem;} 



.caseNavMin .swiper-container .em{ width: 0.5rem; background: #fff;}



.caseNavMin .swiper-container .swiper-button-prev{ background: url(../images/case_icon_a.png) no-repeat center; background-size: 100% 100%; width: 0.4rem; height: 0.4rem; top: 0; margin-top: 0; left: 0;}



.caseNavMin .swiper-container .swiper-button-next{ background: url(../images/case_icon_b.png) no-repeat center; background-size: 100% 100%; width: 0.4rem; height: 0.4rem; top: 0; margin-top: 0; right: 0;}



/*.caseNavMin .swiper-container .swiper-slide-active a{ background: #000; color: #fff;}*/



.caseNavMin .swiper-container a.on{ background: #000; color: #fff;}



.caseBrandTit{ width: 100%; height: 0.4rem; padding: 0.25rem 0; display: flex; flex-wrap: nowrap; justify-content: center;}



.caseBrandTit a{ float: left; line-height: 0.4rem; border-radius: 0.2rem; font-size: 0.16rem; color: #B2B2B2; background: #F0F0F0; text-align: center; width: 1.1rem; margin: 0 0.08rem; transition: all 0.5s;}



.caseBrandTit a.on{ background: #000; color: #fff;}



.caseBrandTit a:hover{ background: #000; color: #fff;}



.caseBrandAn{ width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; padding: 0.6rem 0;}



.caseBrandAn a , .caseBrandAn span{ float: left; height: 0.3rem; border: 1px solid #000; font-size: 0.14rem; text-align: center; color: #000; margin: 0 0.05rem; line-height: 0.3rem; transition: all 0.5s;}



.caseBrandAn a:hover{ background: #000; color: #fff;}



.caseBrandAn .num , .caseBrandAn span{ width: 0.3rem;}



.caseBrandAn .next , .caseBrandAn .prev{ width: 0.62rem;}



.caseBrandAn .current{ background: #000; color: #fff;}



.caseNavMinTwo{ width: 11.08rem; padding-top: 0.25rem;}



.casePage{ padding: 0.4rem 0 0.6rem 0;}



.casePage h1{ font-size: 0.3rem; text-align: center; font-weight: bold;}



.casePage .miner{ padding: 0.25rem 1rem; background: #F4F4F4;margin-top: 0.35rem;}



.casePage .miner em{ display: block; font-size: 0.2rem; font-weight: bold; margin-bottom: 0.1rem;}



.casePage .miner p{ font-size: 0.14rem; line-height: 0.26rem;}



.casePage .cont img{ width: 100%; margin-top: 0.3rem;}



.casePage .cont p{ font-size: 0.16rem; line-height: 0.26rem; padding: 0.3rem 1rem 0 1rem;}



.casePage .cont{ border-bottom: 1px solid #979797; padding-bottom: 0.5rem;} 



.casePage .but{ padding: 0.3rem 0 0 0;}



.casePage .but em{ display: block; font-size: 0.16rem; padding-bottom: 0.1rem;}



.casePage .but a{ display: block; font-size: 0.16rem; text-decoration: underline; color: #000;}



.casePage .but .kik{ float: left;}



.casePage .but .kik:first-child{ margin-right: 1.3rem;}



.casePage .titr{ width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; font-size: 0.14rem; margin-top: 0.25rem;}



.casePage .titr em{ float: left; margin: 0 0.08rem;}



.casePage .cont p{ font-size: 0.16rem; line-height: 0.34rem; padding: 0.3rem 0 0 0;}



.casePage .miner2{ padding: 0.25rem 0.5rem;}



/*  news */



.newsDiv ul li{ margin-top: 0.6rem; min-height: 2.5rem; position: relative;}



.newsDiv ul li .left{ width: 4rem; height: 2.5rem; overflow: hidden; position: absolute; top: 0; left: 0;}



.newsDiv ul li .left img{ width: 100%; transition: all 0.5s;}



.newsDiv ul li:hover .left img{ transform: scale(1.05);}



.newsDiv ul li .right{ padding-left: 4.2rem; height: 2.5rem; position: relative;}



.newsDiv ul li .right h1{ font-size: 0.24rem;}



.newsDiv ul li .right p{ font-size: 0.14rem; line-height: 0.26rem; padding: 0.1rem 0 0.05rem 0;}



.newsDiv ul li .right em{ display: block; font-size: 0.16rem; font-weight: bold;}



.newsDiv ul li .right a{ display: block; width: 1.6rem; height: 0.42rem; border-radius: 0.24rem; border: 1px solid #000; color: #000; line-height: 0.42rem; text-align: center; font-size: 0.14rem; position: absolute; bottom: 0.05rem; left: 4.2rem; transition: all 0.5s;}



.newsDiv ul li .right a:hover{ background: #000; color: #fff;}



.remTitle{ background: #f5f5f5; padding: 0.4rem 0 0.25rem 0; margin: 0.25rem auto 0 auto; text-align: center;}



.remTitle h1{ font-size: 0.36rem; font-weight: bold;}



.remTitle h2{ font-size: 0.2rem;}



.remTitle em{ display: block; width: 0.4rem; height: 4px; background: #000; margin: 0.15rem auto 0.25rem auto;}



.remTitle p{ font-size: 0.14rem;}



.remList{ width: 100%; background: #fff; padding: 0.4rem 0;}



.remList h1{ font-size: 0.3rem; font-weight: bold; text-align: center; padding-bottom: 0.3rem;}



.remList .swiper-container{ width: 11.52rem; padding: 0 0.8rem 0.4rem 0.8rem; margin: auto;}



.remList .cont a{ display: block; width: 3.6rem; margin: auto;}



.remList .cont .img{ width: 100%; height: 3rem; overflow: hidden;}



.remList .cont .img img{ width: 100%; transition: all 0.5s;}



.remList .cont .img:hover img{ transform: scale(1.05);}



.remList .swiper-container .em{ width: 0.92rem; background: #fff;}



.remList .cont h2{ font-size: 0.16rem; text-align: center; color: #000; padding-top: 0.15rem;}



.remList .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0;}



.remListOne , .remListOne .swiper-container .em{ background: #f5f5f5;}



.remList .swiper-container .swiper-button-next, .remList .swiper-container .swiper-button-prev{ top: 1.5rem;}



.artsList ul{ margin-top: 0.3rem;}



.artsList ul li{ float: left; width: 4.4rem; margin-right: 0.4rem;}



.artsList ul li:nth-child(3n){ margin-right: 0;}



.artsList ul li .img{ width: 100%; height: 2rem; overflow: hidden; position: relative;}



.artsList ul li .img .up{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: all 0.5s;}



.artsList ul li .img img{ width: 100%; transition: all 0.5s;}



.artsList ul li .img .text{ position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 0.14rem; line-height: 0.24rem; color: #fff; opacity: 0; z-index: 5; padding: 0 0.3rem; margin-top: 1rem; transition: all 0.5s;}



.artsList ul li h1{ font-size: 0.16rem; text-align: center; line-height: 0.3rem; padding: 0.15rem 0 0.35rem 0;}



.artsList ul li .img:hover .up{ opacity: 0.5;}



.artsList ul li .img:hover img{ transform: scale(1.05);}



.artsList ul li .img:hover .text{ opacity: 1; margin-top: 0;}



.artsWearch{ width: 100%; padding: 0.6rem 0 0.8rem 0; background: #f9f9f9;}



.artsWearch h1{ font-size: 0.3rem; font-weight: bold; text-align: center;}



.artsWearch .img{ padding: 0.25rem 0 0.6rem 0;}



.artsWearch .img img{ width: 100%;}



.artsWearch .mink{ width: 14.4rem; margin: auto; position: relative;}



.artsWearch .mink ul li{ float: left; width: 1.2rem; height: 1.6rem; margin: 0 0.2rem; position: relative;}



.artsWearch .mink ul li .miner{ width: 1.2rem; height: 1.2rem; background: #fff; border-radius: 0.1rem 0.1rem 0 0; position: relative; z-index: 2; transition: all 0.5s;}



.artsWearch .mink ul li .miner h2{ font-size: 0.2rem; color: #6C6C6C; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; transition: all 0.5s;}



.artsWearch .mink ul li .miner h2 p{ font-size: 0.12rem;}



.artsWearch .mink ul li em{ display: block; width: 0.3rem; height: 0.3rem; border-radius: 100%; background: #C4C4C4; line-height: 0.3rem; text-align: center; font-size: 0.12rem; color: #fff; position: absolute; bottom: -0.15rem; left: 50%; margin-left: -0.15rem; z-index: 5; transition: all 0.5s;}



.artsWearch .mink ul li i{ display: block; width: 1px; height: 0; background: #000; position: absolute; top: 0; left: 50%; margin-left: -0.5px; z-index: 1; transition: all 0.5s;}



.artsWearch .mink ul li:hover .miner{ background: #000;}



.artsWearch .mink ul li:hover h2{ color: #fff;}



.artsWearch .mink ul li:hover em{ background: #000; color: #fff;}



.artsWearch .mink ul li:hover i{ height: 100%;}



.artsWearch .mink .mUl{ padding-left: 0.8rem;}



.artsWearch .mink .mUl li .miner{ border-radius: 0 0 0.1rem 0.1rem; position: absolute; left: 0; bottom: 0; z-index: 2; transition: all 0.5s;}



.artsWearch .mink .mUl li em{ top: -0.15rem; bottom: auto;}



.artsWearch .mink ul li i{ top: auto; bottom: 0;}



.artsWearch .mink .solr{ width: 100%; height: 0.16rem; background: url(../images/viver_icon.png) no-repeat right center; background-size: auto 100%; position: absolute; right: 0; top: 50%; margin-top: -0.08rem; z-index: 1;}



.artsWearch .mink .solr em{ display: block; width: 100%; height: 1px; background: #C4C4C4; position: absolute; right: 0; top: 50%; margin-top: -0.5px;}



.newsTalk ul{ margin-top: 0.6rem;}



.newsTalk ul li{ float: left; width: 4.2rem; margin-right: 0.7rem; padding-bottom: 0.3rem;}



.newsTalk ul li:nth-child(3n){ margin-right: 0;}



.newsTalk ul li a{ display: block; width: 100%; height: 6.1rem; overflow: hidden;}



.newsTalk ul li a img{ width: 100%; transition: all 0.5s;}



.newsTalk ul li a:hover img{ transform: scale(1.05);}



.newsTalk ul li h1{ font-size: 0.16rem; text-align: center; padding: 0.2rem 0 0.6rem 0;}



.newClean{ padding: 0.35rem 0;}



.newClean ul li{ float: left; width: 4.4rem; margin-right: 0.4rem;}



.newClean ul li:nth-child(3n){ margin-right: 0;}



.newClean ul li a{ display: block; width: 100%; height: 3.5rem; overflow: hidden;}



.newClean ul li a img{ width: 100%; transition: all 0.5s;}



.newClean ul li:hover a img{ transform: scale(1.05);}



.newClean ul li h1{ font-size: 0.2rem; text-align: center; padding: 0.2rem 0 0.1rem 0;}



.newClean ul li p{ font-size: 0.14rem; padding: 0 0.3rem; min-height: 0.5rem; text-align: center;}



.cleanIcon{ width: 100%; padding: 0.45rem 0 0.75rem 0; background: #F5F5F5;}



.cleanIcon ul li{ float: left; width: 25%;}



.cleanIcon ul li em{ display: block; width: 100%; height: 0.9rem; position: relative;}



.cleanIcon ul li em img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}



.cleanIcon ul li em:first-child img{ width: 0.76rem;}



.cleanIcon ul li em:nth-child(2) img{ width: 0.68rem;}



.cleanIcon ul li em:nth-child(3) img{ width: 0.6rem;}



.cleanIcon ul li em:nth-child(4) img{ width: 0.6rem;}



.cleanIcon h1{ font-size: 0.34rem; font-weight: bold; text-align: center; padding-bottom: 0.5rem;}



.cleanIcon ul li p{ font-size: 0.2rem; text-align: center; padding-top: 0.1rem;}



.newGood{ padding: 0.35rem 0;}



.newGood h1{ font-size: 0.2rem; font-weight: bold; padding-bottom: 0.25rem;}



.newGood p{ font-size: 0.14rem; line-height: 0.3rem; padding-bottom: 0.4rem;}



/* contact */



.contact{ width: 100%; padding: 0.2rem 0; background: #f5f5f5;}



.contact .list{ position: relative;}



.contact .list .left{ width: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



.contact .list .left h1{ font-size: 0.3rem; font-weight: bold; padding-bottom: 0.3rem;}



.contact .list .left p{ font-size: 0.18rem; line-height: 0.36rem;}



.contact .list .right{ width: 50%; height: 4rem; overflow: hidden; margin-left: 50%;}



.contact .list:nth-child(2){ margin: 0.2rem auto 0 auto;}



.contactCont .list{ padding: 0.5rem 0;}



.contactCont .list h1{ font-size: 0.2rem; font-weight: bold; margin-bottom: 0.15rem;}



.contactCont .list ul li{ float: left; width: 3.9rem; background: #f5f5f5; margin-right: 0.15rem; padding: 0.3rem 0; position: relative; transition: all 0.5s;}



.contactCont .list ul li:hover{ box-shadow: 0 0 0.15rem #eee;}



.contactCont .list ul li:nth-child(3n){ margin-right: 0;}



.contactCont .list ul li .cont{ padding: 0 0.25rem; height: 1.2rem; position: relative;}



.contactCont .list ul li .cont .left{ width: 1.2rem; height: 1.2rem; overflow: hidden; background: #fff; position: absolute; top: 0; left: 0.25rem;}



.contactCont .list ul li .cont .left img{ width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}



.contactCont .list ul li .cont .right{ padding-left: 1.35rem;}



.contactCont .list ul li .cont .right h2{ font-size: 0.16rem;}



.contactCont .list ul li .cont .right p{ font-size: 0.14rem; color: #474747; padding-left: 0.22rem; line-height: 0.3rem;}



.contactCont .list ul li .cont .right .p1{ background: url(../images/contact_icon_1.png) no-repeat left center; background-size: 0.15rem auto; margin-top: 0.2rem;}



.contactCont .list ul li .cont .right .p2{ background: url(../images/contact_icon_2.png) no-repeat left 0.02rem center; background-size: 0.11rem auto;}



.contactCont .list ul li .cont .right .mm{ font-size: 0.14rem; color: #474747; padding-top: 0.05rem;}



.contactCont .list ul li .cont .right a{ font-size: 0.12rem; color: #fff; float: left; line-height: 0.32rem; padding: 0 0.2rem; border-radius: 0.16rem; background: #000; margin-top: 0.2rem;}



.contactCont .list ul li .phot{ width: 0.5rem; height: 0.5rem; background: url(../images/cell1.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 0.4rem; top: 50%; margin-top: -0.25rem;}



/*  */



.merchDiv{ margin: 0.25rem auto 0.6rem auto;}



.merchDiv .left{ float: left; width: 2rem; background: #f7f7f7; padding: 0.25rem 0;}



.merchDiv .left h1{ font-size: 0.26rem; font-weight: bold; padding: 0 0 0.15rem 0.25rem;}



.merchDiv .left ul li{ padding: 0.05rem 0; font-size: 0.14rem;}



.merchDiv .left ul li .tit{ padding: 0 0 0 0.25rem; font-weight: bold; line-height: 0.3rem; position: relative;}



.merchDiv .left ul li .tit em{ display: block; width: 0.3rem; height: 0.3rem; background: url(../images/icon_v.png) no-repeat center; background-size: 0.07rem auto; position: absolute; top: 0; right: 0.15rem; transition: all 0.5s;}



.merchDiv .left ul li .tit .em{ transform: rotate(90deg);}



.merchDiv .left ul li .list{ display: none; padding: 0.05rem 0 0 0;}



.merchDiv .left ul li .list a{ display: block; line-height: 0.3rem; color: #363636; padding-left: 0.4rem; transition: all 0.5s;}



.merchDiv .left ul li .list a:hover{ background: #ddd;}



.merchDiv .left ul li .list a.on{ background: #ddd;}



.merchDiv .left ul li .listOne a{ padding: 0 0 0 0.6rem; position: relative;}



.merchDiv .left ul li .listOne a em{ display: block; width: 0.14rem; height: 0.14rem; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 0.4rem;}



.merchDiv .left ul li .listOne a .em1{ background: #871C24;}



.merchDiv .left ul li .listOne a .em2{ background: #DD6217;}



.merchDiv .left ul li .listOne a .em3{ background: #DBB02E;}



.merchDiv .left ul li .listOne a .em4{ background: #186134;}



.merchDiv .left ul li .listOne a .em5{ background: #1C3577;}



.merchDiv .left ul li .listOne a .em6{ background: #602753;}



.merchDiv .left ul li .listOne a .em7{ background: #DBDBDB;}



.merchDiv .left ul li .listOne a .em8{ background: #A0A1A1;}



.merchDiv .left ul li .listOne a .em9{ background: #000;}



.merchDiv .left ul li .listOne a .em10{ background: #7D5C25;}















.merchDiv .left ul li .list a{



	display: flex;



	flex-flow: row nowrap;



	align-items: center;



}



.merchDiv .left ul li .list a > em{



	margin-right: 10px;



	display: block;



	width: 0.14rem;



	height: 0.14rem;



	border-radius: 100%;



	border: 1px solid #eee;



}







#screen{



	display: flex;



}







#condition{



	display: flex;



	flex-flow: row wrap;



	width: 90%;



}



#screen>button{



	width: 5%;



    height: 40px;



    border: none;



    border-radius: 2px;



    cursor: pointer;



    background-color:#000;



    color: #fff;



    transition: 0.6s linear;



}







#screen>button:hover{



	background-color:#2d2c2c;



    color: wheat;



}







.merchDiv .rigth{ width: 11.8rem; float: right;}



.merchDiv .rigth .tit{ padding: 0.15rem 0; border-bottom: 1px solid #E0E0E0;}



.merchDiv .rigth .tit h1{ font-size: 0.14rem; line-height: 0.3rem; float: left; padding-right: 0.2rem;}



.merchDiv .rigth .tit .mer{float: left;font-size: 0.14rem;line-height: 0.28rem;border: 1px solid #E0E0E0;padding: 0 0 0 0.08rem;margin-bottom: 0.1rem;margin-right: 0.1rem;width: 18%;}



.merchDiv .rigth .tit .mer h2{ float: left; font-size: 0.14rem;}



.merchDiv .rigth .tit .mer p{ float: left;}



/*.merchDiv .rigth .tit .mer em{float: right; width: 0.28rem; height: 0.28rem; background: url(../images/icon_n.png) no-repeat center; background-size: 0.12rem auto; transition: all 0.5s;}



.merchDiv .rigth .tit .mer em:hover{ transform: rotate(90deg);}*/



.merchDiv .rigth .tit .mer a{display: block; float: right; width: 0.28rem; height: 0.28rem; background: url(../images/icon_n.png) no-repeat center; background-size: 0.12rem auto; transition: all 0.5s;}



.merchDiv .rigth .tit .mer a:hover{ transform: rotate(90deg);}











.merchDiv .rigth .cont{ padding-top: 0.2rem;}



.merchDiv .rigth .cont ul li{ float: left; width: 2.8rem; margin-right: 0.2rem;}



.merchDiv .rigth .cont ul li:nth-child(4n){ margin-right: 0;}



.merchDiv .rigth .cont ul li .img{width: 2.8rem;height: 2.8rem;overflow: hidden;position: relative;background: #F7F7F7;}



.merchDiv .rigth .cont ul li .img img{max-width: 100%;max-height: 100%; transition: all 0.5s;transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;z-index: 0;}



.merchDiv .rigth .cont ul li .img .up{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: all 0.5s; background: #000;}



.merchDiv .rigth .cont ul li .img .date{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; flex-wrap: nowrap; justify-content: center; opacity: 0; transition: all 0.5s; z-index: 3;}



.merchDiv .rigth .cont ul li .img .date a{ float: left; font-size: 0.14rem; line-height: 0.14rem; color: #fff;}



.merchDiv .rigth .cont ul li .img .date em{ float: left; width: 1px; height: 0.14rem; background: #fff; margin: 0 0.1rem;}



.merchDiv .rigth .cont ul li .img:hover img{ transform: translate(-50%,-50%) scale(1.05);}



.merchDiv .rigth .cont ul li .img:hover .up{ opacity: 0.5;}



.merchDiv .rigth .cont ul li .img:hover .date{ opacity: 1;}



.merchDiv .rigth .cont ul li h1{ font-size: 0.14rem; padding: 0.1rem 0 0 0; height: 0.6rem;}



/* 详情 */



.detailDiv{ padding: 0.35rem 0 0.4rem 0;}



.bannerDeta .left{ float: left; width: 7rem; height: 7rem; overflow: hidden;}



.bannerDeta .left a{display: block;width: 100%;height: 7rem;overflow: hidden;position: relative; background: #eee;}



.bannerDeta .left a img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}



.bannerDeta .left .swiper-slide{ overflow:hidden; width:100%;}



.bannerDeta .left .swiper-container .swiper-button-next{ width: 0.36rem; height: 0.36rem; background: url(../images/case_icon_b_u.png) no-repeat center; background-size: 100% 100%; margin-top: -0.18rem; opacity: 1;}



.bannerDeta .left .swiper-container .swiper-button-prev{ width: 0.36rem; height: 0.36rem; background: url(../images/case_icon_a_w.png) no-repeat center; background-size: 100% 100%; margin-top: -0.18rem; opacity: 1;}



.bannerDeta .left .swiper-container:hover .swiper-button-next , .bannerDeta .left .swiper-container:hover .swiper-button-prev{ opacity: 1;}



.bannerDeta .right{ float: right; width: 7rem; height: 7rem; position: relative;}



.bannerDeta .right .tit h1{ font-size: 0.4rem; font-weight: bold; text-align: center; padding: 0.5rem 0 0 0;}



.bannerDeta .right .tit h2{ font-size: 0.2rem; text-align: center;}



.bannerDeta .right .tit p{ font-size: 0.14rem; text-align: center; width: 5rem; margin: 0.35rem auto 0; line-height: 0.24rem;}



.bannerDeta .right .butter{ width: 100%; position: absolute; left: 0; bottom: 0.1rem; display: flex; flex-wrap: nowrap; justify-content: center;}



.bannerDeta .right .butter a{ float: left; width: 1.2rem; height: 0.42rem; border: 1px solid #000; border-radius: 0.22rem; font-size: 0.14rem; color: #000; text-align: center; line-height: 0.42rem; margin: 0 0.08rem; display: flex; flex-wrap: nowrap; justify-content: center; position: relative; transition: all 0.5s;}



.bannerDeta .right .butter .load{ background: #000; color: #fff;}



.bannerDeta .right .butter a:hover{ box-shadow: 0 0 0.15rem #333; color: #fff; background: #000;}



.bannerDeta .right .butter a em{ padding-left: 0.32rem; line-height: 0.42rem; float: left;}



.bannerDeta .right .butter .coll .em{ background: url(../images/dater_icon_1.png) no-repeat left center; background-size: 0.21rem auto;}







.bannerDeta .right .butter .coll .em-ok{ background: url(../images/dater_icon_1_ok.png) no-repeat left center; background-size: 0.21rem auto;}







.bannerDeta .right .butter .coll:hover em{ background: url(../images/dater_icon_1_w.png) no-repeat left center; background-size: 0.21rem auto;}



.bannerDeta .right .butter .hava em{ background: url(../images/dater_icon_2.png) no-repeat left center; background-size: 0.2rem auto;}



.bannerDeta .right .butter .hava:hover em{ background: url(../images/dater_icon_2_w.png) no-repeat left center; background-size: 0.2rem auto;}



.bannerDeta .right .butter .code{ display: none; width: 1.2rem; position: absolute; top: -1.6rem; left: 50%; margin-left: -0.6rem;}



.bannerDeta .right .butter .code .img{ padding: 0.05rem; background: #000; border-radius: 0.05rem;}



.bannerDeta .right .butter .code .img img{ width: 100%;}



.bannerDeta .right .butter .code .img p{ font-size: 0.14rem; text-align: center; color: #fff; line-height: 0.2rem; padding-top: 0.05rem;}



.bannerDeta .right .butter .code .mim{ margin: auto; width: 0.1rem;}



.bannerDeta .right .butter a:hover .code{ display: block;}



.bannerDeta .right .cont{ width: 3.4rem; position: absolute; left: 50%; margin-left: -1.7rem; top: 2.9rem;}



.bannerDeta .right .cont .mTit a{ float: left; width: 1.1rem; font-size: 0.14rem; text-align: center; line-height: 0.4rem; background: #DADADA; color: #6C6C6C; margin-left: 0.05rem; transition: all 0.5s;}



.bannerDeta .right .cont .mTit a:hover{ background: #000; color: #fff;}



.bannerDeta .right .cont .mTit a:first-child{ margin-left: 0;}



.bannerDeta .right .cont .mTit a.on{ background: #000; color: #fff;}



.bannerDeta .right .cont .derBmer{ display: none;}



.bannerDeta .right .cont .derBmer:first-child{ display: block;}



.bannerDeta .right .cont .ker{ border: 1px solid #000; height: 0.38rem; margin-top: 0.1rem; transition: all 0.5s;}



.bannerDeta .right .cont .ker:hover{ background: hsla(0,0%,93%,0.33);}



.bannerDeta .right .cont .ker em{ float: left; font-size: 0.14rem; padding-left: 0.1rem; line-height: 0.38rem;}



.bannerDeta .right .cont .ker p{ float: right; font-size: 0.14rem; font-weight: bold; line-height: 0.38rem; padding-right: 0.1rem;}



.bannerDeta .right .cont .ker p i{ font-size: 0.12rem; font-weight: normal;}



.bannerDeta .right .cont .ker p.wu{ color: #C8C8C8; font-weight: normal;}



.detaInter{ padding: 0.25rem 0.2rem; background: #f7f7f7; margin: 0.35rem 0 0.15rem 0;}



.detaInter h1{ font-size: 0.14rem; color: #252525;}



.detaInter .tit{ padding: 0.15rem 0 0.25rem 0;}



.detaInter .tit a{ float: left; height: 0.36rem; line-height: 0.36rem; padding: 0 0.15rem; background: #000; font-size: 0.14rem; color: #fff;}



.detaInter .cont{ position: relative;}



.detaInter .cont .img{ width: 1.44rem; height: 1.44rem; border: 1px solid #CBCBCB; position: absolute; top: 0; left: 0;}



.detaInter .cont .img img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} 



.detaInter .cont .img em{ font-size: 0.14rem; width: 100%; position: absolute; bottom: -0.25rem; left: 0; color: #C0C0C0; text-align: center;}



.detaInter .cont .list{ padding: 0 0 0.3rem 1.8rem; min-height: 1.6rem;}



.detaInter .cont .list ul li{ float: left; width: 32%; margin-right: 1.3%; font-size: 0.14rem; line-height: 0.2rem; margin-bottom: 0.15rem;}



.detaInter .cont .list ul li em{ float: left; color: #252525;}



.detaInter .cont .list ul li p{ float: left; color: #696969; position: relative;}



.detaInter .cont .list ul li div{ float: left;}



.detaInter .cont .list ul li .color{ padding-left: 0.2rem; margin-right: 0.1rem;}



.detaInter .cont .list ul li .color i{ display: block; width: 0.14rem; height: 0.14rem; background: #000; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -0.08rem; border: 1px solid #999;}



.detaInter .cont .list ul li .color2 i{ background: #E02020;}



.listDivMax .cont{ display: none;}



.listDivMax .cont:first-child{ display: block;}



.detarCont h1{ font-size: 0.14rem; line-height: 0.4rem; border-bottom: 1px solid #E4E4E4;}



.detarCont .deta{ display: flex;flex-flow: column nowrap; justify-content: center;align-items: center; width: 100%;min-height: 3.2rem;padding: 20px 0;}



.detarCont .list{ padding-top: 0.4rem;}











.detarCont .deta img{ max-width: 100%;}











.detarCont .list ul li:first-child{ margin-left: 0;}



.detarCont .list ul li{



	float: left;



	width: 3.3rem;



	margin-left: 0.26rem;



}



.detarCont .list ul li a{ display: block; width: 100%; height: 2.6rem; overflow: hidden; background: #eee; position: relative;}



.detarCont .list ul li a img{ position: absolute; transition: all 0.5s; max-width: 100%; max-height: 100%; top: 50%; left: 50%;transform: translate(-50%,-50%);}



.detarCont .list ul li a:hover> img{ transform: translate(-50%,-50%) scale(1.05);}



.detarCont .list ul li > h2{



	font-size: 0.14rem;



	padding-top: 0.1rem;
	text-align: center;



}



/*.detarCont .list ul li{ float: left; width: 2.6rem; margin-left: 0.26rem;}



.detarCont .list ul li:first-child{ margin-left: 0;}



.detarCont .list ul li a{ display: block; width: 100%; height: 2.6rem; overflow: hidden;}



.detarCont .list ul li a img{ width: 100%; transition: all 0.5s;}



.detarCont .list ul li a:hover img{ transform: scale(1.05);}



.detarCont .list ul li h2{ font-size: 0.14rem; padding-top: 0.1rem;}*/



.detaInter .tit2 a{ background: #DADADA; padding: 0 0.5rem; color: #4A4A4A; margin-right: 0.12rem; transition: all 0.5s;}



.detaInter .tit2 a.on{ background: #000; color: #fff;}



.detaInter .tit2 a:hover{ background: #000; color: #fff;}



.detaInter .merTer{ border-top: 1px solid #EDEDED; padding-top: 0.35rem; padding-left: 1.8rem;}



.detaInter .merTer ul li{ float: left; margin-left: 1.3rem;}



.detaInter .merTer ul li:first-child{ margin-left: 0;}



.detaInter .merTer ul li em{ float: left; font-size: 0.14rem; margin-right: 0.1rem;}



.detaInter .merTer ul li .homr{ float: left; width: 1.3rem; margin-left: 0.15rem;}



.detaInter .merTer ul li .homr:first-child{ margin-left: 0;}



.detaInter .merTer ul li .img{ width: 1.3rem; height: 1.3rem; border: 1px solid #DEDEDE; position: relative;}



.detaInter .merTer ul li .img img{ max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}



.detaInter .merTer ul li .homr h3{ font-size: 0.14rem; text-align: center; padding-top: 0.05rem;}



.addTit{ padding: 0.25rem 0 0.2rem 0; border-top: 1px solid #EDEDED;}



.addTit a{ float: left; height: 0.34rem; line-height: 0.34rem; border: 1px solid #000; padding: 0 0.25rem; font-size: 0.14rem; color: #000;}



/* 注册 */



.backBody{ background: #f9f9f9;}



.enrill{ background: #fff; margin: 0.35rem auto;}



.enrill .cont{ padding: 0.45rem 0.25rem;}



.enrill .cont h1{ font-size: 0.4rem;}



.enrill .cont h2{ font-size: 0.16rem; line-height: 0.5rem; border-bottom: 1px solid #D8D8D8; margin-top: 0.15rem;}



.enrill .cont h2 i{ float: right; font-size: 0.14rem; color: #464646;}



.enrill .cont ul{ width: 4.4rem; margin: 0.3rem auto 0;}



.enrill .cont ul li p{ font-size: 0.14rem; color: #676767; margin-bottom: 0.05rem;}



.enrill .cont ul li .min{ margin-bottom: 0.2rem; position: relative;}



.enrill .cont ul li input{ display: block; width: 4.1rem; padding: 0 0.15rem; height: 0.38rem; border: 1px solid #C3C3C3; font-size: 0.14rem;}



.enrill .cont ul li .min em{ display: block; width: 0.6rem; height: 0.4rem; line-height: 0.4rem; text-align: center; border-right: 1px solid #C3C3C3; position: absolute; top: 0; left: 0; font-size: 0.14rem;}



.enrill .cont ul li .min2 input{ width: 3.5rem; padding: 0 0.15rem 0 0.75rem;}



.enrill .cont ul li .min3 input{ width: 2.1rem; float: left;}



.enrill .cont ul li .min3 button{ width: 1.9rem; height: 0.4rem; border-radius: 0; background: #444; border: 1px solid #C3C3C3; font-size: 0.14rem; color: #fff; float: right;cursor: pointer;}



.enrill .cont ul li .ker{ line-height: 0.3rem; font-size: 0.14rem;}



.enrill .cont ul li .ker input[name='grade']{ display: none;}



.enrill .cont ul li .ker label{ float: left; padding-left: 0.25rem; background: url(../images/icon_g.png) no-repeat left center; background-size: 0.16rem auto;}



.enrill .cont ul li .ker input[name='grade']:checked + label{ background: url(../images/remmon_ion.png) no-repeat left center; background-size: 0.16rem auto;}



.enrill .cont ul li .ker i{ float: left; color: #878787;}



.enrill .cont ul li .sub{ display: block; width: 100%; height: 0.5rem; border: none; border-radius: 0; background: #444; color: #fff; font-size: 0.14rem; margin: 0.5rem 0 0.25rem 0;cursor: pointer; }



.enrill .cont ul li a{ display: block; font-size: 0.14rem; color: #333; text-decoration: underline; text-align: center;}



/* 普通 */



.visitor{ margin: 0.5rem auto; background: #fff;}



.visitor .left{ float: left; width: 1.9rem; background: #000; padding: 0.4rem 0;}



.visitor .left .img{ width: 0.7rem; height: 0.7rem; border-radius: 100%; margin: auto; overflow: hidden;}



.visitor .left .img img{ width: 100%;}



.visitor .left h2{ font-size: 0.16rem; text-align: center; color: #fff; padding: 0.12rem 0 0.1rem 0;}



.visitor .left p{ display: flex; flex-wrap: nowrap; justify-content: center; width: 100%; font-size: 0.14rem; color: #525252; line-height: 0.26rem;}



.visitor .left p i{ float: left; padding: 0 0.1rem; border: 1px solid #525252; border-radius: 0.2rem; border: 1px solid #525252;}



.visitor .left .nav{ padding: 0.3rem 0;}



.visitor .left .nav a{ display: block; font-size: 0.14rem; color: #7B7B7B; text-align: center; line-height: 0.46rem; transition: all 0.5s;}



.visitor .left .nav a.on{ color: #fff;}



.visitor .right{ width: 10rem; padding: 0 0.05rem; float: right;}



.visitor .right h1{ font-size: 0.2rem; font-weight: bold; padding: 0.1rem 0 0 0.15rem; line-height: 0.6rem; border-bottom: 1px solid #D8D8D8;}

.visitor .right h1 span{ font-size: 0.12rem; color: #666666}

.visitor .right .minForm{ width: 4.5rem; margin: 0.35rem auto 0; padding: 0 0 0.8rem 0;}



.visitor .right .minForm li p{ font-size: 0.14rem; color: #676767; margin-bottom: 0.05rem;}



.visitor .right .minForm li .input1{ display: block; padding: 0 0.15rem; font-size: 0.14rem; width: 4.2rem; height: 0.38rem; border: 1px solid #C3C3C3;}



.visitor .right .minForm li .min{ margin-bottom: 0.25rem; position: relative;font-size: 0.14rem; }



.visitor .right .minForm li .min a{ display: block; text-decoration: underline; font-size: 0.14rem; color: #9D9D9D; position: absolute; top: 0; right: 0.2rem; line-height: 0.4rem;}



.visitor .right .minForm li .min .sel{ display: block; padding: 0 0.15rem; font-size: 0.14rem; width: 4.5rem; height: 0.38rem; border: 1px solid #C3C3C3;}



.visitor .right .minForm li .sub{ width: 1.5rem; height: 0.5rem; background: #444444; border: none; font-size: 0.14rem; color: #fff; display: block;}



#warp .img{ float: left; width: 2.16rem; height: 1.2rem; overflow: hidden; position: relative; background: #F6F6F6 url(../images/icon_sss.png) no-repeat center; background-size: 0.56rem auto;}



#warp .img input[type="file"]{ opacity: 0; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 2; border: none;}



#warp .img img{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}



.visitor .right .minForm li .nn{ float: left; font-size: 0.14rem; color: #9C9C9C; padding: 0.4rem 0 0 0.1rem;}



.visitor .right .minForm li .fileDiv{ margin-bottom: 0.25rem;}



.addMax{ margin-bottom: 0.15rem;}



.addMax select{ float: left; font-size: 0.14rem; text-align: center; padding: 0 0.15rem; height: 0.38rem; border: 1px solid #C3C3C3; width: 1.5rem; margin: 0 0.1rem 0.1rem 0;}



.caseForm{ width: auto;}



.visitor .right .caseForm{ padding: 0.35rem 0.1rem 0.45rem 0.25rem;}



.visitor .right .caseForm li p{ font-size: 0.14rem; color: #676767; margin-bottom: 0.05rem;}



.visitor .right .caseForm li input{ display: block; padding: 0 0.15rem; font-size: 0.14rem; height: 0.38rem; border: 1px solid #C3C3C3;}



.visitor .right .caseForm li .inp1{ width: 4.2rem;}



.visitor .right .caseForm li .list{ float: left;}



.visitor .right .caseForm li .list:first-child{ margin-right: 0.2rem;}



.visitor .right .caseForm li .min{ margin-bottom: 0.25rem; position: relative;}



.visitor .right .caseForm li .addMax{ float: left; margin-right: 0.2rem;}



#radiOne > input, 



#radioTwo > input,



#checkboxOne > input,



#checkboxTwo > input{ display: none;}



.visitor .right .caseForm li .min1 label{ float: left; height: 0.38rem; border: 1px solid #C3C3C3; font-size: 0.14rem; color: #676767; padding: 0 0.25rem; line-height: 0.38rem; margin-right: 0.1rem;}



#radiOne > input:checked + label,



#radioTwo > input:checked + label,



#checkboxOne > input:checked + label,



#checkboxTwo > input:checked + label{ border-color: #000; color: #000; background: url(../images/min_icon_m.png) no-repeat bottom right; background-size: 0.12rem auto;}



.visitor .right .caseForm li .gig{ position: relative; float: left;}



.visitor .right .caseForm li .gig2{ margin-top: 0.1rem;}



.visitor .right .caseForm li .gig input{ width: 3rem; padding: 0 0.15rem 0 1.15rem; display: block;}



.visitor .right .caseForm li .gig input[type="checkbox"],.visitor .right .caseForm li .gig input[type="radio"]{ display: none;}



.visitor .right .caseForm li .gig em{ display: block; width: 1rem; text-align: center; line-height: 0.38rem; font-size: 0.14rem; position: absolute; top: 0; left: 0;border-right: 1px solid #C3C3C3;}



.visitor .right .caseForm li .gig label{ padding: 0; margin: 0; border: 1px solid #999; position: absolute;top: 0; left: 0; width: 1rem; height: 0.38rem;}



.visitor .right .caseForm li .gig input:checked + label{ border-color: #000; color: #000; background: url(../images/min_icon_m.png) no-repeat bottom right; background-size: 0.12rem auto;}



.visitor .right .caseForm li .gig input:checked + label em{ border-color: #000;}



.visitor .right .caseForm li .sub{ width: 1.5rem; height: 0.5rem; background: #444444; border: none; font-size: 0.14rem; color: #fff; display: block;}



#warp .fileDiv2 .img{ width: 3rem; height: 3rem; float: left;}



#warp .fileDiv2 .nn{ float: left; margin-left: 0.25rem;}



#warp .fileDiv2 .nn .k{ font-size: 0.14rem; padding: 0.2rem 0 0.15rem 0;}



#warp .fileDiv2 .nn textarea{ display: block; width: 5.2rem; height: 2.1rem; padding: 0.15rem; font-size: 0.14rem; border: 1px solid #C3C3C3;}



.visitor .right .caseForm li .addRem{ border-bottom: 1px solid #D8D8D8; margin: 0.35rem 0 0.35rem 0; padding: 0 0 0.3rem 0;}



.visitor .right .caseForm li .addRem a{ display: block; width: 1.98rem; height: 0.48rem; border: 1px solid #000; border-radius: 0.3rem; font-size: 0.14rem; color: #000; line-height: 0.48rem; text-align: center; display: flex; flex-wrap: nowrap; justify-content: center; margin: auto;}



.visitor .right .caseForm li .addRem a i{ float: left; padding-left: 0.3rem; background: url(../images/min_l.png) no-repeat left center; background-size: 0.2rem auto;}



.visitor .right .caseForm li .kk{ position: relative; float: left;}



.visitor .right .caseForm li .kk input{ width: 8.45rem;}



.visitor .right .caseForm li .kk button{ display: block; width: 0.75rem; height: 0.4rem; border: none; background: #000; font-size: 0.14rem; color: #fff; position: absolute; top: 0; right: 0;}



.visitor .right .caseForm li .ion{ padding-top: 0.15rem; float: left;}



.visitor .right .caseForm li .ion .m{ margin-left: 0.25rem; float: left; height: 0.4rem; line-height: 0.4rem; padding: 0 0.25rem; background: #e2e2e2; font-size: 0.14rem; position: relative;}



.visitor .right .caseForm li .ion .m:first-of-type{margin-left: 0rem;}



.visitor .right .caseForm li .ion .m em{ display: block; width: 0.12rem; height: 0.12rem; background: url(../images/icon_n.png) no-repeat center; background-size: 100% 100%; position: absolute; top: -0.06rem; right: -0.06rem;}



.fileDiv3{ margin-top: 0.2rem;}



.houerDiv ul li{ float: left; width: 1.5rem; margin: 0.25rem 0.22rem 0 0.22rem;}



.houerDiv ul li .img{ width: 1.5rem; height: 1.5rem; overflow: hidden;}



.houerDiv ul li .img img{ width: 100%; transition: all 0.5s;}



.houerDiv ul li .img:hover img{ transform: scale(1.1);}



.houerDiv ul li h2{ font-size: 0.14rem; text-align: center; padding: 0.1rem 0 0.08rem 0;}



.houerDiv ul li em{ display: block; font-size: 0.12rem; color: #C3C3C3; text-align: center;}



.houerDiv ul li i{ display: block; width: 100%; height: 0.16rem; background: url(../images/btn14.png) no-repeat center; background-size: auto 100%;}



/*  */



.herPop{ width: 9.2rem; background: #fff; position: fixed; left: 50%; margin-left: -4.6rem; top: 0; z-index: -5; padding: 0.1rem 0; opacity: 0;}



.herPop a{ display: block; width: 9rem; height: 6rem; overflow: hidden; margin: auto;}



.herPop a img{ width: 100%;}



.herPop h1{ font-size: 0.16rem; text-align: center; padding: 0.6rem 0 0.25rem 0;}



.herPop .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0.7rem;}



.herPopDiv{z-index: 25; opacity: 1;}



/* 视频弹框 */



.videoDovMax{ display: none; width: 10rem; padding: 0.2rem; background: #fff; position: fixed; left: 50%; margin-left: -5rem; top: 0; z-index: 25;}



.videoDovMax video{ width: 100%; height: 100%;}



.videoDovMax .sole{ width: 0.3rem; height: 0.3rem; background: url(../images/cell3_w.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0.3rem; right: 0.3rem; transition: all 0.5s; z-index: 20;}



.videoDovMax .sole:hover{ transform: rotate(90deg);}



/* cell-entry */



.entryDivCell{ width: 100%; padding: 0.6rem 0;  background: #fff;}



.entryDivCell .tit{ font-size: 0.6rem; line-height: 0.6rem; font-weight: bold; width: 5.8rem; margin: auto;}



.entryDivCell .p{ font-size: 0.24rem; color: #6D7278; padding: 0.1rem 0 0.4rem 0; width: 5.8rem; margin: auto;}



.entryDivCell .titList{ width: 5.8rem; margin: auto;}



.entryDivCell .titList ul li{ float: left; position: relative;}



.entryDivCell .titList ul li:first-child{ padding-right: 0.6rem;}



.entryDivCell .titList ul li em{ display: block; width: 3px; height: 0.26rem; background: #D8D8D8; position: absolute; top: 50%; right: 0.28rem; transform: translateY(-50%);}



.entryDivCell .titList ul li a{ display: block; font-size: 0.36rem; line-height: 0.5rem; color: #B3B3B3;}



.entryDivCell .titList ul li.on a{ color: #000;}



.entryDivCell .minList ul{ padding-top: 0.1rem; width: 5.8rem; margin: auto;}



.entryDivCell .minList ul li p{ font-size: 0.24rem; margin-bottom: 0.1rem; margin-top: 0.4rem;}



.entryDivCell .minList ul li input{ display: block; width: 5.4rem; height: 0.8rem; border: 1px solid #C3C3C3; padding: 0 0.2rem; transition: all 0.5s;}



.entryDivCell .minList ul li .inp{ width: 4.3rem; padding: 0 0.2rem 0 1.3rem;}



.entryDivCell .minList ul li .em{ display: block; width: 1.1rem; height: 0.82rem; font-size: 0.24rem; text-align: center; position: absolute; top: 0; left: 0; border-right: 1px solid #C3C3C3; line-height: 0.8rem;}



.entryDivCell .minList ul li .min{ position: relative;}



.entryDivCell .minList ul li .pass{ float: right; font-size: 0.24rem; color: #6D7278; padding: 0.2rem 0;}



.entryDivCell .minList ul li button{ display: block; border: none; border-radius: 0; width: 100%; height: 0.8rem; background: #444; font-size: 0.3rem; color: #fff;}



.entryDivCell .minList ul li .min button{width: 2.4rem;position: absolute;top: 0;right: -1px;height: 0.82rem;font-size: 0.28rem;}



.entryDivCell .minList ul li.detector{ display: none;} 



.entryDivCell .minList ul li .mer em{ display: block; width: 0.9rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.24rem; margin: auto; text-align: center; color: #6D7278; position: relative; z-index: 10; background: #fff;}



.entryDivCell .minList ul li .mer{ position: relative; margin: 0.3rem 0;}



.entryDivCell .minList ul li i{ display: block; width: 100%; height: 1px; background: #DFDFDF; position: absolute; top: 50%; left: 0; z-index: 5;}



.entryDivCell .minList ul li .more{ display: block; width: 100%; height: 0.8rem; background: #444; font-size: 0.3rem; color: #fff; text-align: center; line-height: 0.8rem;}



.entryDivCell .ferMer{ margin: 0.35rem auto 0; width: 5.8rem;}



.entryDivCell .ferMer h2{ font-size: 0.28rem; font-weight: bold; margin-bottom: 0.1rem;}



.entryDivCell .ferMer p{ font-size: 0.24rem; color: #5E5E5E; line-height: 0.4rem;}



/* cell-mine */



.mineCell .title{ background: #000; padding: 0.65rem 0.7rem; position: relative; height: 1.1rem;}



.mineCell .title .left{ width: 1.1rem; height: 1.1rem; border-radius: 100%; overflow: hidden; position: absolute; top: 0.65rem; left: 0.7rem;}



.mineCell .title .left img{ width: 100%;}



.mineCell .title .right{ padding-left: 1.45rem;}



.mineCell .title .right h1{ font-size: 0.4rem; line-height: 0.56rem; font-weight: bold; color: #fff;}



.mineCell .title .right em{ float: left; height: 0.4rem; border-radius: 0.25rem; padding: 0 0.25rem; border: 1px solid #525252; font-size: 0.24rem; color: #525252; line-height: 0.4rem; margin-top: 0.1rem;}



.mineCell .list{ padding: 0 0.25rem; background: #fff;min-height: 9.7rem;}



.mineCell .list a{ height: 1rem; line-height: 1rem; display: block; font-size: 0.3rem; color: #545454; border-bottom: 1px solid #D8D8D8; background: url(../images/prve_icon.png) no-repeat right center; background-size: 0.16rem auto;}



/* cell */



.cellHear{ width: 100%; height: 1.3rem; background: #fff; position: fixed; top: 0; left: 0; z-index: 10; box-shadow: 0 0 0.15rem #eee; transition: all 0.5s;}



.cellHearOne{ left: -2rem;}



.cellHear .search{ width: 0.4rem; height: 0.4rem; position: absolute; top: 0.45rem; left: 0.22rem; background: url(../images/search1.png) no-repeat center; background-size: 100% auto;}



.cellHear .logo{ display: flex; flex-wrap: nowrap; justify-content: center;}



.cellHear .logo a{ float: left; height: 0.74rem; padding: 0.28rem 0;}



.cellHear .logo a img{ height: 100%;}



.cellHear .soler{ width: 0.4rem; height: 0.4rem; position: absolute; top: 0.45rem; right: 0.3rem; background: url(../images/cell2.png) no-repeat center; background-size: 100% auto;}



.searchCell{ width: 100%; background: #fff; padding: 0.2rem 0; position: fixed; top: -100%; left: 0; z-index: 25; opacity: 0; transition: all 0.5s;}



.searchCell2{ opacity: 1; top: 0;}



.searchCell input{ display: block; width: 6.35rem; height: 0.9rem; border: none; border-bottom: 1px solid #000; margin: 0 1.05rem 0 0.1rem; font-size: 0.32rem;}



.searchCell input::liaceholder{ color: #DDDDDD;}



.searchCell button{ display: block; width: 0.4rem; height: 0.4rem; border: none; background: url(../images/search1.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 50%; transform: translateY(-50%); right: 0.4rem;}



.cellRightNav{ width: 4.1rem; background: #fff; position: fixed; top: 0; right: -4.1rem; bottom: 0; overflow-y: auto; z-index: 25; opacity: 0; transition: all 0.5s;}



.cellRightNav2{ right: 0; opacity: 1;}



.cellRightNav .solr{ padding: 0.5rem 0.27rem;}



.cellRightNav .solr img{ width: 0.36rem; float: right;}



.cellRightNav .img div{ width: 1.2rem; height: 1.2rem; border-radius: 100%; overflow: hidden; margin: 0 auto 0.3rem auto;}



.cellRightNav .img img{ width: 100%;}



.cellRightNav .href a{ margin: auto; display: block; font-size: 0.24rem; width: 1.5rem; height: 0.6rem; line-height: 0.6rem; text-align: center; border: 1px solid #000; color: #000;}



.cellRightNav .nav .tit{ position: relative;}



.cellRightNav .nav .tit em{ display: block; width: 0.7rem; height: 0.7rem; background: url(../images/prve_icon.png) no-repeat center; background-size: 0.14rem auto; position: absolute; top: 0; right: 0; transition: all 0.5s;}



.cellRightNav .nav .tit .em{ transform: rotate(90deg);}



.cellRightNav .nav .tit a{ display: block; padding-left: 0.5rem; text-align: left; font-size: 0.32rem; color: #000; line-height: 0.7rem;}



.cellRightNav .nav .list{ display: none;}



.cellRightNav .nav .list a{ display: block; padding-left: 0.8rem; text-align: left; font-size: 0.28rem; color: #9A9A9A; line-height: 0.7rem;}



.cellRightNav .nav ul li{ padding: 0.1rem 0; border-bottom: 1px solid hsla(0,0%,0%,0.05);}



.cellRightNav .nav ul li:first-child{ border-top: 1px solid hsla(0,0%,0%,0.05);}



.cellRightNav .nav{ padding-top: 0.5rem;}



.cellFooter{ width: 100%; background: #000; padding-top: 0.6rem;}



.cellFooterFer{ opacity: 0;}



.cellFooter .wearch ul{ padding: 0 0.2rem;}



.cellFooter .wearch ul li{ float: left; width: 25%;}



.cellFooter .wearch ul li .img{ width: 1.1rem; height: 1.1rem; background: #fff; border-radius: 0.05rem; position: relative; margin: auto;}



.cellFooter .wearch ul li .img img{ width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}



.cellFooter .wearch ul li h1{ font-size: 0.24rem; color: #fff; text-align: center; padding: 0.08rem 0 0 0;}



.cellFooter .wearch p{ font-size: 0.2rem; text-align: center; color: hsla(0,0%,100%,0.30); padding: 0.4rem 0 0.65rem 0;}



.cellFooter .add p{ text-align: center; font-size: 0.2rem; color: #8A8A8A; line-height: 0.3rem;}

.cellFooter .add p a{color: #8A8A8A;}

.cellFooter .add .p{ padding: 0.1rem 0 0.2rem 0;}



.cellFooter .but{ background: #fff; padding: 0.33rem 0 0.35rem 0;}



.cellFooter .but img{ width: 1.4rem; margin: auto;}



.listBookCell{ padding: 0.6rem 0.3rem 0 0.3rem;}



.listBookCell .tit{ padding: 0 0 0.7rem 0;}



.listBookCell .tit h1{ font-size: 0.4rem; font-weight: bold; text-align: center;}



.listBookCell .tit em{ display: block; width: 0.4rem; height: 4px; background: #000; margin: 0.1rem auto 0.4rem auto;}



.listBookCell .tit p{ font-size: 0.24rem; line-height: 0.4rem; text-align: center; padding: 0 0.1rem;}



.listBookCell .conte ul li{ background: #f5f5f5; border-radius: 0.05rem; margin-bottom: 0.3rem; padding: 0.7rem 0.5rem;}



.listBookCell .conte ul li .img{ padding: 0 0 0.8rem 0;}



.listBookCell .conte ul li .img img{ display: block; margin: auto;}



.listBookCell .conte ul li h1{ font-size: 0.3rem; text-align: center; padding: 0 0 0.35rem 0;}



.listBookCell .conte ul li p{ font-size: 0.24rem; line-height: 0.4rem; color: #424242;}



.listBookCell .conte ul li .img .img1{ height: 1.38rem;}



.listBookCell .conte ul li .img .img2{ height: 0.97rem;}



.listBookCell .conte ul li .img .img3{ height: 2.26rem;}



.listBookCell .conte ul li .img .img4{ height: 1.27rem;}



.conrDerCell{ width: 7rem; margin: 0.7rem auto 0;}



.conrDerCell ul li{ padding: 0.4rem 0 0.5rem 0.25rem; position: relative;}



.conrDerCell ul li .em1{ display: block; width: 0.16rem; height: 0.16rem; background: url(../images/remmon_ion.png) no-repeat center; background-size: 100% 100%; position: absolute; left: -0.08rem; top: -0.08rem; z-index: 5;}



.conrDerCell ul li .em2{ display: block; width: 1px; height: 100%; background: #000; position: absolute; left: -0.5px; top: 0; z-index: 2;}



.conrDerCell ul li i{ display: block; width: 0.44rem; height: 1px; background: #000; position: absolute; left: 0; top: -0.5px; z-index: 2;}



.conrDerCell ul li h1{ font-size: 0.3rem; line-height: 0.4rem; position: absolute; left: 0.54rem; top: -0.2rem;}



.conrDerCell ul li .cont{ padding: 0.15rem; border-radius: 0.05rem; background: #f5f5f5; position: relative; height: 2.2rem; margin-bottom: 0.2rem;}



.conrDerCell ul li .cont .left{ width: 2.2rem; height: 2.2rem; background: #fff; border-radius: 0.05rem; position: absolute; top: 0.15rem; left: 0.15rem; overflow: hidden;}



.conrDerCell ul li .cont .left img{ max-width: 80%; max-height: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}



.conrDerCell ul li .cont .right{ margin-left: 2.35rem; height: 2.2rem; position: relative;}



.conrDerCell ul li .cont .right p{ font-size: 0.24rem; line-height: 0.34rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



.merchCellSer{ width: 100%; height: 1rem; background: #f5f5f5; position: fixed; top: 1.3rem; left: 0; z-index: 10;}



.merchCellSer h1{ font-size: 0.4rem; font-weight: bold; line-height: 1rem; float: left; padding-left: 0.3rem;}



.merchCellSer em{ float: right; font-size: 0.3rem; padding: 0 0.35rem 0 0.5rem; background: url(../images/cell4.png) no-repeat left center; background-size: 0.38rem auto; line-height: 1rem;}



.mearchBank{ margin-top: 0.5rem;}



.mearchBank button{ display: block; width: 2.4rem; height: 0.62rem; border: 1px solid #000; font-size: 0.24rem; border-radius: 0.35rem; margin: auto; background: #fff;}



.mearchBank p{ font-size: 0.24rem; text-align: center; color: #C4C4C4; padding: 0.4rem 0 0.5rem 0;}



.merchCelList{ display: none; width: 100%; background: hsla(0,0%,0%,0.50); position: fixed; top: 2.3rem; left: 0; bottom: 0; right: 0; overflow-y: auto; z-index: 10;}



.merchCelList ul{ background: #fff;}



.merchCelList ul li{ border-bottom: 1px solid #D8D8D8;}



.merchCelList ul li .tit{ padding: 0 0.4rem; height: 0.9rem; line-height: 0.9rem; font-size: 0.3rem; font-weight: bold; color: #2F2F2F; position: relative;}



.merchCelList ul li .tit em{ display: block; width: 0.9rem; height: 0.9rem; background: url(../images/icon_v.png) no-repeat center; background-size: 0.1rem auto; position: absolute; top: 0; right: 0; transition: all 0.5s;}



.merchCelList ul li .tit .em{ transform: rotate(90deg);}



.merchCelList ul li .cont{ display: none; padding: 0 0.1rem 0.2rem 1rem;}



.merchCelList ul li input{ display: none;}



.merchCelList ul li label{ float: left; width: 2.4rem; height: 0.68rem; margin: 0 0.15rem 0.15rem 0; background: #f1f1f1; line-height: 0.68rem; text-align: center; font-size: 0.24rem; color: #363636; border: 1px solid #f1f1f1;}



.merchCelList ul li .cont1 label em{ float: left; width: 0.28rem; height: 0.28rem; border-radius: 100%; margin: 0.2rem; border: 1px solid #999;}



.merchCelList ul li .cont2 label{ text-align: left;}



.merchCelList ul li input[type="radio"]:checked + label,



.merchCelList ul li input[type="radio"]:checked + label{ border-color: #000; background: #f1f1f1 url(../images/min_icon_m.png) no-repeat bottom right; background-size: 0.24rem auto;}



.merchCelList .cond{ padding: 0.2rem 0.1rem 0.2rem 1rem; min-height: 0.9rem; background: #fff; position: relative; border-bottom: 1px solid #D8D8D8;}



.merchCelList .cond .titer{ font-size: 0.3rem; line-height: 0.9rem; font-weight: bold; color: #2F2F2F; position: absolute; top: 0; left: 0.3rem;}



.merchCelList .cond .min{ float: left; height: 0.68rem; margin: 0 0.15rem 0.15rem 0; line-height: 0.68rem; padding:  0 0.2rem; font-size: 0.24rem; color: #363636; border: 1px solid #000;}



.merchCelList .cond .min em{ float: right; width: 0.28rem; height: 0.28rem; border-radius: 100%; background: url(../images/icon_n.png) no-repeat center; background-size: 100% auto; margin: 0.2rem 0 0 0.2rem;}



.merchCelList .cond .min .mm{ float: right; line-height: 0.28rem; padding: 0.2rem 0 0 0.1rem;}



.merchCelList .cond .min .mm i{ float: left; width: 0.28rem; height: 0.28rem; border-radius: 100%; border: 1px solid #999; margin-right: 0.05rem;}



.merchCelList .butter{ padding: 0.4rem 0 0.25rem 0; background: #fff; display: flex; flex-wrap: nowrap; justify-content: center;}



.merchCelList .butter button{ float: left; width: 2rem; height: 0.76rem; font-size: 0.3rem; font-weight: bold; background: #fff; border: 1px solid #000; border-radius: 0; margin: 0 0.3rem;}



.merchCelList .butter button:last-child{ background: #000; color: #fff;}



.textCell{ padding: 0 0.3rem 0.4rem 0.3rem; font-size: 0.2rem; line-height: 0.4rem; color: #323232;}



.minkCell{ width: 6.7rem; margin: auto; position: relative;}



.minkCell .cont{ float: left; width: 50%;}



.minkCell .cont ul li{ padding: 0.3rem 0; position: relative;}



.minkCell .cont ul li .ker{ width: 3rem; height: 1rem; background: #fff; border-radius: 0.1rem 0 0 0.1rem; box-shadow: 6px 4px 12px 0px rgba(0, 0, 0, 0.1);  position: relative; z-index: 5;}



.minkCell .cont ul li .ker h2{ font-size: 0.24rem; color: #6C6C6C; font-weight: bold; width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); text-align: center;}



.minkCell .cont ul li .ker i{ font-size: 0.18rem; font-weight: normal; display: block;}



.minkCell .cont ul li .em1{ display: block; width: 0.32rem; height: 0.32rem; border-radius: 100%; background: #C2C2C2; font-size: 0.18rem; line-height: 0.32rem; text-align: center; color: #fff; position: absolute; right: -0.16rem; top: 50%; transform: translateY(-50%); z-index: 2;}



.minkCell .cont ul li .em2{ width: 0; height: 1px; background: #000; position: absolute; top: 50%; left: 0; margin-top: -0.5px; z-index: 1; transition: all 0.5s;}



.minkCell .cur{ width: 1px; height: 95%;background: #D8D8D8; position: absolute; left: 50%; margin-left: -0.5px; top: 0.8rem; z-index: 1;}



.minkCell .cont2 ul li .ker{ float: right; border-radius: 0 0.1rem 0.1rem 0;}



.minkCell .cont2 ul li .em1{ right: auto; left: -0.16rem;}



.minkCell .cont2{ padding-top: 0.8rem;}



.minkCell .cont ul li:hover .em2{ width: 100%;}



.minkCell .cont ul li:hover .em1{ background: #000; color: #fff;}



.minkCell .cont ul li:hover .ker{ background: #000;}



.minkCell .cont ul li:hover h2{ color: #fff;}



.visitor .left .nav a:hover{ color: #fff;} 



/* 下载弹框 */



.downloadUp{ display: none; width: 5.5rem; background: #fff; border-radius: 0.05rem; position: fixed; top: 0; left: 50%; margin-left: -2.75rem; z-index: 30;}



.downloadUp .sole{ width: 0.26rem; height: 0.26rem; background: url(../images/icon_n.png) no-repeat center; background-size: 100% auto; position: absolute; top: 0.25rem; right: 0.24rem; transition: all 0.5s;}



.downloadUp .sole:hover{ transform: rotate(180deg);}



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



.downloadUp h1{ font-size: 0.2rem; line-height: 0.3rem; padding: 0.25rem 0 0.15rem 0;}



.downloadUp .miner ul li{ float: left; width: 1.1rem; height: 1.1rem; overflow: hidden; position: relative; margin: 0 0.2rem 0.2rem 0;}



.downloadUp .miner ul li:nth-child(4n){ margin: 0 0 0.2rem 0;}



.downloadUp .miner ul li img{ width: 100%;height: 100%;object-fit: cover; transition: all 0.5s;}



.downloadUp .miner ul li:hover img{ transform: scale(1.05);}



.downloadUp .miner ul li a{ display: block; width: 100%; height: 100%; background: hsla(0,0%,0%,0.50) url(../images/yun.png) no-repeat center; background-size: 0.32rem auto; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; transition: all 0.5s;}



.downloadUp .miner ul li:hover a{ opacity: 1;}



.downloadUp .miner ul li em{ float: left; font-size: 0.12rem; line-height: 0.24rem; padding: 0 0.1rem; position: absolute; bottom: 0; right: 0; background: hsla(0,0%,0%,0.50); color: #fff; border-top-left-radius: 0.12rem;}



/* 登录切换 */



.enterDivr{ float: left; height: 0.3rem; position: relative; cursor: pointer;}



.enterDivr h1{ font-size: 0.14rem; line-height: 0.3rem; padding: 0 0.2rem 0 0.1rem; background: url(../images/icon_s.png) no-repeat center right; background-size: 0.12rem auto; transition: all 0.5s;}



.enterDivr:hover h1{ background: url(../images/icon_s_one.png) no-repeat center right; background-size: 0.12rem auto;}



.enterDivr .list{ display: none; position: absolute; right: -0.1rem; top: 0.3rem; width: 1rem;}



.enterDivr:hover .list{ display: block;}



.enterDivr .list img{ margin: auto; width: 0.2rem;}



.enterDivr .list ul{ background: #000; border-radius: 0.05rem; padding: 0.1rem 0;}



.enterDivr .list a{ display: block; float: none; height: auto; font-size: 0.14rem; text-align: center; line-height: 0.24rem; color: #fff; text-align: center; transition: all 0.5s;}



.enterDivr .list li:hover a{ background: #393939;}



/*  */



.moreMax{font-size: 0.26rem;color: #000;border: 1px solid #000;height: 0.6rem;line-height: 0.6rem;display: block;text-align: center;border-radius: 0.3rem;width: 2.5rem;margin: 0.9rem auto 0.6rem auto;}



.caseBrandAn .first , .caseBrandAn .end{ padding: 0 0.1rem;}







/* 搜索页 */



.merchDiv .left .ner .mm{ padding: 0.05rem 0; position: relative;}



.merchDiv .left .ner .mm a{ display: block; font-size: 0.14rem; color: #000; line-height: 0.3rem; padding-left: 0.25rem; transition: all 0.5s;}



.merchDiv .left .ner .mm em{ display: block; width: 0.03rem; height: 0.16rem; background: #000; position: absolute; top: 50%; transform: translateY(-50%); left: 0.12rem; opacity: 0; transition: all 0.5s;}



.merchDiv .left .ner .mm.on a{ font-size: 0.18rem; font-weight: bold;}



.merchDiv .left .ner .mm.on em{ opacity: 1;}



.merchDiv .left .ner .mm:hover a{ background: #ddd;}



.merchDiv .rigth .tit h2{ font-size: 0.26rem; line-height: 0.26rem; font-weight: bold; margin-right: 0.2rem; float: left;}



.merchDiv .rigth .tit .ruit{ font-size: 0.14rem; line-height: 0.14rem; float: left; padding-top: 0.12rem;}



.merchDiv .rigth .tit .ruit i{ color: #CC0003;}







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



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



	.header , .footer , .entryDiv , .aboutLun .swiper-container .em , .swiper-container .swiper-button-next , .swiper-container .swiper-button-prev , .contOnePC , .aboutBook .listBook , .aboutDer .conrDer , .merchDiv .left , .artsWearch .mink , .contPC , .headerOne , .merchDiv .rigth .cont ul li .img .date em , .merchDiv .rigth .cont ul li .img .date a:first-child , .merchDiv .rigth .cont ul li .img:hover .up{ display: none;}

    .merchDiv .rigth .tit{ padding: 0.25rem 0.15rem; border-bottom: 1px solid #E0E0E0;}
	.caseBrandAn .num , .caseBrandAn span{ display: none;}
    .caseBrandAn .next , .caseBrandAn .prev, .caseBrandAn .end, .caseBrandAn .first{ width: 1.2rem; height: 0.5rem; border: 1px solid #000; font-size: 0.25rem; line-height: 0.5rem; font-weight: bold;}
	.mearchBank{ margin-top: 0rem;}

	#screen{display: none;}



	.content{ padding: 1.3rem 0 0 0;}



	.widthTwo , .widthThree , .widthOne{ width: 100%;}



	.aboutCont p{ font-size: 0.24rem; line-height: 0.5rem; text-indent: 0.48rem; padding: 0 0.35rem 0.45rem 0.35rem;}



	.aboutLun .swiper-container{ width: 7rem; padding: 0 0 0.4rem 0;}



	.aboutLun .swiper-container a{ height: 3.5rem;}



	.aboutLun .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0;}



	.aboutLun .text{ width: 7rem; font-size: 0.24rem; line-height: 0.5rem; text-indent: 0.48rem; padding: 0.45rem 0 0.8rem 0;}



	.aboutIcon ul li{ float: left; width: 50%; height: 3rem; padding: 0;}



	.aboutIcon ul li:first-child .img img{ width: 0.8rem;}



	.aboutIcon ul li:nth-child(2) .img img{ width: 0.72rem;}



	.aboutIcon ul li:nth-child(3) .img img{ width: 0.88rem;}



	.aboutIcon ul li:nth-child(4) .img img{ width: 0.87rem;}



	.aboutIcon ul li:nth-child(5) .img img{ width: 1.3rem;}



	.aboutIcon ul li .img{ height: 1.2rem;}



	.aboutIcon ul li p{ font-size: 0.2rem; line-height: 0.3rem;}



	.aboutIcon ul{ padding-top: 0.5rem;}



	.indexBanner .swiper-container{ padding: 0 0 0.85rem 0;}



	.indexBanner a{ height: auto;}



	.indexBanner .text{ float: left; position: absolute; left: 0; width: 100%;}



	.indexBanner .text h1{ text-align: center; font-size: 0.42rem;}



	.indexBanner .text p{ font-size: 0.28rem; line-height: 0.3rem; text-align: center;}



	.indexFamliy ul li{ width: 50%;}



	.indexFamliy ul{ width: 7rem; margin: auto;}



	.indexFamliy ul li h1{ font-size: 0.28rem;}



	.indexLing .contOne .swiper-container{ padding: 0 0.1rem 0.8rem 0.1rem; width: auto;}



	.indexLing .contOne .cont{ width: 3.35rem;}



	.indexLing .contOne .cont .img{ width: 3.35rem; height: 3.35rem;}



	.indexLing .contOne .cont h2{ font-size: 0.28rem; line-height: 0.3rem;}



	.indexLing .tit h1{ font-size: 0.4rem; line-height: 0.4rem;}



	.indexLing .tit p{ font-size: 0.2rem; padding: 0.1rem 0 0.4rem 0;}



	.indexLing .contOne .cont p{ font-size: 0.18rem; line-height: 0.3rem; padding-bottom: 0.6rem;}



	.indexLing .imgDiv a{ height: 5.3rem;}



	.indexLing .imgDiv h3{ font-size: 00.28rem; line-height: 0.3rem;}



	.indexLing .imgDiv .p{ font-size: 0.18rem; line-height: 0.3rem;}



	.indexLiner a:last-child{ display: none;}



	.indexLing .accer a{ width: 7rem; height: 6rem; margin: auto; position: relative; overflow: hidden;}



	.indexLing .accer a img{ width: auto;}



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



	.indexLiner a , .indexLiner a:first-child{ height: 6rem; width: 7rem; margin: auto; float: none; overflow: hidden; display: block; position: relative;}



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



	.indexLing .contOneD{ width: 100%;}



	.indexCher{ width: 7rem; margin: auto;}



	.indexLing .contOneD .swiper-container{ padding: 0 0.9rem 0.5rem 0.25rem; }



	.indexLing .contOneQ{ width: 100%;}



	.indexCher h2{ font-size: 0.3rem; line-height: 0.3rem; padding-left: 0;}



	.indexCher p{ font-size: 0.18rem; line-height: 0.3rem; padding: 0.2rem 0 0 0;}



	.indexLing .contOneD a , .remTitle{ margin: 0;}



	.indexLing .contOnePing a{ margin: auto; width: 3.35rem; height: 3.35rem;}



	.indexLing .contOnePing .swiper-container{ padding: 0 0.1rem 0.5rem 0.1rem;}



	.indexLing .contOneD h2{ font-size: 0.28rem; line-height: 0.3rem;}



	.indexLing .contOneCerTwo a{ display: block; width: 5.5rem; height: 4rem; overflow: hidden;}



	.indexLing .contOneCerTwo a img{ width: 100%;}



	.indexLing .contOneCerTwo .swiper-container{ padding: 0 1.5rem 0.7rem 0.25rem;}



	.indexCher{padding: 0.35rem 0 0.65rem 0;}



	.aboutBook .hear{ height: 5rem;}



	.aboutBook .hear .img1{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}



	.aboutBook .miner h1{ font-size: 0.4rem; line-height: 0.4rem;}



	.aboutBook .miner h2{ font-size: 0.3rem; line-height: 0.3rem;}



	.aboutBook .miner p{ font-size: 0.24rem; padding: 0.3rem 0 0.6rem 0;}



	.aboutBook .cont{ width: auto; padding: 0 0.45rem; font-size: 0.24rem; line-height: 0.42rem;}



	.aboutBook .cont .mm{ font-size: 0.3rem;  width: 5rem; margin: 1.4rem auto 0; line-height: 0.5rem;}



	.aboutBook .cont .one{ left: 0.65rem; top: auto; bottom: 1.7rem;}



	.aboutBook .cont .two{right: 0.65rem; bottom: -0.6rem;}



	.tacticTit{ background: #f5f5f5;}



	.tacticDiv{ padding: 0.45rem 0;}







	.tacticDiv ul{ width: 6.98rem; border-width: 0.02rem;}



	.tacticDiv ul li{ float: left; width: 2.3rem; height: 1.48rem; border-left: 0.02rem solid #E5E5E5; border-bottom: 0.02rem solid #E5E5E5;}



	.tacticDiv ul li:nth-child(3n){border-right: 0.02rem solid #E5E5E5;}



	.tacticDiv ul li:last-child{border-right: 0.02rem solid #E5E5E5; }



	.aboutSer , .aboutRom , .aboutBook , .aboutBanner , .detaInter .cont .list , .detailDiv , .contact , .merchDiv , .newClean{ padding: 0;}



	.aboutSer .titl{ height: auto; width: auto; padding: 0.25rem 0.25rem 0 0.25rem;}



	.aboutSer .titl .left{ width: 100%;}



	.aboutSer .titl .right{ width: auto; height: auto; padding: 0.4rem 0.4rem 0.8rem 0.4rem;}



	.aboutSer .titl .right .min{ position: unset;}



	.aboutSer .titl .right .min p{ font-size: 0.24rem; line-height: 0.44rem;}



	.aboutSer .titl .swiper-container-horizontal>.swiper-pagination-bullets{ float: none; width: 100%;}



	.aboutSer .conte{ padding: 0.3rem 0 0 0;}



	.aboutSer .conte ul li{ float: none; width: 7rem; height: auto; margin: 0 auto 0.3rem auto; background: #f5f5f5;}



	.aboutSer .conte ul li .img a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transform: translate(0,0);}



	.aboutSer .conte ul li .img:hover a{ opacity: 0;}



	.aboutSer .conte ul li .img{ height: auto;}



	.aboutSer .conte ul li h1{ font-size: 0.24rem; padding: 0.3rem 0.2rem;}



	.aboutSer .conte ul li:nth-child(3n){ margin: 0 auto 0.3rem auto;}



	.aboutSer .conte ul li .up{ display: none;}



	.aboutRom .titr{ padding: 0.35rem 0.2rem 0.75rem 0.2rem;}



	.aboutRom .titr h1{ font-size: 0.4rem; line-height: 0.4rem;}



	.aboutRom .titr h2{ font-size: 0.2rem; line-height: 0.24rem;}



	.aboutRom .titr p{ font-size: 0.24rem; line-height: 0.5rem;}



	.aboutRom .icon img{ width: 3.89rem;}



	.aboutRom .icon p{ font-size: 0.36rem; padding: 0 1rem; line-height: 0.5rem;}



	.aboutRom .kUl li{ width: 7rem; margin: 0 auto 0.3rem auto; background: #f5f5f5;}



	.aboutRom .kUl li .left{ float: none; width: 100%; height: auto;}



	.aboutRom .kUl li .left img{ height: auto; width: 100%;}



	.aboutRom .kUl li .right{ width: 100%; height: auto; position: unset;} 



	.aboutRom .kUl li .right p{font-size: 0.24rem; position: unset; transform: translate(0,0); text-align: center; padding: 0.3rem 0 0.4rem 0;}



	.abouTit h1{ font-size: 0.36rem; line-height: 0.36rem;}



	.videoAbout p{ font-size: 0.24rem; line-height: 0.4rem; padding-top: 0.3rem; width: auto; margin: 0 0.4rem;}



	.aboutRom , .abouTit , .merchDiv , .enrill{ margin: 0;}



	.videoAbout .video{ width: 7rem; margin: auto;}



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



	.aboutList ul li{ width: 7rem; margin: 0.3rem auto 0; background: #f5f5f5;}



	.aboutList ul li .left{ width: 100%; float: none;}



	.aboutList ul li .right{ width: 100%; height: auto; position: unset;}



	.aboutList ul li .right .cont{ position: unset; transform: translateY(0); padding: 00.35rem 0.3rem 0.5rem 0.3rem;}



	.aboutList ul li .right .cont h2{ font-size: 0.3rem; line-height: 0.3rem;}



	.aboutList ul li .right .cont em{ display: block; width: 0.4rem; height: 4px; margin: 0.15rem 0 0.3rem 0;}



	.aboutList ul li .right .cont p{ font-size: 0.24rem; line-height: 0.4rem;}



	.aboutList ul li .rightOne .cont h2 , .aboutList ul li .rightOne .cont p{ text-align: left;}



	.aboutList ul li .rightOne .cont em{ float: left;}



	.aboutMode h1{ font-size: 0.4rem; line-height: 0.56rem; padding: 0 0.5rem;}



	.aboutMode .img{ width: 7rem; height: auto; margin: auto;}



	.aboutMode .img a{ width: 100%; height: 5.2rem;}



	.aboutMode .img a:last-child img{ width: 100%; height: auto;}



	.aboutMode p{  font-size: 0.24rem; text-align: left; line-height: 0.38rem; padding: 0.4rem 0.25rem; background: #f5f5f5; width: 6.5rem; margin: auto;}



	.aboutMode p i{ font-weight: bold; margin-top: 0.1rem;}



	.aboutList2 , .aboutDer{ background: hsla(0,0%,100%,0.00);}



	.caseBrandTit{ width: 100%; height: 0.7rem; padding: 0.3rem 0 0.15rem 0;}



	.caseBrandTit a{ line-height: 0.7rem; border-radius: 0.35rem; font-size: 0.28rem; width: 1.6rem; margin: 0 0.1rem;}



	.caseList ul li{ float: none; width: 7rem; margin: auto; padding: 0.35rem 0; border-bottom: 1px solid #D8D8D8;}



	.caseList ul li:nth-child(2n){ float: none;}



	.caseList ul li h1{ font-size: 0.32rem; padding: 0.2rem 0;}



	.caseList ul li p{ font-size: 0.24rem; line-height: 0.36rem;padding: 0;}



	.caseFer .more , .caseFer .more em{ height: 0.6rem; border-radius: 0.3rem; font-size: 0.24rem; line-height: 0.6rem;}



	.casePage h1{ font-size: 0.34rem; padding: 0 0.3rem;}



	.casePage .miner{ padding: 0.3rem 0.45rem; }



	.casePage .miner em{ font-size: 0.24rem; margin-bottom: 0.3rem;}



	.casePage .miner p{ font-size: 0.24rem; line-height: 0.4rem;}



	.casePage .cont p{ font-size: 0.24rem; line-height: 0.5rem; padding: 0.5rem 0.25rem 0 0.25rem;}



	.casePage .but{ padding: 0.3rem 0.25rem 0 0.25rem;}



	.casePage .but .kik:first-child{ margin: 0 0 0.3rem 0;}



	.caseBannert a{ width: 100%; height: 5rem; position: relative;}



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



	.caseBannert h1{ font-size: 0.3rem; line-height: 0.32rem; padding: 0.4rem 0.25rem 0.2rem 0.25rem;}



	.caseBannert p{ font-size: 0.24rem; line-height: 0.4rem; padding: 0 0.25rem 0.4rem 0.25rem;}



	.caseFer .moreDiv{ padding: 0.4rem 0 0.2rem 0;}



	.caseList .right{ position: unset; float: none;}



	.caseList .right a{ float: none; display: block; height: 0.5rem; line-height: 0.5rem;  font-size: 0.24rem; margin: 0.4rem auto 0; width: 1.2rem; text-align: center;}



	.caseList .right p{ font-size: 0.14rem; margin-top: 0.1rem; text-align: center;}



	.caseFerTwo{ background: hsla(0,0%,100%,0.00);}



	.caseFerDier .caseList ul li{ border: none; background: #f5f5f5; padding: 0; margin: 0.3rem auto;}



	.caseFerDier .caseList ul li p{ padding: 0 0.3rem 0.4rem 0.3rem;}



	.caseFerDier .caseFer .moreDiv{ padding: 0.3rem 0 0.5rem 0;}



	.caseNavMin{ width: 100%; height: 0.7rem; margin: auto; margin-top: 0.3rem;}



	.caseNavMin a{ width: 1.6rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.28rem; border-radius: 0.4rem;}



	.caseNavMin .swiper-container{ padding: 0 0.1rem;}



	.caseNavMin .swiper-container .em , .caseNavMinTwo{ display: none;}



	.contact .list .left{ position: unset; transform: translateY(0); width: 100%; padding: 4.3rem 0 0.5rem 0;}



	.contact .list .right{ width: 100%; height: 4rem; margin: 0; position: absolute; top: 0; left: 0;}



	.contact .list .left h1{ padding: 0 0.35rem 0.3rem 0.35rem;}



	.contact .list .left p{ font-size: 0.24rem; padding: 0 0.35rem;}



	.contactCont .list{ width: 7rem; margin: auto;}



	.contactCont .list ul li{ float: none; width: auto; margin: 0 0 0.2rem 0; padding: 0.25rem 0;}



	.contactCont .list ul li .cont{ height: 1.8rem;}



	.contactCont .list ul li .cont .left{ width: 1.8rem; height: 1.8rem;}



	.contactCont .list ul li .cont .right{ padding-left: 2rem;}



	.contactCont .list h1{ font-size: 0.3rem;}



	.contactCont .list ul li .cont .right h2{ font-size: 0.28rem;}



	.contactCont .list ul li .cont .right p{ font-size: 0.24rem; line-height: 0.46rem; padding-left: 0;}



	.contactCont .list ul li .cont .right .p1 , .contactCont .list ul li .cont .right .p2{ display: none;}



	.contactCont .list{padding: 0.2rem 0;}



	.bannerDeta .left{ width: 100%; height: auto; float: none;}



	.bannerDeta .left a{ height: 7.5rem;}



	.bannerDeta .left .swiper-container{ padding-bottom: 0.6rem;}



	.bannerDeta .right{ float: none; width: 100%; height: auto;}



	.bannerDeta .right .cont{ width: 6rem; position: unset; margin: 0 auto; padding-top: 0.6rem;}



	.bannerDeta .right .butter{ width: 100%; position: unset;}



	.bannerDeta .right .tit h2{ font-size: 0.24rem;}



	.bannerDeta .right .cont .ker{ height: 0.7rem;}



	.bannerDeta .right .cont .ker em , .bannerDeta .right .cont .ker p{ line-height: 0.7rem; font-size: 0.26rem;}



	.bannerDeta .right .butter .load{ display: none;}



	.bannerDeta .right .butter{ padding-top: 0.75rem;}



	.bannerDeta .right .butter a{ width: 2rem; height: 0.7rem; border-radius: 0.35rem; font-size: 0.14rem; line-height: 0.7rem; margin: 0 0.38rem;}



	.bannerDeta .right .butter a em{ line-height: 0.7rem; font-size: 0.24rem; padding-left: 0.5rem;}



	.bannerDeta .right .butter .coll em , .bannerDeta .right .butter .hava em{ background-size: 0.35rem;}



	.detarCont h1{ font-size: 0.24rem; line-height: 0.9rem; padding: 0 0.35rem;} 



	.detarCont .list ul li{ justify-content: space-between; width: 50%; margin: 0;}



	.detarCont .list ul li a{ width: 3.45rem; height: 3.45rem; margin: auto;}



	.detarCont .list ul li h2{ width: 3.45rem; margin: auto; font-size: 0.24rem; padding: 0.1rem 0 0.4rem 0;text-align: center;}



	.bannerDeta .right .butter a:hover .code{ display: none;}



	.detaInter .cont .list ul li{ float: none; width: 100%; font-size: 0.24rem; line-height: 0.8rem; margin: 0; overflow: hidden; border-top: 1px solid #D8D8D8;}



	.detaInter .cont .list ul li div{ float: right;}



	.detaInter .cont .img{ width: 1.44rem; height: 1.44rem; border: 1px solid #CBCBCB; position: relative; margin-bottom: 0.3rem;}



	.detaInter h1{ font-size: 0.24rem;}



	.detaInter .tit a{ height: 0.7rem; line-height: 0.7rem; padding: 0 0.3rem; font-size: 0.24rem;}







	.detarCont .list{



		padding: 0.1rem;



	}



	.detarCont .deta{



		width: 97%;



		margin: auto;



    	margin-top: 0.1rem;



	}



	.detarCont .deta p img{



		width: 100%;



	}



	.detarCont .list ul{ grid-template-columns: repeat(2, 50%);gap: 10px;justify-content: space-between;}



	.bannerDeta .right .tit p{ font-size: 0.2rem; width: auto; margin: 0.35rem auto 0; line-height: 0.34rem; padding: 0 0.35rem;}



	.bannerDeta .right .cont .mTit{ display: flex; flex-wrap: nowrap; justify-content: center; margin-bottom: 0.35rem;}



	.bannerDeta .right .cont .mTit a{ width: 1.6rem; font-size: 0.24rem; line-height: 0.7rem; margin: 0 0.1rem;}



	.detaInter .merTer{ padding-left: 0; border-color: #D8D8D8;}



	.detaInter .merTer ul li{ margin-left: 0.3rem;}



	.merchDiv .rigth{ width: 100%; padding-top: 0.9rem;}



	.merchDiv .rigth .cont ul li{ width: 50%; margin: 0;}



	.merchDiv .rigth .cont ul li .img{ width: 3.45rem; height: 3.45rem; margin: auto;}



	.merchDiv .rigth .cont ul{ padding: 0 0.1rem;}



	.merchDiv .rigth .cont ul li h1{ font-size: 0.24rem; width: 3.45rem; margin: auto;}



	.newsDiv ul li{ margin: 0.3rem auto; width: 7rem; border-bottom: 1px solid #eee;}



	.newsDiv ul li .left{ width: 100%; height: 4.4rem; position: unset;}



	.newsDiv ul li .right{ padding: 0; height: auto; position: unset;}



	.newsDiv ul li .right a{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; opacity: 0;}



	.newsDiv ul li .right h1{ font-size: 0.3rem; font-weight: bold; padding-top: 0.25rem;}



	.newsDiv ul li .right p{ font-size: 0.2rem; line-height: 0.36rem; padding: 0.15rem 0 0.2rem 0;}



	.newsDiv ul li .right em{ font-size: 0.24rem; padding-bottom: 0.25rem;}



	.remTitle p{ font-size: 0.24rem;}



	.artsList ul{ margin-bottom: 0.3rem;}



	.artsList ul li{ float: none; width: 7rem; margin: 0.3rem auto 0; background: #f5f5f5;}



	.artsList ul li:nth-child(3n) , .newClean ul li:nth-child(3n){ margin: 0.3rem auto 0;}



	.artsList ul li .img{ width: 100%; height: 3.2rem; overflow: hidden; position: relative;}



	.artsList ul li h1{ font-size: 0.3rem; font-weight: bold; padding: 0.3rem 0 0.25rem 0;}



	.artsList ul li .img .up , .artsList ul li .img .text{ display: none;}



	.newClean ul li{ float: none; width: 7rem; margin: 0.3rem auto 0; background: #f5f5f5;}



	.newClean ul li a{ height: 5.4rem;}



	.newClean ul li h1{ font-size: 0.3rem; font-weight: bold; padding: 0.2rem 0 0.2rem 0;}



	.newClean ul li p{ font-size: 0.2rem; padding: 0 0.3rem 00.3rem 0.3rem; min-height: 0.5rem;}



	.newClean ul{ padding: 0 0 0.3rem 0;}



	.cleanIcon ul li{ width: 50%; margin: 0.3rem 0;}



	.newGood{ width: 7rem; margin: auto;}



	.newGood h1{ font-size: 0.28rem;}



	.newGood p{ font-size: 0.24rem; line-height: 0.4rem;}



	.newsTalk ul li{ width: 50%; margin-right: 0;}



	.newsTalk ul li a{ width: 3.5rem; height: 5rem; margin: auto;}



	.newsTalk ul{ padding: 0 0.05rem; width: auto;}



	.newsTalk ul li h1{ font-size: 0.2rem;}



	.remList .swiper-container{ width: auto; padding: 0 0.1rem 0.4rem 0.1rem;}



	.remList .cont a{ width: 3.45rem;}



	.remList .cont .img{ height: 2.85rem;}



	.remList .cont h2{ font-size: 0.24rem;}



	.enrill .cont{ width: 5.8rem; padding: 0.45rem 0.25rem; margin: auto;}



	.enrill .cont h1{ font-size: 0.6rem; font-weight: bold;}



	.enrill .cont h2 , .visitor .left{ display: none;}



	.enrill .cont ul{ width: 100%;}



	.enrill .cont ul li p , .visitor .right .caseForm li p{ font-size: 0.24rem; padding-bottom: 0.1rem;}



	.enrill .cont ul li .min,.visitor .right .minForm li .min{ margin-bottom: 0.35rem;font-size: 0.24rem;}



	.enrill .cont ul li input , .enrill .cont ul li .min3 input , .visitor .right .caseForm li .inp1 , .visitor .right .caseForm li input , .visitor .right .minForm li .input1{ width: 5.4rem; padding: 0 0.2rem; height: 0.8rem; font-size: 0.24rem;}



	.visitor .right .minForm{ width: 5.8rem; margin: auto; padding: 0.3rem 0;}



	.visitor .right .minForm li .min .sel{ padding: 0 0.2rem; font-size: 0.24rem; width: 5.8rem; height: 0.8rem;}



	.enrill .cont ul li .min em{ width: 1.1rem; height: 0.82rem; line-height: 0.82rem; font-size: 0.24rem;}



	.enrill .cont ul li .min2 input{ width: 4.3rem; padding: 0 0.2rem 0 1.3rem;}



	.enrill .cont ul li .min3 button{ position: absolute; top: 0; right: -1px; height: 0.82rem; width: 2rem; font-size: 0.24rem;}



	.enrill .cont ul li .ker{ line-height: 0.5rem; font-size: 0.24rem;}



	.enrill .cont ul li .ker label{ padding-left: 0.4rem; background-size: 0.26rem auto;}
    
	.enrill .cont ul li .ker input[name='grade']:checked + label{ background: url(../images/remmon_ion.png) no-repeat left center; background-size: 0.26rem auto;}


	.enrill .cont ul li .ker input[name='rill']:checked + label{ background-size: 0.26rem auto;}



	.enrill .cont ul li .sub , .visitor .right .minForm li .sub{ width: 100%; height: 0.8rem; font-size: 0.3rem;}



	.visitor .right{ width: 100%; padding: 0; float: none;min-height: 12.1rem;}



	.visitor{ margin: 0;}



	.visitor .right h1{ font-size: 0.3rem; padding: 0 0.4rem; line-height: 1.1rem; border-bottom: none; background: #F7F7F7;}



	.visitor .right .caseForm{ padding: 0.5rem 0; width: 5.8rem; margin: auto;}



	.addMax select{ font-size: 0.24rem; padding: 0 0.2rem; height: 0.8rem; width: 1.93rem;}



	.visitor .right .caseForm li .addMax{ float: none; margin: 0 0 0.2rem 0;}



	.visitor .right .caseForm li .min1 label{ height: 0.8rem; font-size: 0.24rem; padding: 0 0.3rem; line-height: 0.8rem; margin: 0 0.1rem 0.1rem 0;}



	.visitor .right .caseForm li .gig em{ line-height: 0.8rem; font-size: 0.24rem; }



	.visitor .right .caseForm li .kk input{ width: 5.4rem;}



	.visitor .right .caseForm li .kk button{ width: 1.1rem; height: 0.82rem; font-size: 0.24rem;}



	.visitor .right .caseForm li .ion .m{ height: 0.8rem; line-height: 0.8rem; padding: 0 0.3rem; font-size: 0.24rem;}



	.visitor .right .caseForm li .ion .m em{ width: 0.2rem; height: 0.2rem; top: -0.1rem; right: -0.1rem;}



	.visitor .right .caseForm li .ion{ padding-top: 0.3rem;}



	#warp .fileDiv2 .img{ width: 2rem; height: 2rem;}



	#warp .fileDiv2 .nn textarea{width: 3.2rem;height: 1.2rem;font-size: 0.24rem;}



	#warp .fileDiv2 .nn .k{ font-size: 0.24rem; padding: 0 0 0.15rem 0;}



	.visitor .right .caseForm li .sub{ width: 100%; height: 0.8rem; font-size: 0.3rem;}



	.houerDiv ul li{ float: none; width: 7rem; margin: auto; padding: 0.2rem 0; border-bottom: 1px solid #D8D8D8; overflow: hidden; position: relative;}



	.houerDiv ul li .img{ float: left; margin-right: 0.25rem;}



	.houerDiv ul li h2{ font-size: 0.24rem; text-align: left; padding: 0.1rem 0 0 0;}



	.houerDiv ul li i{ width: 0.38rem; height: 0.38rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0.25rem;}



	.houerDiv ul li em{ text-align: left;}



	.houerDiv{ padding-bottom: 0.3rem;}



	.herPop{ width: 98%; position: fixed; left: 1%; margin-left: 0; top: 0;}



	.herPop a{ display: block; width: 100%; height: auto;}



	.merchDiv .rigth .cont ul li .img .date a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



	.merchDiv .rigth .cont ul li .img .date{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: translateY(0);}



	.bannerDeta .right .butter .coll:hover em{ background: url(../images/dater_icon_1_w.png) no-repeat left center; background-size: 0.35rem;}



	.bannerDeta .right .butter .hava:hover em{ background: url(../images/dater_icon_2_w.png) no-repeat left center; background-size: 0.35rem;}



	.videoDovMax{ width: 96%; padding: 1%; position: fixed; left: 1%; top: 0; margin: 0;}



	.indexLing .accer a:hover img{ transform: translateX(-50%);}



	.indexLing .accer a:hover em{ opacity: 0; margin-top: 0;}



	.indexLing .accer a em:hover{ background: #fff; color: #000;}



	.indexLing .accer a:hover .up{ opacity: 0;}



	.enrill .cont ul li a{ font-size: 0.28rem;}



	.casePage .but .kik{ float: none;}



	.visitor .right .caseForm li .gig label{width: 0.4rem;}



	



	.merchDiv .cellLeftNew{ display: block; width: 100%; height: 1rem; background: #f5f5f5; position: fixed; top: 1.3rem; left: 0; z-index: 10; padding: 0;}



	.merchDiv .cellLeftNew h1{ font-size: 0.4rem; line-height: 1rem; padding: 0 0 0 0.3rem; float: left; width: 1.2rem;}



	.merchDiv .cellLeftNew .ner{ float: right; margin-right: 0.3rem; width: 5.7rem; display: flex; flex-wrap: nowrap; justify-content: space-between; overflow: auto;}



	.merchDiv .cellLeftNew .ner .mm{ float: left; margin: 0; padding: 0;}



	.merchDiv .cellLeftNew .ner .mm a{ font-size: 0.32rem; line-height: 1rem; padding: 0 0.25rem;}



	.merchDiv .cellLeftNew .ner .mm.on a{ font-size: 0.32rem;}



	.merchDiv .cellLeftNew .ner .mm em{ width: 0.3rem; height: 2px; bottom: 0.2rem; left: 50%; transform: translateX(-50%); top: auto;}



	.merchDiv .cellLeftNew .ner .mk{ flex: 1 0 auto;}



	



	



} 

.merchDiv .rigth .cont ul li .img1 img { min-width: 100%; min-height: 100%; max-width: none; max-height: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.merchDiv .rigth .cont ul li .img1:hover img{ transform: translate(-50%,-50%) scale(1.05);}





.detaInter .cont .img1{width: 1.44rem;height: 1.44rem;border: 1px solid #CBCBCB;position: absolute;top: 0;left: 0;overflow: hidden;}

.detaInter .cont .img1 img{min-width: 100%;min-height: 100%;max-width: none; max-height: none; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}





.detarCont .list1 ul li a img{min-width: 100%;min-height: 100%;max-width: none; max-height: none; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.detarCont .list1 ul li a:hover> img{ transform: translate(-50%,-50%) scale(1.05);}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

#infscr-loading{

margin: 0 auto;

width:100%;

text-align:center;

font-size:0.24rem;

margin-top:0.1rem;

display: inline-table;

}



#infscr-loading img{

width:0.5rem;

margin:  0 auto;

margin-bottom: 0.1rem;

}


.bannerDeta .right .cont .totler{ margin-top: 0.5rem; border: 1px solid #000; height: 0.38rem; transition: all 0.5s;}
.bannerDeta .right .cont .totler .tot{ float: left; font-size: 0.14rem; padding-left: 0.1rem; line-height: 0.38rem;}
.bannerDeta .right .cont .totler .tot em{ color: #999;}
.bannerDeta .right .cont .totler .add{ float: right; font-size: 0.14rem; font-weight: bold; line-height: 0.38rem; padding-right: 0.1rem;}
.bannerDeta .right .cont .totler .add i{ font-size: 0.12rem; font-weight: normal;}
@media screen and (max-width:750px){
	.bannerDeta .right .cont .totler{ height: 0.7rem;}
	.bannerDeta .right .cont .totler .tot, .bannerDeta .right .cont .totler .add{ line-height: 0.7rem;}
	
}


/* pc */



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



	.cellHear , .cellFooter , .contOneCell , .contOneDCeMer , .contOneCerTwo , .listBookCell , .conrDerCell , .caseNavMinTey , .mearchBank , .merchCelList , .contCell{ display: none;}



	.contactCont .list ul li .cont .right .p3 , .contactCont .list ul li .cont .right .p4 , .contactCont .list ul li .phot , .merchCellSer , .textCell , .minkCell , .moreMax , clellNav{ display: none;}



	.caseWork{ padding-top: 0.3rem;}



	



}


.detaInter .merTer ul li .homr.homerTwo{ width: 9.9rem; position: relative;}
.detaInter .merTer ul li .homr.homerThr{ padding: 0 0.5rem;}
.detaInter .merTer ul li .homr.homerTwo .img{ margin: auto;}
.detaInter .merTer ul li .homr.homerTwo .name{ margin: auto;font-size: 0.14rem; line-height: 0.2rem; height: 0.2rem; text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 1.3rem;}
.detaInter .merTer ul li .homr.homerTwo .em{ display: none; width: 0.4rem; height: 1.5rem; border: 1px solid #999; position: absolute; top: 0; background: #999; transition: all 0.5s;}
.detaInter .merTer ul li .homr.homerTwo .em.em1{ left: 0; background: url(../images/text_icon.png) no-repeat center; background-size: 0.14rem auto;}
.detaInter .merTer ul li .homr.homerTwo .em.em2{ right: 0; background: url(../images/prve_icon.png) no-repeat center; background-size: 0.14rem auto;}
.detaInter .merTer ul li .swiper-button-prev, .detaInter .merTer ul li .swiper-button-next{ display: none;}
.detaInter .merTer ul li .homr.homerTwo .em.em1:hover{ background: #999 url(../images/text_icon.png) no-repeat center; background-size: 0.14rem auto;}
.detaInter .merTer ul li .homr.homerTwo .em.em2:hover{ background: #999 url(../images/prve_icon.png) no-repeat center; background-size: 0.14rem auto;}



/*新加css*/
	#threeTen .cont ul li .ker{ padding-bottom: 0.2rem;}
	#threeTen .addMax select{ float: left; font-size: 0.14rem; text-align: center; padding: 0 0.15rem; height: 0.38rem; border: 1px solid #C3C3C3; width: 1.5rem; margin: 0 0.1rem 0.1rem 0;}
	#threeTen .sel{ display: block; padding: 0 0.15rem; font-size: 0.14rem; width: 4.4rem; height: 0.38rem; border: 1px solid #C3C3C3;}
	#threeTen .uploadifive-button {width: 2.16rem; height: 1.2rem; overflow: hidden; position: relative; background-size: 0.56rem auto;margin: 0;padding: 0;border-radius: 0;border: 1px solid #C3C3C3;}
	#threeTen .uploadifive-button:hover {background-color: #F6F6F6;background-position: center;}
	#threeTen .uploadifive-button input[type=file]{ width: 100%; height: 100%; position: absolute;top: 0; left: 0;}
	#threeTen .imgDiv{ position: relative; float: left;}
	#threeTen .upload-img-box{width: 2.16rem; height: 1.2rem; overflow: hidden; position: absolute; top: 1px;left: 1px;z-index: 5;}
	#proccess1,#proccess2,#proccess3{ position: absolute;;  left: 0; top: 0;z-index: 50; width: 100%;}
	#threeTen .upload-img-box .upload-pre-item{ width: 100%; height: 100%;}
	#threeTen .upload-img-box .upload-pre-item img{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	#threeTen .nn{ float: left; font-size: 0.14rem; color: #9C9C9C; padding: 0 0 0 0.1rem; white-space: nowrap;}
	#threeTen .fileDiv{ margin-bottom: 0.2rem; display: flex; justify-content: flex-start; align-items: center;}
	#threeTen .uploadifive-button { background: #F6F6F6 url(static/images/icon_sss.png) no-repeat center; width: 2.16rem; height: 1.2rem; overflow: hidden; position: relative; background-size: 0.56rem auto; margin: 0; padding: 0; border-radius: 0; border: 1px solid #C3C3C3;}
	#threeTen .lea{ display: none;}
	@media screen and (max-width:750px){
		#threeTen .addMax select{ font-size: 0.24rem; padding: 0 0.2rem; height: 0.8rem; width: 1.93rem;}
		#threeTen .sel{ padding: 0 0.2rem; font-size: 0.24rem; width: 5.8rem; height: 0.8rem;}
	}