@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}

.header .logo img{ width:180px;}
.header .nav li{ position: relative;}
.header .nav li .subnavs{ visibility: hidden; transition: all .3s; opacity: 0; position: absolute; top: 110%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.header .nav li a{ transition:all .3s; line-height:110px; display:block; padding:0 15px; font-size:16px; color:#000; position:relative;}
.header .nav li >a:after{ width:0; left:50%; transition:all .3s; height:3px; background:#ff2b80; content:""; display:block; position:absolute; top:0;}
.header .nav li.on> a:after,.header .nav li:hover> a:after{ width:100%; left:0;}
.header .nav li.on >a,.header .nav li:hover> a{ color:#ff2b80}

.header .nav li .subnavs{ padding:10px; z-index: 2; background-color: #fff; text-align:  center;}
.header .nav li .subnavs a{ white-space: nowrap; display:block; line-height: 30px;}
.header .nav li .subnavs a:hover{ color: #ff2b80}
.header .nav li:hover .subnavs{ top: 100%; opacity: 1; visibility: visible; top: 100%;}

.banner img{ width:100%;}
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#fff;}

 .swiper-slide img{ width:100%;}
.about04box   .swiper-slide { overflow:hidden;
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);

      /* Center slide text vertically */
      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;
    }


.main01{ position:relative; background-position:left center; background-size:58% 100%;}
.main01box{ width:56%;}
.main01img{ width:42%; position:absolute; right:0; top:0; height:100%;}
.main01img img{ width:100%; height:100%; object-fit:cover;}


.main01box { padding-top:115px;}
.main01box b{ font-size:36px; color:#ff2b80; display:block;}
.main01box .tit{ font-size:30px; color:#000;}
.main01box .intros { padding:30px 0;}
.main01box .intros p{ font-size:14px; color:#2c2c2c; margin-bottom:25px;}
.mores{ padding:0 30px; line-height:40px; color:#fff; font-size:14px; background:#ff2b80; display:inline-block; border-radius:100px;}
.mores i{ margin-left:20px;}

.main01box ul{ padding:60px 0}
.main01box li{ max-width:33%; text-align:center; }
.main01box li b{ font-size:48px; color:#ff2b80; display:block; line-height:1; margin-bottom:10px; font-weight:normal;}
.main01box li span{ font-size:16px; color:#5e5d5d;}

.main01box li:nth-child(1){ padding-right:60px;}
.main01box li:nth-child(3){ padding-left:60px;}
.main01box li:nth-child(2){ border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;padding:0 50px;}


.main02{ padding:90px 0;}

.main2tit{ margin-bottom:45px;}
.main2letit { font-size:16px; color:#626262;}
.main2letit b{ font-size:36px; color:#ff2b80; display:inline-block; margin-right:10px;}

.main2tab .taba a{ padding:0 30px; line-height:35px; transition:all .3s; display:inline-block; cursor:pointer; margin-right:10px; background:#eeeeee; color:#000; border-radius:100px; font-size:14px;}
.main2tab .taba a.on{ background:#ff2b80; color:#fff;}

.more2{ font-size:14px; color:#989797; margin-left:20px;}
.more2 i{ margin-left:10px;}
.more2:hover{ color:#ff2b80}

.proli li{ width:23%; position:relative;}
.proli li .txts{ transition:all .5s; position:absolute; bottom:0; left:0; width:100%; height:100%; background-image:url(../images/index_10.jpg); opacity:0; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; }

.proli li .txts span{ transition:all .3s; color:#fff; width:50px; height:50px; display:block; border:2px solid #fff; text-align:center; line-height:46px; font-size:30px; border-radius:100%; margin-left:-25px; position:absolute; left:50%; top:35%;}
.proli li:hover .txts{ opacity:.9;}
.proli li .txts span:hover{ background:#fff; color:#333;}
.proli li .imgs img{ width:100%; height: 100% ;object-fit: cover;}
.proli li .imgs{ height: 100%;}

.main2tapli{ display:none;}

.main03{ padding:60px 0; background:#fafbfb; position:relative;}
.main03>b{ position:absolute; right:0; top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:150px; display:block; line-height:1; color:rgba(253,126,177,.05);}
.main03 .w1200{ position:relative; z-index:2;}


.main03box{ position:relative;}
.main03le{ width:52.5%;}
.main03ri{ width:52.5%; position:absolute; right:0; top:0;}

.main03le b{ font-size:24px; color:#000; display:block; line-height:1.4; margin-bottom:30px;}
.main03le p{ font-size:14px; color:#303030; padding-right:15%;}
.main03le ul{ margin-top:70px; background-image:url(../images/kuang_04.jpg); background-size:100% 100%; padding:50px 55px; padding-right:100px;}
.main03le ul li .img{ width:55px;}
.main03le ul li {width:45%;}
.main03le ul .txt{ width:calc(100% - 65px);}
.main03le ul .txt span{ display:block; font-size:14px; color:#333;}

.main03le ul li:nth-child(3),.main03le ul li:nth-child(4){ margin-top:50px;}


.main03ribox{ position:relative; padding-bottom:60px;}
.main03ri .botm{ text-align:right;}
.main03ri .swiper-pagination{ width:100%;}
.main03ri .botm{ padding-right:120px; position:relative;}
.main03ri .botm:after{ content:""; display:block; width:50%; right:0; top:50%; background:#ff2b80; height:1px; position:absolute;}
.main03ri .botm span{ display:inline-block; background:#f8f8f9; color:#ff2b80; position:relative; z-index:2; padding:0 30px;}


.main03ri .swiper-button-next,.main03ri .swiper-button-prev{ width:40px; height:40px; background:#fff; margin-top:-20px; border-radius:100%;}
.main03ri .swiper-button-next:after,.main03ri  .swiper-button-prev:after{ font-size:20px; color:#ff2b80;}

.main03ri .swiper-pagination-bullet{ background:#1b1b1b; margin:0 3px; opacity:1; transition:all .3s;}
.main03ri  .swiper-pagination-bullet-active{ background:#ff2b80; width:20px; border-radius:10px;}

.main03{ background-image:url(../images/chun_02.png); background-position:left bottom; background-size:auto 50%; background-repeat:no-repeat;}


.main04{ padding:75px 0;}
.main04li{ display:none;}
.newsindexs li{ width:30%;}
.newsindexs li .imgs{ height:200px;}
.newsindexs li .imgs img{ width:100%; height:100%; object-fit:cover; transition:all 1s; -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;}
.newsindexs li .txts b{ transition:all .3s; font-size:30px; color:#353535; font-weight:normal; display:block; line-height:1; margin:25px 0 20px;} 
.newsindexs li .txts span{transition:all .3s; font-size:16px; display:inline-block; margin-left:10px;}
.newsindexs li .txts h3{transition:all .3s; font-size:18px; color:#010101;}
.newsindexs li .txts p{ font-size:14px; color:#5c5c5c; margin-top:15px;}
.newsindexs li:hover .txts b{ color:#ff2b80;}
.newsindexs li:hover .txts span{ color:#ff2b80;}
.newsindexs li:hover .txts h3{ color:#ff2b80;}
.newsindexs li:hover .imgs img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05);}



.main05{ background-color:#f5f4f5; background-image:url(../images/bac01.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.mian5le{ width:35%; padding:80px 0;}
.main5ri{ width:65%;}
.main5ri img{ width:100%;}

.mian5le b{ font-size:36px; color:#ff2b80; display:block; line-height:1;}
.mian5le span{ font-size:30px; color:#000;}
.mian5le span em{ color:#ff2b80; font-style:normal;}
.mian5le form{ max-width:380px; margin-top:60px;}
.mian5le input{ width:100%; background:#fff; border-radius:100px; height:45px; line-height:45px; padding:0 20px; margin-bottom:20px;}

.mian5le button{width:100%; background:#ff2b80; border-radius:100px; height:45px; line-height:45px; color:#fff; cursor:pointer; font-size:14px; padding:0 20px; margin-bottom:20px;}



.footer{ padding-top:80px; background:#f7f7f7;}

.fotle{ width:340px;}
.fotle img{ max-width:100%; margin-bottom:20px;}
.fotle p{ font-size:14px; color:#666666; margin-bottom:10px;}
.fotmi{ width:490px;}
.fotri{ width:125px;}
.fotri{ text-align:center;}
.fotri img{ width:100%;}
.fotri span{ display:block; font-size:14px; color:#666; margin-top:15px;}

.links{ width:100%; padding:30px 0; margin-top:20px;}
.links,.links a{ font-size:14px; color:#666666;}
.links a{ display:inline-block; padding:0 10px;}
.links a:hover{ color:#ff2b80;}
.fotcopy{ text-align:center; padding:15px; border-top:1px solid #bfbfbf;}
.fotcopy p,.fotcopy p a{ font-size:14px; color:#666666;}

.fotcopy a{ display:inline-block;}
.fotcopy a:hover{ color:#ff2b80;}

.fotmi li{ width:25%;}
.fotmi li b a{ font-size:14px; color:#666; margin-bottom:10px;}
.fotmi li a{ margin-top:5px; display:block; font-size:14px; color:#666666;}
.fotmi li a:hover{color:#ff2b80;}


.neiyeban img{ width:100%;}
.about01{ padding:85px 0; background-image:url(../images/chun_02.png); background-size:auto 60%; background-repeat:no-repeat; background-position:left bottom;}

.about01le{ width:48.3%;}
.about01ri{ width:48.3%; border-top-left-radius:100px; border-bottom-right-radius:100px; overflow:hidden;}
.about01ri img{ width:100%; height:auto;}

.about01le b{ display:block; font-size:30px; color:#000;}
.about01le span{ font-size:24px; color:#000; display:block; margin-bottom:30px; }
.about01le p{ font-size:14px; color:#646363;}

.aboutshuzi{ width:100%; padding:50px 0 0;}
.aboutshuzi li{ width:25%; text-align:center; border-right:1px solid #e5e5e5;}
.aboutshuzi li:last-child{ border:none;}

.aboutshuzi li b{ font-size:14px; color:#666; font-weight:normal; display:block; line-height:1; margin-bottom:10px;}
.aboutshuzi li b em{ font-size:60px; font-style:normal;}
.aboutshuzi li span{ font-size:14px; color:#666}


.about02{ padding:60px 0; background:#f7f7f7;}

.about02tit{ text-align:center; font-size:30px; color:#000; font-weight:normal; margin-bottom:50px;}


.about02box .swiper-slide{}
.about02box .img{ width:45%;}
.about02box .txt{ width:48%;}
.about02box .txt b{ font-size:72px; color:#333; display:inline-block; line-height:1; font-weight:normal; padding-right:20px; position:relative; margin-bottom:30px;}
.about02box .txt b em{ font-size:14px; font-style:normal; position:absolute; right:0; top:0;}
.about02box .txt p{ font-size:14px; color:#333;}


.toplic{ position:relative;}
.about02box .gallery-thumbs .swiper-slide:after{ height:1px; width:100% ; z-index:2; background:#dcdcdc; top:6px; content:""; display:block; position:absolute; top:6px; left:0;}
.about02box .gallery-thumbs{ margin-top:60px;}
.about02box .gallery-thumbs .bacbox{ background-image:url(../images/2about_15.jpg); background-size:100%; background-repeat:no-repeat; width:14px; height:14px; margin:0 auto; margin-bottom:15px; position:relative; z-index:3;}
.about02box .gallery-thumbs .swiper-slide{ cursor:pointer; text-align:center;}
.about02box .gallery-thumbs .swiper-slide span{ font-size:14px; color:#000}
.about02box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .bacbox{ background-image:url(../images/2about_13.jpg);}
.about02box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ color:#ff2b80;}

.about02box .swiper-button-next,.about02box  .swiper-button-prev{ width:50px; height:50px; background:#ff2b80; border-radius:100%;}
.about02box .swiper-button-next{ right:-100px;}
.about02box .swiper-button-prev{ left:-100px;}

.about02box .swiper-button-next:after, .about02box .swiper-button-prev:after{ font-size:20px;}


.about03{ padding:60px 0;}

.about03 .swiper-slide{ padding:15px; border:1px solid #dcdcdc;}
.about03 .swiper-slide .img{ height:180px; width:100%; position:relative;}
.about03 .swiper-slide .img img{ width:auto; position:absolute; left:50%; top:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.about03 .swiper-slide span{ display:block; border-top:1px solid #dcdcdc; padding-top:15px; font-size:14px; color:#000; margin-top:15px; text-align:center;}
.about03 .swiper-slide:hover span{ color:#ff2b80}
.about03box{ position:relative; padding-bottom:60px;}
.about03box .swiper-pagination{ width:100%; bottom:0;}
.about03box .swiper-pagination-bullet{ background:#bfbfbf; margin:0 3px; opacity:1; transition:all .3s; width:10px; height:10px;}
.about03box  .swiper-pagination-bullet-active{ background:#ff2b80; width:20px; border-radius:10px;}



.about04{ padding-bottom:120px;}
.about04box{ height:570px;}
.about04box .swiper-container{ height:100%;}

.about04box{ position:relative;}
.about04 .swiper-pagination{ bottom:-40px; width:100%;}
.about04 .swiper-pagination-bullet{ background:#bfbfbf; margin:0 3px; opacity:1; transition:all .3s; width:10px; height:10px;}
.about04  .swiper-pagination-bullet-active{ background:#ff2b80; width:20px; border-radius:10px;}

.about04box .swiper-slide img{ width:100%; height:100%; transition:all 1s; -webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.about04box .swiper-slide:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);}


.position{ border-bottom:1px solid #e5e5e5;}
.position .posi a{ font-size:14px; color:#999999;}
.position{ padding:15px 0;}
.position a{ line-height:40px;}
.position .a a{ padding:0 40px; line-height:40px; background:#ff2b80; color:#fff; font-size:14px; display:inline-block; border-radius:100px;}
.position .posi a:hover{ color:#ff2b80}
.position .posi{ background-image:url(../images/10view_03.jpg); background-position:left center; background-repeat:no-repeat; padding-left:30px;}

.proarticlebox{ padding:50px 0;}
.bigpic{ width:55%; position:absolute; left:0; top:0; height:560px;}
.litpic{ width:40%; width:100%;}
.litpic  .swiper-slide{ height:130px;}
.litpic  .swiper-slide img{ width:100%; height:100%; object-fit:cover;}

.prori{ padding:50px 0; padding-left:60%; position:relative; min-height:560px;}
.prori h1{ font-size:30px; color:#000000; font-weight:normal;}
.prori p{ font-size:14px; color:#686868;}


.litpic{ padding:30px 0 40px; margin:30px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position:relative;}
.litpic .swiper-slide-thumb-active{ border:3px solid #ff2b80;}
.litpic .swiper-pagination-bullet{ background:#bfbfbf; margin:0 3px; opacity:1; transition:all .3s; width:8px; height:8px;}
.litpic  .swiper-pagination-bullet-active{ background:#ff2b80; width:20px; border-radius:10px;}
.litpic .swiper-pagination{ width:100%;}

.cont img{ vertical-align:middle; margin-right:15px;}
.cont { background:#ff2b80; padding:10px 20px; color:#fff; font-size:14px; display:inline-block; border-radius:100px; margin-top:50px;}

.procanshu{ padding:60px 0; background:#f9f9f9;}
.content p{ font-size:14px; color:#5b5b5b; margin-bottom: 15px;}

.maps{ width: 100%; height: 100%;}
.maps p{ display: block ; height: 100%;}
.prozhanshi{ padding:60px 0;}
.guanlianchanpin{ padding-bottom:70px;}

.erjilanmu{ padding-top:40px; padding-bottom:25px; text-align:center;}
.erjilanmu ul{    justify-content: center;}
.erjilanmu ul li{ padding:0 25px; border-right:1px solid #e5e5e5;}
.erjilanmu ul li:last-child{ border:none;}
.erjilanmu ul li a{ font-size:14px; color:#313030;}
.erjilanmu ul li img.w{ display:none; margin-right:10px;vertical-align:middle;}
.erjilanmu ul li img.b{ display:inline-block; vertical-align:middle;margin-right:10px;}
.erjilanmu ul li.on img.w,.erjilanmu ul li:hover img.w{ display:inline-block;}
.erjilanmu ul li.on img.b,.erjilanmu ul li:hover img.b{ display:none;}
.erjilanmu ul li.on a,.erjilanmu ul li:hover a{ color:#ff2b80}


.sanjilanmu{ background:#f7f7f7; }
.sanjilanmu .swiper-slide{ padding:15px; text-align:center;}
.sanjilanmu .swiper-slide a{ display:inline-block; padding:15px 0; font-size:14px; color:#000}
.sanjilanmu .swiper-slide.on a,.sanjilanmu .swiper-slide a:hover{ border-bottom:2px solid #ff458f; color:#ff458f;}

.sanjilanmubox{ position:relative;padding:0 50px; }
.sanjilanmubox .swiper-button-next{ width:35px; height:35px; background:#e6e6e6; color:#fff; border-radius:100%; margin-top:-17px;}
.sanjilanmubox .swiper-button-prev{width:35px; height:35px; background:#e6e6e6; color:#fff; border-radius:100%; margin-top:-17px;}

.sanjilanmubox .swiper-button-next:after,.sanjilanmubox .swiper-button-prev:after{ font-size:20px;}
.sanjilanmubox .swiper-button-prev:hover,.sanjilanmubox .swiper-button-next:hover{ background:#ff458f}



.prolistny{ padding:50px 0;}
 .prolistny .proli li{ margin-bottom:35px;}
 
 .page{ padding:50px 0;}
 .page ul{    justify-content: center;}
 .page ul li  { border:1px solid #eee; border-radius:3px;}
  .page ul li a{ font-size:14px; color:#000; display:block; padding:5px 15px; transition:all .3s;}
   .page ul li.active a,.page ul li a:hover{ background:#ff458f; color:#fff;}


.contact01{ padding:75px 0;}
.contit{ font-size:30px; color:#000; margin-bottom:30px;}

.contact01 .map{ position:relative; height:500px; background:#eee;}

.mapbox{ position:absolute; left:140px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); background:#fff; background-image:url(../images/8wenhua_08.png); background-position:right bottom; background-size:auto 70%; background-repeat:no-repeat; padding:30px; max-width:390px;}
.mapbox b{ font-size:20px; color:#ff2b80; display:block; margin-bottom:15px;}
.mapbox p{ font-size:14px; color:#6b6b6b; padding-left:30px; margin-bottom:10px; background-position:left center; background-repeat:no-repeat;}
.mapbox p.add{  background-image:url(../images/5contact_05.jpg);}
.mapbox p.tel{  background-image:url(../images/5contact_09.jpg);}
.mapbox p.mail{  background-image:url(../images/5contact_13.jpg);}


.contact02{ background:#fafafa; padding:75px 0;}
.contact02 input{ width:48%; height:50px; border:1px solid #dcdcdc; background:#fff; padding:0 30px;}
.contact02 textarea{ margin:28px auto; height:200px;border:1px solid #dcdcdc; background:#fff; padding:15px 30px; width:100%;}
.contact02 button{ max-width:390px; margin:0 auto; background:#ff2b80; color:#fff; border-radius:100px; font-size:18px; display:block; width: 100% ; height:50px; cursor:pointer;}


.contact03{ padding:50px 0;}
.contact03 ul{justify-content: flex-start;}
.contact03 li{ width:32%; margin-right:2%; margin-bottom:2%; transition:all .3s; background-color:#f3f4f8; position:relative; padding:30px 35px;}
.contact03 li:nth-child(3n){ margin-right:0}
.contact03 li img{ position:absolute; right:0; bottom:0; width:auto; height:45%; opacity:.02; transition:all .3s;}
.contact03 li b{ transition:all .3s; display:block; font-size:18px; color:#333333; font-weight:normal;}
.contact03 li span{ transition:all .3s; font-size:14px; color:#6e6e6e; display:block;}
.contact03 li a{ transition:all .3s; font-size:14px; color:#6e6e6e; display:block; padding:10px 30px; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat;}
.contact03 li:hover a{background-image:url(../images/tel2.png);}
.contact03 li:hover{background:#ff2b80;}

.contact03 li:hover b{ color:#fff;}
.contact03 li:hover span{ color:#fff;}
.contact03 li:hover a{ color:#fff;}
.contact03 li:hover img{ opacity:1;}


.contact04{ margin-top:30px; position:relative;}
.contact04 img{ width:100%;}
.contact04 .txt{ position:absolute; left:35px; top:80px;}
.contact04 .txt b{ font-size:18px; color:#fff; display:block;}
.contact04 .txt span{ color:#fff;display:block; font-size:14px;}
.contact04 .txt a{ color:#fff; font-size:14px; background-image:url(../images/co.png); background-position:left center; background-repeat:no-repeat; padding-left:30px; display:inline-block; margin-top:15px;}


.mendianchan{ padding:70px 0; text-align:center;}
.mendianchan a{ display:inline-block; transition:all .3s; -webkit-transition:all .3s; background:#eeeeee; margin:0 10px; color:#000; font-size:14px; line-height:35px; padding:0 30px; border-radius:100px;}
.mendianchan a.on,.mendianchan a:hover{ background:#ff2b80; color:#fff;}

.mendianlist li:first-child{ width:100%; height:500px;}
.mendianlist li{ margin-bottom:2%; width:49%; height:320px; position:relative;}
.mendianlist li .txt{ width:100%; height:100%; position:absolute; left:0; top:0; padding:35px; background-image:url(../images/6mendian_12.jpg); background-size:100% 100%; opacity:.95; z-index:1;}
.mendianlist li img{ width:100%; height:100%; object-fit:cover;}
.mendianlist li .txt b{ color:#fff; font-size:24px; font-weight:normal; display:block;}
.mendianlist li .txt span{ color:#fff; font-size:16px; display:block;}
.mendianlist li .txt em{ position:absolute; right:40px; bottom:40px; color:#fff; width:50px; height:50px; border:2px solid #fff; line-height:38px; font-size:50px; text-align:center; display:block; font-style:normal; border-radius:100%; transition:all .3s;}
.mendianlist li .txt em:hover{ background:#fff; color:#333;}

.mendianlist li:hover .txt{ opacity:.95}

.mendianlist li:first-child .txt{ left:35px; top:35px; width:370px; height:80%;}


.mendiantit{ border-bottom:1px solid #ddd; padding-top:40px; padding-bottom:35px; text-align:center;}
.mendiantit h1{ font-size:24px; color:#000; font-weight:normal;}

.mendianview .content{ padding:40px 0;border-bottom:1px solid #ddd;}

.prev_next { padding:50px 0; position:relative;}
.prev_next a.back{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding:0 40px; line-height:40px; color:#fff; background:#ff2b80; border-radius:100px; cursor:pointer;}
.prev_next a{ max-width:40%; font-size:14px; color:#282828;}
.prev_next a:hover{ color:#ff2b80}
.prev_next a.back:hover{ color:#fff;}

.pinpai01{ padding-bottom:70px;}
.pinpai01le{ width:47%; background-image:url(../images/8wenhua_08.png); background-position:left bottom; background-repeat:no-repeat; background-size:auto 70%;}
.pinpai01le b{ font-size:30px; color:#2f2f2f; display:block; font-weight:normal; margin-bottom:25px; line-height:1;}
.pinpai01le span{ font-size:18px; color:#2f2f2f; margin-bottom:30px; display:block;}
.pinpai01ri{ width:50%;}
.pinpai01ri img{ width:100%;}
.pinpaiintro p{ font-size:14px; color:#929292; line-height:1.8;}

.pinpaitit{ text-align:center;}
.pinpaitit b{ font-size:30px; color:#000; font-weight:normal; display:block; line-height:1; margin-bottom:25px;}
.pinpaitit span{ font-size:14px; color:#929292;}

.pinpai02box{ margin-top:50px; margin-bottom:50px;}

.pinpai02box li{ transition:all .3s; padding:175px 0; text-align:center; border-right:1px solid #fff; width:25%;background-position:left center;}
.pinpai02box li:first-child{ border-left:1px solid #fff;}
.pinpai02box li img{ display:block; margin:0 auto; margin-bottom:50px;}
.pinpai02box li  span{ color:#fff; font-size:18px; display:block;}
.pinpai02box li  b{ font-size:24px; color:#fff; display:block;}
.pinpai02box li  p{ font-size:16px; color:#fff;}

.pinpai02box li:hover{ background-color:#18080c; background-image:url(../images/7pinpai2_18.png); background-position:left bottom; background-repeat:no-repeat; background-size: 60% auto;}


.cultruebox{ padding:70px 0;}
.cultruebox li{ background-image:url(../images/8wenhua_08.png); background-position:right bottom; background-size:auto 60%; background-repeat:no-repeat;}
.cultruebox li .img{ width:50%;}.cultruebox li .img img{ width:100%; height:100%; object-fit:cover;}
.cultruebox li .txt{ width:50%; padding:0 75px;}
.cultruebox li:nth-child(2n){ text-align:right; background-position:left bottom;}
.cultruebox li .txt b{ font-size:30px; color:#000000; font-weight:normal;}
.cultruebox li .txt p{ font-size:16px; color:#636363;}

.rencaiguanbox{ margin-bottom:80px;}
.rencaig{ position:relative;}
.rencairi{ width:77%; float:right;}
.rencairi img{ width:100%;}

.rencaile{ position:absolute; left:0; top:50%; height:80%; transform:translateY(-50%); -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%); padding-right:40px; border-radius:20px; background-color:rgba(255,255,255,.95); background-image:url(../images/chun_02.png); background-position:left bottom; background-repeat:no-repeat; background-size:auto 60%;}
.rencaile b{ font-size:30px ; font-weight:normal; color:#010101;}
.rencaile p{ font-size:16px; color:#010101;}


.xiuchangny{ padding:75px 0;}
.xiuchang,.teamlis{
    justify-content: flex-start;}
.xiuchang li,.teamlis li{ width:31.33%; margin:1%; position:relative; }
.xiuchang li img,.teamlis li img{ width:100%; height:100%; object-fit:cover;}
.xiuchang li .txt{ padding-top:20px; text-align:center; font-size:16px; color:#000000;}
.xiuchang li  .txts{ overflow:hidden; width:100%;  position:absolute; left:0; bottom:0;height:0; transition:all .3s; background-color:rgba(255,43,128,.55); background-position:left bottom; background-repeat:no-repeat; text-align:center;  }
.xiuchang li:hover .txts{height:100%; background-color:rgba(255,43,128,.95); background-image:url(../images/9xiuchang_08.png);  background-size:50% auto;}

.xiuchang li  .txts span{ width:50px; height:50px; display:block; margin:0 auto; margin-bottom:30px; border:2px solid #fff; line-height:42px; color:#fff; font-size:40px; border-radius:100%; margin-top:140px; transition:all .3s; opacity:0;}
.xiuchang li  .txts b{ color:#fff; font-size:16px;}
.xiuchang li  .txts span:hover{ background:#fff; color:#333;}
.xiuchang li :hover .txts  span{ opacity:1;}

.teamlis li .txts span{width:50px; height:50px; display:block; margin:0 auto; margin-bottom:30px; border:2px solid #fff; line-height:42px; color:#fff; font-size:40px; border-radius:100%;transition:all .3s; opacity:0; text-align:center; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px;}
.teamlis li .txts{ position:absolute; left:0; bottom:0; height:0; overflow:hidden; width:100%; transition:all .3s; background-repeat:no-repeat; background-position:left bottom;}
.teamlis li:hover .txts{ height:100%; background-color:rgba(255,43,128,.95); background-image:url(../images/9xiuchang_08.png);  background-size:50% auto; }
.teamlis li:hover .txts span{ opacity:1;}
.teamlis li .txts span:hover{background:#fff; color:#333;}



.topnews{ margin-bottom:40px;}
.newlists .newsindexs{justify-content: flex-start;}
.newlists .newsindexs li{ width:31.33%; margin:1%;}

.tople{ width:54%;}
.tople img{ width:100%;}
.topri{ width:42%; padding-right:40px;}
.topri h3 a{ font-size:24px; color:#000; font-weight:normal;}
.topri p{ font-size:14px; color:#2a2a2a; margin:20px auto 70px;}.topri h3 a:hover{ color:#ff2b80}


.xinchou01{ margin-bottom:40px;}
.xinchou01box{ padding:40px 30px; background-color:#f7f7f7; text-align:center; background-image:url(../images/xinchou2_03.jpg); background-position:right bottom; background-size:auto 80%; background-repeat:no-repeat;}
.xinchou01box b{ font-size:30px; color:#000; font-weight:normal; display:block; line-height:1; margin-bottom:15px;}

.xinchou01box p{ font-size:18px; color:#000;}


.xinchou02{ margin-bottom:80px;}
.xinchou02 .txt{ width:45%;}
.xinchou02 .img{ width:50%;}
.xinchou02 .img img{ width:100%;}

.xinchoutit{ font-size:30px; font-weight:normal; display:block; margin-bottom:20px;}
.xinchou02 p{ font-size:14px; color:#636363; line-height:2;}


.yuangongpeixun{ padding-bottom:80px;}
.yuangongpeixun li{ padding:35px; border-bottom:1px solid #ccc;}
.yuangongpeixun li:first-child{ border-top:1px solid #ccc;}
.yuangongpeixun li .img{ width:300px;}
.yuangongpeixun li .img img{ width:100%;}
.yuangongpeixun li .txt{ width:calc(100% - 380px);}
.yuangongpeixun li .txt b{ font-size:25px; color:#000; font-weight:normal; margin-bottom:15px; display:block;}
.yuangongpeixun li .txt p{ font-size:16px; color:#000;}



.zhaopinzhiwei{ padding-bottom:20px;}
.zhoapin{    justify-content: flex-start;}
.zhoapin li{ width:31.33% ;  margin:1%; padding:45px 40px 60px; background-color:#f7f7f7; border-radius:15px;} 
.zhoapin li b{transition:all .3s; font-size:24px; color:#000; display:block; line-height:1; margin-bottom:20px;}
.zhoapin li p{transition:all .3s; font-size:14px; color:#8f8f8f;}
.zhoapin li  a{transition:all .3s; display:inline-block; font-size:16px; color:#000; margin-top:75px;}
.zhoapin li  a i{transition:all .3s; display:inline-block; padding:0 10px; margin-left:10px; border-radius:100px; color:#101010; border:1px solid #101010}
.zhoapin li:hover a{ color:#fff;} 

.zhoapin li{ background-repeat:no-repeat; background-position:right bottom; background-size:70% auto; transition:all .3s;}
.zhoapin li:hover a i{ background:#fff; color:#ff2b80 ; border:1px solid #ff2b80;}
.zhoapin li:hover{ background-color:#ff2b80; background-image:url(../images/chun2_03.png);}
.zhoapin li:hover p{ color:#fff;}
.zhoapin li:hover b{ color:#fff;}



.zhaoshangtit{ text-align:center; margin-bottom:40px;}
.zhaoshangtit b{ font-size:30px; font-weight:normal; color:#000;}

.zhaoshang01box{ background-size:cover; background-position:center; background-repeat:no-repeat;}
.zhaoshang01box li{ width:20%; border-right:1px solid rgba(255,255,255,.8); height:500px; position:relative; transition:all .3s; background-position:left bottom; background-repeat:no-repeat; background-size:50% auto;}
.zhaoshang01box li .txt{ height:190px; position:absolute; left:0; bottom:0;transition:all .3s; padding:25px; overflow:hidden;}
.zhaoshang01box li .txt img{ display:block;}
.zhaoshang01box li .txt  b{ color:#fff; font-size:20px; display:block; margin:15px 0;}.zhaoshang01box li .txt  p{ transition:all .3s; opacity:0; color:#fff; font-size:14px;}
.zhaoshang01box li:hover .txt{ height:100%;}
.zhaoshang01box li:hover .txt p{ opacity:1;}
.zhaoshang01box li:hover{background-color:#ff2b80; background-image:url(../images/9xiuchang_08.png);}



.zhaoshangtit p{ color:#999999; font-size:14px; margin:15px 0;}
.zhaoshang02{ padding:70px 0;}
.zhaoshang02 .content p img{ max-width:100%;}


.zhaoshang03{ padding-bottom:80px;}
.zhaoshang03 ul{ padding-top:30px;}
.zhaoshang03 li{ width:25%; text-align:center; max-width:220px; padding: 0 15px;}
.zhaoshang03 li img{ margin:0 auto; display:block;}
.zhaoshang03 li span{ font-size:16px; color:#9f9f9f; display:block; padding:10px 0;}
.zhaoshang03 li b{ font-size:16px; color:#2f2f2f; display:block; font-weight:normal; margin-bottom:10px;}
.zhaoshang03 li p{ font-size:14px; color:#999999;}

.main03ri{ background:#fafbfb;}


	.content img{ max-width:100%;}

.pinpai02box{ background-size:cover; background-position:center ; background-repeat:no-repeat;}
@media screen and (max-width:1280px){
	 .w1200{ padding-left:40px; padding-right:40px;}
	 .header .nav li a{ padding:0 5px;}
	 .fotmi{ width:calc(100% - 500px);}
	 .main2tab .taba a{ padding: 0 5px;}
	 .main03>b{ font-size:1.5rem;}
	 .main03ri .botm span{ font-size:14px;}
	 .main03ri .botm{ padding-right:60px;}
	 .about02box .swiper-button-next{ right:0;}
	 .about02box .swiper-button-prev{ left:0;}
	 .about03 .swiper-slide .img{ height:3rem}
	 .about04box{ height:9rem;}
	 .about04box img{ width:100%; height:100%; object-fit:cover;}
	}




@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 
	 .w1200{ padding-right:20px; padding-left:20px;}
	 .main01box{ padding-top:30px; width:100%;}
	 .main01img{ width:100%; position:static;}
	 .main01box b{ font-size:22px;}
	 .main01box .tit{ font-size:18px;}
	 .main01{ background-size:50% auto; background-repeat:no-repeat; background-image:none !important;}
	 .main01box .intros{ padding:15px 0;}
	 .main01box .intros p{ margin-bottom:10px;}
	 .main01box ul{ padding:30px 0;}
	 .main01box li{ width:100%; max-width:none; text-align:center; padding:15px !important;}
	 .main01box li:nth-child(2){ border:none;}
	 .main01box li b{ font-size:28px;}
	 .main01box li span{ font-size:14px;}
	 
	 .main2letit{ font-size:12px;}
	 .more2{ font-size:12px;}
	 .main2tab{ text-align:right; width:100%;}
	 .main02,.main03{ padding:30px 0;}
	 .main2tab{ margin-top:20px;}
	 .main2letit b{ font-size:24px;}
	 .main2tab .taba a{ margin-right:5px; font-size:12px; padding:0 8px;}
	 .main2tit{ margin-bottom:20px;}
	 .proli li{ width:48%; margin:1%;}
	 .main03le{ width:100%;}
	 .main03ri{ width:100%; position:static; margin-top:15px;}
	 .main03le b{ font-size:18px; margin-bottom:15px;}
	 .main03le p{ padding:0; }
	 .main03le ul{ margin-top:20px; padding:20px;}
	 .main03le ul li .img{ width:35px;}
	 .main03le ul li .img img{ width:100%;}
	 .main03le ul .txt{ width:calc(100% - 40px);}
	 .main03le ul .txt span{ font-size:12px;}
	 .main03le ul li{ width:49%;}
	 .main03le ul li:nth-child(3), .main03le ul li:nth-child(4){ margin-top:15px;}
	 .main03ri .botm{ padding-right:0;}
	 .main03ribox{ padding-bottom:30px;}
	 .main03ri{ padding-bottom:20px;}
	 .main04{ padding:30px 0;}
	.newsindexs li .imgs{ height:4rem;}
	.mian5le{ width:100%; padding:30px 0;}
	.mian5le b{ font-size:24px;}
	.mian5le span{ font-size:20px;}
	.mian5le form{ margin-top:20px;}
	.footer{ padding-top:40px;}
	.main5ri{ width:100%; display:none;}
	
	.fotmi{ display:none;}
	.fotle img{ width:8rem;}
	.links{ padding:10px 0;}
	.aboutshuzi li b em{ font-size:40px;}
	.about02box .txt b{ font-size:30px;}
	.prori{ padding-top:0;}
	.litpic .swiper-slide{ height:2rem;}
	 
	}


@media screen and (max-width:768px){
	.newsindexs li { width:100%; margin-bottom:20px;}
	.newsindexs li .imgs{ height:8rem;}
	.newsindexs li .txts b{ font-size:20px; margin:10px 0;}
	.newsindexs li .txts h3{ font-size:16px;}
	.newsindexs li .txts p{ margin-top:5px;}
	.about01,.about02{ padding:40px 0;}
	.about01le{ width:100%;}
	.about01ri{ width:100%; margin-top:30px;}
	.about01le b{ font-size:24px;}
	.about02tit{ font-size:24px; margin-bottom:30px;}
	.about01le span{ font-size:18px; margin-bottom:15px;}
	.aboutshuzi li{ width:48%; margin:1%; border:none; margin-bottom:2%;}
	.about02box .img{ width:100%;}
	.about02box .txt{ width:100%; padding-top:20px;}
	.about02box .txt b{ margin-bottom:15px;}
	.about02box .gallery-thumbs{ margin-top:20px;}
	.about03{ padding:40px 0;}
	.about03 .swiper-slide .img{ height:10rem;}
	.about04box{ height:13rem;}
	.about04{ padding-bottom:50px;}
	.about04 .swiper-pagination{ bottom:-10px;}
	.aboutshuzi li b em{ font-size:30px;}
	.aboutshuzi li b{ margin-bottom:5px;}
	.position .posi a{ font-size:12px;}
	.position .a a{ padding:0 15px; line-height:30px;}
	.position{ padding:5px 0;}
	.bigpic{ width:100%; position:static;}
	.prori{ width:100%; padding:0;}
	.bigpic{ height:auto; margin-top:15px;}
	.proarticlebox,.prolistny{ padding:30px 0;}
	.litpic{ padding:15px 0 30px; margin-top:15px;}
	.prori h1{ font-size:20px; margin-bottom:5px;}
	.litpic .swiper-slide{ height:5rem;}
	.cont{ margin-top:0;}
	.procanshu,.prozhanshi{ padding:30px 0;}.about02tit{ margin-bottom:20px;}
	.erjilanmu ul li{  width:auto; display:inline-block; padding:0 10px;}
	.erjilanmu ul{ display:block; white-space:nowrap; overflow:auto;}
	.sanjilanmu .swiper-slide{ padding:5px;}
	.prolistny .proli li{ margin-bottom:10px;}
	.page,.contact01{ padding:30px 0;}
	
	.mapbox{ position:static; width:100%; transform:translate(0,0); -webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0); max-width:none; margin-bottom:15px; box-shadow:0 0 10px rgba(0,0,0,.1)}
	.map { height:auto;}
	.map iframe{ height:300px !important;}
	.contit{ font-size:22px; margin-bottom:15px;}
	.contact02,.contact03{ padding:30px 0;}
	.mapbox b{ font-size:18px;}
	.contact03 li{ width:100%; padding:20px;}
	.contact04 .txt{ background:#333; position:static; padding:20px;}
	
	.mendianchan{ padding:20px 0; white-space:nowrap; overflow:auto;}
	.mendianchan a{ padding:0 10px; margin-right:5px;}
	
	.mendianlist li:first-child .txt{ width:100%; height:100%; left:0; top:0;}
	.mendianlist li:first-child,.mendianlist li{ height:10rem; width:100%;}
	.mendianlist li .txt b{ font-size:18px;}
	.mendianlist li .txt p{ font-size:14px;}
	.mendianlist li .txt{ padding:20px;}
	
	.mendiantit{ padding:20px 0;}
	.mendiantit h1{ font-size:20px;}
	.mendianview .content{ padding:20px 0;}
	.prev_next a{ width:100%; max-width:none; margin-bottom:15px;}
	.prev_next a.back{ width:auto; position:static; transform:translateX(0); -webkit-transform:translateX(0);}
	.prev_next{ padding:30px 0;}
	.prev_next a.back{ padding:0 20px; line-height:30px;}
	
	.pinpai01le{ width:100%;}
	.pinpai01ri{ width:100%; margin-top:15px;}
	.pinpai01{ padding-bottom:30px;}
	.pinpaitit b{ font-size:20px; margin-bottom:10px;}
	.pinpai02box{ margin-top:10px;}
	.pinpai01le b{ font-size:22px; margin-bottom:10px;}
	.pinpai01le span{ font-size:16px; margin-bottom:15px;}
	
	.pinpai02box{ padding:30px 0; background-position:right center;}
	.pinpai02box li{ width:48%; margin:1%; padding:20px 0; border:none;}
	.pinpai02box li:first-child{ border:none;}
	.pinpai02box li img{ margin-bottom:10px; height:30px;}
	.pinpai02box li b{ font-size:18px;}
	.pinpai02box li p{ font-size:14px;}
	.pinpai01{ padding-top:20px;}
	.pinpai02box li:hover{ background-color:transparent; background-image:none;}
	
	.cultruebox{ padding:30px 0;}
	.cultruebox li { margin-bottom:20px; box-shadow:0 0 10px rgba(0,0,0,.1);}
	.cultruebox li .txt b{ font-size:20px;}
	.cultruebox li .txt p{ font-size:14px;}
	.cultruebox li .img{ width:100%;}
	.cultruebox li .txt{ width:100%;}
	.cultruebox li .txt{ padding:15px;}
	.cultruebox li:nth-child(2n){ text-align:left;}
	
	.rencaile{ position:static; width:100%; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);-ms-transform:translateY(0); -o-transform:translateY(0); text-align:center; margin-bottom:20px; padding:0;}
	.rencairi{ float:none; width:100%;}
	.rencaile b{ font-size:20px;}
	.rencaile p{ font-size:14px;}
	.rencaiguanbox{ margin-bottom:40px;}
	.xiuchangny{ padding:30px 0;}
	
	.xiuchang li, .teamlis li{ width:48%; margin:1%; margin-bottom:2%;}
	.xiuchang li .txt{ padding:15px 0; font-size:14px; line-height:1.3;}
	.xiuchang li .txts{ display:none;}
	
	
	.topnews{ display:none;}
	.newlists .newsindexs li{ width:100%; margin-bottom:15px;}
	
	.xinchou01box b{ font-size:20px;}
	.xinchou01box p{ font-size:14px;}
	.xinchou02 .txt{ width:100%;}
	.xinchou02 .img{ width:100%; margin:10px 0;}
	.xinchou02 li{ margin-bottom:15px;}
	.xinchoutit{ font-size:20px; margin-bottom:10px;}
	.xinchou02{ margin-bottom:30px;}
	
	.yuangongpeixun li{ padding:15px 0;}
	.yuangongpeixun li .txt p{ font-size:14px;}
	.yuangongpeixun li .txt{ width:100%; margin-bottom:15px;}
	.yuangongpeixun li .img{ width:100%;}
	.yuangongpeixun li .txt b{ font-size:18px; margin-bottom:5px;}
	.yuangongpeixun{ padding-bottom:30px;}
	
	.zhoapin li{ width:100%; padding:20px; margin-bottom:2%;}
	.zhoapin li b{ font-size:18px; margin-bottom:5px;}
	.zhoapin li a{ margin-top:20px;}
	.zhaoshang01box li .txt b{ margin:5px 0; font-size:18px;}
	.zhaoshang01box li .txt{ padding:15px;}
	.zhaoshangtit{ margin-bottom:20px;}
	.zhaoshangtit b{ font-size:24px;}
	.zhaoshang01box li{ width:50%; height:13rem; border:1px solid rgba(255,255,255,.5);}
	.zhaoshang02{ padding:30px 0;}
	.zhaoshang03 ul{ padding-top:10px;}
	.zhaoshang03 li span{ padding:3px 0;}
	.zhaoshang03 li p{ line-height:1.4;}
	.zhaoshang03 li{ width:48%; margin:1%; max-width:none; margin-bottom:15px;}

	}