.logo{text-align: center;}
.nav{z-index: 999;width: 100%;height: 70px; background:url(../images/nav_bg.jpg) no-repeat center; }
.center{width: 1350px; margin: 0 auto;line-height: 70px;}
.nav ul li{float: left; text-align: center; width: 145px; }
.nav ul li a{color: #fff;}
.nav ul li:hover, .nav ul li.curr {  background:url(../images/nav_hover.png) no-repeat center; }

.swiper-button-next, .swiper-button-prev{color: #af80b7!important}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#af80b7!important}
.swiper-pagination-bullet{width: 20px; height: 20px;}
.swiper-pagination-bullet-active{background-color: #af80b7;}
.swiper-button-next, .swiper-button-prev{width: 60px; height: 120px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 80px;}


.title1{width: 450px; height: 72px; margin: 80px auto 40px; border:1px solid #777; }
.title1 h1{ background-color: #fff;margin: 0 auto; text-align: center; width: 200px; margin-top: 30px;}
.left{width: 300px; float: left; border:1px solid #af80b7; padding-bottom: 20px;}
.left h3{background-color: #af80b7; text-align: center;}
.left h3 a{color: #fff;}
.left ul li{text-align: center;border-bottom: 1px solid #ccc; width: 95%; margin: 0 auto; transition: all ease 1s;}
.left ul li:hover{border-bottom:1px solid #af80b7; }
.left ul li a{transition: all ease 1s;}
.left ul li:hover a{color:#af80b7; margin-left: 20px; }
.left ul li:hover a:before{ content: '→';padding: 0 10px;}
.s_right{  width: 1010px; float: right; line-height: 50px;}


  .swiper-container2 {
    width: 1000px;
    position: relative;
    /*background:url(../images/gundong_bottom.png) repeat-x bottom;*/
  }

 .swiper-container2 .swiper-slide2 {
    text-align: center;
    font-size: 18px;
    -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;
    transition: 300ms;
    transform: scale(0.8);

  }
  .swiper-container2 .swiper-slide2 img{ display: block; width: 100%;transition: all ease 1s; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

  .swiper-container2 .swiper-slide2 p{ display: block;text-align: center;}
  .swiper-container2 .swiper-slide-active, .swiper-container2.swiper-slide-duplicate-active{
    transform: scale(1);

  }
  .swiper-container2 .swiper-slide2{opacity: 0.5}
  .swiper-container2 .swiper-slide2:hover img{box-shadow: 0 4px 8px 0 rgba(175,128,183,0.2),0 6px 20px 0 rgba(175,128,183,0.19)}
   .swiper-container2 .swiper-slide2:hover p{color: #af80b7;}
  .swiper-container2 .swiper-slide-prev, .swiper-container2 .swiper-slide-next,  .swiper-container2 .swiper-slide-active{
      opacity: 1
  }
 .swiper-container2  .swiper-slide-prev, .swiper-container2 .swiper-slide-next{  transform: scale(0.8);}


.s_right .s_pro li{width: 300px; margin: 15px;float: left; position: relative;   overflow: hidden; transition: all 0.2s ease-in-out;}
.s_right .s_pro li .productPic{-webkit-box-sizing: border-box;box-sizing: border-box;border:1px solid #ddd; overflow: hidden;padding: 5px; height: 228px; border-radius: 4px;}
.s_right .s_pro li .productPic img{width: 100%; transition: all ease 1s;}
.s_right .s_pro li .productName{ text-align: center;line-height: 50px; transition: all ease 1s;}

.s_right .s_pro li:hover .productPic{border:1px solid #af80b7; }
.s_right .s_pro li:hover img{transform: scale(1.05);}
.s_right .s_pro li:hover .productName{color: #af80b7;}

.s_right .s_pro li .productPic:after , .swiper-container3 .swiper-slide3 .right_a .more:after{
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  height: 100%;
  width: 100px;
  display: block;
  position: absolute;
  top: 0;
  left: -500px;
  -webkit-transform: skewX(-45deg) translateX(0);
          transform: skewX(-45deg) translateX(0);
  transition: none;
}

.s_right .s_pro li .productPic:hover:after ,.swiper-container3 .swiper-slide3 .right_a .more:hover:after {
	
  -webkit-transform: skewX(-45deg) translateX(1000px);
          transform: skewX(-45deg) translateX(1000px);
  transition: all 0.8s ease-in-out;
}



.clear{clear: both;}
.about{position: relative; margin-top: 80px; height: 500px;}
.about1{width: 57px; height: 134px; position: absolute;top: 0px; left: 80px; border: 1px solid #777;z-index:11; }
.about2{background-color: #fff;position: absolute;top: 30px; left: 0px;z-index: 22;}
.about2 span{ color: #af80b7; }
.about3{ position: absolute;top: 50px; right: 0px;width: 1150px;background-color:#eaeaea; height: 1px;border: none; }
.about_c{position: absolute;top: 100px; left: 0;}



 .swiper-container3 {
    width: 1350px;
    position: relative;
    height: 450px;
  }
 .swiper-container3 .swiper-slide3 .left_a{width: 600px; height: 320px; position: absolute;top: 20px; left: 0px;}
 .swiper-container3 .swiper-slide3 .right_a{line-height: 40px; padding: 30px; color: #fff; width: 690px; height: 300px; background-color: #af80b7; position: absolute;top: 0px; right:0px;}
 .swiper-container3 .swiper-slide3 .right_a h2{line-height: 70px;}
 .swiper-container3 .swiper-slide3 .right_a hr{width: 500px;background-color:#eaeaea; height: 1px;border: none;}
 .swiper-container3 .swiper-slide3 .right_a .more{position: relative;overflow: hidden; display: inline-block; float: right;width: 130px; height: 40px; background-color: #fff;
text-align: center; line-height: 40px;  transition: all 0.8s ease;
  }
   .swiper-container3 .swiper-slide3 .right_a .more:hover{background:none; border: 1px solid #fff; color: #fff}
 .swiper-container3 .swiper-slide3 {
    -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;
    transition: 300ms;
    transform: scale(0.5);

  }

  .swiper-container3 .swiper-slide-active, .swiper-container3.swiper-slide-duplicate-active{
    transform: scale(1);

  }
  .swiper-container3 .swiper-slide3{opacity: 0.5}

  .swiper-container3 .swiper-slide-prev, .swiper-container3 .swiper-slide-next,  .swiper-container3 .swiper-slide-active{
      opacity: 1
  }
 .swiper-container3  .swiper-slide-prev, .swiper-container3 .swiper-slide-next{  transform: scale(0.5);}
 .swiper-container3 .swiper-pagination3{position: absolute;bottom: 40px; left: 200px;z-index: 77; width: 200px;}

.youshi{height: 1720px;position: relative;    text-align: center;}
.youshi .xuhao1{z-index: 10; position: absolute;top:80px; left: 0px;  width: 80px; height: 80px; border-radius: 80px; background-color: #af80b7;font-size: 30px; color: #fff; text-align: center;line-height: 80px; }
.youshi .xuhao2{z-index: 10; position: absolute;top:280px; right: 0px;  width: 80px; height: 80px; border-radius: 80px; background-color: #af80b7;font-size: 30px; color: #fff; text-align: center;line-height: 80px; }
.youshi .xuhao3{z-index: 10; position: absolute;top:576px; left: 0px;  width: 80px; height: 80px; border-radius: 80px; background-color: #af80b7;font-size: 30px; color: #fff; text-align: center;line-height: 80px; }
.youshi .xuhao4{z-index: 10; position: absolute;top:837px; right: 0px;  width: 80px; height: 80px; border-radius: 80px; background-color: #af80b7;font-size: 30px; color: #fff; text-align: center;line-height: 80px; }

.youshi .kuang1{ z-index: 9 ;border:1px solid #ccc;border-bottom: none;  width: 630px; height: 500px; position: absolute;top: 0px; left: 37px; }
.youshi .kuang2{ z-index: 9 ;border:1px solid #ccc;border-left: none;border-top: none;  width: 630px; height: 500px; position: absolute;top: 0px; right: 37px; }
.youshi .kuang3{ z-index: 9 ;border:1px solid #ccc;border-bottom: none;border-right: none;   width: 630px; height: 500px; position: absolute;top: 500px; left: 37px; }
.youshi .kuang4{ z-index: 9 ;border:1px solid #ccc;border-top: none;  width: 641px; height: 500px; position: absolute;top: 500px; right: 37px; }

.youshi .zhe1{z-index: 11; width: 5px; height: 342px; background-color: #fff; position: absolute;top: 160px; left: 35px; }
.youshi .zhe2{z-index: 11; width: 5px; height: 280px; background-color: #fff; position: absolute;top: 0px; right: 35px; }
.youshi .zhe3{z-index: 11; width: 5px; height: 342px; background-color: #fff; position: absolute;top: 656px; left: 35px; }
.youshi .zhe4{z-index: 11; width: 5px; height: 336px; background-color: #fff; position: absolute;top: 501px; right: 35px; }

.youshi .y_biaoti{margin-left:100px; }
.youshi .y_en{font-size: 14px; color: #666;line-height: 28px; margin-left: 100px;}
.youshi .y_ul01{margin-left: 100px;line-height: 50px;}

.youshi .y_ul01 li:before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: #af80b7;
        border-radius: 50%;
        margin-right:10px;
    }
.youshi .y_img01{ margin-left: 50px; margin-top: 10px; }
.youshi .y_img02{ position: absolute;top: 0px; right: 100px; }
.youshi .y_img03{ position: absolute;top: 780px; left: 100px; }
.youshi .y_img04{ position: absolute;top: 520px; right: 100px; }
.youshi .y_biaoti2{position: absolute;top:244px; left:711px; }
.youshi .y_biaoti3{margin-left:100px; margin-top: 30px; }
.youshi .y_biaoti4{position: absolute;top:765px; left:711px; }
.youshi .y_en2{font-size: 14px; color: #666;line-height: 28px; position: absolute;top:315px; left:711px; }
.youshi .y_en4{font-size: 14px; color: #666;line-height: 28px; position: absolute;top:833px; left:715px; }

.youshi .y_ul02{margin-left: 0; position: absolute;top:351px; left:712px;line-height: 40px; margin-right: 80px;}
.youshi .y_ul04{margin-left: 0; position: absolute;top:872px; left:712px;line-height: 40px; margin-right: 80px;}
.youshi .kuai{width: 30px; height: 30px; background-color: #fff;border:1px solid #ccc; position: absolute;top: 486px; left: 653px;z-index: 20;}



  .swiper-container4 {
    height:421px;
    position: relative;

  }

  .swiper-slide4 {
    text-align: center;
    font-size: 18px;
    -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;
    transition: 300ms;
    transform: scale(0.8);

  }
  .swiper-slide4 img{ display: block; width: 100%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

  .swiper-slide4 p{ display: block;text-align: center;}
  .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);

  }
  .swiper-slide4{opacity: 0.5}
  .swiper-slide-prev,.swiper-slide-next, .swiper-slide-active{
      opacity: 1
  }
  .swiper-slide4-prev,.swiper-slide4-next{  transform: scale(0.9);}
.swiper-button-prev4:after,.swiper-button-next4:after{content: ""}
.swiper-button-prev4{  width: 141px; height: 141px; position:absolute;top: 293px; left: 40%; background:url(../images/prev.png) no-repeat center;  }
.swiper-button-next4{content: ""; width: 141px; height: 141px; position:absolute;top: 293px; right: 40%;background:url(../images/next.png) no-repeat center;  }
.swiper-button-prev4:hover,.cur{  width: 141px; height: 141px; position:absolute;top: 293px; left: 40%; background:url(../images/prev_hover.png) no-repeat center;  }
.swiper-button-next4:hover{content: ""; width: 141px; height: 141px; position:absolute;top: 293px; right: 40%;background:url(../images/next_hover.png) no-repeat center;  }


.news li{height: 130px; position: relative; line-height: 30px; }
.news li .date{transition: all 0.5s ease-in-out;z-index: 2; width: 60px; height: 60px; background-color: #af80b7; position: absolute;top: 20px; left: 0;}
.news li .date .date01{ font-size: 18px; color: #fff;  text-align: center; line-height: 40px; }
.news li .date .date02{ font-size: 12px; color: #fff; text-align: center; line-height: 20px;}
.news li .wenzi{padding: 10px 80px; width: 1160px; height: 75px; position: absolute;top: 0px; right: 0px; z-index: 1;border:1px solid #777;}
.news li .wenzi .news_tit{line-height: 30px;   transition: all 0.5s ease-in-out;}
.news li .wenzi .news_con{font-size: 14px; color: #666}
.news li:hover .wenzi .news_tit{color: #af80b7;}
.news li:hover  .date {transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  border-radius: 15px; }


.footer_h{ border:none; background-color: #af80b7;height: 20px; }

.g_footer{width: 100%; background: #000;}
.g_footer a{ color: #fff }
.g_footer_c{width: 1350px; margin: 0 auto;}
.g_footer_c1{width: 280px; height:250px; float: left;margin-top: 50px;text-align: center;}
.g_footer_c1 img {}
.g_footer_c2{width: 150px; height: 310px; float: left;margin-top: 50px; margin-left: 50px;}
.g_footer_c3{width: 200px; height: 310px; float: left;margin-top: 50px; margin-left: 50px;}
.g_footer_c4 p{color: #fff}
.g_footer_c4{width:270px; height: 310px; float: left;margin-top: 50px; margin-left: 50px;}

.xban{ width: 100%;height: 300px; background:url(../banner/xt.jpg) no-repeat center; }

.title2{width: 450px; height: 72px; margin: 20px auto 40px; border:1px solid #777; }
.title2 h1{ background-color: #fff;margin: 0 auto; text-align: center; width: 200px; margin-top: 30px;}


    .swiper-container5 {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide5 {
      background-size: cover;
      background-position: center;
    }

    .gallery-top5 {
      height: 80%;
      width: 100%;
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
    }

    .gallery-thumbs .swiper-slide5 {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    }

    .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }



.pro_left{width: 500px;float: left;}
.pro_right{position: relative; width: 450px;float: right; border:1px solid #ccc;border-left: none; line-height: 50px;margin-left: 50px;}

.pro_right .more{position: absolute;bottom: -20px;left: -320px; position: relative; margin-top: 50px; overflow: hidden; display: inline-block; float: right;width: 130px; height: 40px; background-color: #af80b7;
text-align: center; line-height: 40px; transition: all 0.8s ease;
  }
.pro_right .more:hover{  color: #fff}
.pro_right .more:after{
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  height: 100%;
  width: 100px;
  display: block;
  position: absolute;
  top: 0;
  left: -500px;
  -webkit-transform: skewX(-45deg) translateX(0);
          transform: skewX(-45deg) translateX(0);
  transition: none;
}

.pro_right .more:hover:after {
	
  -webkit-transform: skewX(-45deg) translateX(1000px);
          transform: skewX(-45deg) translateX(1000px);
  transition: all 0.8s ease-in-out;
}



.detail{position: relative;padding: 80px 30px; border:1px solid #ccc; z-index: 1;}
.detail .detail_tit{text-align: center; line-height: 40px; color: #fff; width: 130px; height: 40px;position: absolute;top: 30px; left: -25px;z-index: 2; background-color: #af80b7; }


.news_n li{height: 130px; position: relative; line-height: 30px; }
.news_n li .date{transition: all 0.5s ease-in-out;z-index: 2; width: 60px; height: 60px; background-color: #af80b7; position: absolute;top: 20px; left: 0;}
.news_n li .date .date01{ font-size: 18px; color: #fff;  text-align: center; line-height: 40px; }
.news_n li .date .date02{ font-size: 12px; color: #fff; text-align: center; line-height: 20px;}
.news_n li .wenzi{padding: 10px 80px; width: 818px; height: 75px; position: absolute;top: 0px; right: 0px; z-index: 1;border:1px solid #777;}
.news_n li .wenzi .news_tit{line-height: 30px;   transition: all 0.5s ease-in-out;}
.news_n li .wenzi .news_con{font-size: 14px; color: #666}
.news_n li:hover .wenzi .news_tit{color: #af80b7;}
.news_n li:hover  .date {transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  border-radius: 15px; }


.ewmBox {
    background: url(../images/xfbg.png) repeat;
    bottom: 0;
    height: 65px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999999;
}
.ewmBoxIn {
    height: 65px;
    line-height: 65px;
    margin: 0 auto;
    position: relative;
    width: 1200px;
}
.ewmBox .phoneNum {
    float: left;
    padding: 5px 0 0;
    width: 350px;
}
.ewmBox .ico {
    background: url(../images/ico.png) no-repeat;
    float: left;
    height: 54px;
    width: 54px;
}
.ewmBox .phoneNum .ico {
    background-position: 0 0;
}
.ewmBox .font {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    width: 230px;
}
.ewmBox .font p {
    line-height: 30px;
    margin: 0;
}
.ewmBox .font p.num {
    text-indent: 2em;
}
.ewmBox .QQ {
    float: left;
    padding: 5px 0 0;
    width: 350px;
}
.ewmBox .QQ .ico {
    background-position: -57px 0;
}
.ewmBox .weChat {
    float: left;
    padding: 5px 0 0;
    position: relative;
    width: 320px;
}
.ewmBox .weChat .ico {
    background-position: -113px 0;
}
.ewm2 {
    bottom: 0;
    height: 65px;
    position: absolute;
    right: 0;
    width: 65px;
    z-index: 999;
}
.ewm2 img.wxxt {
    height: 100%;
    width: 100%;
}
.ewm2 img.wxxt1 {
    bottom: 65px;
    display: none;
    left: -80px;
    position: absolute;
}
.ewm2:hover .wxxt1 {
    display: block;
}