/*
* @Author: name
* @Date:   2019-07-24 11:59:27
* @Last Modified by:   name
* @Last Modified time: 2019-07-25 17:34:03
*/

*{padding: 0;margin: 0;}
ul,li{list-style: none;}
html,body{width: 100%; font-family: "Microsoft YaHei";margin:0 auto; font-size: 14px;color:#666; }
img{max-width: 100%; }
a{text-decoration: none; color:#333; }
a:hover{ color: #ef7a23; }
i,em{ font-style: normal; }
.clear{clear: both;}
.w1560{width: 1560px;margin:auto; position: relative;  }
.w1200{width: 1200px;margin:auto; position: relative;  }
.w1000{width: 1000px;margin:auto; }
 html, body {
      position: relative;
      height: 100%;
    }
    body {

      font-size: 16px;
      color:#333;
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      /* 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;

      /*以下两句是swiper超出高度允许滚动条*/
      overflow: auto;
     -webkit-overflow-scrolling: touch;
    }

    .banner_img{position: relative;}
    .banner_img .banner-text{
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        color: #fff;
        text-align: center;
        transform: translate(0,-50%);
    }
    .banner_img .banner-text .title{
        font-size: 36px;
        margin-bottom: 32px;
    }
    .banner_img .banner-text .subhead{
        max-width: 870px;
        line-height: 24px;
        font-size: 16px;
        margin: 0 auto;
    }
    .banner_img .banner-text .subhead b{
        display: block;
        font-weight: bold;
        margin-top: 24px;
    }
    .banner_img .banner-text .title2{
        font-size: 48px;
        font-weight: bold;
        margin-bottom: 24px;
    }
    .banner_img .banner-text .subhead2{
        max-width: 870px;
        font-size: 36px;
        margin: 0 auto 24px;
    }
    .banner_img .banner-text .title2:last-child,
    .banner_img .banner-text .subhead2:last-child{
        margin-bottom: 0;
    }
    .banner_img .banner-text .case-text{
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }
    .banner_img .banner-text .case-text strong{
        font-size: 36px;
        font-weight: bold;
    }
    .banner_img .banner-text .case-text u{
        font-size: 48px;
        font-weight: bold;
    }
.dong {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%);
            font-size: 20px;
        }
.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; }
.pic span{background-size: cover; background-repeat: no-repeat; background-position: center; display: block;}


.top_box{ -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: fixed; top: 0; left: 0 ; background:#fff!important; height: 60px; z-index: 999; width: 100%;box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.logo{ float: left; margin-top: 7px; }
.top_r{ float: right;  margin-top: 13px; }
.menu{ float: left;  font-size: 15px; }
.menu li{ float: left; position: relative; text-align: center;z-index: 9999;}
.menu li a{ display: block;  height: 38px; padding-top: 8px;  margin: 0px 20px; }
.menu li a:hover,.menu li a.erhover{border-bottom:#007896 2px solid; color: #333;}
.menu li.mian{  text-align: center; margin-left: 10px;font-weight: bold; }
.menu li.mian a{ color: #fff;  display: block; border-radius:5px;background: #b907a4;width: 100px; line-height: 33px; padding-top: 0px;height: 33px; }
.top_box .menu li.mian a{ color:#fff;font-weight: bold;}

.sou{  float: right;  background: url(../images/tel1.png) no-repeat left; margin-left: 10px; }
.sou div{ padding-left: 25px; line-height: 35px; font-size: 18px; font-weight: bold; }
/*.sou input{ float: left; margin-left: 10px; outline: none; border:none; background: none; width: 135px; line-height: 28px;}
.sou img{ float: right; height: 28px; }*/

.top_box1{position: fixed; top: 0; left: 0 ; z-index: 999;height: 60px; width: 100%; background:none; border-bottom: rgba(255,255,255,0.2) 1px solid; }
.top_box1 .menu li a{ color: #fff;}
.top_box1 .menu li a:hover,.top_box1 .menu li:hover a.product{ border-bottom:#ef7a23 2px solid;}
.top_box1 .menu li a.erhover{ border-bottom:#ef7a23 2px solid;}
.top_box .menu li a:hover,.top_box .menu li:hover a.product{ border-bottom:#007896 2px solid;}
.top_box .menu li a.erhover{ border-bottom:#007896 2px solid;}
.menu li.mian a:hover{background: #007896; border:none; border: none; }
.top_box .menu li a{ color: #333; }
/*.top_box .menu li:hover,.top_box .menu li a.erhover{border-bottom:#007896 2px solid; color: #333;}*/
.top_box1 .sou{background: url(../images/tel.png) no-repeat left; color: #fff;}
.top_box .sou{background: url(../images/tel1.png) no-repeat left; color: #333;}

.top_box img.imglogo1{ display:none!important;}
.top_box img.imglogo{ display:block!important;}
.top_box1 img.imglogo{ display:none;}
.top_box1 img.imglogo1{ display:block;}
.menu li{  position:relative; display: block; }
.menu li .sub-box1{ transition: all 0.5s; text-transform:none; opacity:0;top:60px; filter:alpha(opacity=0); overflow: hidden; height: 0px; display: block; z-index: 999; background: #fff;
    width: calc(100% - 0px);
    display: block;
    z-index: 9999;
    -webkit-box-shadow: 0px 14px 16px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 14px 16px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 14px 16px rgba(0,0,0,0.2);
    box-shadow: 0px 14px 16px rgba(0,0,0,0.2);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);}

.menu li .sub-box1.sub-box112{ left:-57px;}


.menu li .sub-box a{ color:#333; display: block; margin: auto; position: relative; line-height: 50px; height: 50px;
    /* border-bottom: #d5d5d5 1px solid;  */
    padding-top: 0px;}
.menu li .sub-box a:hover{  color: #007896;   }
.menu li .sub-box a:last-child{ border: none; }
.outDiv[data-v-2c1ca5de]{
    width: 220px;
    height: 213px;
    margin-right: 20px;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    margin-top: 15px;
    border-radius: 10px;
    float: left;
}

.outDiv[data-v-2c1ca5de].frt {
    margin-right: 0
}

.outDiv[data-v-2c1ca5de]:hover{
    background: #f8f8f8
}

.outerImgDiv[data-v-2c1ca5de]:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    border-radius: 10px;
    overflow: hidden;
}
.menu li .sub-box a.chanpin{display: block;line-height: 28px;height: 100%;}
.nameDiv{font-size: 14px; padding-left: 24px;}
.lazyload{width: 75%; height: auto; background-color: transparent;margin:15px auto;}
.fs-16{font-size:16px}
.fs-22 {
    font-size: 22px;
}
.fs-32 {
    font-size: 32px;
}
.text-grey {
    color: #7D7D7D;
}
.text-dark {
    color: #343a40 !important;margin-bottom: 20px;
}
.pt-4,
.py-4 {
  padding-top: 15px !important;
}

.pr-4,
.px-4 {
  padding-right: 15px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 15px !important;
}

.zixun{display: initial;vertical-align: middle;}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 18px;
    line-height: 1.5;
    border-radius: 10px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/*--手机站导航开始------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.sp_logo{padding:8px 10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:35px;}
.shiyong{ float: right; width: 80px; line-height: 25px; margin-top: 12px; border-radius:5px; background: #ef7a23; margin-right: 20px; }
.sou1{ float: none; margin: 20px auto 10px auto; }
.shiyong a{ display: block; color: #fff; text-align: center; }
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#007893;width:25px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:9px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:9px;transform:rotate(-45deg)}
/*.sjj_nav{position:fixed;z-index:9;background:#f7f7f7;width:100%;height:100%;line-height:35px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}*/

.sjj_nav{position:fixed;z-index:99;background:#f7f7f7;width:220px; height:100%;line-height:35px;right:-220px;overflow:auto;overflow-x:hidden;transition:right ease 0.35s; top: 50px;}

.nav_show{right:0px; }
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%;text-transform:uppercase;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#206b98}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*----手机站导航结束----------*/



.swiper-pagination-bullet-active{background:#ef7a23;}
.swiper-pagination-h .swiper-pagination-bullet{background: #cecece; opacity:1;}
.swiper-pagination-h .swiper-pagination-bullet-active{background:url(../images/dian.png) no-repeat center; width: 18px; height: 18px;}

.swiper-container-vertical>.swiper-pagination-h.swiper-pagination-bullets{ left: 20px;   width: 18px;}
.swiper-container-vertical>.swiper-pagination-h.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 6px auto; }

.index1,.index_box  {width: 100%; height: 100%; }
.index1{position: relative;}
.index1 .swiper-button-next,.index1 .swiper-container-rtl .swiper-button-prev{ right: 5%; background-image:  url(../images/r.png); opacity: .2;}
.index1 .swiper-button-prev,.index1 .swiper-container-rtl .swiper-button-next{ left: 5%; background-image:  url(../images/l.png);opacity: .2;}
.index1 .swiper-slide{height:100%; height:100vh;  background-position: center; background-repeat: no-repeat; background-size:cover; }
.hdp_con{ width: 70%; margin: auto; text-align: center; color: #fff; }
.hdp_con .text{ font-size: 40px; width: 80%; margin: auto;}
.hdp_con .text1{ font-size: 24px;margin:20px auto; }
.hdp_con .text_con{ margin:30px auto; font-size: 18px; line-height: 300%;  color: #eee;}
.hdp_con .text_con a{ color: #fff; }
.hdp_con .text_con a:hover{ text-decoration: underline; }
.animates1{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
.video{ margin: 50px auto; text-align: center; }
.next{ position: absolute; left: 50%; bottom: 20px; z-index: 5; }

.index{ margin: auto;  width: 100%; padding-top:60px;}
.index_dh{ margin: auto; font-size: 16px;  text-align: center;}
.index_dh p{ font-size: 34px;  }
.index_dh span{ color: #999;  margin: 25px auto; display: block;}
.index_con2{ margin: 20px auto 0px auto;  text-align: left;}
.index_con2 .list_box{ float: left; width: 23%; margin:1%; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); position: relative; overflow:hidden; padding-bottom: 50px; transition: all 0.5s;}
.index_con2 .list_box dl{ position:absolute; left:0px; top:100%; display:block; width:100%; height:100%;background: url(../images/bj.jpg) #1773c8 repeat-x top;}
.index_con2 .list_box:hover dl{ top:0px;}

.index_con2 .list_box:hover{/*background: url(../images/bj.jpg) #1773c8 repeat-x top;*/ color: #fff;}
/*.index_con2 .li1{ margin-left: 0px; }*/
.index_con2 .list{ width: 85%; margin: auto; padding: 20px 0px; min-height: 220px;  z-index: 3; position: relative; }
.index_con2 .tit,.index_con3 .tit{font-size: 18px; overflow: hidden;  font-weight: bold; color: #686667;}
.index_con2 .tit i,.index_con3 .tit i{ margin-right: 10px; display: block; float: left; }
.index_con2 .tit span,.index_con3 .tit span{ display: block;padding-top: 10px;}
.index_con2 .tit img.yin{ display: none; }
.index_con2 .shuzi{ position: absolute; bottom: -20px; right: 10px; font-family: Arial; font-size: 126px; color: #f7f7f7; font-weight: bold; }

.index_con2 .text,.index_con3 .text{ color: #999; margin: 15px auto; line-height: 180%;  }
.index_con2 .text{min-height: 135px; }
.index_con3 .text{min-height: 81px; }
.index_con2 .more{ margin-top: 30px; font-size: 12px;  color: #999;}
.index_con2 .list_box:hover .shuzi{ color: #1672c2; }
.index_con2 .list_box:hover .text{color: #fff;}
.index_con2 .list_box:hover .tit{color: #fff;}
.index_con2 .list_box:hover .more{color: #fff;}
.index_con2 .list_box:hover img.yin{ display:  block; }
.index_con2 .list_box:hover img.xian{ display: none; }



.box{background: #f5f5f5; height: 100%; display: flex; align-items: center; }
.index_con3{ margin: 100px auto 0px auto; overflow: hidden; width: 927px; }
.index_con3 .list_box{ float: left; width: 50%; }
.index_con3 .list_box .list_con{margin: auto;  border-left: #e0e0e0 1px solid; padding:15px 0; border-bottom: #e0e0e0 1px solid;   }
.index_con3 .list{  width: 65%; margin:40px auto; transition: all 0.5s; }
.index_con3 .list_box:nth-child(2n-1) .list_con{ border-left:none; }
.index_con3 .list_box:nth-child(n+3) .list_con{ border-bottom:none; }

.index_con3 .list_box img{ margin: auto;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; }

.index_con3 .list_box:hover img{-webkit-animation:transform-1 0.8s ease 0ms alternate none 1;animation:transform-1 0.8s ease 0ms alternate none 1;}
@-webkit-keyframes transform-1 {
    from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);}
    to{-webkit-transform:perspective(200px) rotateY(360deg);transform:perspective(200px) rotateY(360deg);}
}
@keyframes transform-1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);}
    to{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}
}

.index_con3 .list_box:hover .tit{color: #ef7a23;}
.index_con3 .list_box:hover .list_con .list{  transform: translateX(-20px); }

.index_con4{ margin: 90px auto 0px auto;  overflow: hidden;}
.index_con4 li{ float: left; width: 25%; text-align: center; }
.index_con4 li .shuzi{ font-size: 45px; color: #a7a7a7;  margin-bottom: 25px;}
.index_con4 li .shuzi i{ font-style: normal; }
.index_con4 li .shuzi span{font-size: 16px; }
.index_con4 li .list_con{ border-left: #e0e0e0 1px solid; padding: 45px 0px 0px 0px; transition: all 0.5s; }
.index_con4 li:first-child .list_con{ border:none; }
.index_con4 li .tit i{ display: block; }
.index_con4 li .tit span{ font-size: 20px; margin: 20px auto 10px auto; display: block; font-weight: bold; color: #686667;}
.index_con4 li .text{ color: #999;  line-height: 180%; width: 90%; margin: auto;}


.index_con4 li img{ margin: auto;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; }

.index_con4 li:hover img{-webkit-animation:transform-1 0.8s ease 0ms alternate none 1;animation:transform-1 0.8s ease 0ms alternate none 1;}
@-webkit-keyframes transform-1 {
    from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);}
    to{-webkit-transform:perspective(200px) rotateY(360deg);transform:perspective(200px) rotateY(360deg);}
}
@keyframes transform-1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);}
    to{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}
}
.index_con4 li:hover .tit span{ color: #ef7a23; }
.index_con4 li:hover .list_con{  transform: translateY(-20px); }
.case_nr{ margin:auto;}
.case  .swiper-slide{ display: inline; }
.case_nr .pic span{ padding-top: 68%;}
.case_nr .tit{ background: #fff; width: 100%; font-size: 16px; margin: auto;  }
.case_nr .tit p{padding: 15px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-pagination-case{ text-align: center;  display: none;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{  background-image:  url(../images/r.png);}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{  background-image:  url(../images/l.png);}
.link{ margin:18px auto;  background: #fff;  overflow: hidden;}
.link li{ float: left; width: 20%;  }
.link img{ margin: auto; }
.link li a{ border-right: #f5f5f5 2px solid; border-bottom:#f5f5f5 2px solid;  display: block; }
.index_foot{padding-top: 0px; }
.link li .pic span{ height: 156px; }


.foot1{background: #292e36; margin: auto; padding: 50px 0px; color: #fff;}
.foot2{background: #20242b; margin: auto; padding: 20px 0px; color: #ccc;}
.bq{ float: left; }
.icp{ float: right; margin-right: 90px; }
.icp a{color: #ccc;}
.foot_nav{ float: left; overflow: hidden; text-align: left; width: 1050px;  }
.foot_nav dl{ float: left; width: 20%; }
.foot_nav dl dt{ border-bottom: #54585e 1px solid; font-size: 16px; padding-bottom: 10px; }
.foot_nav dl:first-child{ width: 30%; }
.foot_nav dl dd{ margin: 10px auto; }
.foot_nav dl dd a{ color: #999; }
.foot_r{ float: right; width: 320px; font-size: 16px; }
.f_logo{ margin: auto; text-align: center; }
.f_logo img{ margin: auto; }
.f_text{ margin: 10px auto; line-height: 200%; text-align: center;}
.w_foot{ margin: 10px auto; width: 50%;  text-align: center;}
.w_foot li{ float: left; width: 33.3%; position:relative }
.w_foot li img.wm{ display:none; position:absolute; left:50%; margin-left:-45px; top:-90px;max-width:400%!important;width:90px!important;height:90px!important;}
.w_foot li:hover img.wm{ display:block; position:absolute; left:50%; margin-left:-45px; top:40px;}


.nbanner{ margin: auto; background-position: center; background-repeat: no-repeat; background-size:cover;  overflow: hidden;  }

.wzdh,.n_nav{ height: 60px; margin: auto; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); background: #fff; text-align: center;}
.n_nav a{ display: inline-block; border-bottom: #fff 2px solid; line-height: 58px; padding: 0px 20px; margin:auto 10px; }
.n_nav a:hover{border-bottom: #007896 2px solid;  color: #333;}
.n_nav a.on{border-bottom: #007896 2px solid; }
.n_nav1{ width: 90%; margin: auto; }
.wzdh{ text-align: left; line-height: 60px; }
.wzdh div{background: url(../images/home.png) no-repeat left 23px;  padding-left: 20px;}
.wzdh span{ margin: 0px 10px; }
.n_nav .swiper-slide{ width: auto; display: inline-block; }
/*产品页*/
.n_box{ margin: auto;  }
.n_dh{ margin: auto; padding-top: 70px; text-align: center; width: 80%; margin: auto;  line-height: 200%;}
.n_dh p{ font-size: 34px; margin-bottom: 20px; }
.n_dh span{ display: block; color: #999; }
.about{ margin: 50px auto;  font-size: 16px; line-height: 200%; }
.about img{ margin: auto; }

.n_box1{ background: #fbf6f3; margin: auto; padding: 0px; }
.n_box2{ background: #f3f8fb; margin: auto;padding: 0px; }
.bg_con{ width: 80%;  padding: 70px 0; margin: auto; }
.bg_con li{ float: left; width: 18.5%; }
.bg_con106 li{ width: 13.12%; }
.bg_con .line{ float: left; width: 6.6%; height: 12px;  margin: 7% 1% 0px 1%; background: url(../images/04.png) no-repeat;}
/*.bg_con .line0{background: url(../images/01.png) no-repeat;}
.bg_con .line1{background: url(../images/02.png) no-repeat;}
.bg_con .line2{background: url(../images/03.png) no-repeat;}*/
.bg_con .line3{ display: none; }
.bg_con106 .line3{ display: block; }
.bg_con li .pic{transition: all 0.5s;}

.bg_con li .pic span{ padding-top: 100% }

.bg_con li .text{ margin: 10px auto; color: #666; line-height: 180%;  }
.bg_con li .pic:hover{transform: translateY(-10px);}
.news{ padding: 100px 0px; margin: auto; }
.news .pic{ float: left; width: 45%; }
.news .text{ float: right; width: 45%; }
.news .text span{ display: block; font-size: 34px; margin-top: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;
}
.news .text p{ margin: 40px auto 60px auto; line-height: 200%; color: #999;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 20;
overflow: hidden; letter-spacing:1px;}
.news .text a{  display: block; width: 135px; line-height: 35px; background: #ef7a23; color: #fff; text-align: center;border-radius:5px; }
.news .text a:hover{ background: #007896; }
.news .pic span{ height:322px;  }
.n_news:nth-child(2n) .news .text{ float: left; }
.n_news:nth-child(2n) .news .pic{ float: right; }

.n_box3{ padding: 30px 0px;  }
.newslist { background: #fff; margin: 30px auto; padding: 20px 0px;}
.newslist:hover{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}
.news_listcon{ width: 95%; margin: auto;   }
.newslist .pic{ float: left; width: 30%; }
.newslist .text{ float: right; width: 65%; }
.newslist .text span{ display: block; font-size: 20px; margin-top: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.newslist .text p{ margin: 20px auto; line-height: 200%; color: #999;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.newslist .text i{ font-style: normal; color: #999; }
.newslist .pic span{ height:222px;  }


.tubiao_con{ margin: 80px auto 0px auto; }
.tubiao_con li{ margin:auto;  text-align: center;}

.tubiao_con li img{ margin: auto;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; }

.tubiao_con li:hover img{-webkit-animation:transform-1 0.8s ease 0ms alternate none 1;animation:transform-1 0.8s ease 0ms alternate none 1;}
@-webkit-keyframes transform-1 {
    from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);}
    to{-webkit-transform:perspective(200px) rotateY(360deg);transform:perspective(200px) rotateY(360deg);}
}
@keyframes transform-1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);}
    to{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}
}



.tubiao_con li p{ margin: 20px auto; font-size: 16px; }

.w1360{ width: 1360px; margin: auto; position: relative; }
.case_ncon{ margin: 70px auto;  position: relative; }
.case_ncon .swiper-slide{ display: inline; }
.case_ncon li{ margin: auto; border:#dedee0 1px solid; }
.case_ncon li .pic{ }
.case_ncon li .pic span{ height:258px; }
.case_ncon li .pic span div.mask{ background:rgba(0,0,0,0.5); width: 100%; height: 100%;}
.case_ncon li .pic span div.img{ border-radius:150%; width: 30%; padding-top: 20%; margin: auto;}
.case_ncon li .pic img{ border-radius:150%;  max-width:100%;}
.case_ncon li .text{ margin: auto; padding-top: 10px; width: 90%; }
.case_ncon li .text_tit{ margin: auto; }
.case_ncon li .text_tit span{ font-size: 16px; display: block; }
.case_ncon li .text_tit p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color: #999; line-height: 180%; margin: 5px auto 15px auto;}
.case_ncon li .text .more{ border-top: #dedee0 1px solid; line-height: 35px; background: url(../images/more1.png) no-repeat right center; color: #999; }

.case_ncon li a:hover .more{ background: url(../images/more2.png) no-repeat right center; }
.case_ncon li a:hover .text_tit span{color: #007896;}

.case_box .swiper-button-next,.case_box .swiper-button-prev{ top: 30%; outline: none; }

.ly_box{background: url(../images/lybox.jpg) no-repeat center center; overflow: hidden; }
.ly_dh{ font-size: 34px; color: #fff; padding-top: 60px; text-align: center; margin: auto; }
.ly_lc{ width: 50%; margin:50px auto;  font-size: 16px;}
.ly_lc li{ float: left; width: 20%;  text-align: center; color: #fff;transition: all 0.5s;}
.ly_lc li img{ margin: auto; }
.ly_lc li:hover{transform: translateY(-10px);}
.ly_lc li p{ margin: 10px auto; }
.getform{ background: #fff; padding: 20px 0px; border-radius:45px;  margin: 40px auto; overflow: hidden;}
.getform p{ float: left; margin-left:4%; background: url(../images/icon06.png) no-repeat left; padding-left: 45px; font-size: 16px; width: 20%; }
.getform p.li2{background: url(../images/icon07.png) no-repeat left; }
.getform p.li3{background: url(../images/icon08.png) no-repeat left; }

.getform p:hover{background: url(../images/icon006.png) no-repeat left;}
.getform p:hover.li2{background: url(../images/icon007.png) no-repeat left; }
.getform p:hover.li3{background: url(../images/icon008.png) no-repeat left; }

.getform input[type="text"] {height: 38px; box-sizing: border-box; width: 100%;  border: 0; background: none; border-bottom: 1px solid #e0e0e0; font-size: 16px;  }
.getform input[type="text"]:focus{outline:none; }
.getform input::-webkit-input-placeholder {font-size: 16px; }
.getform input::-moz-input-placeholder { font-size: 16px;}
.getform input::-ms-input-placeholder { font-size: 16px;}
.getform input[type="submit"] {width:10%; height: 38px; float: left; line-height: 38px; border: 0; background: #0074f9; color: #fff;  margin-left: 20px; cursor: pointer; }
.getform input[type="submit"]:hover{ -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);box-shadow: 0px 0px 8px rgba(0,0,0,0.3); }


.swiper-button-next,.swiper-button-prev{outline: none; }

.case_dh{ margin: 20px auto; text-align: center; }
.case_dh a{ display: inline-block; padding: 10px 20px; margin: 5px;background: #fff; border-radius:5px;}
.case_dh a:hover{ background: #007896; color: #fff; }
.case_dh a.on{ background: #007896; color: #fff; }



.case_con2{ margin: auto; overflow: hidden; padding-bottom:50px; }
.case_con2 li{ float: left; width: 25%; position:relative; overflow:hidden;  text-align: center;  margin: 1% auto; display: flex; align-items: center; }
.case_con2 li a dl{ position:absolute; display:block; width:100%; height:100%; z-index:0; top:100%; background:#841377}
.case_con2 li a:hover dl{ top:0px;}
.case_con2 li a{background: #fff;  width: 93%; margin: auto; display: block; height: 225px;  padding: 20px 0px; position:relative ;}

.case_con2 li .pic{ width: 92%; margin: auto;  }
.case_con2 li .pic img{ max-height: 170px; margin: auto; }
.case_con2 li .text{ width: 92%; margin:20px auto 0px auto; position:relative; z-index:2; }
.case_con2 li .text span{ margin: 10px auto; font-size: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display: block;  color: #969696;}
.case_con2 li .text span i{ display:  none; background: #fff; width: 50px; height: 2px; margin: 15px auto; }
.case_con2 li .text p{ margin:33px auto 10px auto; line-height: 180%; color: #fff; font-size: 16px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; display: none; }
.case_con2 li a:hover{ }
.case_con2 li a:hover .pic{ display: none; }
.case_con2 li a:hover .text{margin-top: 0px;}
.case_con2 li a:hover .text p{ display: block; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.case_con2 li a:hover .text span{ color: #fff;  font-size: 18px; font-weight: bold;}
.case_con2 li a:hover .text span i{ display: block; }


.case1{ margin: 50px auto;  }
.case_bg{ text-align: center; display: block; padding: 10px 0px; width: 100%;}
.case_bg .pic{ margin: auto; }
.case_bg .pic img{ margin: auto; height: 50px; }
.case_bg .text{ margin: 5px auto; font-size: 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.gallery-thumbs {  margin:auto; padding: 0.5% 0.5% 0px 0.5%; width: 99%; position: relative; z-index: 2;}
.gallery-thumbs .swiper-slide { opacity: 0.4; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.gallery-thumbs .swiper-slide:hover{ cursor: pointer; }
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;  box-shadow: 0px 0px 15px rgba(0,0,0,0.2); background: #fff; -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;}
.gallery-top {box-shadow: 0px 0px 15px rgba(0,0,0,0.2);   width: 99%; margin:0 auto 20px auto; }

.gallery-top .swiper-slide{}
.case_top{ margin: auto;  width: 90%; padding: 50px 0px;}
.case_top .pic{ float: left; width: 46%; }
.case_top .text{ float: right; width: 50%; }
.case_top .text span{ display: block;  font-size: 24px; margin-top: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.case_top .text i{ font-size: 18px; color: #999; display: block; font-style: normal; padding: 10px 0px; }
.case_top .text p{ margin: 30px auto 50px auto; line-height: 200%; color: #999;display: -webkit-box;
-webkit-box-orient: vertical;
/* -webkit-line-clamp: 3; */
overflow: hidden;  }
.case_top .text a{  display: block; width: 135px; line-height: 35px; background: #ef7a23; color: #fff; text-align: center;border-radius:5px; }
.case_top .text a:hover{ background: #007896; }
.case_top .pic span{ height:356px;  }

.case_box1 .swiper-button-next,.case_box1 .swiper-button-prev{ top: 10%; outline: none; }





.kehu{ margin: 0px auto 30px auto; background: url(../images/shuo.png) no-repeat 10% top; padding-top: 38px;}
.kehu_con{ margin: auto; width: 85%; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);   padding: 40px 0px;  }
.kehu_con .pic{ margin: auto; margin-top: -90px;  text-align: center; }
.kehu_con .pic img{width: 89px; height: 89px;border-radius:89px; border: #e8e8e8 2px solid; margin: auto;}
.kehu_con .pic p{ margin: 10px auto; color: #999; font-size: 16px; }

.kehu_con .text{ margin: 30px auto; line-height: 200%; width: 80%; text-align: center; font-size: 16px; color: #999; }
.kehu .swiper-slide{ padding: 50px 0px 20px 0;  }

.piao{ position: fixed; top: 50%; right: 0px; z-index: 9999999; }
.piao li a{ background: #007896; display: block; margin: 1px auto;}
.piao li a:hover{background: #ef7a23; }

.content{ margin: auto; padding: 30px 0px; }
.tong_con_title{font-size: 26px;padding: 0px 0 15px 0;text-align: center;}
.tong_liulan{/*background: #f5f5f5;*/padding: 10px 0px;color: #999;overflow: hidden;line-height: 22px; border-bottom: #f5f5f5 1px solid; border-top: #f5f5f5 1px solid; text-align: center;}
.tong_back{margin:10px auto;line-height:25px;color:#666;text-align:center;}
.tong_back a{color:#666;}
.tong_back a:hover{color:#0061ae;}
.tong_connr{margin:10px auto;text-align:left;line-height:180%;font-size:16px;}
.pian{margin:10px auto;width:100%;text-align:left;line-height:180%;}
.pian span{font-weight:bold;}


.history_ins_box{ background:#f5f5f5; padding-bottom:77px;}
.history_ins{ padding:50px 0px;}
.history_ins ul.zhu{ display:block; background:url(../images/lanshu.gif) center center repeat-y; padding-top:36px;}
.history_ins ul.zhu li{ display:block; margin-bottom:33px;}
.history_ins ul.zhu li.z{}
.history_ins ul.zhu li div.year{ width:150px; height:37px; line-height: 37px; text-align:center; display:block; margin:0px auto; background:url(../images/libg01.png) center center no-repeat; color:#fff; font-size:16px;position:relative; font-weight: bold; z-index:1;}
.history_ins ul.zhu li.z div.year{ width:150px; height:37px; text-align:center;background:url(../images/libg02.png) center center no-repeat; line-height: 37px;  }
.history_ins ul.zhu li div.lists{ float:right; border:1px solid #ededed; background:#FFF; width: calc(50% - 68px); margin-top:-63px; position:relative; z-index:0; min-height:70px;padding-top:26px;}
.history_ins ul.zhu li.z div.lists{ float:left}
.history_ins ul.zhu li div.lists dl{ display:block; margin:0px auto; width:90%;  margin:0px auto; max-width:96%; padding-bottom:25px;}
.history_ins ul.zhu li div.lists dl dt{ float:left; }
.history_ins ul.zhu li div.lists dl dt b{ font-size:34px; color:#ef7a23;}
.history_ins ul.zhu li div.lists dl dt span{ font-size:14px; color:#333; position:relative; top:-13px;}
.history_ins ul.zhu li div.lists dl dd{ display:block; padding-left: 60px; }
.history_ins ul.zhu li div.lists dl dd p{ color:#777; line-height:24px; display:block; position:relative; top:6px;}

.history_ins.all ul.zhu{  background:url(../images/lanshu.gif) 33px center repeat-y; }
.history_ins.all ul.zhu li{  margin-bottom:53px;}

.history_ins.all ul.zhu li div.year{ margin:0px; margin-left:-33px; }

.history_ins.all ul.zhu li div.lists{  width: calc(100% - 110px); padding-bottom:18px;  }
.history_ins.all ul.zhu li.z div.lists{ float:left}
.history_ins.all ul.zhu li div.lists dl{  max-width:98%; margin-bottom:0px; padding-bottom:15px; overflow: hidden; }

.history_ins.all ul.zhu li div.lists dl dt b{ font-size:34px; color:#ef7a23;}

.history_ins.all ul.zhu li div.lists dl dd{ }
.history_ins.all ul.zhu li div.lists dl dd p{  line-height:20px;}

div.more_self{ display:block; width:70px; height:40px; background:url(../images/j.png) center top no-repeat; overflow:hidden; margin:0px auto; color:#999; margin-top:18px; line-height:66px; cursor:pointer; text-align:center;}
.hide_div{ display:none; padding-top:63px; position:relative; top:-63px;}
.more_self.on{background:url(../images/jj.png) center top no-repeat;}
.more_self.on i{ display:none}


.ry_ncon{ margin: 70px auto;  position: relative; }
.ry_ncon .swiper-slide{ display: inline; }
.ry_ncon li{ margin: auto; }
.ry_ncon li .pic{ }
.ry_ncon li .pic span{ height:315px; }
.ry_ncon li .text{ margin: auto; padding-top: 10px; width: 90%; text-align: center; }
.ry_ncon li .text_tit{ margin: auto; }
.ry_ncon li .text_tit span{ font-size: 16px; display: block; }

.ry_ncon li a:hover .text_tit span{color: #007896;}

.n_box4{ background: #f3f3f3; margin: auto; padding-bottom: 10px; }
.link_box{ margin: auto;  margin: 50px auto; }
.link_box .swiper-slide{ display: inline;  }

.liuyan_con{ width: 42%; margin: auto; }
.liuyan_con input[type="text"]{ background: none;  border:none; width: 100%; outline:none;}
.liuyan_con textarea{ background: none; border:none;  outline:none;}
.liuyan_con p{ margin: 20px auto; display:block; position:relative }
.liuyan_con p i{ display:inline-block; position:absolute; right:16px; top:20px;}
.liuyan_con p input[type="text"]{ border-bottom: #d7d7d7 1px solid; border: #d7d7d7 1px solid; height: 58px; line-height: 58px; text-indent: 20px;}

.liuyan_con dd{ margin: 10px auto; border: #d7d7d7 1px solid; }
.liuyan_con dd textarea{height: 100px; margin: 10px auto; width: 97%; margin-left: 1.5%;}
.liuyan_con p input::-webkit-input-placeholder{color: #999;  } /*?使用webkit内核的浏览器 */
.liuyan_con p input:-moz-placeholder{color: #999; } /*?Firefox版本4-18 */
.liuyan_con p input::-moz-placeholder{color: #999; } /*?Firefox版本19+ */
.liuyan_con p input:-ms-input-placeholder{color: #999; }
.liuyan_con textarea::-webkit-input-placeholder{color: #999; font-family: "Arial"; padding-left: 10px; }

.liuyan_con p input[type="submit"]{ border:none; width: 153px; line-height: 50px; background: #ef7a23; color: #fff; text-align: center;  display: block; border-radius:3px; margin: 30px auto; cursor: pointer; font-size: 18px;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 2px; }

.banner_l{ float:left; width:54.2%; padding-top:61px;}
.banner_r{ float:right;width:45.8%;padding-top:61px;}

.lxwm{ font-size: 16px; line-height: 200%; }
@-webkit-keyframes slideDown {
    0% { -webkit-transform: translateY(0); }
    50% { -webkit-transform: translateY(-10px); }
    100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideDown {
    0% { -moz-transform: translateY(0); }
    50% { -moz-transform: translateY(-10px); }
    100% { -moz-transform: translateY(0); }
}
@-o-keyframes slideDown {
    0% { -o-transform: translateY(0); }
    50% { -o-transform: translateY(-10px); }
    100% { -o-transform: translateY(0); }
}
@-ms-keyframes slideDown {
    0% { -ms-transform: translateY(0); }
    50% { -ms-transform: translateY(-10px); }
    100% { -ms-transform: translateY(0); }
}
@keyframes slideDown {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}