@charset "utf-8";
/* CSS Document */
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: 32; opacity: 0.5;}
/* nav-top */
.hearder{ width: 100%; height: 0.7rem; padding: 0.1rem 0; position: fixed; top: 0; left: 0; z-index: 30; transition: all 0.5s;}
.hearderOne{ background: #fff; box-shadow: 0 0 0.15rem #999;}
.hearderBack{ background: #fff;}
.hearder .logo{ float: left; padding: 0 0.2rem 0 0.85rem;}
.hearder .logo a{ display: block; height: 0.7rem;}
.hearder .logo a img{ height: 0.7rem;}
.hearder .add{ float: left; margin-top: 0.54rem; cursor: pointer;}
.hearder .add .tit{ height: 0.16rem; line-height: 0.16rem; font-size: 0.16rem; color: #696461; padding-right: 0.2rem; position: relative;}
.hearder .add .tit em{ display: block; width: 0.16rem; height: 0.16rem; background: url(../images/icon.png) no-repeat center; background-size: 0.1rem auto; position: absolute; top: 0; right: 0;}
.hearder .right{ float: right; padding: 0.25rem 0.6rem 0 0;}
.hearder .right .nav{ float: left; margin-right: 0.4rem;}
.hearder .right .nav ul li{ float: left; margin-left: 0.44rem; position: relative; z-index: 10;}
.hearder .right .nav ul li:first-child{ margin-left: 0;}
.hearder .right .nav .mar{ display: block; font-size: 0.18rem; color: #1d1d1d; line-height: 0.46rem; position: relative;}
.hearder .right .nav .mar em{ display: block; width: 0; height: 1px; background: #000; position: absolute; bottom: 0.05rem; left: 50%; transform: translateX(-50%); transition: all 0.5s;}
.hearder .right .nav ul li:hover .mar em{ width: 0.6rem;}
.hearder .search{ float: left;}
.hearder .search .cell{ float: left; height: 0.44rem; line-height: 0.44rem; font-size: 0.18rem; color: #191919; border: 0.01rem solid #696461; padding: 0 0.22rem 0 0.5rem; background: url(../images/icon-cell.png) no-repeat left 0.15rem center; background-size: 0.22rem auto;}
.hearder .search button{ float: left; width: 0.5rem; height: 0.46rem; border: none; border-radius: 0; background: #696461 url(../images/icon-search.png) no-repeat center; background-size: 0.22rem auto;}
.hearder .right .nav ul li .miNav{ display: none; width: 1px; height: 1.2rem; position: absolute; top: 0.4rem; left: 50%; padding-top: 0.25rem; z-index: 5;}
.hearder .right .nav ul li:hover .miNav{ display: block;}
.hearder .right .nav ul li .miNav .left-one{ width: 3rem; position: absolute; left: 0; top: 0; padding-top: 0.25rem;}
.hearder .right .nav ul li .miNav .left-one a{ display: block; font-size: 0.16rem; line-height: 0.3rem; color: #fff; transition: all 0.5s;}
.hearder .right .nav ul li .miNav .left-one a:hover{ opacity: 0.8;}
.hearder .right .nav ul li .miNav .left-one .mKer{ height: 1.2rem; padding-left: 0.3rem; border-left: 1px solid hsla(0,0%,100%,0.70); padding-left: 0.3rem;}
.hearder .right .nav ul li .miNav .left-one .mm{ float: left; margin-right: 0.3rem;}
.hearder .right .nav ul li .miNav .right-one{ position: absolute; right: 0; top: 0; padding: 0.3rem 0.3rem 0 0;}
.hearder .right .nav ul li .miNav .right-one div{ width: 2rem; height: 1.1rem; overflow: hidden;}
.hearder .right .nav ul li .miNav .right-one img{ width: 100%; transition: all 0.5s;}
.hearder .right .nav ul li .miNav .right-one img:hover{ transform: scale(1.05);}
.hearder .pop{ width: 100%; height: 0; background: hsla(0,0%,0%,0.70); position: absolute; left: 0; top: 0.9rem; transition: all 0.3s; z-index: 1;} /*1.4rem*/
.hearder .pop2{ height: 1.4rem;}
/* index */
.indexBanner{ width: 100%; height: 9.6rem; position: relative; overflow: hidden;}
.indexBanner .img{ width: 40%; position: absolute; bottom: 0; right: 0; z-index: 15;}
.indexBanner a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.indexBanner a img{ width: 100%;}
.indexBanner .swiper-button-prev, .indexBanner .swiper-button-next{ width: 0.36rem; height: 0.2rem; left: 0.9rem; font-size: 0.12rem; color: #fff; text-align: center; margin: 0;}
.indexBanner .swiper-button-prev{ bottom: 0.4rem; top: auto; padding-bottom: 0.4rem; background: url(../images/icon-prev.png) no-repeat bottom center; background-size: 100% auto; transition: all 0.2s;}
.indexBanner .swiper-button-next{ bottom: 1.7rem; top: auto; padding-top: 0.4rem; background: url(../images/icon-next.png) no-repeat top center; background-size: 100% auto; transition: all 0.2s;}
.indexBanner .swiper-button-next:hover , .indexBanner .swiper-button-prev:hover{ transform: scale(1.05);}
.indexBanner .swiper-pagination{ width: 0.7rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.14rem; color: #fff; position: absolute; bottom: 1.2rem; left: 0.72rem; text-align: center;}
.indexBanner .swiper-pagination-current{ opacity: 0.5;}
.indexBanner .center{ width: 100%; position: absolute; left: 0; top: 3.65rem; z-index: 20;}
.indexBanner .center em{ display: block; width: 0.9rem; height: 0.6rem; position: absolute;}
.indexBanner .center .em1{ border-top: 1px solid #fff; border-left: 1px solid #fff; position: absolute; top: 0; left: 0;}
.indexBanner .center .em2{ border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 0; right: 0;}
.indexBanner .center .em3{ border-bottom: 1px solid #fff; border-left: 1px solid #fff; position: absolute; bottom: 0; left: 0;}
.indexBanner .center .em4{ border-bottom: 1px solid #fff; border-right: 1px solid #fff; position: absolute; bottom: 0; right: 0;}
.indexBanner .center .top , .indexBanner .center .but{ width: 5.5rem; height: 0.6rem; margin: auto; position: relative;}
.indexBanner .center .top img{ width: 3.5rem; position: absolute; top: -0.15rem; left: 50%; transform: translateX(-50%);}
.indexBanner .center h1{ font-size: 0.62rem; font-weight: bold; text-align: center; color: #fff; margin-top: 0.1rem;}
.indexBanner .center h2{ font-size: 0.3rem; font-weight: bold; text-align: center; color: #fff; margin-bottom: 0.1rem;}
.indexBanner .center .but p{ font-size: 0.16rem; line-height: 0.3rem; color: #fff; text-align: center; position: absolute; top: 0.45rem; left: 50%; transform: translateX(-50%); white-space: nowrap;}
/*  */
.indexCase{ width: 100%; background: url(../images/back-one.png) no-repeat top left; background-size: 60% auto; position: relative;}
.divOne{ width: 14.4rem; margin: auto;}
.caseNav{ width: 0.36rem; position: absolute; top: 0.8rem; left: 0.9rem;}
.caseNav img{ width: 0.36rem;}
.caseNav a{ display: block; color: #1d1d1d; font-size: 0.14rem; width: 0.14rem; margin: auto; line-height: 0.14rem; margin-top: 0.35rem; transition: all 0.2s;}
.caseNav a:first-child{ margin-top: 0.2rem;}
.caseNav a:hover{ transform: scale(1.05);}
.caseTopNav{ padding: 0.7rem 0 1rem 0;}
.caseTopNav ul{ display: flex; flex-wrap: nowrap; justify-content: center;}
.caseTopNav ul li{ width: 3rem; padding: 0 1.1rem;}
.caseTopNav ul li a{ display: block;}
.caseTopNav ul li .img{ width: 100%; height: 0.9rem; position: relative;}
.caseTopNav ul li .img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.caseTopNav ul li:hover .img img{ transform: translate(-50%,-50%) rotateY(180deg);}
.caseTopNav ul li h1{ font-size: 0.24rem; color: #101010; text-align: center; margin-top: 0.15rem;}
.caseTopNav ul li p{ font-size: 0.16rem; color: #101010; text-align: center;}
.caseTopNav ul li em{ display: block; width: 0.6rem; height: 1px; background: #000; margin: 0.2rem auto 0.15rem auto; transition: all 0.5s;}
.caseTopNav ul li:hover em{ width: 0.4rem;}
.caseDiv{ padding-bottom: 0.2rem; position: relative;}
.caseDiv .left{ width: 5.4rem; float: left; position: relative; z-index: 10;}
.caseDiv .left p{ font-size: 0.14rem; color: #101010; line-height: 0.3rem; position: relative; padding-left: 0.95rem;}
.caseDiv .left p em{ display: block; width: 0.8rem; height: 1px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.caseDiv .left h1{ font-size: 0.46rem; font-weight: bold; color: #010101; line-height: 0.5rem; margin: 0.15rem 0 0.1rem 0;}
.caseDiv .left h2{ font-size: 0.26rem; margin-bottom: 0.2rem;}
.caseDiv .left ul li{ padding: 0.02rem 0;}
.caseDiv .left ul li a{ float: left; color: #000; font-size: 0.16rem; padding: 0 0.1rem; border: 1px solid hsla(0,0%,0%,0.00); line-height: 0.3rem; transition: all 0.5s;}
.caseDiv .left ul li.on a{ border-color: #000;}
.caseDiv .left ul li a:hover{ border-color: #000;}
.caseDiv .right{ width: 9rem; float: right; padding-top: 0.5rem; position: relative; z-index: 10;}
.caseDiv .right ul li{ display: none;}
.caseDiv .right ul li:first-child{ display: block;}
.caseDiv .right .max{ float: left; width: 6rem; height: 6.08rem; overflow: hidden;}
.caseDiv .right .max a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.caseDiv .right .max a img{ height: 100%; transition: all 0.5s;}
.caseDiv .right .max a:hover img{ transform: scale(1.05);}
.caseDiv .right .min{ float: right;}
.caseDiv .right .min a{ display: block; width: 2.9rem; height: 1.96rem; margin-top: 0.1rem; overflow: hidden;}
.caseDiv .right .min a:first-child{ margin-top: 0;}
.caseDiv .right .min img{ height: 100%; transition: all 0.5s;}
.caseDiv .right .min a:hover img{ transform: scale(1.05);}
.caseDiv .imgOne{ height: 6.28rem; position: absolute; bottom: 0; right: -0.2rem; z-index: 1;}
.caseDiv .imgTwo{ height: 2rem; position: absolute; bottom: 0; right: -0.2rem; z-index: 2;}
.caseDiv .moreDiv{ position: absolute; left: 0; bottom: 0.35rem; z-index: 12;}
.caseDiv .moreDiv p{ font-size: 0.14rem; color: hsla(0,0%,0%,0.50); padding-bottom: 0.15rem; position: relative; letter-spacing: 0.05rem;}
.caseDiv .moreDiv p em{ width: 1rem; height: 1px; background: #000; position: absolute; left: 0; bottom: -1px;}
.caseDiv .moreDiv .mer a{ float: left; width: 1.3rem; height: 0.36rem; line-height: 0.36rem; text-align: center; color: #fff; background: #696461; font-size: 0.16rem; transition: all 0.5s;}
.caseDiv .moreDiv .mer .one{ margin: 0 0.15rem 0 0.65rem; background: #000;}
.caseDiv .moreDiv .mer a:hover{ width: 1.5rem;}
.caseDivTwo{ margin: 0.8rem auto 0.7rem auto;}
.caseDivTwo .left{ float: right;}
.caseDivTwo .left p{ padding: 0 0.95rem 0 0; text-align: right;}
.caseDivTwo .left p em{ left: auto; right: 0;}
.caseDivTwo .left h1 , .caseDivTwo .left h2{ text-align: right;}
.caseDivTwo .left ul li a{ float: right;}
.caseDivTwo .right{ float: left;}
.caseDivTwo .right .max{ float: right;}
.caseDivTwo .right .min{ float: left;}
.caseDivTwo .imgOne{ bottom: 0; left: -0.2rem;}
.caseDivTwo .imgTwo{ position: absolute; bottom: 4.48rem; left: -0.2rem; transform: rotate(180deg);}
.caseDivTwo .moreDiv{ left: auto; right: 0;}
.caseDivTwo .moreDiv p{ text-align: right;}
.caseDivTwo .moreDiv p em{ left: auto; right: 0;}
.caseDivTwo .moreDiv .mer a{ float: right;}
.caseDivTwo .moreDiv .mer .one{ margin: 0 0.65rem 0 0.15rem; }
.caseDivThree{ background: #f1f1f1; padding: 0.75rem 0 0.95rem 0;}
.caseDiv .right .top{ width: 100%; height: 4.26rem; overflow: hidden; position: relative; margin-bottom: 0.15rem;}
.caseDiv .right .top a{ display: block; width: 100%; height: 100%;}
.caseDiv .right .top a img{ height: 100%; transition: all 0.5s;}
.caseDiv .right .top a:hover img{ transform: scale(1.05);}
.caseDiv .right .top .titer{ position: absolute; top: 0.3rem; left: 0.3rem; right: 0.3rem;}
.caseDiv .right .top .titer h1{ float: left; font-size: 0.26rem; line-height: 0.3rem; color: #fff;}
.caseDiv .right .top .titer p{ float: right; line-height: 0.3rem; padding-left: 0.23rem; font-size: 0.14rem; color: #fff; background: url(../images/add-icon.png) no-repeat left center; background-size: 0.14rem auto;}
.caseDiv .right .bot a{ float: left; width: 4.44rem; height: 1.74rem; overflow: hidden; position: relative;}
.caseDiv .right .bot a:last-child{ float: right;}
.caseDiv .right .bot a img{ height: 100%; transition: all 0.5s;}
.caseDiv .right .bot a:hover img{ transform: scale(1.05);}
.caseDiv .right .bot a .titer{ position: absolute; bottom: 0.2rem; left: 0.25rem; right: 0.25rem;}
.caseDiv .right .bot a .titer h1{ font-size: 0.22rem; color: #fff; float: left; line-height: 0.3rem;}
.caseDiv .right .bot a .titer p{ float: right; line-height: 0.3rem; padding-left: 0.23rem; font-size: 0.14rem; color: #fff; background: url(../images/add-icon.png) no-repeat left center; background-size: 0.14rem auto;}
.caseDivThree .moreDiv{ bottom: 0.2rem;}
.caseDivThree .left ul li a{ border: none; padding: 0; border-bottom: 1px solid hsla(0,0%,0%,0.00);}
.caseDivThree .imgTwo{ height: 3.5rem;}
.caseDiv .list{ position: absolute; bottom: 1.25rem; left: 0; z-index: 10;}
.caseDiv .list select{ float: left; width: 1.8rem; height: 0.38rem; border: 1px solid #000; padding: 0 0.15rem; margin-right: 0.1rem; font-size: 0.16rem; background: hsla(0,0%,100%,0.00); transition: all 0.5s;}
.caseDiv .list select:hover{ background: #C0C0C0;}
.caseDiv .list button{ float: left; width: 0.8rem; height: 0.38rem; border: 1px solid #000; font-size: 0.16rem; border-radius: 0; background: hsla(0,0%,100%,0.00); transition: all 0.5s;}
.caseDiv .list button:hover{ background: #000; color: #fff;}
/* index-item */
.indexIten .itemTop{ width: 100%; background: url(../images/back-v.jpg) no-repeat center bottom; background-size: 100% auto;}
.indexIten .itemTop .left{ position: absolute; top: 0.7rem; left: 0;}
.indexIten .itemTop .left p{ font-size: 0.14rem; color: #fff; line-height: 0.3rem; position: relative; padding-left: 0.95rem;}
.indexIten .itemTop .left p em{ display: block; width: 0.8rem; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.indexIten .itemTop .itenCom{ height: 4.05rem; position: relative;}
.indexIten .itemTop .left h1{ font-size: 0.5rem; font-weight: bold; color: #fff; line-height: 0.6rem; margin: 0.15rem 0;}
.indexIten .itemTop .left h2{ font-size: 0.3rem; color: #fff;}
.indexIten .itemTop .left .buut{ margin-top: 0.5rem; height: 0.36rem; float: left; position: relative;} 
.indexIten .itemTop .left .buut button{ float: left; width: 0.36rem; height: 0.36rem; border: none; transition: all 0.5s;}
.indexIten .itemTop .left .buut .prve{ background: url(../images/next.png) no-repeat center; background-size: 100% auto;}
.indexIten .itemTop .left .buut .next{ background: url(../images/prev.png) no-repeat center; background-size: 100% auto;}
.indexIten .itemTop .left .buut button:hover{ transform: scale(1.05);}
.indexIten .itemTop .left .buut em{ float: left; width: 1px; height: 0.26rem; margin: 0.05rem 0.15rem; background: #fff; opacity: 0.5;}
.indexIten .itemTop .right{ padding-top: 0.7rem; float: right; width: 9.2rem;}
.indexIten .itemTop .right a{ float: right; width: 2.16rem; height: 2.16rem; overflow: hidden; background: #fff; position: relative;}
.indexIten .itemTop .right a img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.indexIten .itemTop .right a:hover img{ transform: translate(-50%,-50%) scale(1.05);}
.indexIten .itemTop .right .mik{ width: 2.16rem; float: right;}
.indexIten .itemTop .right .mik h1{ font-size: 0.18rem; color: #fff; text-align: center; padding: 0.2rem 0 0.1rem 0;}
.indexIten .itemTop .right .mik p{ font-size: 0.12rem; color: hsla(0,0%,100%,0.60); text-align: center;}
.indexIten .itemTop .right .swiper-button-next , .indexIten .itemTop .right .swiper-button-prev{ opacity: 0;}
.indexIten .itemBot img{ width: 100%;}
/* about-index */
.indexAbout{ padding: 0.85rem 0 0.2rem 0; margin-bottom: 0.6rem; background: url(../images/mekr2.png) no-repeat right top; background-size: auto 100%;}
.indexAbout .cont{ position: relative; padding-top: 0.75rem;}
.indexAbout .cont .imgNer{ width: 6.5rem; position: absolute; top: -0.2rem; left: -0.2rem; z-index: 1;}
.indexAbout .cont .imgMn{ width: 5.7rem; height: 4.44rem; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 3;}
.indexAbout .cont .imgMn img{ width: 100%; transition: all 0.5s;}
.indexAbout .cont .imgMn:hover img{ transform: scale(1.05);}
.indexAbout .compay{ margin-left: 0.4rem; border: 0.02rem solid #000; position: relative;}
.indexAbout .compay .left{ float: left; padding: 4.3rem 0 0 0.85rem;}
.indexAbout .compay .left p{ font-size: 0.14rem; color: #000; line-height: 0.3rem; position: relative; padding-left: 0.95rem;}
.indexAbout .compay .left p em{ display: block; width: 0.8rem; height: 1px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.indexAbout .compay .left h1{ font-size: 0.46rem; font-weight: bold; margin: 0.2rem 0;}
.indexAbout .compay .left h2{ font-size: 0.3rem;}
.indexAbout .compay .right{ float: right; width: 7.75rem; padding: 1.15rem 0.3rem 0.45rem 0; position: relative;}
.indexAbout .compay .right h1{ font-size: 0.28rem; color: #010101;}
.indexAbout .compay .right p{ font-size: 0.14rem; line-height: 0.28rem; margin-top: 0.2rem;}
.indexAbout .compay .right .logoMin{ position: absolute; top: -0.75rem; left: 0;}
.indexAbout .compay .right .logoMin img{ width: 3rem; padding-left: 0.15rem; position: relative; z-index: 2;}
.indexAbout .compay .right .logoMin em{ display: block; width: 1.8rem; height: 1.6rem; background: #fff; position: absolute; top: 0; left: 0;z-index: 1;}
.indexAbout .compay .botr{ position: absolute; bottom: 0; right: 0;}
.indexAbout .compay .botr a{ float: left; width: 1.3rem; height: 0.36rem; line-height: 0.36rem; text-align: center; color: #fff; background: #696461; font-size: 0.16rem; margin-left: 0.15rem; transition: all 0.5s;}
.indexAbout .compay .botr a:hover{ width: 1.5rem;}
.indexAbout .compay .botr a:first-child{ background: #000;}
.indexAbout .imgVer{ width: 9rem; position: absolute; bottom: -0.2rem; right: -0.2rem;}
/*  */
.indexList{ width: 100%; height: 5.2rem; background: #f1f1f1 url(../images/back-her.png) no-repeat center; background-size: 100% 100%;}
.indexList ul li{  float: left; width: 2.4rem; height: 5.2rem; position: relative; transition: all 0.5s; overflow: hidden;}
.indexList ul li:hover{ background: hsla(0,0%,0%,0.80);}
.indexList ul li .list{ height: 3.35rem; float: left; position: absolute; top: 0.9rem; left: 50%; transform: translateX(-50%); transition: all 0.5s;}
.indexList ul li .list h1{ float: right; font-size: 0.18rem; width: 0.2rem; line-height: 0.18rem; color: #000; margin-top: 0.65rem; transition: all 0.5s;}
.indexList ul li .list p{ width: 0.4rem; float: right; font-size: 0.14rem; color: #505050; writing-mode: vertical-rl;writing-mode: tb-rl; margin-top: 0.65rem; overflow: hidden; transition: all 0.5s;}
.indexList ul li:hover .list p{ width: 0.65rem;}
.indexList ul li .list .min{ float: right; width: 1px; height: 3.35rem; background: hsla(0,0%,0%,0.30); position: relative; margin: 0 0.15rem; transition: all 0.5s;}
.indexList ul li .list .min em{ display: block; width: 0.52rem; height: 0.52rem; font-size: 0.18rem; line-height: 0.52rem; text-align: center; color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url(../images/per.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.indexList ul li:hover .list{ top: 0.5rem; height: 4.2rem;}
.indexList ul li:hover .list h1{ color: #fff;}
.indexList ul li:hover .list p{ color: #fff;}
.indexList ul li:hover .list .min{ background: #fff; height: 4.2rem;}
.indexList ul li:hover .list .min em{ color: #000; background: url(../images/per-2.png) no-repeat center; background-size: 100% 100%;}
/* news */
.indexNews{ background: url(../images/back-j.png) no-repeat top left; background-size: 9.2rem auto; padding: 0.7rem 0 0.5rem 0;}
.indexNews .contr{ position: relative;}
.indexNews .contr .titer{ position: absolute; top: 0; left: 0;}
.indexNews .contr .titer p{ font-size: 0.14rem; color: #000; line-height: 0.3rem; position: relative; padding-left: 0.95rem;}
.indexNews .contr .titer p em{ display: block; width: 0.8rem; height: 1px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.indexNews .contr .titer h1{ font-size: 0.46rem; line-height: 0.56rem; font-weight: bold; margin: 0.2rem 0;}
.indexNews .contr .titer h2{ font-size: 0.3rem;}
.indexNews .contr .titer .buut{ margin-top: 0.5rem; height: 0.36rem; float: left; position: relative;} 
.indexNews .contr .titer .buut button{ float: left; width: 0.36rem; height: 0.36rem; border: none; transition: all 0.5s;}
.indexNews .contr .titer .buut .prve{ background: url(../images/new-icon-1.png) no-repeat center; background-size: 100% auto;}
.indexNews .contr .titer .buut .next{ background: url(../images/new-icon-2.png) no-repeat center; background-size: 100% auto;}
.indexNews .contr .titer .buut button:hover{ transform: scale(1.05);}
.indexNews .contr .titer .buut em{ float: left; width: 1px; height: 0.26rem; margin: 0.05rem 0.15rem; background: #2e2a27; opacity: 0.5;}
.twoSer{ width: 9.4rem; margin-left: 5rem; padding-top: 0.5rem;}
.twoSer .img{ width: 4.33rem; height: 2.9rem; overflow: hidden; float: right;}
.twoSer .img img{ width: 100%; transition: all 0.5s;}
.twoSer .img:hover img{ transform: scale(1.05);}
.twoSer .mik{ width: 4.33rem; float: right;}
.twoSer .mik h1{ font-size: 0.18rem; line-height: 0.28rem; margin: 0.1rem 0 0.15rem 0;}
.twoSer .mik p{ font-size: 0.14rem; color: #4c4c4c; line-height: 0.26rem;}
.twoSer .bm{ float: right; height: 0.3rem; width: 4.33rem; margin-top: 0.2rem; font-size: 0.18rem; color: #646464; line-height: 0.3rem;}
.twoSer .bm a{ float: right; width: 0.3rem; height: 0.3rem; background: url(../images/jian.png) no-repeat center; background-size: 0.2rem auto;}
.twoSer .swiper-container .swiper-button-next , .twoSer .swiper-container .swiper-button-prev{ opacity: 0;}
.nawsListOne{ background: url(../images/caer2.png) no-repeat top center; background-size: 100% auto; margin-top: 0.45rem; padding-top: 0.4rem;}
.nawsListOne2{ background: url(../images/caer.png) no-repeat top center; background-size: 100% auto;}
.nawsListOne ul{ display: none; flex-wrap: nowrap; justify-content: center;}
.nawsListOne .ul{ display: flex;}
.nawsListOne ul li{ width: 4.4rem; float: left;}
.nawsListOne ul li:nth-child(2){ margin: 0 0.6rem;}
.nawsListOne ul li a{ display: block; line-height: 0.3rem; padding: 0.08rem 0;}
.nawsListOne ul li a p{ font-size: 0.16rem; float: left; color: #000; padding-left: 0.16rem; background: url(../images/icon-mik.png) no-repeat left center; background-size: 0.08rem auto; transition: all 0.5s;}
.nawsListOne ul li a:hover p{ text-decoration: underline;}
.nawsListOne ul li a em{ float: right; font-size: 0.14rem; color: #000;}

.indexWacth{ width: 100%; height: 2rem; background: url(../images/mekr3.jpg) no-repeat center; background-size: auto 100%;}
.indexWacth .left{ float: left;}
.indexWacth .left img{ height: 1.32rem; padding: 0.34rem 0;}
.indexWacth .right{ float: right;}
.indexWacth .right .list{ float: left; width: 1.2rem; margin-left: 0.2rem; padding-top: 0.3rem;}
.indexWacth .right .list img{ width: 100%;}
.indexWacth .right .list p{ font-size: 0.14rem; text-align: center; color: #fff; margin-top: 0.1rem;}
/* 底部 */
.footer{ padding: 0.4rem 0 0.3rem 0;}
.footCont .add{ float: left;}
.footCont .add p{ font-size: 0.16rem; line-height: 0.26rem;}
.footCont .add p.d{ opacity: 0.6; margin-top: 0.1rem;}
.footCont .add h1{ font-size: 0.36rem; font-weight: bold;}
.footCont .right{ float: right; padding-top: 0.1rem;}
.footCont .right .list{ float: left;}
.footCont .right .list1{ width: 4.4rem;}
.footCont .right .list .kimer{ height: 0.6rem; position: relative; padding-left: 0.7rem;}
.footCont .right .list .kimer em{ display: block; width: 0.58rem; height: 0.58rem; line-height: 0.58rem; text-align: center; font-size: 0.15rem; border-radius: 100%; border: 1px solid #818181; position: absolute; top: 0; left: 0;}
.footCont .right .list .kimer p{ font-size: 0.15rem; line-height: 0.28rem; padding-top: 0.02rem;}
.footCont .right .list .kimer:last-child{ margin-top: 0.3rem;}
/* news */
.newsTitle{ margin-top: 0.9rem; position: relative;}
.newsTitle .pop{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.5; z-index: 2;}
.newsTitle img{ width: 100%;}
.newsTitle .cont{ width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 5;}
.newsTitle .cont h1{ font-size: 0.36rem; font-weight: bold; color: #fff; text-align: center;}
.newsTitle .cont h2{ font-size: 0.26rem; color: #fff; text-align: center; padding: 0.05rem 0 0.2rem 0;}
.newsTitle .cont em{ display: block; width: 0.6rem; height: 1px; background: #fff; margin: auto;}
.kinMan a , .kinMan p , .kinMan em{ float: left; font-size: 0.14rem; line-height: 0.5rem; color: #000; opacity: 0.5;}
.kinMan em{ margin: 0 0.05rem;}
.newsContr{ padding: 0.25rem 0 0.65rem 0; border-bottom: 1px solid hsla(0,0%,0%,0.10);}
.newsContr h1{ font-size: 0.28rem; line-height: 0.5rem; border-bottom: 1px solid hsla(0,0%,0%,0.10);}
.newsContr h2{ font-size: 0.46rem; line-height: 0.54rem; font-weight: bold; padding: 0.15rem 0 0.9rem 0;}
.newsContr h2 i{ display: block;}
.newsContr .left{ width: 7.2rem; float: left;}
.newsContr .left em{ display: block; font-size: 0.16rem; opacity: 0.5;}
.newsContr .left h3{ font-size: 0.26rem; padding: 0.15rem 0 0.2rem 0;}
.newsContr .left p{ font-size: 0.14rem; color: #4f4f4f; line-height: 0.3rem;}
.newsContr .right{ float: right; width: 6.6rem; margin: 1rem 0 0.2rem 0; position: relative;}
.newsContr .right .img{ width: 6.2rem; height: 4.2rem; margin: 0 0.2rem; position: relative; z-index: 2; overflow: hidden;}
.newsContr .right .img img{ width: 100%; transition: all 0.5s;}
.newsContr .right .img img:hover{ transform: scale(1.05);}
.newsContr .right em{ display: block; width: 3.5rem; height: 2.9rem; background: #e3e3e3; position: absolute; top: -0.2rem; left: 0; z-index: 1;}
.newsContr .right .em2{ bottom: -0.2rem; right: 0; top: auto; left: auto;}
.newsContr .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 100%; float: left; margin: 0 0.1rem 0 0;}
.newsContr .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 1rem;}
.newsContr .swiper-pagination-bullet-active{ background: #000;}
.newsListDiv ul{ padding-top: 0.5rem; border-bottom: 1px solid hsla(0,0%,0%,0.10);}
.newsListDiv ul li{ float: left; width: 4.46rem; margin-right: 0.51rem; margin-bottom: 0.5rem;}
.newsListDiv ul li:nth-child(3n){ margin-right: 0;}
.newsListDiv ul li .img{ width: 100%; height: 3rem; overflow: hidden;}
.newsListDiv ul li .img a{ display: block; width: 100%; height: 100%;}
.newsListDiv ul li .img a img{ width: 100%; transition: all 0.5s;}
.newsListDiv ul li:hover .img a img{ transform: scale(1.05);}
.newsListDiv ul li h1{ font-size: 0.18rem; line-height: 0.3rem; margin: 0.1rem 0 0.15rem 0;}
.newsListDiv ul li p{ font-size: 0.14rem; color: #4c4c4c; line-height: 0.26rem;}
.newsListDiv ul li .bot{ height: 0.3rem; width: 100%; margin-top: 0.2rem; line-height: 0.3rem; font-size: 0.18rem; color: #646464;}
.newsListDiv ul li .bot a{ float: right; width: 0.3rem; height: 0.3rem; background: url(../images/jian.png) no-repeat center; background-size: 0.2rem auto;}
.newsMore{ display: flex; flex-wrap: nowrap; justify-content: center; width: 100%; padding: 0.4rem 0 0.45rem 0;}
.newsMore a{ float: left; padding: 0 0.35rem; height: 0.5rem; line-height: 0.5rem; border: 1px solid #000; font-size: 0.14rem; color: #000; transition: all 0.5s;}
.newsMore a:hover{ background: #000; color: #fff;}
/* case */
.caseNavMin{ border-bottom: 1px solid #f2f2f2; padding-bottom: 0.1rem; margin-top: 0.25rem;}
.caseNavMin h1{ float: left; font-size: 0.14rem; line-height: 0.32rem; opacity: 0.7; margin-right: 0.35rem;}
.caseNavMin ul{ float: left;}
.caseNavMin ul li{ float: left; margin-right: 0.15rem;}
.caseNavMin ul li input{ display: none;}
.caseNavMin ul li label{ display: block; padding: 0 0.15rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.14rem; color: #000;}
.caseNavMin ul li input:checked + label{ background: #000; color: #fff;}
.caseContent{ padding: 0.45rem 0 0.25rem 0; border-bottom: 1px solid hsla(0,0%,0%,0.30);}
.caseContent .list{ float: left; width: 7rem; padding-bottom: 0.95rem; margin-bottom: 0.3rem; position: relative;}
.caseContent .list:nth-child(2n){ float: right;}
.caseContent .list .img{ width: 100%; height: 4.7rem; transition: all 0.5s;}
.caseContent .list .img a{ display: block; width: 100%; height: 4.7rem; transition: all 0.5s; position: absolute; top: 0; left: -1px; z-index: 10;}
.caseContent .list .img img{ width: 100%; transition: all 0.5s;}
.caseContent .list .bim{ position: absolute; left: 0; bottom: 0; right: 0; padding: 0 0.1rem; transition: all 0.5s; z-index: 15;}
.caseContent .list .bim h1{ font-size: 0.24rem; margin-bottom: 0.1rem;}
.caseContent .list .bim .text{ display: none; font-size: 0.14rem; line-height: 0.28rem; color: #fff; margin-bottom: 0.3rem; transition: all 0.5s;}
.caseContent .list .bim .mm{ height: 0.22rem; padding-bottom: 0.15rem; transition: all 0.5s;}
.caseContent .list .bim .mm p{ float: left; font-size: 0.14rem; line-height: 0.14rem; padding-top: 0.08rem; opacity: 0.7;}
.caseContent .list .bim .mm a{ float: right; font-size: 0.14rem; line-height: 0.14rem; padding-bottom: 0.08rem; border-bottom: 1px solid #000; color: #000; opacity: 0.7;}
.caseContent .list:hover .img a{ border: 1px solid #fff;}
.caseContent .list:hover .img img{ transform: scale(1.05);}
.caseContent .list:hover .text{ display: block;}
/*.caseContent .list:hover .bim{ background: #212121; padding: 0.3rem 0.4rem 0.35rem 0.4rem;}*/
.caseContent .list:hover .bim{ background: hsla(0,0%,13%,0.50); padding: 0.3rem 0.4rem; bottom: 0.94rem;}
.caseContent .list:hover .bim h1{ font-weight: bold; color: #fff;}
.caseContent .list:hover .bim .mm p{ color: #fff;}
.caseContent .list:hover .bim .mm a{ color: #fff; border-color: #fff;}
/* 分页 */
.paging{ width: 100%; padding: 0.4rem 0 0.55rem 0; display: flex; flex-wrap: nowrap; justify-content: center;}
.paging a{ float: left; height: 0.4rem; border: 1px solid #cad0d9; border-radius: 0.22rem; margin: 0 0.05rem; font-size: 0.14rem; color: #707479; line-height: 0.4rem; text-align: center; transition: all 0.5s;}
.paging a:hover{ background: #212121; color: #fff;}
.paging a.min{ width: 0.4rem;}
.paging a.prev , .paging a.next{ padding: 0 0.15rem;}
.paging a.cur{ background: #212121; color: #fff;}
/* date */
.videoDate{ margin-top: 0.9rem; width: 100%; height: 6.8rem; overflow: hidden; position: relative;}
.videoDate .img{ width: 100%; position: absolute; top: 0; left: 0; z-index: 5; transition: all 0.5s;}
.videoDate:hover .img{ transform: scale(1.05);}
.videoDate .pop{ width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 6; opacity: 0.4;}
.videoDate em{ display: block; width: 0.8rem; height: 0.8rem; background: url(../images/icon-ker.png) no-repeat center; background-size: 100% auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 7; transition: all 0.5s;}
.videoDate em:hover{ transform: translate(-50%,-50%) scale(1.03);}
.videoDate .video{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #000;}
.videoDate .video video{ width: 100%; height: 100%;}
.caseDateTir{ margin-top: -0.9rem; position: relative; z-index: 20;}
.caseDateTir .titCase{ padding: 0.45rem 0.5rem; background: #000;}
.caseDateTir .titCase h1{ font-size: 0.32rem; color: #fff;}
.caseDateTir .titCase em{ display: block; font-size: 0.16rem; color: #fff; margin: 0.2rem 0;}
.caseDateTir .titCase p{ font-size: 0.14rem; color: #fff; line-height: 0.28rem;}
.caseDateTir .titCaseOne{ background: #fff;}
.caseDateTir .titCaseOne h1{ color: #000; margin-bottom: 0.2rem;}
.caseDateTir .titCaseOne p{ color: #000;}
.caseDateQ{ margin: 0.7rem 0;}
.caseDateQ a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.caseDateQ a em{ display: block; width: 100%; height: 100%; background: #000; opacity: 0.5; position: absolute; top: 0; left: 0; z-index: 2;}
.caseDateQ a img{ width: 100%; transition: all 0.5s;}
.caseDateQ a:hover img{ transform: scale(1.05);}
.caseDateQ .swiper-container{ padding: 0.6rem 5rem;}
.caseDateQ .swiper-container .swiper-slide-active{ transform: scale(1.2); z-index: 20;}
.caseDateQ .swiper-container .swiper-slide-active em{ opacity: 0;}
.caseDateQ .swiper-button-prev{ width: 0.46rem; height: 0.46rem; background: url(../images/jian-left.png) no-repeat center; background-size: 100% auto; left: 1.9rem;}
.caseDateQ .swiper-button-next{ width: 0.46rem; height: 0.46rem; background: url(../images/jian-right.png) no-repeat center; background-size: 100% auto; right: 1.9rem;}
.caseDateList{ background: #f5f5f5; padding-top: 0.5rem;}
.caseDateList .caseContent{ border-bottom: none;}
.caseDateList .tit div{ font-size: 0.28rem; padding-bottom: 0.15rem; border-bottom: 1px solid #dfdfdf; position: relative;}
.caseDateList .tit div a{ float: left; font-size: 0.14rem; line-height: 0.36rem; height: 0.36rem; background: #000; color: #fff; padding: 0 0.3rem; position: absolute; right: 0; bottom: -0.18rem;}
.caseDateList .tit p{ font-size: 0.26rem; margin-top: 0.1rem;}
/* 参观 */
.caseNavMinOne{ margin-top: 0.1rem;}
.lookCont table{ width: 100%; font-size: 0.16rem; text-align: center; color: #000; margin: 0.35rem 0;}
.lookCont table thead td{ background: #000; color: #fff; line-height: 0.6rem;}
.lookCont table tbody tr td{ background: #fff; line-height: 0.56rem;}
.lookCont table tbody tr:nth-child(2n) td{ background: #f2f2f2;}
.lookCont table tbody tr a{ display: block; width: 1.1rem; height: 0.38rem; border-radius: 0.19rem; background: #5b5b5b; line-height: 0.38rem; text-align: center; margin: auto; color: #fff;}
.lookUp{ display: none; width: 5.1rem; background: #fff; border-radius: 0.1rem; position: fixed; left: 50%; margin-left: -2.55rem; top: 0; z-index: 35;}
.lookUp .cont{ padding: 0.3rem 0.6rem 0.25rem 0.6rem;}
.lookUp .cont .ger{ width: 0.9rem; margin: auto;}
.lookUp .cont h1{ font-size: 0.24rem; font-weight: bold; text-align: center; margin: 0.15rem 0 0.2rem 0;}
.lookUp .cont p{ font-size: 0.16rem; font-weight: bold; text-align: center; padding-top: 0.1rem;}
.lookUp .cont input{ display: block; padding-left: 0.5rem; height: 0.46rem; width: 3.4rem; border-radius: 0.03rem; background: #f4f4f4; font-size: 0.16rem; border: none;}
.lookUp .cont textarea{ display: block; padding: 0.1rem 0 0.1rem 0.5rem; height: 1rem; width: 3.4rem; border-radius: 0.03rem; background: #f4f4f4; font-size: 0.16rem; border: none;}
.lookUp .cont .ker{ margin-bottom: 0.1rem; position: relative;}
.lookUp .cont .img{ width: 0.3rem; height: 0.46rem; position: absolute; top: 0; left: 0.1rem; background: url(../images/mmm1.png) no-repeat center; background-size: 0.16rem auto;}
.lookUp .cont .ker:nth-child(2) .img{ background: url(../images/mmm2.png) no-repeat center; background-size: 0.13rem auto;}
.lookUp .cont .ker:nth-child(3) .img{ background: url(../images/mmm3.png) no-repeat center; background-size: 0.19rem auto;}
.lookUp .cont .ker:nth-child(4) .img{ background: url(../images/mmm4.png) no-repeat center; background-size: 0.16rem auto;}
.lookUp .cont .img em{ display: block; width: 1px; height: 0.18rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #d3d3d3;}
.lookUp .cont button{ display: block; border: none; width: 100%; height: 0.52rem; border-radius: 0.03rem; background: #000; font-size: 0.16rem; color: #fff;}
.lookUp .sole{ width: 0.2rem; height: 0.2rem; position: absolute; top: 0.13rem; right: 0.15rem; background: url(../images/icon-u.png) no-repeat center; background-size: 100% auto; transition: all 0.5s;}
.lookUp .sole:hover{ transform: rotate(180deg);}
/* about */
.aboutCont{ padding: 0.6rem 0;}
.aboutCont h1{ font-size: 0.32rem; font-weight: bold;}
.aboutCont h2{ font-size: 0.22rem; margin-top: 0.45rem; font-weight: bold;}
.aboutCont p{ font-size: 0.14rem; line-height: 0.3rem; margin-top: 0.25rem;}
.aboutImg{ width: 100%;}
.aboutImg img{ width: 100%;}
.abputStyle{ background: url(../images/about-back-3.png) no-repeat top right; background-size: 60% auto; padding: 1rem 0 0.9rem 0;}
.abputStyle .style .left{ float: left; width: 5.2rem;}
.tit-Max p{ font-size: 0.14rem; color: #101010; line-height: 0.3rem; position: relative; padding-left: 0.95rem;}
.tit-Max p em{ display: block; width: 0.8rem; height: 1px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.tit-Max h1{ font-size: 0.5rem; font-weight: bold; padding: 0.2rem 0 0.3rem 0;}
.tit-Max h2{ font-size: 0.3rem;}
.abputStyle .text{ font-size: 0.14rem; line-height: 0.3rem;}
.abputStyle .style .right{ float: right; width: 8.4rem;}
.abputStyle .styleOne{ margin-top: 3rem; background: #f5f5f5;}
.abputStyle .img{ margin-top: -2.16rem;}
.abputStyle .img div{ width: 5.2rem; height: 3.95rem; overflow: hidden;}
.abputStyle .img div img{ height: 100%; transition: all 0.5s;}
.abputStyle .img div:hover img{ transform: scale(1.05);}
.abputStyle .style .rightOne{ margin-top: -2.16rem; padding-top: 0.3rem;}
.abputStyle .style .rightOne .tit-Max h1{ padding: 0.15rem 0;}
.abputStyle .bot{ margin-top: 0.9rem;}
.abputStyle .bot h1{ font-size: 0.22rem; font-weight: bold;}
.abputStyle .bot h2{ font-size: 0.16rem; font-weight: bold; padding: 0.15rem 0 0.3rem 0;}
.abputStyle .bot .listr{ height: 3.1rem; padding-right: 0.25rem; overflow-y: auto;}
.abputStyle .bot .listr p{ font-size: 0.14rem; line-height: 0.3rem;}
.abputStyle .bot .listr::-webkit-scrollbar{ width: 5px; height: 3.1rem; background: #cecece;}
.abputStyle .bot .listr::-webkit-scrollbar-thumb{ background: #000; width: 5px;}
.abputStyle .bot .listr::-webkit-scrollbar-track{ background: #cecece; width: 5px;}
.aboutComany .tit{ position: relative;}
.aboutComany .tit h1{ padding: 0.1rem 0;}
.aboutComany .tit .an{ float: left; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.aboutComany .tit .an a{ float: left; width: 0.46rem; height: 0.46rem;}
.aboutComany .tit .an a.next{ background: url(../images/new-icon-1.png) no-repeat center; background-size: 100% auto; margin-right: 0.25rem;}
.aboutComany .tit .an a.prve{ background: url(../images/new-icon-2.png) no-repeat center; background-size: 100% auto;}
.aboutComany .cont{ margin-top: 0.5rem;}
.aboutComany .comany{ width: 100%; height: 5.4rem; overflow: hidden; position: relative;}
.aboutComany .comany .img{ height: 100%;}
.aboutComany .cont .swiper-button-next , .aboutComany .cont .swiper-button-prev{ opacity: 0;}
.aboutComany .comany .ment{ background: hsla(0,0%,0%,0.50); position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: all 0.5s;}
.aboutComany .comany:hover .ment{ background: #fff; top: 0.3rem; left: 0.3rem; bottom: 0.3rem; right: 0.3rem;}
.aboutComany .comany .feg{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.aboutComany .comany .feg .icon{ width: 100%; height: 0.7rem; position: relative;}
.aboutComany .comany .feg .icon img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.aboutComany .comany:hover .feg .icon .img1{ display: none;}
.aboutComany .comany .feg .icon .img2{ display: none;}
.aboutComany .comany:hover .feg .icon .img2{ display: block;}
.aboutComany .comany .feg h1{ font-size: 0.26rem; font-weight: bold; color: #fff; text-align: center; margin: 0.2rem 0 0.1rem 0;}
.aboutComany .comany:hover .feg h1{ color: #000;}
.aboutComany .comany .feg em{ display: block; font-size: 0.16rem; color: #fff; text-align: center;}
.aboutComany .comany:hover .feg em{ color: #000;}
.aboutComany .comany .feg i{ display: none; margin: 0.3rem auto; width: 1px; height: 0.5rem; background: #000;}
.aboutComany .comany:hover .feg i{ display: block;}
.aboutComany .comany .feg p{ display: none; font-size: 0.14rem; line-height: 0.3rem; padding: 0 0.35rem; color: #000;}
.aboutComany .comany:hover .feg p{ display: block;}
.aboutHonor{ padding: 0.7rem 0; background: #232323;}
.aboutHonor .tit-Max h1{ color: #fff; padding: 0.2rem 0;}
.aboutHonor .tit-Max p{ color: #fff;}
.aboutHonor .tit-Max p em{ background: #fff;}
.aboutHonor .tit-Max h2{ color: #fff;}
.aboutHonor .cont{ margin-top: -0.2rem; position: relative;}
.aboutHonor .cont .list{ width: 4.4rem; margin: auto;}
.aboutHonor .cont .list h1{ font-size: 0.16rem; color: #fff; text-align: center; margin-top: 0.25rem;}
.aboutHonor .cont .list .img{ padding: 0.2rem 0.15rem; background: hsla(0,0%,100%,0.10);}
.aboutHonor .cont .list .img a{ display: block; width: 100%; height: 2.6rem; background: #fff; position: relative; overflow: hidden;}
.aboutHonor .cont .list .img a img{ max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all 0.5s;}
.aboutHonor .cont .list .img:hover a img{ transform: translate(-50%,-50%) scale(1.02);}
.aboutHonor .cont .swiper-container{ padding-top: 0.7rem;}
.aboutHonor .cont .swiper-container-horizontal>.swiper-pagination-bullets{ float: right; width: auto; top: 0; right: 0; bottom: auto; left: 0;}
.aboutHonor .cont .swiper-pagination-bullet{ float: right; width: 0.12rem; height: 0.12rem; border-radius: 100%; background: #fff;}
.aboutHonor .cont .swiper-button-next , .aboutHonor .cont .swiper-button-prev{ opacity: 0;}
.aboutHonor .cont .an{ float: left; width: 0.46rem; height: 0.46rem; position: absolute; top: 50%; margin-top: -0.23rem;}
.aboutHonor .cont .next{ background: url(../images/jian-left.png) no-repeat center; background-size: 100% auto; left: -0.8rem;}
.aboutHonor .cont .prve{ background: url(../images/jian-right.png) no-repeat center; background-size: 100% auto; right: -0.8rem;}
.aboutNews{ background: #fff;}
.aboutNews .tit-Max h1 , .aboutNews .tit-Max p , .aboutNews .tit-Max h2{ color: #000;}
.aboutNews .tit-Max p em{ background: #000;}
.newMin{ width: 4.46rem; margin: 0 auto 0.5rem auto;}
.newMin .img{ width: 100%; height: 3rem; overflow: hidden;}
.newMin .img a{ display: block; width: 100%; height: 100%;}
.newMin .img a img{ width: 100%; transition: all 0.5s;}
.newMin .img a:hover img{ transform: scale(1.05);}
.newMin h1{ font-size: 0.18rem; line-height: 0.3rem; margin: 0.1rem 0 0.15rem 0;}
.newMin p{ font-size: 0.14rem; color: #4c4c4c; line-height: 0.26rem;}
.newMin .bot{ height: 0.3rem; width: 100%; margin-top: 0.2rem; line-height: 0.3rem; font-size: 0.18rem; color: #646464;}
.newMin .bot a{ float: right; width: 0.3rem; height: 0.3rem; background: url(../images/jian.png) no-repeat center; background-size: 0.2rem auto;}
.aboutNews .cont .swiper-pagination-bullet{ background: #000;}
.aboutNews .cont .next{ background: url(../images/new-icon-1.png) no-repeat center; background-size: 100% auto;}
.aboutNews .cont .prve{ background: url(../images/new-icon-2.png) no-repeat center; background-size: 100% auto;}
/* 产品 */
.divTwo{ width: 12.8rem; margin: auto;}
.proderBannerOne{ margin-top: 0.9rem;}
.proderBanner{ position: relative; width: 100%;}
.proderBanner .img{ width: 100%;}
.proderBanner .pop{ width: 100%; height: 100%; background: #1b1b1b; position: absolute; top: 0; left: 0; opacity: 0.5; z-index: 3;}
.proderBanner .cont{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 5;}
.proderBanner .cont h1{ font-size: 0.6rem; font-weight: bold; text-align: center; line-height: 0.74rem; color: #fff;}
.proderBanner .cont h2{ font-size: 0.48rem; color: #e5ae4f; text-align: center; padding: 0.45rem 0 0.3rem 0;}
.proderBanner .cont p{ font-size: 0.14rem; line-height: 0.3rem; text-align: center; opacity: 0.5; color: #fff;}
.productCont{ padding: 0.6rem 0;}
.productCont .bann a{ float: left; height: 3.23rem; overflow: hidden;}
.productCont .bann a img{ width: 100%;}
.productCont .bann .mm1{ width: 3.27rem;}
.productCont .bann .mm2{ width: 9.34rem; float: right;}
.productCont .adver{ padding: 0.4rem 0 0.8rem 0;}
.productCont .adver .left{ float: left; width: 7.29rem; margin-top: 0.55rem;}
.productCont .adver .left ul li{ float: left; width: 2.25rem; height: 0.9rem; border: 0.01rem solid #eee; margin-right: 0.24rem; margin-bottom: 0.24rem; transition: all 0.5s;}
.productCont .adver .left ul li:nth-child(3n){ margin-right: 0;}
.productCont .adver .left ul li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.productCont .adver .left ul li:hover{ transform: scale(1.05); box-shadow: 0 0 0.1rem #eee;}
.productCont .adver .left ul li a img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%;}
.productCont .adver .right{ float: right; width: 5.05rem; height: 5.28rem; position: relative;}
.productCont .adver .right em{ display: block; width: 5.05rem; height: 5.28rem; position: absolute; top: 0.24rem; right: 0.24rem; border: 1px solid #000; z-index: 10;}
.productCont .adver .right a{ display: block; width: 5.05rem; height: 5.28rem; overflow: hidden;}
.productCont .adver .right .swiper-pagination-bullet{ background: #000;}
.productCont .twoSerOnr a{ float: left; width: 4.2rem; height: 2.94rem; overflow: hidden;}
.productCont .twoSerOnr a img{ width: 100%; transition: all 0.5s;}
.productCont .twoSerOnr a:hover img{ transform: scale(1.05);}
.productCont .twoSerOnr a:nth-child(2){ margin: 0 0.1rem;}
.adverTwo{ margin-top: 0.35rem;}
.adverTwo ul li{ float: left; width: 1.98rem; height: 0.78rem; border: 0.01rem solid #eee; margin-right: 0.16rem; margin-bottom: 0.15rem; transition: all 0.5s;}
.adverTwo ul li:nth-child(6n){ margin-right: 0;}
.adverTwo ul li:hover{ transform: scale(1.05); box-shadow: 0 0 0.1rem #eee;}
.adverTwo ul li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.adverTwo ul li a img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 90%; max-height: 90%;}
.proderThrer{ padding: 0.1rem; background: #fff; margin: -0.8rem auto 0; position: relative; z-index: 10;}
.proderThrer .left{ float: left; width: 6.4rem; height: 3.95rem; overflow: hidden;}
.proderThrer .left img{ width: 100%;}
.proderThrer .right{ float: right; width: 5.6rem; padding: 0.55rem 0.1rem 0 0;}
.proderThrer .right p{ font-size: 0.14rem; line-height: 0.3rem;}
.proderThrer .right ul{ padding: 0.3rem 0;}
.proderThrer .right ul li{ float: left; margin-left: 0.8rem;}
.proderThrer .right ul li:first-child{ margin-left: 0;}
.proderThrer .right ul li .img{ width: 0.4rem; height: 0.4rem; position: relative;}
.proderThrer .right ul li .img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.proderThrer .right ul li em{ display: block; font-size: 0.16rem; color: #999; text-align: center; margin-top: 0.15rem;}
.proderTemer{ padding: 0.65rem 0 0.55rem 0;}
.proderTemer h1{ font-size: 0.3rem; font-weight: bold; text-align: center;}
.proderTemer p{ font-size: 0.16rem; text-align: center; margin: 0.15rem 0 0.35rem 0;}
.proderTemer ul li{ float: left; width: 14%; height: 2.34rem; position: relative; overflow: hidden;}
.proderTemer ul li img{ height: 100%;}
.proderTemer ul li .pop{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: #000; opacity: 0.5;}
.proderTemer ul li em{ float: left; font-size: 0.22rem; font-weight: bold; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
.itecture{ }
.itecture h1{ font-size: 0.3rem; font-weight: bold; text-align: center; margin-bottom: 0.4rem;}
.itecture .cont{ width: 7rem; margin: auto; padding: 0.25rem 0.3rem; box-shadow: 0 0 0.2rem #999; position: relative;}
.itecture .cont .mm{ float: left; width: 50%; height: 1.1rem; position: relative;}
.itecture .cont .mm div{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.itecture .cont .mm h2{ font-size: 0.3rem; text-align: center;}
.itecture .cont .mm p{ font-size: 0.18rem; font-weight: bold; text-align: center; margin-top: 0.1rem;}
.itecture .cont em{ position: absolute; background: #eee; display: block;}
.itecture .cont .em1{ width: 7rem; height: 1px; left: 0.3rem; top: 50%;}
.itecture .cont .em2{ width: 1px; height: 2.2rem; left: 50%; top: 0.25rem;}
.protRotation{ margin: 0.5rem auto; box-shadow: 0 0 0.2rem #999;}
.protRotation a{ display: block; width: 100%;}
.protRotation a img{ width: 100%;}
.protRotation .swiper-pagination-bullet{ width: 12px; height: 12px;}
.protRotation .swiper-pagination-bullet-active{ background: #000;}
/*  */
.proderBanner .cont .img1{ height: 1.86rem; margin: auto;}
.proderBanner .cont .img2{ width: 0.9rem; margin: 0 auto 0.1rem auto;}
.proderBanner .cont h3{ font-size: 0.48rem; color: #fff; text-align: center; padding: 0.55rem 0 0.35rem 0;}
.proderBanner .cont h3 i{ color: #e5b04e; margin-right: 0.1rem;}
.divGer{ width: 12.1rem; margin: auto;}
.accessCont{ background: #000; padding: 0.5rem 0 0.8rem 0;}
.accessCont .list{ padding: 0.5rem 0;}
.accessCont .list .left{ float: left; width: 5.6rem; height: 6.5rem; position: relative;}
.accessCont .list .left .min{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%;}
.accessCont .list .left h2{ font-size: 0.46rem; font-weight: bold; color: #e5ae4f;}
.accessCont .list .left p{ font-size: 0.18rem; color: #fff; line-height: 0.3rem; margin: 0.1rem 0 0.5rem 0;}
.accessCont .list .right{ float: right; width: 4.6rem; height: 6.5rem; border: 0.03rem solid #e5ae4f; position: relative;}
.accessCont .list .right a{ width: 4.6rem; height: 5.7rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0.5rem; overflow: hidden;}
.accessCont .list .right a img{ width: 100%;}
.accessCont .list:nth-child(2n) .left{ float: right;}
.accessCont .list:nth-child(2n) .right{ float: left;}
.accessCont .list:nth-child(2n) .right a{ left: 0.5rem; right: auto;}
.accessCont .textr{ text-align: center; font-size: 0.18rem; line-height: 0.34rem; color: #fff;}
.accessTit{ padding: 0.55rem 0 0.45rem 0; text-align: center;}
.accessTit h2{ font-size: 0.28rem; padding-bottom: 0.15rem; border-bottom: 1px solid #e8e8e8; margin-bottom: 0.1rem;font-weight:800}
.accessTit em{ display: block; font-size: 0.16rem;}
.accessTit h1{ font-size: 0.3rem; font-weight: bold; margin: 0.35rem 0 0.15rem 0;}
.accessTit p{ font-size: 0.18rem;}
/*  */
.techniceCont{ padding-bottom: 0.65rem;}
.techniceCont .top{ margin-bottom: 0.1rem;}
.techniceCont .top .left{ float: left; width: 6.7rem; height: 2.25rem; position: relative; background: #5c5c59;}
.techniceCont .top .left .ker{ padding: 0.4rem; text-align: right;}
.techniceCont .top .left .ker h1{ font-size: 0.36rem; font-weight: bold; color: #fff;}
.techniceCont .top .left .ker p{ font-size: 0.16rem; line-height: 0.3rem; color: #fff; margin: 0.15rem 0 0.2rem 0;} 
.techniceCont .top .left .ker i{ float: right; width: 0.8rem; height: 1px; background: #fff;}
.techniceCont .top .left .jian{ height: 0.36rem; float: left; position: absolute; left: 0.2rem; bottom: 0.15rem;} 
.techniceCont .top .left .jian button{ float: left; width: 0.36rem; height: 0.36rem; border: none;}
.techniceCont .top .left .jian .prve{ background: url(../images/jian-left.png) no-repeat center; background-size: 100% auto;}
.techniceCont .top .left .jian .next{ background: url(../images/jian-right.png) no-repeat center; background-size: 100% auto;}
.techniceCont .top .left .jian i{ float: left; width: 1px; height: 0.26rem; margin: 0.05rem 0.15rem; background: #fff; opacity: 0.5;}
.techniceCont .top .right{ float: right; width: 6rem; height: 2.25rem; overflow: hidden; position: relative;}
.techniceCont .top .right img{ width: 100%;}
.techniceCont em{ float: left; height: 0.54rem; line-height: 0.54rem; padding: 0 0.15rem; font-size: 0.18rem; font-weight: bold; color: #fff; background: hsla(0,0%,0%,0.50); position: absolute; top: 0; left: 0;}
.techniceCont .bot a{ float: left; width: 4.2rem; height: 4rem; overflow: hidden; position: relative; margin-left: 0.1rem;}
.techniceCont .bot a:first-child{ margin-left: 0;}
.techniceCont .bot a img{ width: 100%;}
.techniceMax{ padding-top: 0.65rem; background: #000;}
.techniceMax .top .left{ float: right;}
.techniceMax .top .left .ker{ text-align: left;}
.techniceMax .top .left .ker i{ float: left;}
.techniceMax .top .right{ float: left;}
.techniceMax .top .left .jian{ left: auto; right: 0.2rem;}
.techniceMax .three a{ float: left; width: 3.125rem; height: 3.2rem; overflow: hidden; position: relative; margin-left: 0.1rem;}
.techniceMax .three a:first-child{ margin-left: 0;}
.techniceMax .three a img{ width: 100%;}
.techniceCont .Sber a{ position: relative; float: left; overflow: hidden;}
.techniceCont .Sber a img{ width: 100%;}
.techniceCont .Sber .m1{ width: 5.5rem; height: 3.5rem; margin-bottom: 0.1rem;}
.techniceCont .Sber .m2{ width: 2.5rem; height: 3.5rem; margin-left: 0.1rem; margin-bottom: 0.1rem;}
.techniceCont .Sber .m3{ float: right; width: 4.6rem; height: 6.1rem;}
.techniceCont .Sber .m4{ width: 3.7rem; height: 2.5rem;}
.techniceCont .Sber .m5 , .techniceCont .Sber .m6{ width: 2.1rem; height: 2.5rem;}
.techniceCont .Sber .m5{ margin: 0 0.1rem;}
.techniceConRer{ padding-top: 0.5rem;}
.techniceCont .mker a{ float: left; overflow: hidden; position: relative;}
.techniceCont .mker a img{ width: 100%;}
.techniceCont .mker .m1{ width: 4.4rem; height: 4.6rem;}
.techniceCont .mker .m2{ margin-left: 0.1rem; width: 2.7rem; height: 2.25rem;}
.techniceCont .mker .m3{ margin-top: 0.1rem;}
.teachBottom{ padding: 0.55rem 0 0.5rem 0; background: url(../images/teach-back.jpg) no-repeat top center; background-size: 100% auto;}
.teachBottom h1{ font-size: 0.34rem; font-weight: bold; color: #fff;}
.teachBottom p{ font-size: 0.16rem; color: #fff; line-height: 0.3rem; padding: 0.1rem 0 0.2rem 0;}
.teachBottom em{ display: block; width: 0.8rem; height: 1px; background: #fff;}
.teachBottom .date{ margin-top: 0.4rem;}
.teachBottom .date img{ width: 100%;}
/* contact */
.contacTitle{ margin-bottom: 0.5rem;}
.contacTitle h1{ font-size: 0.28rem; padding-bottom: 0.1rem; border-bottom: 1px solid #e8e8e8; margin-top: 0.4rem;}
.contacTitle .cont{ margin-top: 0.35rem;}
.contacTitle .cont table{ width: 100%; text-align: center; font-size: 0.14rem;}
.contacTitle .cont .contBate{ width: 100%; height: 4.4rem; overflow: hidden;}
.contacTitle .cont table tbody td{ line-height: 0.6rem;}
.contacTitle .cont table tbody tr:nth-child(2n){ background: #f7f7f7;}
.contacTitle .cont thead tr{ background: #000; color: #fff; font-size: 0.18rem; font-weight: bold;}
.contacTitle .cont thead tr td{ line-height: 0.7rem;}
.contactList ul li{ padding: 0.35rem 0; margin: 0 0.8rem; border-bottom: 1px solid #e8e8e8; position: relative;}
.contactList ul li .right{ float: right; width: 6.2rem; height: 4.2rem; overflow: hidden;}
.contactList ul li .right img{ width: 100%; transition: all 0.5s;}
.contactList ul li .right:hover img{ transform: scale(1.05);}
.contactList ul li .left{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contactList ul li .left h2{ font-size: 0.2rem;}
.contactList ul li .left em{ display: block; font-size: 0.16rem; margin: 0.05rem 0 0.15rem 0;}
.contactList ul li .left p{ font-size: 0.15rem; line-height: 0.3rem;}
.contactLer ul li{ margin-top: 0.4rem;}
.contactLer ul li h3{ font-size: 0.14rem; font-weight: bold; margin-bottom: 0.15rem;}
.contactLer ul li p{ font-size: 0.14rem; line-height: 0.3rem;}
/*  */
.minTitr{ text-align: center;}
.minTitr h1{ font-size: 0.3rem; font-weight: bold; margin-bottom: 0.15rem;}
.minTitr h2{ font-size: 0.16rem; font-weight: bold; margin-bottom: 0.35rem;}
.minTitr p{ font-size: 0.16rem; line-height: 0.3rem;}
.cassimgr{ margin: 0.5rem 0;}
.cassimgr a{ float: left; width: 6.3rem; height: 4.5rem; overflow: hidden;}
.cassimgr a:last-child{ float: right;}
.cassimgr a img{ width: 100%; transition: all 0.5s;}
.cassimgr a:hover img{ transform: scale(1.05);}
.massTwo .ver{ width: 100%;}
.massTwo{background: #f6f6f6;}
.massTwo .cont .img1{ width: 100%;}
.massTwo .cont .min{ position: relative; padding-bottom: 0.5rem;}
.massTwo .cont .min em{ display: block; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #000; opacity: 0.5;}
.massTwo .cont .img2{ float: left; width: 50%;}
.massTwo .cont .img2 h2{ font-size: 0.26rem; text-align: center; font-weight: bold; padding: 0.45rem 0 0.3rem 0;}
.massTwo .cont .img2 img{ width: 4.7rem; margin: auto;}
.massThree , .cassBott{ padding: 0.5rem 0;}
.massThree .cont em{ display: block; width: 2.1rem; height: 0.5rem; border: 1px solid #000; font-size: 0.2rem; font-weight: bold; line-height: 0.5rem; text-align: center; margin: 0.4rem auto 0.11rem auto;}
.massThree .cont p{ font-size: 0.16rem; text-align: center;}
.massThree .cont img{ width: 10rem; margin: 0.2rem auto 0;}
.massOne{ position: relative;}
.massOne .left{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.massOne .left h1{ font-size: 0.3rem; font-weight: bold;}
.massOne .left p{ font-size: 0.16rem; padding: 0.15rem 0 0.25rem 0;}
.massOne .left h2{ font-size: 0.2rem; font-weight: bold;}
.massOne{ padding: 0.3rem 0 0.5rem 0;}
.massOne img{ float: right; height: 3.86rem;}
.massTwoSer{ padding: 0.5rem 0; }
/* hot */
.hotDiv{ padding: 0.3rem 0 0.5rem 0;}
.hotDiv a{ float: left; overflow: hidden; position: relative;}
.hotDiv a img{ width: 100%; transition: all 0.5s;}
.hotDiv a:hover img{ transform: scale(1.05);}
.hotDiv a .boot{ position: absolute; left: 0.2rem; bottom: 0.15rem; right: 0.2rem; color: #fff;}
.hotDiv a .boot h1{ float: left; font-size: 0.24rem; margin-right: 0.15rem; line-height: 0.3rem;}
.hotDiv a .boot p{ font-size: 0.16rem; float: left; padding-left: 0.2rem; line-height: 0.3rem; background: url(../images/add-icon.png) no-repeat left center; background-size: 0.14rem auto;}
.hotDiv a.m1{ width: 8.4rem; height: 3.9rem; margin-bottom: 0.15rem;}
.hotDiv a.m2{ width: 5.85rem; height: 3.9rem; margin-left: 0.15rem; margin-bottom: 0.15rem;}
.hotDiv a.m3{ width: 4.7rem; height: 3.1rem; margin-right: 0.15rem;}
.hotDiv a.m4{ margin-right: 0;}
/*  */
.designTit{ padding: 0.2rem 0 0.25rem 0;}
.designTit .img1{ width: 100%;}
.designTit .img2{ width: 3.2rem; margin: -1rem auto 0;}
.designTent h1{ font-size: 0.28rem; margin-bottom: 0.3rem;}
.designTent .text p{ float: left; width: 6.6rem; font-size: 0.14rem; line-height: 0.34rem;}
.designTent .text p:last-child{ float: right;}
.designSug{ background: #f5f5f5; padding: 0.45rem 0 0.5rem 0; margin-top: 1rem;}
.designSug .left{ float: left;}
.designSug .left h1{ font-size: 0.28rem;}
.designSug .left p{ line-height: 0.3rem; margin-top: 0.3rem;}
.designSug .left .one{ font-size: 0.16rem;}
.designSug .left .two{ font-size: 0.14rem;}
.designSug .left a{ display: block; width: 1.55rem; height: 0.36rem; text-align: center; line-height: 0.36rem; background: #000; color: #fff; font-size: 0.14rem; margin-top: 0.35rem;}
.designSug .right{ width: 4.3rem; height: 5.76rem; float: right; margin-top: -1.05rem; overflow: hidden;}
.designSug .right img{ height: 100%; transition: all 0.5s;}
.designSug .right:hover img{ transform: scale(1.05);}
.designList{ padding: 0.4rem 0 0.2rem 0;}
.designList a{ float: left; width: 3.05rem; height: 4.08rem; overflow: hidden; position: relative; margin-right: 0.195rem; margin-bottom: 0.2rem;}
.designList a:nth-child(4n){ margin-right: 0;}
.designList a img{ width: 100%; transition: all 0.5s;}
.designList a:hover img{ transform: scale(1.05);}
.designList a .cont{ position: absolute; left: 0; bottom: 0.15rem; width: 100%;}
.designList a .cont p{ font-size: 0.14rem; color: #fff; line-height: 0.3rem; padding: 0 0.2rem;}
.designVideo{ border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 0.35rem 0;}
.designVideo h2{ font-size: 0.28rem; font-weight: bold; margin-bottom: 0.3rem;}
.designVideo .div{ float: left; width: 7rem; height: 3.9rem; overflow: hidden; position: relative;}
.designVideo .div img{ width: 100%; transition: all 0.5s;}
.designVideo .div:hover img{ transform: scale(1.05);}
.designVideo .div .pop{ width: 100%; height: 100%; background: #000; opacity: 0.3; position: absolute; top: 0; left: 0; z-index: 2;}
.designVideo .div em{ display: block; width: 0.64rem; height: 0.64rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(../images/icon-ker.png) no-repeat center; background-size: 100% 100%; z-index: 5;}
.designVideo .div:nth-child(2n){ float: right;}
.designVideo .list{ padding: 0.4rem 0 0 0;}
.designVideo .list li{ float: left; width: 4.64rem; margin-right: 0.24rem;}
.designVideo .list li:nth-child(3n){ margin-right: 0;}
.designVideo .list li a{ display: block; width: 100%; height: 3.12rem; overflow: hidden;}
.designVideo .list li a img{ width: 100%; transition: all 0.5s;}
.designVideo .list li:hover a img{ transform: scale(1.05);}
.designVideo .list li h3{ font-size: 0.22rem; padding: 0.15rem 0 0.1rem 0;}
.designVideo .list li p{ font-size: 0.14rem; padding-bottom: 0.35rem;}
/*  */
.previewTit ul li{ float: left; width: 25%;}
.previewTit ul li .minr{ border: 1px solid #d7d7d7; width: 3.36rem; height: 5.1rem; overflow: hidden; position: relative; background: url(../images/4.png) no-repeat bottom right; background-size: 0.5rem auto;}
.previewTit ul li .minr .img{ width: 100%; height: 3.5rem; position: relative; overflow: hidden;}
.previewTit ul li .minr .img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.previewTit ul li .minr .bot{ width: 100%; position: absolute; left: 0; top: 3.5rem; z-index: 6; transition: all 0.5s;}
.previewTit ul li .minr .bot h1{ font-size: 0.24rem; text-align: center; padding-top: 0.3rem;}
.previewTit ul li .minr .bot em{ display: block; width: 0.6rem; height: 1px; background: #999; margin: 0.2rem auto 0.1rem auto;}
.previewTit ul li .minr .bot p{ font-size: 0.14rem; padding: 0 0.3rem; line-height: 0.26rem; text-align: center;}
.previewTit ul li .minr .bot a{ display: none; width: 1.55rem; height: 0.36rem; text-align: center; line-height: 0.36rem; background: #000; color: #fff; font-size: 0.14rem; margin: 0.45rem auto 0;}
.previewTit{ padding: 0.45rem 0 0.7rem 0;}
.previewTit ul li .minr .pop{ border: 0.1rem solid #d7d7d7; background: hsla(0,0%,0%,0.50); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5; opacity: 0; transition: all 0.5s;}
.previewTit ul li .minr:hover .bot{ top: 1.5rem;}
.previewTit ul li .minr:hover .pop{ opacity: 1;}
.previewTit ul li .minr:hover .bot a{ display: block;}
.previewTit ul li .minr:hover .bot h1{ color: #fff;}
.previewTit ul li .minr:hover .bot em{ background: #fff;}
.previewTit ul li .minr:hover .bot p{ color: #fff;}
.previewList{ margin-bottom: 0.4rem;}
.previewList .list{ padding: 0.15rem; height: 5.6rem; background: #eeeeee;}
.previewList .list a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 3;}
.previewList .list img{ width: 100%;}
.previewList .list .bort{ position: absolute; left: 0.15rem; bottom: 0.15rem; right: 0.15rem; background: hsla(0,0%,0%,0.50); padding: 0.45rem 2.6rem 0.45rem 0.4rem; z-index: 5;}
.previewList .list .bort h1{ font-size: 0.28rem; color: #fff; margin-bottom: 0.15rem;}
.previewList .list .bort p{ font-size: 0.14rem; line-height: 0.3rem; color: #fff;}
.previewList .swiper-container .swiper-button-prev{ width: 0.46rem; height: 0.46rem; background: url(../images/jian-left.png) no-repeat center; background-size: 100% auto; left: 0.25rem;}
.previewList .swiper-container .swiper-button-next{ width: 0.46rem; height: 0.46rem; background: url(../images/jian-right.png) no-repeat center; background-size: 100% auto; right: 0.25rem;}
.previewList .listOnm{ padding: 0; height: 5.8rem;}
.previewList .listOnm .bort{ left: 0; bottom: 0; right: 0;}
.previewList .list .minLog{ width: 1.4rem; position: absolute; right: 0.3rem; bottom: 0.35rem; z-index: 10;}
/*  */
.leadMax{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/background-1.jpg) top center;}
.leadMax .cont{ width: 5.6rem; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -2.8rem; background: url(../images/mmonr.png) no-repeat center; background-size: 100% 100%;}
.leadMax .cont .logo{ width: 2.8rem; margin: auto; padding: 2.6rem 0 0.3rem 0;}
.leadMax .cont p{ font-size: 0.24rem; text-align: center; color: #fff;}
.leadMax .cont .bot{ width: 100%; margin-top: 0.65rem; display: flex; flex-wrap: nowrap; justify-content: center; position: relative; z-index: 3;}
.leadMax .cont .bot a{ float: left; width: 1.75rem; height: 0.5rem; font-size: 0.2rem; color: #fff; text-align: center; line-height: 0.5rem; border: 1px solid #fff; border-radius: 0.03rem; margin: 0 0.15rem; transition: all 0.5s;}
.leadMax .cont .bot a.com{ background: #e3ae4c; border-color: #e3ae4c;}
.leadMax .cont .bot a:hover{ background: #e3ae4c; border-color: #e3ae4c; box-shadow: 0 0 0.1rem #e3ae4c;}
.leadMax .cont .img2{ width: 5rem; margin: -0.5rem 0 0 -1.7rem; position: relative; z-index: 1;}
/* 新闻详情 */
.newDateTit{ padding: 0.35rem 0;}
.newDateTit .leftDate{ width: 10.7rem; float: left;font-size: 12px;}
.newDateTit .leftDate h1{ font-size: 0.26rem;}
.newDateTit .leftDate em{ display: block; font-size: 0.14rem; padding: 0.2rem 0 0.1rem 0; border-bottom: 1px solid hsla(0,0%,0%,0.35); margin-bottom: 0.25rem;}
.newDateTit .leftDate p{ font-size: 0.14rem; line-height: 0.3rem;}
.newDateTit .leftDate img{ width: 100%; margin: 0.3rem 0;}
.newDateTit .rightDate{ float: right; width: 3.2rem;}
.newDateTit .rightDate .cont{ background: #ededed; padding: 0.2rem;}
.newDateTit .rightDate .cont h1{ font-size: 0.22rem;}
.newDateTit .rightDate .cont a{ display: block; line-height: 0.26rem; font-size: 0.14rem; color: #000; padding: 0.15rem 0 0.15rem 0.12rem; border-bottom: 1px solid hsla(0,0%,0%,0.1); background: url(../images/icon-mik.png) no-repeat left top 0.25rem;}
.botMewsDate{ padding: 0.2rem 0 0.4rem 0; border-top: 1px solid hsla(0,0%,0%,0.51);}
.botMewsDate a{ display: block; font-size: 0.14rem; line-height: 0.36rem; color: #000; transition: all 0.5s;}
.botMewsDate a:hover{ text-decoration: underline;}
/* 服务 */
.serviceTir{ width: 14.4rem; margin: auto; padding: 0.25rem 0 0 0;}
.titCase h1{ font-size: 0.28rem; padding-bottom: 0.15rem; margin-bottom: 0.1rem; text-align: center; border-bottom: 1px solid #e8e8e8;}
.titCase h2{ font-size: 0.36rem; font-weight: bold; text-align: center;}
.serviceTir .list .center img{ width: 100%;}
.serviceTir .list .top img , .serviceTir .list .bot{ width: 0.4rem;}
.serviceTir .list .top{ width: 100%; height: 4rem; position: relative;}
.serviceTir .list .bot{ width: 100%; height: 3rem; position: relative;}
.serviceTir .list .top img{ position: absolute; bottom: 0;}
.serviceTir .list .top .img1{ left: 1.65rem;}
.serviceTir .list .top .img2{ left: 3.8rem;}
.serviceTir .list .top .img3{ left: 5.9rem;}
.serviceTir .list .top .img4{ right: 6rem;}
.serviceTir .list .top .img5{ right: 3.85rem;}
.serviceTir .list .top .img6{ right: 1.7rem;}
.serviceTir .list .bot img{ position: absolute; top: 0;}
.serviceTir .list .bot .img1{ left: 0.55rem;}
.serviceTir .list .bot .img2{ left: 2.7rem;}
.serviceTir .list .bot .img3{ left: 4.85rem;}
.serviceTir .list .bot .img4{ left: 6.95rem;}
.serviceTir .list .bot .img5{ right: 4.9rem;}
.serviceTir .list .bot .img6{ right: 2.75rem;}
.serviceTir .list .bot .img7{ right: 0.65rem;}
.serviceCont{ padding: 0.65rem 0 0.4rem 0; background: #f8f8f8; margin-bottom: 1rem; position: relative;}
.serviceCont .img4{ position: absolute; bottom: -0.2rem; left: 0.2rem; z-index: 1; height: 2.72rem;}
.serviceCont .cont{ margin-top: 0.5rem; background: #fff; padding: 0.4rem 0 0.16rem 0; position: relative; z-index: 5;}
.serviceCont .cont .minList{ width: 100%; display: flex; flex-wrap: nowrap; justify-content: center;}
.serviceCont .cont .list{ float: left; width: 2.84rem; height: 1.92rem; background: #ebebeb; margin: 0 0.12rem 0.24rem 0.12rem;}
.serviceCont .cont .list .img{ width: 100%; height: 0.5rem; position: relative; margin: 0.25rem 0 0.15rem 0;}
.serviceCont .cont .list .img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.serviceCont .cont .list p{ font-size: 0.12rem; text-align: center; margin: 0.15rem 0 0.25rem 0;}
.serviceCont .cont .list h1{ font-size: 0.18rem; font-weight: bold; text-align: center;}
.serviceCont .cont .img2{ width: 3.7rem; position: absolute; bottom: -0.5rem; right: -2.18rem;}
.serviceLister .listWer{ padding: 0.6rem 0 0.8rem 0; display: flex; flex-wrap: nowrap; justify-content: center;}
.serviceLister .list{ width: 1.5rem; height: 1.5rem; border: 1px solid #000; border-radius: 100%; float: left; margin: 0 0.3rem; text-align: center;}
.serviceLister .list h1{ font-size: 0.32rem; font-weight: bold; color: #ab895c; line-height: 0.6rem;}
.serviceLister .list h2{ font-size: 0.18rem; font-weight: bold;}
.serviceLister .list p{ font-size: 0.12rem; line-height: 0.2rem; margin-top: 0.1rem;}
.serviceLister .list p i{ display: block;}
/*  */
.caseDiv .left p , .caseDiv .left h1 , .caseDiv .moreDiv p , .indexIten .itemTop .left p , .indexIten .itemTop .left h1 , .indexAbout .compay .left p , .indexAbout .compay .left h1 ,
.indexNews .contr .titer h1 , .indexNews .contr .titer p , .newsTitle .cont h1 , .tit-Max h1 , .proderBanner .cont h1 , .titCase h2{ text-transform: uppercase;}
/* cell */ 
.serviceTir .listOme{ margin-top: 0.3rem;}
.serviceTir .listOme ul{ padding-left: 1rem; background: url(../images/ser2.jpg) no-repeat top -0.3rem left 0.1rem; background-size: 0.6rem auto;}
.serviceTir .listOme ul li{ padding: 0.25rem 0;}
.serviceTir .listOme ul li h2{ font-size: 0.32rem;}
.serviceTir .listOme ul li p{ font-size: 0.28rem;}
/* cell-nav */
.cellHear{ width: 100%; height: 1.3rem; background: #fff; position: fixed; top: 0; left: 0; z-index: 25; box-shadow: 0 0 0.15rem #eee; transition: all 0.5s;}
.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: 35; 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: 35; 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: 70%;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;}
.cellRightNav .listMnr{ display: none; padding-left: 0.7rem;}
.cellRightNav .listMnr a{ display: block; font-size: 0.3rem; color: #000; line-height: 0.7rem; opacity: 0.7;}
/*  */
.shejiPop{ display: none; width: 11.3rem; background: #fff; border-radius: 0.2rem; position: fixed; top: 0; left: 50%; margin-left: -5.65rem; z-index: 35;}
.shejiPop .cont{ padding: 0.35rem;}
.shejiPop .cont .left{ width: 4.28rem; height: 5.75rem; overflow: hidden;}
.shejiPop .cont .left img{ width: 100%;}
.shejiPop .cont .right{ position: absolute; top: 0.35rem; left: 4.9rem; bottom: 0.35rem; right: 0.35rem; overflow-y: auto;}
.shejiPop .cont .right h1{ font-size: 0.28rem;}
.shejiPop .cont .right p{ line-height: 0.3rem; margin-top: 0.3rem;}
.shejiPop .cont .right .one{ font-size: 0.16rem;}
.shejiPop .cont .right .two{ font-size: 0.14rem;}
.shejiPop .sole{ width: 0.2rem; height: 0.2rem; background: url(../images/icon-u.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 0.2rem; right: 0.2rem; transition: all 0.5s;}
.shejiPop .sole:hover{ transform: rotate(180deg);}
/* 搜索 */
.searchDer{ width: 100%; height: 100%; position: fixed; top: -100%; left: 0; z-index: 40; background: hsla(0,0%,100%,0.99); transition: all 0.5s; opacity: 0;}
.searchDer2{ top: 0; opacity: 1;}
.searchDer .cont{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: flex; justify-content: center;}
.searchDer .cont input{ border: 1px solid #000; border-radius: 0; width: 5rem; height: 0.5rem; font-size: 0.18rem; padding: 0 0.2rem;}
.searchDer .cont button{ display: block; width: 0.6rem; height: 0.52rem; border: 1px solid #000; background: #000 url(../images/icon-search.png) no-repeat center; background-size: 0.3rem auto; border-radius: 0;}
.searchDer .sole{ width: 0.3rem; height: 0.3rem; transition: all 0.5s; position: absolute; top: 0.5rem; right: 0.5rem; background: url(../images/cell3.png) no-repeat center; background-size: 100% auto;}
.searchDer .sole:hover{ transform: rotate(180deg);}
/* 浮窗 */
.FloatingRight{ width: 104px; position: fixed; right: 2.35rem; top: 50%; transform: translateY(-50%); border: 1px solid #000; background: #fff; z-index: 30;}
.FloatingRight p{ font-size: 13px; text-align: center;}
.FloatingRight img{ margin: auto;}
.FloatingRight .img{ width: 84px;}
.FloatingRight .top{ background: #000; padding: 10px 0 15px 0;}
.FloatingRight .top img{ height: 50px;}
.FloatingRight ul{ padding-top: 15px;}
.FloatingRight ul li{ padding-bottom: 15px;}
.FloatingRight ul li .Qr p{ margin-top: 5px;}
.FloatingBotr{ width: 100%; height: 1.2rem; background: #000; position: fixed; left: 0; bottom: 0; z-index: 30;}
.FloatingBotr .topER{ width: 4.7rem; height: 0.6rem; background: #000; border-radius: 0.3rem; position: absolute; top: -0.3rem; left: 50%; margin-left: -2.35rem;}
.FloatingBotr .topER img{ height: 0.3rem; margin: auto; padding: 0.15rem 0;}
.FloatingBotr .cont .img{ width: 3.5rem; height: 1.92rem; margin-top: -0.72rem; float: left;}
.FloatingBotr .cont .mder{ float: left; margin-left: 0.3rem; padding-top: 0.3rem;}
.FloatingBotr .cont .mder .left{ float: left; width: 5.1rem;}
.FloatingBotr .cont .mder .left input{ float: left; width: 2.3rem; height: 0.36rem; padding: 0 0.1rem; background: #fff; border-radius: 0.03rem; border: none; font-size: 0.12rem; margin-bottom: 0.1rem;}
.FloatingBotr .cont .mder .left input:nth-child(2n){ float: right;}
.FloatingBotr .cont .mder button{ float: left; width: 0.82rem; height: 0.82rem; border-radius: 0.03rem; border: none; background: #e7ae4e; color: #000; text-align: center; margin-left: 0.1rem; font-size: 0.26rem; letter-spacing: 0.04rem;}
.FloatingBotr .fNav{ float: right; padding-top: 0.35rem;}
.FloatingBotr .fNav li{ float: left;}
.FloatingBotr .fNav li a{ display: block; margin-left: 0.3rem;}
.FloatingBotr .fNav li:first-child a{ margin-left: 0;}
.FloatingBotr .fNav li img{ width: 0.4rem; margin: auto;}
.FloatingBotr .fNav li p{ font-size: 0.12rem; color: #fff; text-align: center; margin-top: 0.08rem;}
/* cell - index */
.indexListcontMr{ padding: 0.5rem 0.35rem; background: #f1f1f1; margin-top: 0.3rem;}
.indexListcontMr .list{ padding-left: 1rem; position: relative;}
.indexListcontMr .list .min{ width: 0.8rem; height: 0.8rem; background: url(../images/per.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 0; left: 0;}
.indexListcontMr .list .min em{ display: block; width: 100%; height: 100%; text-align: center; line-height: 0.8rem; color: #fff; font-size: 0.34rem;}
.indexListcontMr .list .right h1{ font-size: 0.32rem; color: #000; padding: 0.15rem 0 0.2rem 0;}
.indexListcontMr .list .right p{ font-size: 0.26rem;}
.indexListcontMr ul li{ margin-top: 0.3rem;}
.indexListcontMr ul li:first-child{ margin-top: 0;}
.designList .one1 , .designList .two2{ display: none;}
/* video - pop */
.videoPop{ display: none; width: 8rem; background: #fff; position: fixed; left: 50%; margin-left: -4.2rem; top: 0; z-index: 35; padding: 0.2rem;}
#videoDiv{ width: 100%; display: block;}
.videoPop .sole{ width: 0.4rem; height: 0.4rem; background: #fff url(../images/cell3.png) no-repeat center; background-size: 0.25rem auto; position: absolute; top: 0; right: 0; z-index: 20;}

/*友情链接*/
.openDiv{ background: #fff;}
.openDiv .cont{padding: 0.3rem 0;font-size: 0.16rem;line-height: 0.26rem;display: flex;justify-content: flex-start;border-top: 1px solid #eee;}
.openDiv .cont .tit{ width: 1.2rem;}
.openDiv .cont a{ float: left; color: #000; opacity: 0.8; margin-right: 0.15rem;}

/*首页弹窗*/
.leadTwo{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; overflow: hidden;}
.leadTwo .imgOne{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.leadTwo .imgTwo{ position: absolute; top: 0.4rem; left: 0.4rem; bottom: 0.4rem; right: 0.4rem; z-index: 3;}
.leadTwo .imgTwo img{ width: 100%; height: 100%;}
.leadTwo .href{ width: 100%; display: flex; justify-content: center; position: absolute; left: 0; bottom: 1.1rem; z-index: 5;}
.leadTwo .href a{ margin: 0 0.45rem;}
.leadTwo .href a img{ width: 2.5rem;}

.leadTwoCell{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; overflow: hidden;}
.leadTwoCell .imgOne{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1;}
.leadTwoCell .imgTwo{ position: absolute; top: 0.3rem; left: 0.3rem; bottom: 0.3rem; right: 0.3rem; z-index: 3;}
.leadTwoCell .imgTwo img{ width: 100%; height: 100%;}
.leadTwoCell .href{ width: 100%; display: flex; justify-content: center; position: absolute; left: 0; bottom: 3.55rem; z-index: 5;}
.leadTwoCell .href a{ margin: 0 0.30rem;}
.leadTwoCell .href a img{ width: 2.8rem;}