/*banner*/
.ind-banner{ width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%;}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .en{ font-size: 0.6rem; line-height: 0.6rem; color: rgba(141,202,247,0.5); padding-bottom: 0.35rem; font-family: 'mont'; text-transform: uppercase; }
.ind-banner .onebox .txt{ font-size: 0.36rem; line-height: 0.36rem; color: #3cb6a9; padding-bottom: 0.2rem; }
.ind-banner .onebox .cn{ font-size: 0.6rem; line-height: 0.72rem; color: #fff; font-weight: bold;}
.ind-banner .twobox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 1; top: 20%; }
.ind-banner .twobox .txtImg img{ width: 2.46rem; }
.ind-banner .twobox .txtDiv{ position: relative; }
.ind-banner .twobox .cn{ position: absolute; left: 0; top: 50%; margin-top: -0.3rem; width: 100%; font-size: 0.6rem; line-height: 0.6rem; font-weight: bold; color: #fff; }
.ind-banner .twobox .en{ font-size: 1.8rem; line-height: 1.4rem; color: rgba(3,106,233,0.15); font-family: 'bold'; text-transform: uppercase; }
.ind-banner .threebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; top: 50%; transform: translateY(-50%); }
.ind-banner .threebox .en{ font-size: 0.3rem; line-height: 0.3rem; color: rgba(255,255,255,0.2); padding-bottom: 0.3rem; font-family: 'mont'; text-transform: uppercase; }
.ind-banner .threebox .txt{ font-size: 0.48rem; line-height: 0.48rem; color: #3cb6a9; padding-bottom: 0.2rem; }
.ind-banner .threebox .cn{ font-size: 0.6rem; line-height: 0.72rem; color: #fff; font-weight: bold;}

.ind-banner .swiper-pagination{ width: 100%; bottom: 0.7rem; } 
.ind-banner .swiper-pagination-bullet { display: inline-block; width: 50px; height: 5px; opacity: 1; background: #fff; box-sizing:border-box; border-radius:4px; margin: 0 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #3cb6a9;} 


/*banner结束*/

.indexTxt .cn{ position: relative; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.35rem; color: #333; letter-spacing: 5px; }
.indexTxt .cn:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 4px; background: #3cb6a9; border-radius: 4px;}

.indMore a{ box-sizing: border-box; width: 1.4rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.48rem; color: #fff; font-size: 14px; font-family:mont; background: #3cb6a9;}
.indMore img{ padding-left: 10px; }
.indMore a:hover img{ animation: iconAni 1.5s ease infinite;}


.indexP1{ position: relative; overflow: hidden; height: 8.87rem; }
.indexP1 .leftCon{ width: 6.6rem; height: 8.87rem; }
.indexP1 .name{ font-size: 0.3rem; line-height: 0.3rem; color: #000; padding: 0.7rem 0 0.15rem; }
.indexP1 .txt{ font-size: 0.48rem; line-height: 0.48rem; color: #3cb6a9; font-weight: bold; }
.indexP1 .content{ padding-top: 0.45rem; font-size: 0.16rem; color: #333; line-height: 0.3rem; text-align: justify; }
.indexP1 .indMore{ padding-top: 0.6rem; }
.indexP1 .rightDiv{ position: absolute; right: 0; top: 0; width: 50%; height: 8.87rem; }
.indexP1 .rightDiv .bg{ height: 6.97rem; background: center no-repeat; background-size: cover; }
.indexP1 .list li{ float: left; width: 33.33%; }
.indexP1 .list li a{ position: relative; display: block; height: 1.9rem; padding-left: 36%; padding-top: 0.7rem; padding-right: 0.5rem; box-sizing: border-box; }
.indexP1 .list li:nth-child(even) a{ background: #f5f5f5; }
.indexP1 .list li .ico{ position: absolute; left: 14%; top: 0.6rem; width: 44px; height: 40px; }
.indexP1 .list li .ico img{ position: absolute; left: 0; top: 0; }
.indexP1 .list li .ico .img1{ opacity: 0; }
.indexP1 .list li .cn{ font-weight: bold; height: 0.35rem; font-size: 0.18rem; line-height: 0.18rem; color: rgba(51,51,51,0.8); }
.indexP1 .list li .en{ color: rgba(51,51,51,0.1); font-size: 0.18rem; line-height: 0.24rem; text-transform: uppercase; font-family: 'mont';}
.indexP1 .list li a:hover{ background: #3cb6a9; }
.indexP1 .list li a:hover .ico img{ opacity: 0; }
.indexP1 .list li a:hover .ico .img1{ opacity: 1; }
.indexP1 .list li a:hover .cn{ color: #fff; }
.indexP1 .list li a:hover .en{ color: rgba(255,255,255,0.3); }


.indexP1 .numList{ padding-top: 0.45rem; }
.indexP1 .numList li{ float: left; width: 2.4rem; color: #999; }
.indexP1 .numList li:nth-child(2){ width: 2.0rem; }
.indexP1 .numList li:last-child{ width: auto; }
.indexP1 .numList li .num{ display: flex; display: -webkit-flex; align-items: top; -webkit-align-items: top; }
.indexP1 .numList li .numUp{ color: #3cb6a9; font-size: 0.6rem; line-height: 0.42rem; font-family: 'mont';}
.indexP1 .numList li .num img{ margin-left: 10px; width: 16px; height: 16px; }
.indexP1 .numList li p{ font-size: 0.16rem; line-height: 0.16rem; height: 0.4rem; }

.indexP2{ padding: 0.85rem 0.4rem 0.75rem; }
.indexP2 .indexTxt .cn{ text-align: center; }
.indexP2 .indexTxt .cn:after{ left: 50%; margin-left: -15px; }
.indexP2 .list{ overflow: hidden; padding-top: 0.9rem; }
.indexP2 .list ul{ margin-right: -0.4rem; }
.indexP2 .list li{ float: left; width: 50%; }
.indexP2 .list li .box{ margin-right: 0.4rem; border: #efefef solid 1px; }
.indexP2 .list li a{ display: block; width: 100%; height: 7.5rem; position: relative; overflow: hidden;}
.indexP2 .list li .bg{ width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
.indexP2 .list li .imgDiv{ position: absolute; left: 50%; margin-left: -3.2rem; bottom: 0.5rem; z-index: 1; width: 6.4rem; height: 5.0rem; }
.indexP2 .list li .imgDiv img{ max-width: 6.4rem; max-height: 5.0rem; }
.indexP2 .list li .layer{ position: absolute; width: 100%; text-align: center; left: 0; top: 1.0rem; z-index: 2; }
.indexP2 .list li .name{ font-weight: bold; color: #333; font-size: 0.4rem; line-height: 0.34rem; }
.indexP2 .list li .more{ margin-top: 0.25rem; font-size: 0.18rem; line-height: 0.18rem; color: #3cb6a9;}
.indexP2 .list li .more span{ height: 1px; -webkit-transform: scaleY(0.5); 
 
  transform: scaleY(0.5); 
 
  -webkit-transform-origin: 0 0; 
 
  transform-origin: 0 0; overflow:hidden; background: url(../images/dot.jpg) no-repeat;
  background-size: 0 1px;
  background-position: 100% 100%;
  transition: background-size 0.7s ease; }
.indexP2 .list li .more img{ margin-left: 10px; }
.indexP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP2 .list li .box:hover .more span{ background-size: 100% 1px; background-position: 0 100%; }

.indexP3{ padding-top: 1.05rem; height: 6.7rem; position: relative; overflow: hidden; box-sizing: border-box;}
.indexP3 .mxfDiv{ position: relative; }
.indexP3 .leftCon{ width: 7.15rem; position: relative; z-index: 1;}
.indexP3 .name{ font-weight: bold; color: #333; font-size: 0.48rem; line-height: 0.48rem; padding: 0.75rem 0 0.2rem; }
.indexP3 .txt{ font-size: 0.36rem; line-height: 0.36rem; color: #333; }
.indexP3 .content{ padding-top: 0.4rem; font-size: 0.18rem; line-height: 0.32rem; text-align: justify; text-transform: uppercase; }
.indexP3 .rightImg{ position: absolute; right: 0; top: 0.45rem; width: 8.25rem;}
.indexP3 .rightImg img{ width: 100%; }

.indexP4{ padding: 1.0rem 0 1.5rem; }
.indexP4 .toptop{ height: 1.35rem; position: relative; }
.indexP4 .moreBtn{ position: absolute; right: 0; top: 10px; }
.indexP4 .moreBtn a{ display: block; text-align: center; width: 1.48rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; color: #fff; font-size: 16px; background: #3cb6a9;}
.indexP4 .list ul{ margin-right: -0.92rem; }
.indexP4 .list li{ float: left; width: 33.33%; }
.indexP4 .list li .box{ margin-right: 0.92rem; background: #f5f5f5; }
.indexP4 .list li .imgDiv{ height: 3.1rem; overflow: hidden; }
.indexP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP4 .list li .botDiv{ padding: 0.3rem 0.36rem 0; height: 2.44rem; box-sizing: border-box; }
.indexP4 .list li .time{ font-size: 0.18rem; line-height: 0.3rem; color: rgba(51,51,51,0.3); font-family: 'mont'; }
.indexP4 .list li .name{ margin-top: 0.12rem; line-height: 0.36rem; height: 0.72rem; font-size: 0.22rem; font-weight: bold; color: #333; }
.indexP4 .list li .ico{ margin-top: 0.24rem; width: 47px; height: 33px; border-radius: 24px; border: #3cb6a9 solid 2px; background: url(../images/ico1.png) center no-repeat; box-sizing: border-box; }
.indexP4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP4 .list li .box:hover{ background: #3cb6a9; }
.indexP4 .list li .box:hover .time, .indexP4 .list li .box:hover .name{ color: #fff; }
.indexP4 .list li .box:hover .ico{ border: #fff solid 2px; background: #fff url(../images/ico1.png) center no-repeat; }

.indexP5 .list li{ float: left; width: 33.33%; position: relative; }
.indexP5 .list li .bg{ position: relative; height: 5.0rem; background: center no-repeat; background-size: cover; }
.indexP5 .list li .bg:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0; background: url(../images/bg1.png) top repeat; }
.indexP5 .list li .layer{ position: absolute; left: 1.1rem; top: 0.8rem; z-index: 1; }
.indexP5 .list li .ico{ width: 42px; height: 70px; position: relative; }
.indexP5 .list li .ico img{ position: absolute; left: 0; top: 0; }
.indexP5 .list li .ico .img1{ opacity: 0; }
.indexP5 .list li .cn{ font-size: 0.3rem; line-height: 0.3rem; height: 0.5rem; color: #333; font-weight: bold; letter-spacing: 5px; }
.indexP5 .list li .en{ font-size: 0.18rem; line-height: 0.18rem; height: 0.8rem; color: #ccc; font-family: 'mont'; text-transform: uppercase; }
.indexP5 .list li .more{ width: 50px; height: 50px; border-radius: 50%; background: #3cb6a9 url(../images/ico2.png) center no-repeat; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.05);}
.indexP5 .list li:hover .bg:after{ height: 100%; }
.indexP5 .list li:hover .ico img{ opacity: 0; }
.indexP5 .list li:hover .ico .img1{ opacity: 1; }
.indexP5 .list li:hover .cn, .indexP5 .list li:hover .en{ color: #fff; }
.indexP5 .list li:hover .more{ background: #fff url(../images/ico2on.png) center no-repeat; }

.about{ padding-bottom: 2.4rem; position: relative; overflow: hidden;}
.about .toptop{ height: 7.5rem; position: relative; }
.about .conDiv{ width: 6.9rem; padding-top: 0.8rem; }
.about .name{ font-weight: bold; color: #333; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.3rem; }
.about .txt{ padding-bottom: 0.3rem; color: #3cb6a9; font-size: 0.48rem; line-height: 0.6rem; }
.about .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.about .rightImg{ position: absolute; right: 0; top: 0; z-index: 1; width: 50%; height: 7.5rem; background: center no-repeat; background-size: cover;}
.about .botbot{ padding-top: 0.65rem; }
.about .imgList{ padding-top: 0.7rem; }
.about .imgList ul{ margin-right: -0.36rem; }
.about .imgList li{ float: left; width: 50%; }
.about .imgList li .box{ margin-right: 0.36rem; position: relative; }
.about .imgList li .imgDiv{ overflow: hidden; }
.about .imgList li .imgDiv img{ width: 100%; }
.about .imgList li .wen{ width: 3.3rem; font-size: 0.3rem; color: #3cb6a9; line-height: 0.36rem; position: absolute; left: 0.35rem; bottom: 0.6rem; }
.about .imgList li .box:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.cultureBox{ height: 13.8rem; background: url(../images/cultureBg.jpg) center no-repeat; background-size: cover; }
.cultureBox .list{ padding-top: 0.95rem; }
.cultureBox .list ul{ display: block; width: auto; margin-right: -0.5rem; }
.cultureBox .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem; }
.cultureBox .list li .box{ cursor: pointer; margin-right: 0.5rem; text-align: center; padding: 0.7rem 0.7rem 0; height: 4.0rem; background: #fff; box-sizing: border-box; }
.cultureBox .list li .ico{ width: 65px; height: 65px; margin: 0 auto; position: relative; }
.cultureBox .list li .ico img{ position: absolute; left: 0; top: 0; width: 65px;}
.cultureBox .list li .ico .img1{ opacity: 0; transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)  }
.cultureBox .list li .name{ padding-top: 0.45rem; color: #333; font-weight: bold; font-size: 0.3rem; line-height: 0.3rem; height: 0.6rem; }
.cultureBox .list li .msg{ font-size: 0.16rem; color: #999; line-height: 0.3rem; }
.cultureBox .list li .box:hover{ background: #3cb6a9; box-shadow: 4px 12px 38px 0px rgba(60, 182, 169, 0.36); }
.cultureBox .list li .box:hover .ico img{ opacity:0;}
.cultureBox .list li .box:hover .ico .img1{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.cultureBox .list li .box:hover .name, .cultureBox .list li .box:hover .msg{ color: #fff; }
.cultureBox .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.5rem;}
.cultureBox .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: none; background: rgba(0,0,0,0.6); margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.cultureBox .swiper-pagination-bullet-active { background: #3cb6a9; }

.contactP1{ padding-bottom: 0.95rem; }
.contactP1 .mxfDiv{ padding: 0.3rem 0 0.5rem; }
.contactP1 .conDiv{ width: 50%; }
.contactP1 .conDiv .name{ color: #333; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.7rem; font-weight: bold; }
.contactP1 .msgList li{ position: relative; padding-left: 1.1rem; position: relative; min-height: 66px; padding-bottom: 0.4rem; }
.contactP1 .msgList li .ico{ position: absolute; left: 0; top: 0; width: 62px; height: 62px; border-radius: 50%; border: #e6e6e6 solid 2px; }
.contactP1 .msgList li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
.contactP1 .msgList li dd{ float: left; width: 2.5rem; }
.contactP1 .msgList li .wen{ font-size: 0.18rem; line-height: 30px; color: #999; }
.contactP1 .msgList li .tel{ font-size: 0.24rem; color: #3cb6a9; font-family: 'bold'; }
.contactP1 .msgList li .email{ color: #333; font-size: 0.18rem; font-family: 'mont'; }
.contactP1 .msgList li .address{ font-size: 0.18rem; line-height: 66px; color: #333; }
.contactP1 .mapDiv{ width: 7.5rem; height: 4.5rem; background: center no-repeat; background-size: cover; }
.contactP1 .botList ul{ margin-right: -0.36rem; }
.contactP1 .botList li{ float: left; width: 50%; }
.contactP1 .botList li .box{ margin-right: 0.36rem; height: 3.0rem; padding: 0.85rem 0 0 1.65rem; position: relative; background: #f6f6f6; box-sizing: border-box;}
.contactP1 .botList li .ico{ position: absolute; left: 0.5rem; top: 0.85rem; width: 62px; height: 62px; border-radius: 50%; border: #e6e6e6 solid 2px; }
.contactP1 .botList li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
.contactP1 .botList li .name{ font-size: 0.22rem; color: #3cb6a9; line-height: 0.22rem; font-weight: bold; height: 0.45rem;}
.contactP1 .botList li dt{ font-weight: 400; font-size: 0.18rem; line-height: 0.3rem; color: #333; }
.contactP1 .botList li dd{ font-size: 0.18rem; line-height: 0.3rem; color: #999;}

.contactP2{ padding-top: 0.85rem; height: 8.5rem; background: center no-repeat; background-size: cover; }
.contactP2 .mxfDiv{display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; padding: 0.6rem 1.15rem 0; }
.contactP2 .left { width: 41.43%;}
.contactP2 .left .text { flex: 1; line-height: 0.36rem; color: #ccc;}
.contactP2 .msg { width: 100%; resize: none; line-height: 0.3rem; height: 2.2rem; color: #ccc;}
.contactP2 .right { width: 55.5%;}
.contactP2 .right label { margin-right: 0.37rem;}
.contactP2 .right .group.max { display: block; padding-top: 0.08rem;}
.contactP2 .right .group.max label { display: block; margin-bottom: 12px;}
.contactP2 .group {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  align-items: center;
  height: 0.75rem;
  background-color: #ffffff;
  border: solid 1px #e6e6e6;
  line-height: 0.36rem;
  margin-bottom: 0.32rem;
  padding: 0 0.2rem;
}
.contactP2 .group:last-child { margin-bottom: 0;}
.contactP2 .group.max { height: 2.86rem;}
.contactP2 .group img { position: relative; vertical-align: middle; top: -2px; width: 0.16rem; margin-right: 0.1rem;}
.contactP2 label { font-size: 16px; margin-right: 10px; color: #333;}
.contactP2 label i { font-style: normal; color: #ff2100; font-size: 18px;}
.contactP2 ::-webkit-input-placeholder {
  /* WebKit browsers */ color: #ccc; font-size: 14px;}
.contactP2 :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */ color: #ccc; font-size: 14px;}
.contactP2 ::-moz-placeholder {
  /* Mozilla Firefox 19+ */ color: #ccc; font-size: 14px;}
.contactP2 :-ms-input-placeholder {
  /* Internet Explorer 10+ */ color: #ccc; font-size: 14px;}
.contactP2 .btn-box { font-size: 0; margin-top: 0.6rem; text-align: center;}
.contactP2 .btn-box a { display: inline-block; width: 1.5rem; line-height: 0.5rem; font-size: 16px; color: #fff; border-radius: 0.24rem; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.contactP2 .btn-box a:hover { box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
.contactP2 .submit { margin-right: 20px; background-color: #3cb6a9;}
.contactP2 .cancel { background-color: rgba(0,0,0,0.3);}
.contactP2 .select-box {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  flex: 1;
  align-items: center;
}
.contactP2 select { box-sizing:border-box; position: relative; cursor: pointer; width: 1.45rem; height: 0.49rem; border: solid 1px #e6e6e6; font-size: 16px; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; outline: none; margin-right: 0.3rem; padding: 0 0.15rem; background: url("../images/selectIco2.png") no-repeat scroll right 0.12rem center #fff;}
.contactP2 select:last-child { margin-right: 0;}

.concept{ padding-bottom: 0.7rem; overflow: hidden;}
.concept .conDiv{ width: 6.6rem; padding-top: 0.7rem; }
.concept .txt{ font-size: 0.24rem; color: #3cb6a9; line-height: 0.36rem; }
.concept .content{ font-size: 0.18rem; line-height: 0.36rem; padding-top: 0.3rem; }
.concept .rightImg{ width: 50%; }
.concept .rightImg img{ width: 100%; }

.concept2{ padding: 0.7rem 0 2rem; }
.concept2 .list ul{ margin-right: -0.32rem; }
.concept2 .list li{ float: left; width: 25%; }
.concept2 .list li .box{ margin-right: 0.32rem; }
.concept2 .list li .imgDiv{ overflow: hidden; }
.concept2 .list li .imgDiv img{ width: 100%; }
.concept2 .list li .name{ text-align: center; font-size: 0.24rem; color: #333; padding-top: 0.35rem; height: 0.65rem; line-height: 0.35rem; font-weight: bold; }
.concept2 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: center; padding: 0 0.4rem;}
.concept2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}


.selectGroup{ margin-top: 0.3rem; position: relative; float: right; padding-bottom: 0.8rem; z-index: 2;}
.selectGroup .box{ display: inline-block; position: relative; height: 0.62rem; margin-right: 0.2rem;}
.selectGroup .box:last-child{ margin-right: 0; }
.selectGroup .select dt{ border-radius: 6px; box-sizing: border-box; border: #dcdcdc solid 1px; height: 0.62rem; line-height: 0.62rem; display: inline-block; width: 2.38rem; background: url(../images/selectIco3.png) no-repeat right center; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.selectGroup .select dt a{ text-align: left; font-size: 16px;color: #666; position: relative; padding-left: 0.2rem; display: block; overflow: hidden;} 
.selectGroup .select dd{ position: absolute; left: 0px; top: 0.61rem; z-index: 10; width: 100%; background: #fff; height: 1.8rem; overflow: auto; box-sizing: border-box; border: #dcdcdc solid 1px; border-radius: 6px;} 
.selectGroup .select dd::-webkit-scrollbar { width: 2px;}
.selectGroup .select dd::-webkit-scrollbar-track { background-color: #e5e5e5;}
.selectGroup .select dd::-webkit-scrollbar-thumb { background-color: #ff9e00;}
.selectGroup .select dd ul {list-style: none; overflow: auto; padding: 0 0.2rem; background: #fff;} 
.selectGroup .select dd ul li{line-height: 0.45rem; height: 0.45rem; cursor: pointer; border-bottom: 1px solid #e1e1e1; color: #c6c6c6; font-size: 14px; text-align: left;}
.selectGroup .select dd ul li:last-child{ border-bottom: none; }
.selectGroup .select dd ul li:hover{ color: #3cb6a9; }
.selectGroup .form{ width: 4.35rem; box-sizing: border-box; position: relative; height: 0.62rem; overflow: hidden; border-radius: 6px;}
.selectGroup .form .input1{ height: 0.62rem; box-sizing: border-box; line-height: 0.6rem; border: #e1e1e1 solid 1px; width: 100%; font-size: 0.16rem; padding-left: 0.25rem; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.selectGroup .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.selectGroup .btnDiv a{ display: block; width: 120px; text-align: center; font-size: 0.18rem; color: #fff; height: 0.62rem; line-height: 0.62rem; background: #3cb6a9; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.job{ padding-bottom: 1.9rem; }
.job .list{ clear: both; padding-bottom: 1.2rem; }
.job .list li{ margin-bottom: 30px; background: #f5f5f5; position: relative; cursor: pointer;}
.job .list li .topDiv{ padding: 0.35rem 0 0.45rem; border-top: #e7e7e7 solid 2px;}
.job .list li .name{ padding-left: 0.4rem; line-height: 22px; }
.job .list li .name .dj{ display: inline-block; min-width: 320px; padding-right: 20px;}
.job .list li .name b{ font-size: 0.22rem; color: #17171d; display: inline-block; font-weight: 400;}
.job .list li .name em{ position: relative; font-size: 14px; color: #666; padding: 0 12px; font-weight: 400; }
.job .list li .name em:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #666; }
.job .list li .name em:last-child:after{ display: none; }
.job .list li .msgList{ padding: 0.2rem 0 0 0.4rem; }
.job .list li .msgList dd{ line-height: 0.3rem; font-size: 0.16rem; color: #333; }
.job .list li .hideBox{ display: none; padding: 10px 0.4rem 0.6rem; background: #fff; color: #333;}
.job .list li .ico{ position: absolute; right: 48px; top: 36px; z-index: 1; width: 60px; height: 60px; background: #fff url(../images/nimg19_1.png) center no-repeat; border-radius: 50%;}
.job .list li .txt{ font-size: 18px; line-height: 30px; padding-bottom: 0.2rem; }
.job .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; padding-bottom: 0.4rem;}
.job .list li .tips{ font-size: 0.16rem; line-height: 0.3rem; }
.job .list .liNow{box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);}
.job .list .liNow .topDiv{ border-top: #3cb6a9 solid 2px; background: #fff;}
.job .list .liNow .name b{ color: #3cb6a9; }
.job .list .liNow .ico{ background: #3cb6a9 url(../images/nimg19_1on.png) center no-repeat;}

.download{ padding: 0.8rem 0 1.5rem; }
.download .leftDiv{ width: 9.2rem; }
.download .list{ padding-bottom: 1.0rem; }
.download .list li{ padding-bottom: 0.3rem; }
.download .list li a{ display: block; height: 0.86rem; position: relative; padding: 0 0.9rem 0 0.4rem; background: #fff; border: #f0f0f0 solid 2px; }
.download .list li .name{ height: 0.86rem; font-size: 0.18rem; line-height: 0.3rem; font-weight: bold; color: #666; text-transform: uppercase; overflow:hidden; }
.download .list li .name em{ height: 0.86rem; display: table-cell; vertical-align: middle;}
.download .list li .ico{ position: absolute; right: 0.4rem; top: 50%; width: 29px; height: 40px; margin-top: -20px; }
.download .list li .ico .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.download .list li a:hover{ border: #3cb6a9 solid 2px; background: #3cb6a9; box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.07);}
.download .list li a:hover .name{ color: #fff; }
.download .list li a:hover .ico img{ opacity: 0;}
.download .list li a:hover .ico .img1{ opacity: 1; }

.download .rightDiv{ width: 4.32rem; position: relative;}
.download .rightDiv .imgDiv img{ width: 100%; }
.download .rightDiv .layer{ position: absolute; left: 0.4rem; top: 1.2rem; z-index: 1; }
.download .rightDiv .en{ font-size: 0.3rem; line-height: 0.3rem; color: #3cb6a9; font-family: 'bold'; padding-bottom: 0.1rem; }
.download .rightDiv .cn{ font-size: 0.18rem; line-height: 0.18rem; color: #fff; }
.download .rightDiv .txt{ padding-top: 0.5rem; color: #fff; line-height: 0.46rem; font-size: 0.26rem; }
.download .rightDiv .txt b{ display: block; }
.download .rightDiv .txt em{ font-size: 0.36rem; display: block; }



.question{ padding: 0.8rem 0 1.5rem; }
.question .leftDiv{ width: 10.46rem; }
.question .list{ padding-bottom: 1.0rem;}
.question .list li{ position:relative; padding-bottom: 10px;}
.question .list li .msgDiv{ padding: 0 0.5rem 0 0.3rem; height: 0.8rem; position:relative; background:#f6f7f9; cursor: pointer;}
.question .list li .ico{ position: absolute; right: 50px; top: 50%; width: 35px; height: 35px; margin-top: -17px; border-radius: 50%; box-sizing: border-box; background: #fff; border: #eee solid 1px; }
.question .list li .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -1px; width: 12px; height: 2px; background: #3cb6a9; }
.question .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -6px; width: 2px; height: 12px; background: #3cb6a9; }
.question .list li .name{ position: relative; color:#333; height: 0.8rem; line-height: 0.8rem; padding-left: 0.5rem; padding-right: 1.0rem; overflow: hidden; font-size: 0.18rem; color: #000; }
.question .list li .wen{ position: absolute; color: #f6f6f6; font-size: 0.18rem; display: block; text-transform: uppercase; left: 0; top: 50%; margin-top: -12px; width: 25px; height: 25px; line-height: 25px; text-align: center; background: #666; border-radius: 50%; font-family: 'bold';}
.question .list li .box{ display:none;}
.question .list li .msgDiv.aNow .name{ color: #3cb6a9; }
.question .list li .msgDiv.aNow .wen{ background: #3cb6a9; }
.question .list li .msgDiv.aNow .ico{ border: #3cb6a9 solid 1px; }
.question .list li .msgDiv.aNow .ico:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }
.question .list li .mxfDiv{ position: relative; padding: 0.32rem 0.35rem 0.32rem 0.8rem;}
.question .list li .txt{ position: absolute; background: #ff8610; text-transform: uppercase; left: 0.3rem; top: 0.38rem; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 25px; font-size: 0.18rem; color: #fff; font-family: 'bold';}
.question .list li .content{ line-height: 0.3rem; font-size: 0.16rem; text-align: justify; }

.question .rightDiv{ width: 4.32rem; position: relative;}
.question .rightDiv .imgDiv img{ width: 100%; }
.question .rightDiv .layer{ position: absolute; left: 0.4rem; top: 1.2rem; z-index: 1; }
.question .rightDiv .en{ font-size: 0.3rem; line-height: 0.3rem; color: #3edac9; font-family: 'bold'; padding-bottom: 0.1rem; }
.question .rightDiv .cn{ font-size: 0.18rem; line-height: 0.18rem; color: #fff; }
.question .rightDiv .txt{ padding-top: 0.5rem; color: #fff; line-height: 0.46rem; font-size: 0.26rem; }
.question .rightDiv .txt b{ display: block; }
.question .rightDiv .txt em{ font-size: 0.36rem; display: block; }

.case{ padding: 0.7rem 0 1.3rem; }
.case .list{ padding-top: 0.8rem; }
.case .list ul{ margin-right: -0.8rem; }
.case .list li{ float: left; width: 50%; padding-bottom: 0.6rem; }
.case .list li .box{ margin-right: 0.8rem; }
.case .list li .imgDiv{ height: 4.8rem; overflow: hidden; }
.case .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.case .list li .botDiv{ padding: 0.35rem 0.4rem 0; height: 2.5rem; position: relative; background: #f6f6f6; box-sizing: border-box;}
.case .list li .botDiv:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 5px; background: #3cb6a9;}
.case .list li .name{ height: 0.36rem; line-height: 0.36rem; overflow: hidden; font-size: 0.24rem; color: #343434; text-overflow: ellipsis; white-space: nowrap; }
.case .list li .content{ margin-top: 0.18rem; font-size: 0.16rem; line-height: 0.24rem; height: 0.72rem; color: #999; }
.case .list li .more{ margin-top: 0.2rem; font-size: 16px; color: #666; line-height: 26px; width: 98px; background: url(../images/nimg20_1.png) right center no-repeat;}
.case .list li .box:hover .botDiv{ background: #fff; box-shadow: 2px 5px 0.3rem 0px rgba(0, 0, 0, 0.1); }
.case .list li .box:hover .botDiv:after{ left: 0; width: 100%; }
.case .list li .box:hover .name{ color: #3cb6a9; }
.case .list li .box:hover .more{ width: 112px; color: #3cb6a9; background: url(../images/nimg20_1on.png) right center no-repeat;}

.news{ padding: 0.65rem 0 1.6rem; }
.news .detail a{ display: block; background: #f6f6f6; height: 5.16rem; position: relative; padding: 0 0.95rem 0 8.4rem; }
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; width: 7.5rem; height: 5.16rem; overflow: hidden;}
.news .detail .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .conDiv{ padding-top: 0.55rem; }
.news .detail .time{ font-size: 0.18rem; font-family:'mont'; color: #c9c9c9;}
.news .detail .time em{ display: inline-block; position: relative; padding-right: 35px; color: #3cb6a9; font-family: bold; font-size: 0.48rem; line-height: 0.48rem; }
.news .detail .time em:after{ content: ''; position: absolute; right: 0; bottom: 5px; width: 32px; height: 32px; background: url(../images/line1.png) no-repeat; }
.news .detail .name{ margin-bottom: 0.3rem; line-height: 0.48rem; height: 0.96rem; color: #333; font-size: 0.32rem; font-weight: bold; }
.news .detail .content{ font-size: 16px; color: #666; line-height: 0.3rem; height: 0.9rem; overflow: hidden; margin-top: 0.25rem; }
.news .detail .btnDiv{ margin-top: 0.35rem; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.16rem; font-family: 'mont'; color: #fff; text-transform: uppercase; background: #3cb6a9; border-radius: 24px; position: relative; text-indent: 0.38rem; }
.news .detail .btnDiv:after{ content: ''; position: absolute; right: 0.36rem; top: 50%; width: 15px; height: 12px; margin-top: -6px; background: url(../images/nimg15_1.png) no-repeat; }
.news .detail a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .detail a:hover .name{ color: #3cb6a9; }

.news .list{ padding: 0.6rem 0; }
.news .list ul{ margin-right: -0.92rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.8rem;}
.news .list li .box{ margin-right: 0.92rem; background: #f5f5f5; }
.news .list li .imgDiv{ height: 3.1rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ padding: 0.3rem 0.36rem 0; height: 2.44rem; box-sizing: border-box; }
.news .list li .time{ font-size: 0.18rem; line-height: 0.3rem; color: rgba(51,51,51,0.3); font-family: 'mont'; }
.news .list li .name{ margin-top: 0.12rem; line-height: 0.36rem; height: 0.72rem; font-size: 0.22rem; font-weight: bold; color: #333; }
.news .list li .ico{ margin-top: 0.24rem; width: 47px; height: 33px; border-radius: 24px; border: #3cb6a9 solid 2px; background: url(../images/ico1.png) center no-repeat; box-sizing: border-box; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover{ background: #3cb6a9; }
.news .list li .box:hover .time, .news .list li .box:hover .name{ color: #fff; }
.news .list li .box:hover .ico{ border: #fff solid 2px; background: #fff url(../images/ico1.png) center no-repeat; }

.news .list2{ padding: 0.8rem 0 1.1rem; }
.news .list2 li a{ display: block; position: relative; padding: 0.4rem 4.2rem 0 2.5rem; height: 1.9rem; box-sizing: border-box;}
.news .list2 li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f0f0f0; }
.news .list2 li .time{ position: absolute; left: 0.6rem; top: 50%; font-family: 'mont'; font-size: 14px; width: 0.98rem; height: 0.94rem; margin-top: -0.47rem; border: #ebebeb solid 1px; border-radius: 12px; color: rgba(0,0,0,0.5); }
.news .list2 li .time em{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.05rem; }
.news .list2 li .imgDiv{ position: absolute; right: 0.2rem; top: 50%; margin-top: -0.75rem; width: 2.25rem; height: 1.5rem; overflow: hidden; }
.news .list2 li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list2 li .name{ font-size: 0.22rem; color: #333; line-height: 0.36rem; height: 0.36rem; overflow: hidden; font-weight: bold; text-overflow: ellipsis; white-space: nowrap;}
.news .list2 li .content{ margin-top: 0.12rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #666;}
.news .list2 li a:hover{ background: #f6f6f6; }
.news .list2 li a:hover .time{ border: #3cb6a9 solid 1px; background: #3cb6a9; color: #fff; }
.news .list2 li a:hover .name{ color: #3cb6a9; }

.newsBox .topDiv{ width: 13.7rem; padding: 0.9rem 0 0.65rem;  }
.newsBox .topDiv .name{ text-align: center; color: #333; font-weight: bold; font-size: 0.32rem; line-height: 0.48rem; padding-bottom: 40px; position: relative; z-index: 1;}
.newsBox .topDiv .time{ text-align: center; color: #ccc; font-size: 0.18rem; font-family: 'mont'; }
.newsBox .topDiv .time img{ padding-right: 10px; position: relative; top: -1px; }
.newsBox .botDiv{ background: #f6f6f6; }
.newsBox .botDiv .mxfDiv{ padding-left: 150px; position: relative; /*background: #fff;*/ }
.newsBox .side_l{ width: 150px; position: absolute; left: 0; top: 0; border-top: #3cb6a9 solid 3px;}
.newsBox .side_l .list li{ height: 70px; background: #fafafa; border-bottom: #ebebeb solid 1px; font-size: 16px;}
.newsBox .side_l .list li:last-child{ border-bottom: none; }
.newsBox .side_l .list li a{ display: block; height: 70px; line-height: 70px; position: relative; padding-left: 72px; }
.newsBox .side_l .list li img{ position: absolute; left: 28px; top: 50%; margin-top: -15px; }
.newsBox .side_l .btnDiv a{ display: block; height: 70px; line-height: 70px; text-indent: 28px; font-size: 14px; color: #fff; background: #3cb6a9; position: relative; }
.newsBox .side_l .btnDiv a:after{ content: ''; position: absolute; right: 24px; top: 50%; margin-top: -8px; width: 17px; height: 17px; background: url(../images/nimg17_1.png) no-repeat; }
.newsBox .side_l.on{ position:fixed; top: 0; left: 50%; margin-left: -7.68rem;}

.newsBox .mainBox{ padding-right: 3.1rem; min-height: 800px; position: relative; }
.newsBox .conDiv{ background: #fff; padding: 0 0.6rem 1.8rem 0; }
.newsBox .content{ font-size: 0.18rem; color: #333; line-height: 0.36rem; padding: 0.7rem 0.35rem 0 0.6rem; border-top: #f0f0f0 solid 1px;}
.newsBox .imgDiv{ text-align: center; padding: 24px 0; }
.newsBox .content img{ max-width: 7.5rem; }

.sideNews{ position: absolute; right: 0; top: 0; border-top: #3cb6a9 solid 3px; width: 3.1rem; height: 100%; box-sizing: border-box; background: #f6f6f6; padding: 0.5rem 0.35rem 0 0.4rem;}
.sideNews .title{ font-size: 0.18rem; line-height: 0.18rem; color: #3cb6a9; padding-bottom: 0.5rem; }
.sideNews .detail{ padding-bottom: 0.22rem; border-bottom: #d7d7d7 solid 1px;}
.sideNews .detail .limg img{ width: 100%; }
.sideNews .detail .name{ font-size: 0.16rem; margin-top: 0.2rem; color: #333; line-height: 24px; }
.sideNews .detail:hover .name{ color: #3cb6a9; }
.sideNews .lie li{ padding: 0.24rem 0; font-size: 0.16rem; border-bottom: #d7d7d7 solid 1px;}
.sideNews .lie li:last-child{ border-bottom: none; }
.sideNews .lie li .name{ color: #333; line-height: 24px;}
.sideNews .lie li a:hover .name{ color: #3cb6a9; }
.sideNews .more{ padding-top: 0.2rem; }
.sideNews .more a{ display: block; position: relative; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; text-transform: uppercase; font-size: 14px; color: #fff; text-indent: 0.35rem; background: #3cb6a9; border-radius: 0.36rem; font-family: 'mont'; }
.sideNews .more a:after{ content: ''; position: absolute; right: 0.35rem; top: 50%; margin-top: -5px; width: 14px; height: 10px; background: url(../images/nimg14_1.png) no-repeat; }

.pageDown{ padding: 1.4rem 0.35rem 0 0.6rem; }
.pageDown li{ padding-bottom: 20px; font-size: 14px; }
.pageDown li:last-child{ padding-bottom: 0; }
.pageDown li a{ display: block; height: 50px; color: #333; line-height: 50px; background: #f7f7f7; border: #f7f7f7 solid 1px; padding: 0 25px; overflow: hidden;}
.pageDown li a:hover{ background: #fff; border: #3cb6a9 solid 1px; color: #3cb6a9; }
.pageDown li b{ color: #333; }

.honorBox{ padding-bottom: 1.5rem; }
.honorBox .imgList{ padding: 0.75rem 0 0.5rem; }
.honorBox .imgList ul{ margin-right: -0.5rem; }
.honorBox .imgList li{ float: left; width: 25%; padding-bottom: 0.8rem; }
.honorBox .imgList li .box{ background: #f4f4f4; margin-right: 0.5rem; padding: 30px 0; cursor: pointer; position: relative;}
.honorBox .imgList li .imgDiv{ height: 3.4rem; position: relative; overflow: hidden;}
.honorBox .imgList li .imgDiv img{ max-width: 3.0rem; max-height: 3.3rem; }
.honorBox .imgList li .ico{ position: absolute; opacity: 0; left: 50%; margin-left: -31px; top: 50%; margin-top: -21px; width: 62px; height: 62px; border-radius: 50%; background: rgba(60,182,169,0.8); }
.honorBox .imgList li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 21px; height: 21px; margin-left: -10px; margin-top: -10px; background: url(../images/nimg21_1.png) no-repeat; }
.honorBox .imgList li .name{ margin: 10px 20px 0; height: 0.3rem; line-height: 0.3rem; text-align: center; color: #333; overflow: hidden; font-size: 16px; }
.honorBox .imgList li .box:hover{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.15);}
.honorBox .imgList li .box:hover .ico{ opacity: 1; margin-top: -31px;}

.factoryBox .mxfDiv{ position: relative; margin-top: 1.0rem;}
.factoryBox .mxfDiv .conDiv{ position: absolute; width: 50%; background: #fff; height: 3.5rem; top: -2.0rem; right: 50%; margin-right: -7.68rem; z-index: 1; box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.1);}
.factoryBox .mxfDiv .content{ padding: 0.65rem 0.8rem 0 0.75rem; font-size: 0.16rem; color: #333; line-height: 0.3rem; text-align: justify;}
.factoryBox .mxfDiv .bg img{ width: 100%; }

.pageMxf .dnm{ position: absolute; right: 0; top: 0.2rem; padding-left: 0.86rem; z-index: 1;}
.pageMxf .wen{ position: absolute; left: 0; top: 0; font-size: 0.18rem; line-height: 56px; color: #222; }
.pageMxf .form{ width: 384px; height: 56px; background: #fff; position: relative; }
.pageMxf .form .input1{ width: 100%; box-sizing: border-box; padding-left: 20px; font-size: 16px; color: #999; border: 2px solid #ededee; height: 52px; line-height: 52px; }
.pageMxf .form .input1::-webkit-input-placeholder{ /* WebKit browsers */ color: #999;}
.pageMxf .form .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;}
.pageMxf .form .input1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999;}
.pageMxf .form .input1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999;}
.pageMxf .form .btn1{ position: absolute; right: 0; width: 56px; height: 52px; background: #3cb6a9 url(../images/nimg15_3.png) center no-repeat; }

.product{ padding-bottom: 1.6rem; }
.product .list{ overflow: hidden; padding: 0.5rem 0 1.0rem; }
.product .list ul{ margin-right: -0.36rem; }
.product .list li{ float: left; width: 50%; padding-bottom: 0.3rem;}
.product .list li .box{ margin-right: 0.36rem; border: #efefef solid 1px; position: relative;}
.product .list li .box:before{ z-index: 1; content: ''; position: absolute; left: 0; top: 0; width: 0; height: 3px; background: #3cb6a9; }
.product .list li a{ display: block; width: 100%; height: 6.25rem; position: relative; overflow: hidden;}
.product .list li .bg{ width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
.product .list li .imgDiv{ position: absolute; left: 50%; margin-left: -2.8rem; bottom: 0.3rem; z-index: 1; width: 5.6rem; height: 4.5rem; }
.product .list li .imgDiv img{ max-width: 5.5rem; max-height: 4.3rem; }
.product .list li .layer{ position: absolute; width: 100%; text-align: center; left: 0; top: 0.65rem; z-index: 2; }
.product .list li .name{ font-weight: bold; color: #333; font-size: 0.3rem; height: 0.45rem; line-height: 0.45rem; overflow: hidden; padding: 0 0.5rem;}
.product .list li .wen{ color: #333; font-size: 0.18rem; line-height: 0.32rem; padding: 0 0.5rem; }
.product .list li .more{ z-index: 2; position: absolute; left: 50%; margin-left: -0.7rem; top: 50%; width: 1.4rem; height: 0.46rem; border-radius: 0.36rem; color: #fff; opacity: 0; font-size: 0.16rem; line-height: 0.46rem; background: #3cb6a9; text-align: center;}
.product .list li .more img{ margin-left: 10px; }
.product .list li .box:hover:before{ width: 100%; }
.product .list li .box:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.product .list li .box:hover .more{ opacity: 1; margin-top: -0.23rem; }

.productTop{ position: relative; width: 100%; height: 70px; background: #f9f9f9;}
.productTop.mini{ position: fixed; left: 0; top: 0; z-index: 4; }
.productTop .wal{ position: relative; height: 70px; }
.productTop .back{ font-size: 0.18rem; line-height: 70px; font-weight: bold;}
.productTop .back a{ color: #333; position: relative; display: inline-block; padding-right: 25px; }
.productTop .back a:after{ content: ''; width: 3px; height: 5px; position: absolute; right: 10px; top: 50%; margin-top: -3px; background:url(../images/ico4.png) center no-repeat; }
.productTop .back a:hover{ color: #3cb6a9;}
.productTop .back em{ color: #3cb6a9; }
.productTop .links{ position: absolute; right: 0; top: 0;}
.productTop .links li{ float: left; padding-left: 0.5rem; font-size: 0.16rem;}
.productTop .links li a{ position: relative; display: block; line-height: 70px; color: #333;}
.productTop .links li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #3cb6a9; }
.productTop .links li .aNow{ color: #3cb6a9; }
.productTop .links li .aNow:after{ left: 0; width: 100%; }

.productP1{ overflow: hidden; padding-top: 120px; }
.productP1.on{ padding-top: 190px; }
.productP1 .leftDiv{ width: 50%; position: relative; }

.productP1 .detail-box .imgDiv{ border: #efefef solid 1px; height: 5.23rem; background: url(../images/nimg768Bg.jpg) center no-repeat; background-size: cover; }
.productP1 .detail-box .imgDiv img{ max-width: 6.0rem; max-height: 4.8rem; }
.productP1 .detail-box .list .item { display: none; position: relative;}
.productP1 .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productP1 .box-container{ width: 100%; position: relative; margin-top: 0.64rem; }
.productP1 .img-swiper{ width: 6.96rem; margin: 0 auto; }
.productP1 .img-swiper .limg{ border: #f4f4f4 solid 1px; height: 1.1rem; cursor: pointer; text-align: center;}
.productP1 .img-swiper .swiper-slide img{ max-width: 1.26rem; max-height: 1.0rem;}
.productP1 .swiper-slide.swiper-slide-active .limg{ border: #3cb6a9 solid 1px; }
.productP1 .swiper-btn{ position: absolute; display: block; width: 8px; height: 14px; top: 50%; margin-top: -7px; }
.productP1 .prev{ left: 0; background: url("../images/nimg8_left.png") center no-repeat; }
.productP1 .next{ right: 0; background: url("../images/nimg8_right.png") center no-repeat;}
.productP1 .prev:hover{ background: url("../images/nimg8_lefton.png") center no-repeat;}
.productP1 .next:hover{ background: url("../images/nimg8_righton.png") center no-repeat;}

.productP1 .rightCon{ width: 6.58rem; }
.productP1 .name{ padding-bottom: 0.3rem; font-size: 0.36rem; line-height: 0.48rem; color: #333; font-weight: bold; border-bottom: #e5e5e5 solid 1px; }
.productP1 .msg{ font-size: 0.24rem; line-height: 0.36rem; color: #333; padding: 0.4rem 0 0.3rem; }
.productP1 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.productP1 .btnGroup{ padding-top: 0.75rem; }
.productP1 .btnGroup li{ float: left; margin-right: 0.3rem; }
.productP1 .btnGroup li a{ display: block; text-align: center; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; background: #ebebeb; color: #3cb6a9; font-size: 0.18rem; border-radius: 0.36rem; }
.productP1 .btnGroup li a:hover{ background: #3cb6a9; color: #fff; }

.productP2{ padding: 0.8rem 0 0.6rem; }
.productP2 .leftDiv{ width: 48.8%;}
.productP2 .rightDiv{ width: 48.8%; }
.productP2 .title{ position: relative; height: 0.7rem; line-height: 0.7rem; background: #f5f5f5; padding-left: 0.4rem; font-size: 0.3rem; color: #3cb6a9; }
.productP2 .title:before{ content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #3cb6a9; }
.productP2 .lie{ border: #f6f6f6 solid 2px; border-top: none; padding: 0.3rem 0.4rem 0.5rem; min-height: 5.6rem; box-sizing: border-box; }
.productP2 .lie li{ padding-left: 34px; font-size: 0.16rem; line-height: 0.34rem; background: url(../images/nimg14_2.png) left 0.1rem no-repeat; }

.productP3{ padding-bottom: 1.4rem; font-size: 14px;line-height: 24px;}
.productP3 .title{ height: 70px; line-height: 70px; color: #fff; background: #3cb6a9; font-size: 0.3rem; padding-left: 0.4rem; font-weight: bold; }
.productP3 .txt{ text-align: center; color: #333; font-size: 0.3rem; padding: 0.65rem 0 0.3rem; }
.productP3 table{ margin: 0 auto;}
.productP3 .imgDiv{ text-align: center; padding: 0.3rem 0; }
.productP3 .imgDiv img{ max-width: 15.36rem; }
.productP3 .backBtn{ padding-top: 1.7rem; }
.productP3 .backBtn a{ display: block; text-align: center; height: 70px; line-height: 70px; background: #f5f5f5; font-size: 0.24rem; color: #3cb6a9; }
.productP3 .backBtn em{ position: relative; display: inline-block; padding-right: 0.65rem;}
.productP3 .backBtn em:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -22px; width: 35px; height: 45px; background: url(../images/nimg35_1.png) no-repeat; }
.productP3 .backBtn a:hover{ background: #3cb6a9; color: #fff; }
.productP3 .backBtn a:hover em:after{ background: url(../images/nimg35_1on.png) no-repeat;}



.historyBox{ position: relative; z-index: 1; }
.historyBox .toptop{ padding-top: 0.8rem; position: relative; }
.historyBox .box-container{ position: relative; width: 100%; height: 50px;}
.historyBox .box-container:before{ content: ''; position: absolute; left: 0; bottom: 8px; width: 100%; height: 1px; background: #dfdfdf; }
.historyBox .box-container .year-swiper{ margin: 0 1.0rem; }
.historyBox .box-container .swiper-slide{ height: 50px; cursor: pointer; position: relative; text-align: center;}
.historyBox .box-container .swiper-slide .ico{ position: absolute; left: 50%; margin-left: -9px; bottom: 0; width: 18px; height: 18px; background: #fff; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.historyBox .box-container .swiper-slide .ico:after{ content: ''; z-index: 1; position: absolute; left: 50%; margin-left: -5px; margin-top: -5px; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: #d9d9d9; }
.historyBox .box-container .swiper-slide .year{ font-size: 24px; line-height: 24px; color: #9a9a9a; font-family: 'mont'; }
.historyBox .box-container .swiper-slide-active .year{ color: #3cb6a9; }
.historyBox .box-container .swiper-slide-active .ico:after{ background: #3cb6a9; }
.historyBox .box-container .prev { position: absolute; border-radius: 50%; left: 50%; margin-left: -7.68rem; top: 16px; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #ddd url(../images/nimg12_left.png) no-repeat center; z-index: 5;}
.historyBox .box-container .next { position: absolute; border-radius: 50%; right: 50%; margin-right: -7.68rem; top: 16px; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #ddd url(../images/nimg12_right.png) no-repeat center; z-index: 5;}
.historyBox .box-container .prev:hover{ background: #3cb6a9 url(../images/nimg12_left.png) no-repeat center; }
.historyBox .box-container .next:hover{ background: #3cb6a9 url(../images/nimg12_right.png) no-repeat center;}

.historyBox .detail-box{ margin-top: -8px; padding-top: 1.4rem; height: 7.52rem; box-sizing: border-box; background: url(../images/historyBg.jpg) center no-repeat; background-size: cover; }
.historyBox .detail-box .item { display: none; position: relative; overflow: hidden;}
.historyBox .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyBox .detail-box .mxfDiv{ padding: 0 1.0rem; }
.historyBox .detail-box .leftImg{ width: 6.0rem; animation: am_left 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_left 0.6s ease-in-out 0.2s backwards;}
.historyBox .detail-box .leftImg img{ width: 100%; }
.historyBox .detail-box .conDiv{ width: 50%; animation: am_right 0.6s ease-in-out 0.2s backwards; -webkit-animation: am_right 0.6s ease-in-out 0.2s backwards; }
.historyBox .detail-box .year{ padding-top: 0.75rem; color: #3cb6a9; font-size: 0.72rem; line-height: 0.72rem; font-family:'bold';}
.historyBox .detail-box .name{ color: #333; font-size: 0.36rem; padding: 0.15rem 0 0.3rem; }
.historyBox .detail-box .msg{ font-size: 0.18rem; line-height: 0.32rem; text-align: justify; }