header{

    width: 100%;

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    border-bottom: 1px solid #0083b8;

    /* padding: 16px 0; */

    z-index: 22;

    background: #fff

}

header h1{

    margin-top: 12px;

}

.caselist-xl{

    position: fixed;

    top: 87px;

    width: 100%;

    z-index: 21;

    left: 0;

    transform: translateY(-100%);

    -webkit-transform: translateY(-100%);

    opacity: 0; 

    transition: all 0.3s;

    -webkit-transition: all 0.3s; 
    /* height: 100%; */
    background: #fff;
    padding-top: 45px;
    padding-bottom: 50px;

}
.caselist-xl li{
    width: 24%;
    margin-right: 1.33%;
    float: left;
     margin-bottom: 30px;
    
}
/* .caselist-xl li:hover .tit img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2); 
} */
.caselist-xl li .tit{
    width: 100%;
    text-align: center
    /* position: relative; */
    /* overflow: hidden; */
}
.caselist-xl li .tit img{
   width: 100%;
   height: auto;
   transition: all 0.5s;
   -webkit-transition: all 0.5s; 
}
.caselist-xl li .tit h6{

    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: 18px;
}
.caselist-xl li:hover .tit h6{
    color: #009cc2
}
.caselist-xl li:nth-of-type(4n){
    margin-right: 0;
}
.caselist-xl-action{

    transform: translateY(0) !important;

    -webkit-transform: translateY(0) !important;

    opacity: 1 !important; 

}

/* .caselist-xl .w1400{

    

    padding: 20px 4%;

} */

/* .caselist-xl .w1400 li{

    border-bottom: 1px solid #99d7e7;

    padding: 30px 0;

}

.caselist-xl .w1400 li:last-of-type{

    border-bottom:none

}

.caselist-xl .w1400 .tit{

    width: 30%;

    color: #fff;

    font-size: 18px;

}

.caselist-xl .w1400 .text{

    width: 70%;

}

.caselist-xl .w1400 .text a{

    font-size:14px;color: #fff;

    display: inline-block;
    width: 24%;
    margin-right: 1%;
    white-space: nowrap;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; 

}
.caselist-xl .w1400 .text a:hover{
    transform: translateX(4px);
    -webkit-transform: translateX(4px);
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5)
}
.caselist-xl .w1400 .text a:nth-of-type(4n){
    margin-right: 0;
}
.caselist-xl .w1400 .text a::before{

    width: 3px;height: 5px;

    content: '';

    display: inline-block;

    vertical-align: middle;

    margin-right: 6px;

    background: url('../images/case-dese.jpg') no-repeat center;

} */

.hid{

    width: 100%;height: 88px;

}

header .header-rigth ul li,

header .header-rigth p,

header .header-rigth p img,

header .header-rigth ul{

    display: inline-block;

    vertical-align: middle;

}

header .header-rigth{

    /* margin-top: 12px; */

}

header .header-rigth ul li > a{

    margin-right: 40px;

    line-height: 88px;

}

header .header-rigth ul li:last-of-type{

    margin-right: 0;

}

header .header-rigth ul li a{

    font-size: 16px;color: #666666

}

header .header-rigth ul li a:hover{

    color: #009cc2

}



header .header-rigth ul .action a{

    color: #009cc2

}

header .header-rigth ul{

    margin-right: 50px;

}

header .header-rigth  p{

    padding-left: 35px;

    /* border-left: 1px solid #b2b2b2 */

}

header .header-rigth  p span{

    font-size: 18px;

    line-height: 20px;

    display: inline-block;

    vertical-align: middle;

    margin-left: 6px;color: #009cc2

}

.index-set1{

    width: 100%;

    height: 740px;

}

.index-set1-title{

    width: 100%;

    text-align: center;

    padding: 60px 0 62px;

}

.index-set1-title h3{

    font-size: 36px;color: #333;margin-bottom: 8px;

}

.index-set1-title p{

    font-size: 16px;color: #666666

}

.index-set1 ul{

    text-align: center

}

.index-set1 ul li{

   display: inline-block;

   vertical-align: middle;

   width: 347px;

 

}

.index-set1 ul li .des{

    box-sizing: border-box;

    padding: 30px 50px 51px;

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    cursor: pointer;

}

.index-set1 ul li:nth-of-type(2){

    margin: 0 5%;

}

.index-set1 ul li i{

    display: inline-block;

    width: 130px;

    height: 130px;

    border-radius: 50%;

    border: 1px solid #d5d5d5;

    position: relative

}

.index-set1 ul li i::before{

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    left: 0;

    top: 0;

    display: block;

    content: '';

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: scale(0.3);

    -webkit-transform: scale(0.3);

    opacity: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.index-set1 ul li:nth-of-type(1) i::before{

    box-shadow: 0 0 5px rgba(39, 193, 89, 1);

}

.index-set1 ul li:nth-of-type(2) i::before{

    box-shadow: 0 0 5px rgba(31, 158, 255, 1);

}

.index-set1 ul li:nth-of-type(3) i::before{

    box-shadow: 0 0 5px rgba(255, 147, 32, 1);

}

.index-set1 ul li:nth-of-type(1) i{

    border:1px solid 0 0 5px rgba(39, 193, 89, 1);

}

.index-set1 ul li:nth-of-type(2) i{

    border:1px solid 0 0 5px rgba(31, 158, 255, 1);

}

.index-set1 ul li:nth-of-type(3) i{

    border:1px solid 0 0 5px rgba(255, 147, 32, 1);

}

.index-set1 ul li:hover i::before{

    transform: scale(1);

    -webkit-transform: scale(1);

    opacity: 1;

}

.index-set1 ul li h6{

    font-size: 18px;color: #000;

    padding: 18px 0;

}

.index-set1 ul li a{

    width: 110px;

    display: inline-block;

    text-align: center;

    line-height: 35px;

    border: 1px solid #d5d5d5;

    color: #999999;

    margin-top: 34px;

    position: relative

}

.index-set1 ul li a::before{

    content: '';

    width: 0;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: #27c159;

    display: block;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.index-set1 ul li:nth-of-type(2) a::before{

      background: #1f9eff

}

.index-set1 ul li:nth-of-type(3) a::before{

    background: #ff9320

}

.index-set1 ul li:hover a::before{

    width: 100%;

}

.index-set1 ul li:hover a{

    color: #fff

}

.index-set1 ul li p{

    font-size: 14px;

    text-align: left;

    overflow:hidden; 

    width: 236px;

    margin: 0 auto;

    text-overflow:ellipsis;

    

    display:-webkit-box; 

    

    -webkit-box-orient:vertical;

    

    -webkit-line-clamp:3

}

/* .index-set1 ul li:hover p{

  height: auto;

} */

/* .index-set1 ul li:hover{

    width: 380px;

} */

.index-set1 ul li .p{

    display: none;

    margin: 0 auto;

    width: 268px;

}

.index-set1 ul li:hover .des{

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}

.index-set2{

    width: 100%;

    background: url('../images/index-set2-bj.jpg') no-repeat center top;

}

.index-set2-title{

    width: 100%;text-align: center;font-size: 32px;color: #333;padding-top: 60px;

    padding-bottom: 35px;

}

.index-nav{

    text-align: center;

    padding-bottom: 40px;

}

.index-nav dd{

    display: inline-block;

    vertical-align: middle;

    margin-right: 120px;
    width: 213px;

}
.index-nav dd img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
  
}
.index-nav dd:last-of-type{

    margin-right: 0;

}

.index-nav dd p{

    margin-top: 6px;

    font-size: 16px;color: #666

}
.index-nav dd:hover img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
}
.index-nav .action p{

    color: #009cc2

}
.index-nav .action img{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);

}
.pordcut-list {

    padding-bottom: 66px;

    position: relative;



}

.index-set2{

    padding-bottom: 30px;

}

.pordcut-list li{

    width: 24%;

    margin-right: 1.333%;



    float: left;

    text-align: center

}

.pordcut-list li .des{

    background: #fff;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.pordcut-list li:nth-of-type(4n){

    margin-right: 0;

}

.pordcut-list li h6{
    height: 48px;
    font-size: 18px;color: #494949;margin-top: 16px;
    line-height: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    white-space: normal;
    overflow: hidden;

}

.pordcut-list li span{

    color: #999999;

    font-size: 12px;
    display: inline-block;
    min-height: 15px;
}

.pordcut-list li  p{

    font-size: 16px;color: #666;

    margin-top: 12px;
    min-height: 34px;
    
}

.pordcut-list li .link{

    width: 60px;display: inline-block;

    line-height: 20px;font-size: 12px;

    text-align: center;

    border: 1px solid #dbdbdb;color: #dbdbdb;

    margin: 30px 0;

    position: relative;

}

.pordcut-list li .link::before{

    content: '';

    width: 0;

    height: 100%;

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    background: #01a2ca;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}
.pordcut-list li .img img{max-width: 100%;height:234px;transition: .5s all}
.pordcut-list li:hover .des{

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

}

.pordcut-list li:hover .link::before{

    width: 100%;

}

.pordcut-list li:hover .img img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1); 

}

.pordcut-list li:hover .link{

    color: #fff;

    border: 1px solid #01a2ca;

    color: #fff

}

.swiper-pagination-bullet-active{

    background: #01a2ca !important

}

.index-set3-title{

    text-align: center;

    padding: 31px 0;

}

.index-set3-title h3{

    font-size: 32px;color: #333

}

.index-set3-title p{

    font-size: 18px;color: #666;

    

}

.index-set3-nav {

    text-align: center;

    margin-bottom: 34px;

}

.index-set3-nav a{

    display: inline-block;

    vertical-align: middle;

    margin-right: 40px;

    padding: 0 20px;

    line-height: 38px;

    border-radius: 4px;

    position: relative;

    font-size: 16px;

    color: #666666

}

.index-set3-nav a::before{

    content: '';

    width: 0;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0%;

    background: #01a2ca;

    border-radius: 4px;

    z-index: -1;

    opacity: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.index-set3-nav a:last-of-type{

    margin-right: 0;

}

.index-set3-nav .action{

    color: #fff

}

.index-set3-nav .action::before{

    width: 100%;

    opacity: 1;

}

.index-set3-cont{

    width: 100%;

}

.index-set3-cont li{

    width: 33%;

    margin-right: 0.5%;

    float: left;

    position: relative;

    overflow: hidden;

}

.index-set3-cont li:last-of-type{

    margin-right: 0;

}

.index-set3-cont li > img{

    width: 100%;

    height: auto;

}

.index-set3-cont h6{

    position: absolute;

    bottom: 30px;

    font-size: 24px;

    color: #fff;

    padding-left: 30px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.index-set3-cont .contves{

    position: absolute;

    width: 100%;

    left: 0%;

    transform: translateY(-30%);

    -webkit-transform: translateY(-30%);

    opacity: 0;

    top: 50%;

    text-align: center;

 

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.index-set3-cont .contves h5{

    font-size: 24px;

    color: #fff;

    margin-bottom: 12px;

    

}

.index-set3-cont .contves p{

    font-size: 16px;

    color: #fff

}

.index-set3-cont .contves a{

    width: 96px;

    line-height: 30px;

    display: inline-block;

    text-align: center;

    color: #fff;

    border-radius: 3px;

    border: 1px solid #fff;

    margin-top: 45px;

    position: relative;

    

}

.index-set3-cont .contves a::before{

    content: '';

    width: 0;

    height: 100%;

    display: block;

    background: #01a2ca;

    display: block;

    left: 0;

    top: 0;

    position: absolute;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.index-set3-cont .contves a:hover{

    border: 1px solid #01a2ca;

}

.index-set3-cont .contves a:hover::before{

    width: 100%;

}

.index-set3-cont li::before{

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.5);

    display: block;

    opacity: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.index-set3-cont li:hover h6{

    opacity: 0;

    transform: translateY(50px);

    -webkit-transform: translateY(50px);

}

.index-set3-cont li:hover .contves{

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    opacity: 1;

}

.index-set3-cont li:hover::before{

    opacity: 1;

}

.index-set3-more{

    width: 100%;

    display: block;

    text-align: center;

    font-size: 16px;

    color: #666666;

    padding: 36px 0 30px;

}

.index-set4{

    width: 100%;

    background: url('../images/index-set4-bj.jpg') no-repeat center top;

    padding: 146px 0;

}

.index-set4 .left{

    width: 40%;

    padding-top: 71px;

}

.index-set4 .rigth{

    width: 50%;

    position: relative;

}

.index-set4 .rigth .to{

    width: 68px;height: 68px;

    background: url('../images/index-set4-ico.png') no-repeat center;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    cursor: pointer;

}

.index-set4 .rigth > img{

   width: 100%;

   height: auto;

}

.index-set4 .left span{

    font-size: 24px;

    color: #666666;

}

.index-set4 .left h6{

    font-size: 36px;color: #333333;

    padding: 8px 0 16px;

}

.index-set4 .left a{

    width: 136px;

    line-height: 40px;

    text-align: center;

    display: block;

    font-size: 14px;

    border: 1px solid #bababa;color: #666666;

    margin-top: 47px;

    position: relative;

    z-index: 1;

}

.index-set4 .left a::after{

    background: #009cc2;

    width: 0;

    height: 100%;

    display: block;

    left: 0;

    top: 0;

    content: '';

    position: absolute;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    opacity: 0;

    z-index: -1;

}

.index-set4 .left a:hover{

    color: #fff;

    border-color: #009cc2

}

.index-set4 .left a:hover::after{

    width: 100%;

    opacity: 1;

}

.index-set5{

    width: 100%;

    background: #f4f4f4

}

.index-set5-nav{

    width: 100%;

    padding: 58px 0;

}

.index-set5-nav h6{

    font-size: 32px;color: #333

}

.index-set5-nav a{

    display: inline-block;

    font-size: 16px;

    color: #666666;

    line-height: 37px;

    padding: 0 24px;

    position: relative;

    border-radius: 3px;

    margin-top: 5px;

    margin-left: 12px;

    z-index: 1;

}

.index-set5-nav a::before{

    position: absolute;

    width: 0;

    height: 100%;

    content: '';

    display: block;

    background: #0083b8;

    left: 0;

    top: 0;

    border-radius: 3px;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.index-set5-nav .action{

    color: #fff

}

.index-set5-nav .action::before{

    width: 100%;

}

.index-set5-cont{

    width: 100%;

    padding-bottom: 20px;

}

.index-set5-cont li:first-of-type{

    float: left;

    width: 37.5%;

}

.index-set5-cont li:nth-of-type(2){

    width: 59.4%;

    float: right

}

.index-set5-cont li dd{

    width: 48.5%;

    margin-right: 3%;

    float: left;

}

.index-set5-cont li dd:nth-of-type(2n){

    margin-right: 0;

}

.index-set5-cont li .tit{

    padding: 26px 0;

}

.index-set5-cont li .tit p{

    display: inline-block;

    width: 25%;

    vertical-align: middle;

    border-right: 1px solid #cac8c8

}

.index-set5-cont li .tit h6{

    width: 74%;

    display: inline-block;

    vertical-align: middle;

    padding-left: 25px;

    font-size: 18px;color: #333

}

.index-set5-cont li .tit p span{

    color: #01a2ca;font-size: 36px;

    line-height: 1.1;

}

.index-set5-cont li .tit p  em{

    font-size: 14px;color: #666

}

.index-set5-cont li dd h6{

    font-size: 17px;color: #666;

    margin-bottom: 10px;

    min-height: 50px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.index-set5-cont li dd  span{

    font-size: 14px;color: #999

}

.index-set5-cont li dd{

    

    margin-top: 10px;

    margin-bottom: 20px;

}

.index-set5-cont li dd a{

    display: block;

    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;



}

.index-set5-cont li dd:hover h6{

     color: #0083b8;

     transform: translateY(-5px);

     -webkit-transform: translateY(-5px); 

}

.footer{

    width: 100%;

    padding: 50px 0;

}

.footer .desv{

    border-bottom: 1px solid #e3e3e3

}

.footer-left{

    width: 856px;

}

.footer-left ul{

    padding-bottom: 27px;

    border-bottom: 1px solid #e3e3e3

}

.footer-left li{

    width: 30%;

    float: left;

   

}

.footer-left li:nth-of-type(3){

    width: 40%;

    border: none;

    padding-left: 20px;

    font-size: 16px;

    color: #666;
    line-height: 24px;

}

.footer-left li:nth-of-type(2){

    padding-left: 20px;

    border-right: 1px solid #cccccc;

    border-left: 1px solid #cccccc;

}

.footer-left li p{

    font-size: 34px;

    line-height: 1.1;

    color: #01a2ca;

}

.footer-left li  span{

    color: #666

}

.footer-left > p a{

    line-height: 68px;

    font-size: 16px;

    color: #666666;

    display: inline-block;

    margin-right: 22px;

    padding: 0 10px;

}

.footer-left > p a:last-of-type{

    margin-right: 0;

}

.footer-wx li{

    display: inline-block;

    text-align: center

}

.footer-wx li p{

    font-size: 12px;color: #666;

    margin-top: 6px;

}

.footer-wx li:last-of-type{

    margin-left: 16px;

}

.footer .p{

    padding-top:20px;

    color: #666;
    font-size: 14px;

}

.footer .p a{

    display: inline-block;

    color: #666;

    

}

.footer .p a:hover{

    color: #009cc2

}

.footer-b{

    width: 100%;

    background: #f4f4f4;

    padding: 15px 0;

    color: #999

}

.footer-b a{

    color: #999;

    padding: 0 10px;

    /* border-right: 1px solid #666; */

    font-size: 14px;
   display: inline-block;
   position: relative;
    /* line-height: 14px; */

}
.footer-b a::before{
    width: 1px;
    height: 10px;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #999;
    content: '';
}
.footer-b a:hover{

    color: #009cc2

}

.footer-b a:last-of-type::before{

    opacity: 0;

}



.nav{

    width: 600px;

    height: 50px;

    margin: 0 auto;

    /* border-bottom:1px solid rgba(86,148,210,0.8); */

    position: relative;

}

.nav ul{

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.nav ul li{

    flex: 1;

    list-style: none;

    text-align: center;

    z-index: 99;

}

.nav ul li a{

    display: block;

    height: 100%;

    color: #666365;

    text-decoration: none;

    transition: color 0.3s linear;

    font-size: 16px;

}

.nav ul .active a ,.nav ul li a:hover{

    color: #fff;

}

.bg{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 20%;

    height: 50px;

    background: #009cc2;

    transition: all 0.3s ease;

}



.case-cont{

    width: 100%;

    background: #f0f0f0;

    padding: 44px 0 60px;

}

.case-cont h6{

    font-size: 30px;

    color: #009cc2;

    text-align: center;

    margin-bottom: 12px;

}

.case-cont .cont{

    width: 1200px;

    max-width: 93%;

    margin: 0 auto;

}
.case-cont .cont img{
    max-width: 95%;
    height: auto;
}

.case-su{

    width: 100%;

    padding-bottom: 85px;

}

.case-su h3{

    font-size: 30px;color: #009cc2;

    text-align: center;

    padding: 35px 0 40px;

}

.case-su-cont{

     width: 100%;

}

.case-su-cont .case-dt{

    width: 100%;

    border: 1px solid #d0d0d0

}

.case-su-cont .case-dt .rigth{

    width: 25%;

}

.case-su-cont .case-dt .left{

    width: 75%;

}

.case-su-cont .case-dt .rigth p{

    display: inline-block

}

.case-su-cont .case-dt .rigth img{



    filter: contrast(8%);

    -webkit-filter:contrast(8%);

    -moz-filter: contrast(8%);

    -ms-filter: contrast(8%);

    -o-filter: contrast(8%);

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    margin-right: 6px;



}

.case-su-cont .case-dt .rigth li{

    padding: 12px 8%;

    border-right: 1px solid #d0d0d0;

    border-bottom: 1px solid #d0d0d0;

    font-size: 16px;color: #666;

    cursor: pointer;

    position: relative;

}

.case-su-cont .case-dt .rigth li:last-of-type{

    border-bottom: none

}

.case-su-cont .case-dt .rigth li::before{

    content: '';

    width: 0;

    height: 100%;

    display: block;

    background: #009cc2;

    position: absolute;

    display:block;

    left: 0;

    top: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    z-index: -1;

}

.case-su-cont .case-dt .rigth .action::before{

    width: 100%;

}

.case-su-cont .case-dt .rigth .action{

    color: #fff !important

}

.case-su-cont .case-dt .rigth .action img{

    filter: contrast(100%);

    -webkit-filter:contrast(100%);

    -moz-filter: contrast(100%);

    -ms-filter: contrast(100%);

    -o-filter: contrast(100%);

}

.case-su-cont .case-dt .left .case-page{

    width: 100%;

    padding: 45px 8%;

    overflow-y: auto;

}



.case-su-cont .case-dt .left .case-page h6{

    font-size: 24px;color: #333;

    margin-bottom: 10px;

}

.case-ys{

    width: 100%;

    background: #f0f0f0;

    padding-bottom: 60px;

  

}

.case-ys1{

    padding-bottom: 20px;

}

.case-ys h3{

    text-align: center;

    font-size: 30px;

    color: #009cc2;

    padding: 35px 0 40px;

}

.case-ys  li{

    width: 30%;

    margin-right: 5%;

    float: left;

    text-align: center;

    margin-bottom: 18px;

    padding: 10px;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.case-ys li:nth-of-type(3n){

    margin-right: 0;

}

.case-ys  li h5{

    font-size: 18px;color: #333;

    padding: 12px 0 16px;

}

.case-ys  li h6{

    font-size: 14px;color: #666666;

    min-height: 79px

}

.case-ys  li:hover{

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-5px);

    -webkit-transform: translateY(-5px); 

}

.case-li li{

    width: 32%;

    margin-right: 2%;

    float: left;

    padding: 0;

}

.case-li li p{

    text-align: center;

    font-size: 16px;

    line-height: 2;

    padding: 12px 0;

}

.case-li li:nth-of-type(3n){

    margin-right: 0;

}

.about-b{

    width: 100%;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.about-b span{

    font-size: 18px;color: #dff3fe

}

.about-b h6{

    font-size: 36px;color: #dff3fe

}

.about-b i{

    width: 54px;

    height: 2px;

    background: #76d3ed;

    display: block;

    margin-top: 20px;

}

.contact-cont{

    width: 100%;

    background: #f0f0f0;

    padding-bottom: 30px;

}

.contact-nat{

    line-height: 48px;

}

.contact-title{

    text-align: center;

    padding: 30px 0 50px;

}

.contact-title h6{

    font-size: 36px;color: #333;

    margin-bottom: 10px;

}

.contact-title p{

    font-size: 16px;color: #666

}

.conact-set2{

    width: 100%;

    padding-bottom: 42px;

   

}

.conact-set2 ul{

    width: 93%;

    margin: 0 auto;

}

.conact-set2 ul li{

    width: 33.3%;

    float: left;

}

.conact-set2 ul li p{

    display: inline-block;

    vertical-align: middle

}

.conact-set2 ul li img{

    display: inline-block;

    vertical-align: middle;

    margin-right: 6px;

}

.conact-set2 ul li p em{

    font-size: 30px;color: #40b2ce;

    line-height: 1.3;

}

.conact-set2 ul li p span{

    color: #666

}

.conact-map{

    width: 100%;

    position: relative;

}

.conact-map> img{

    width: 100%;

    height: auto;

}

.conact-cont{

    width: 100%;

    text-align: center;

    left: 0;

    top: 50%;

    position: absolute;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

}

.conact-cont p{

    display: inline-block;

    line-height: 58px;

    background: #009cc2;

    padding: 0 20px;

    font-size: 16px;

    color: #fff;

    margin-right: 2px;

    vertical-align: middle

}

.conact-cont a{

    display: inline-block;

    line-height: 58px;

    font-size: 16px;

    background: #009cc2;

    font-size: 16px;

    color: #fff;

    padding: 0 20px;

    vertical-align: middle

}

.cont-liyan{

    padding-top: 10px;

}

.cont-liyan h3{

    text-align: center;

    font-size: 32px;

    color: #333;

    padding: 45px 0;

}

.cont-liyan .dest{

    margin-bottom: 20px;

}

.cont-liyan .text{

    width: 32%;

    display: block;

    background: #fff;

    height: 60px;

    line-height: 70px;

    padding: 0 30px;

    float: left;

    margin-right: 2%;

}

.cont-liyan .text:nth-of-type(3n){

    margin-right: 0;

}

.cont-liyan textarea{

    width: 100%;

    padding: 30px;

    background: #fff;

    height: 200px;

    display: block;

    margin-bottom: 20px;

}

.cont-liyan .submit{

    width: 240px;

    line-height: 60px;

    height: 60px;

    color: #fff;

    background: #009cc2;

    display: block;

    margin: 60px auto;

    cursor: pointer;

}

.about-nav{

    width: 100%;

    line-height: 60px;

    background: #fff;

}

.about-nav .fl a{

    display: inline-block;

    font-size: 16px;

    color: #666666;

    margin-right: 60px;

    position: relative;

}

.about-nav .fl a:last-of-type{

    margin-right: 0;

}

.about-nav .fl a::before{

    content: '';

    width: 0;

    height: 2px;

    display: block;

    background: #009cc2;

    position: absolute;

    left: 0;

    bottom: 0;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.about-nav .fl a:hover{

    color: #009cc2

}

.about-nav .fl .action::before{

    width: 100%;

}

.about-cont{

    width: 100%;

    background: #f0f0f0;

    padding-bottom: 66px;

}

.about-cont h2{

    font-size: 36px;color: #333333;

    padding: 43px 0;

}

.about-cont li{

    width: 33.3%;

    float: left;

    padding: 0 3%;

}

.about-cont li:nth-of-type(1){

    padding-left: 0;

}

.about-cont li:nth-of-type(2){

    border-left: 1px solid #d8d8d8;

    border-right: 1px solid #d8d8d8

}

.about-cont li .ms-dir-v{

    width: 100%;

    border-bottom: 1px solid #d8d8d8;

    padding: 15px 0;

}

.about-cont li .ms-dir-v:nth-of-type(2){

    border-bottom: none

}

.about-cont li .ms-dir-v .tit{

    display: inline-block;

    vertical-align: text-top

}

.about-cont li .ms-dir-v img{

    display: inline-block;

    vertical-align: text-top;

    margin-right: 10px;

}

.about-cont li .ms-dir-v .tit span{

    font-size: 24px;color: #666666

}

.about-cont li .ms-dir-v .tit b{

    font-size: 60px;

    color: #009cc2;

    line-height: 68px;

}

.about-cont li .ms-dir-v .tit em{

    font-size: 16px;color: #666

}

.about-cont li  .img{

    margin-top: 25px;

    position: relative;

}

.about-cont li .img .des{

    width: 100%;

    text-align: center;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    position: absolute;

    cursor: pointer;

}

.about-cont li .img .des p{

    font-size: 16px;

    color: #fff;

    margin-top: 6px;

}

.about-cont li h6{

    font-size: 24px;color: #333;

    padding: 20px 0;

}

.about-cont li > p{

    font-size: 16px;color: #666;line-height: 2;

    min-height: 170px

}

.about-cont li > img{

    display: block;

    margin: 0 auto 50px;

    max-width: 80%;



}

.about-set2{

    width: 100%;

    padding-bottom: 100px;

    background: url('../images/about-des.jpg') no-repeat center bottom;

}

.about-set2-title{

    text-align: center;

    padding: 65px 0 35px;

}

.about-set2-title h2{

    font-size: 36px;color: #333;

    margin-bottom: 12px;

}

.about-set2-title p{

    font-size: 16px;color: #666

}

.about-set2-list{

    width: 100%;

    position: relative;

}

.about-set2-list .about-lis{

    width: 90%;

    margin: 0 auto;

    overflow: hidden;

    position: relative

}

.about-set2-list .about-lis::before{

    width: 100%;

    height: 1px;

    display: block;

    position: absolute;

    left: 0;

    top: 43px;

    background: #919191;

    content: '';

}

.about-set2-list  i{

    width: 28px;

    height: 47px;

    display: block;

    top: 20px;

  

    position: absolute;

    cursor: pointer;

}

.about-set2-list .about-set2-left{

    left: 0;

    background: url('../images/about-set2-left.png') no-repeat center top;



}

.about-set2-list .about-set2-rigth{

    right: 0;

    background: url('../images/about-set2-rigth.png') no-repeat center top;

}

.about-set2-list li{

    padding: 0 2% 0;

    padding-top: 37px

}

.about-set2-list li::before{

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: #0093b7;

    content: '';

    display: block;

    margin-left: 53px;

    

}

.about-set2-list li h5{

    font-size: 45px;color: #0093b7;

    font-weight: bold;

    padding: 10px 0;

}

.about-set2-list li p{

    font-size: 16px;

    color: #666666

}

.about-set3{

    width: 100%;

    background: #f0f0f0;

    padding: 55px 0;

}

.about-set3 .left{

    width: 55%;

    padding-right: 6%;

    padding-top: 156px;

}

.about-set3 .rigth{

    width: 45%;

}

.about-set3 .rigth img{

    max-width: 100%;

    height: auto;

}



.about-set3 .left h6{

    font-size: 36px;color: #333;

    margin-bottom: 10px;

}

.about-set3 .left p{

    font-size: 16px;color: #666

}

.about-set4 .left{

    width: 50%;

    height: 626px;

    background: url('../images/about-ry-bj1.jpg') no-repeat right center;

    padding-top: 63px;

}

.about-set4 .rigth{

    width: 50%;

    height: 626px;

    background: url('../images/about-ry-bj2.jpg') no-repeat right center;

    padding-top: 100px;

}

.w700{

    width: 700px;

}

.about-set4 .left .w700{

    margin-left: auto;

}

.about-set4 .left h6{

    font-size: 36px;color: #333;

    margin-bottom: 32px;

}

.about-set4 .left li{

    font-size: 16px;

    margin-bottom: 6px;color: #666

}

.about-set4 .left li::before{

    width: 4px;

    height: 4px;

    display: inline-block;

    vertical-align: middle;

    border-radius: 50%;

    background: #cbcbcb;

    margin-right: 8px;

    content: ''

}

.about-bar{

    width: 100%;

    text-align: center

}



.about-bar span{

    width: 140px;

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    font-size: 16px;

    color: #fff;

    border: 1px solid #fff;

    line-height: 42px;

    cursor: pointer;

    position: relative;

    z-index: 1;

}

.about-bar span::before{

    width: 0;

    height: 100%;

    content: '';

    display: block;

    background: #fff;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.about-bar .action{

    color: #0093b7

}

.about-bar .action::before{

    width: 100%;

}

.about-ry-cont{

    width: 70%;

    margin: 0 auto;

    text-align: center;

    padding-top: 50px;

}

.about-ry-page{

    width: 100%;

    position: relative;

}

.about-ry-page .leftt{

    position: absolute;

    left: 0;

    top: 50%;

    width: 15px;

    height: 27px;

    background: url('../images/about-ico1-left.png') no-repeat center top;

    display: block;

    margin-top: -14px;

    opacity: 0.6;

    cursor: pointer;

    z-index: 2;

}

.about-ry-page .rigtht{

    position: absolute;

    right: 0;

    top: 50%;

    width: 15px;

    height: 27px;

    background: url('../images/about-ico1-to.png') no-repeat center top;

    display: block;

    margin-top: -14px;

    opacity: 0.6;

    cursor: pointer;

    z-index: 1;

}

.about-ry-page .leftt:hover,

.about-ry-page .rigtht:hover{

    opacity: 1;

}

.about-ry-page img{

    max-width: 60%;

    height: auto;

}

.about-ry-page p{

    margin-top: 8px;font-size: 16px;color: #e9f3f7

}

.about-set5{

    width: 100%;

    background: #f0f0f0;

    padding-bottom: 89px;

}

.about-set5 h3{

    text-align: center;

    font-size: 36px;

    color: #333;

    padding: 40px 0 50px;

}

.about-set5-cont {

    width: 100%;

}

.about-set5-cont .le{

    width: 49.5%;

}

.about-set5-cont .le li{

    width: 49%;

   background: #fff;

   padding: 82px 56px;

   float: left;

   margin-bottom: 16px;

   height: 350px;

   position: relative;

}

.about-set5-cont .le li h5{

    position: absolute;

    bottom: 20px;

    width: 100%;

    text-align: right;

    padding-right: 20px;

    color: #d1d1d1;

    font-size: 24px;

    font-weight: bold;

    left: 0;

}

.about-set5-cont .le li:nth-of-type(1){

    width: 100%;

    padding: 56px;

    height: 280px;

}

.about-set5-cont .le li:nth-of-type(2){

    margin-right: 2%;

}

.about-set5-cont .le li h6{

    font-size: 24px;color: #333;

    margin-bottom: 20px;

}

.about-set5-cont .le li p{

    font-size: 16px;color: #666

}

.about-set5-cont .ri{

    width: 49.5%;

}

.about-set5-cont .ri li{

    background: #fff;

    padding: 82px 56px;

    float: left;

    margin-bottom: 16px;

    height: 350px;

    width: 49%;

    position: relative;

}

.about-set5-cont .ri li h5{

    position: absolute;

    bottom: 20px;

    width: 100%;

    text-align: right;

    padding-right: 20px;

    color: #d1d1d1;

    font-size: 24px;

    font-weight: bold;

    left: 0;

}

.about-set5-cont .ri  li:nth-of-type(1){

    margin-right: 2%;

}

.about-set5-cont .ri  li:nth-of-type(3){

    width: 100%;

    padding: 56px;

    height: 280px;

}

.about-set5-cont .ri li h6{

    font-size: 24px;color: #333;

    margin-bottom: 20px;

}

.about-set5-cont .ri li p{

    font-size: 16px;color: #666

}

.ser-set1{

    background: #e8e8e8;

    padding: 40px 0 80px;

    text-align: center

}

.ser-set1 h3{

    font-size: 36px;color: #333;

    margin-bottom: 35px;

}

.ser-set1 p{

    font-size: 16px;color: #666;

    line-height: 2;

}

.ser-set2{

    width: 100%;

    background: #f4f4f4

}

.ser-set2 .img{

    width: 50%;

}

.ser-set2  .cont{

    width: 50%;

    padding-top: 85px;

}

.ser-set2 .ser-setcont:nth-of-type(2n-1) .img{

    float: left;

}

.ser-set2 .ser-setcont:nth-of-type(2n-1) .cont{

    float: right;

    

}

.ser-set2 .ser-setcont:nth-of-type(2n-1) .w700{

    margin-right: auto;

    padding-left: 10%;

}

.ser-set2  .cont h5{

    font-size: 36px;color: #333;

}

.ser-set2  .cont .title >p{

    font-size: 20px;color: #666;

    margin-bottom: 16px;

}

.ser-set2  .cont .title i{

    width: 72px;

    height: 1px;

    background: #96a0a6;

    display: block;

    margin-bottom: 16px;

}

.ser-set2 .cont .w700 > p{

    font-size: 16px;

    margin-bottom: 40px;

}



.ser-set2 .cont .w700 .dt li{

    display: inline-block;

    margin-right: 50px;

    text-align: center

}

.ser-set2 .cont .w700 .dt li span{

    font-size: 48px;

    line-height: 48px;

    color: #009cc2;

    font-weight: bold;

    display: inline-block;

   

}

.ser-set2 .cont .w700 .dt li  i{

    font-size: 16px;

    display: inline-block;



    color: #009cc2;

    margin-bottom: 20px;

}

.ser-set2 .cont .w700 .dt li p{

    font-size: 14px;color: #666;

    margin-top: 5px;

}

.ser-set2 .ser-setcont:nth-of-type(2n) .img{

    float: right

}

.ser-set2 .ser-setcont:nth-of-type(2n) .cont{

    float: left;

}

.ser-set2 .ser-setcont:nth-of-type(2n) .w700{

    margin-left: auto;

    padding-right: 10%;

}

.ser-set2 .ser-setcont .des{

    font-size: 30px;color: #009cc2;

    line-height: 30px;

}

.ser-set2 .ser-setcont .des span{

    display: inline-block;

    

}

.ser-set2 .ser-setcont .des span:nth-of-type(2){

    padding: 0 20px;

    border-right: 1px solid #929292;

    border-left: 1px solid #929292;

    margin: 0 16px;

}

.ser-set2 .ser-setcont:last-of-type{

    background: #e8e8e8;

    padding: 76px 0;

}

.new-cont{

    width: 100%;

    background: #f0f0f0;

    padding-bottom: 108px;

}

.new-c{

    width: 100%;

}

.new-c li{

    width: 49%;

    margin-right: 2%;

    float: left;

}

.new-cont h2{

    font-size: 30px;color: #666;

    padding: 35px 0 30px;

}

.new-c li:nth-of-type(2n){

    margin-right: 0;

}

.new-c .txt{

   background: #fff;

   padding: 25px;

}

.new-c .txt h5{

    font-size: 24px;color: #333;

    margin-bottom: 6px;

}

.new-c .txt span{

    font-size: 14px;color: #666;

    display: inline-block;

    margin-left: 8px;

}

.new-c .txt p{

    font-size: 14px;

    margin-top: 6px;

    margin-bottom: 12px;

}

 .xt i{

    width: 28px;

    height: 28px;

    display: inline-block;

    vertical-align: middle

}

.xt .wx{

    background: url('../images/new-wx1.jpg') no-repeat center top;



}

.xt .wb{

    background: url('../images/new-wb2.jpg') no-repeat center top;

}



.new-left{

    width: 49%;

    box-sizing: border-box;

    

}

.new-rigth{

    width: 49%;

}

.new-left-cont{

    padding: 35px;

    background: #fff;

    width: 100%;

}

.new-left-cont li{

    font-size: 14px;color: #666;

    line-height: 2;

    margin-bottom: 8px;

}

.new-left-cont li a{

    color: #666

}

.new-left-cont li a:hover{

    color: #0093b7

}

.new-left-cont li::before{

    width: 3px;

    height: 5px;

    content: '';

    background: url('../images/new-ico-pr.jpg') no-repeat center top;

    display: inline-block;

    vertical-align: middle;

    margin-right: 3px;

}

.new-left-cont ul{

    margin-bottom: 30px;

}

.new-more{

    width: 128px;

    display: block;

    border: 1px solid #009cc2;

    line-height: 33px;

    padding: 0 20px;

    font-size: 12px;color: #009cc2;

    background: url('../images/new-more-ico.jpg') no-repeat 100px center



}

.new-rigth{

  

    width: 49%;

}

.new-rigth-cont{

    width: 100%;

    padding: 55px 35px;

    background: #fff;

}

.new-rigth .img{

    width: 50%;

    display: inline-block;

    vertical-align: middle

}

.new-rigth .title{

    width: 49%;

    display: inline-block;

    vertical-align: middle;

    padding-left: 5%;



}

.new-rigth .title h6{

    font-size: 24px;color: #009cc2;

    margin-bottom: 33px;

}

.new-rigth .title  .xt{

    margin-bottom: 50px;

}

.hzanl-cont{

    width: 100%;

    background: #fff;

    padding: 71px 0;

}

.hzanl-cont li{

    width: 33.333%;

    float: left;

    text-align: center

}

.hzanl-cont li dd{

    display: inline-block;

}

.hzanl-cont li dd img{

    max-width: 140px;

    height: auto;

}

.hzanl-cont li dd:first-of-type{

    border-right: 1px solid #cccccc;

    padding-right: 10px;

    margin-right: 10px;

}

.hzanl-cont li h5{

    font-size: 20px;color: #333;

    margin-top: 16px;

    margin-bottom: 6px;

}

.hzanl-cont li p{

    font-size: 16px;color: #666

}

.new-pt .new-c li{

    margin-bottom: 32px;

}

.new-pt-nav{

    width: 100%;

    border-bottom: 1px solid #d9d9d9;

    line-height: 70px;

}

.new-pt-nav h6{

    font-size: 24px;color: #333;line-height: 70px;

}

.new-pt-nav p a{

    display: inline-block;

    font-size: 16px;

    color: #666666;

    padding: 0 20px;

    line-height: 16px;

     border-right: 1px solid #c0c0c0

}

.new-pt-nav p a:last-of-type{

    border-right: none

}

.new-pt-nav p a:hover{

    color: #009cc2

}

.new-pt-nav p .action{

    color: #009cc2

}

.new-qy-cont{

    width: 100%;

}

.new-qy-cont .img{

   width: 35%;

}

.new-qy-cont .text{

    width: 65%;

    padding: 50px 5%;

}

.new-qy-cont dd{

    margin-bottom: 25px;

}

.new-qy-cont dd a{

    display: block;

    background: #fff;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.new-qy-cont .text h6{

    font-size: 24px;color: #333;

    margin-bottom: 10px;

}

.new-qy-cont .text p{

    font-size: 16px;

    color: #666;

    margin-bottom: 35px;

}

.new-qy-cont .text span{

    font-size: 16px;

    display: inline-block;

    margin-right: 6px;

    color: #666

}

.new-qy-cont .text .xt{

    display: inline-block;

    vertical-align: middle

}

.new-qy-cont dd a:hover{

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px); 

}

.new-qy-cont dd a:hover h6{

    color: #009cc2

}

.pro-nav{

    width: 100%;

    text-align: center;

    border-bottom: 1px solid #e3e3e3;

    padding: 25px 0 15px;

}

.pro-nav dd{

    display: inline-block;

    margin-right: 110px;

    position: relative;

}
.pro-nav dd  img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.pro-nav dd::after{

    content: '';

    width: 9px;

    height: 9px;

   

    display: block;

    margin: 0 auto;

    position: absolute;

    bottom: -20.5px;

    left: 50%;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    background: #fff;

    border-top: 1px solid #e3e3e3;

    border-left: 1px solid #e3e3e3;

    opacity: 0;

}

.pro-nav dd:last-of-type{

    margin-right: 0;

}

.pro-nav dd p{

    font-size: 16px;

    margin-top: 4px;

}

.pro-nav .action::after{

    opacity: 1;

}
.pro-nav .action img{
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}
.pro-nav .action p{

    color: #009cc2

}

.pro-nav-f{

    width: 100%;

}

.pro-nav-f-c{

    text-align: left;

    padding: 24px 0;

    min-height: 75px

}

.pro-nav-f-c a{

    display: inline-block;

    font-size: 14px;

    margin-right: 40px;



}

.pro-nav-f-c a:last-of-type{

    margin-right: 0;

}

.pro-nav-f-c .dd{

    color: #0093b7

}

.product-list-ves{

    width: 100%;

    background: #f4f4f4;

    padding-top: 50px;

}

.product-list-ves .pordcut-list li{

    margin-bottom: 20px;

}

.bjCloor{

    background: #f0f0f0;

    padding-bottom: 80px;

}

.prodef-nav {

    padding: 25px 0;

}

.prodef-nav .fl{

    font-size: 14px;color: #666

}

.prodef-nav .fl a{

    color: #666

}

.prodef-nav .fl a:hover{

    color: #009cc2

}

.product-cont{

    width: 100%;

    background: #fff;

    padding: 38px;

    margin-bottom: 10px;

}

.product-cont .img{

    width: 48%;

}

.product-cont .prodef-cont{

    width: 48%;

}

.product-cont .prodef-cont h2{

    font-size: 30px;

    color: #333333;

    padding: 20px 0;

    border-bottom: 1px solid #ababab;

    margin-bottom: 20px;

}

.product-cont .prodef-cont .cont{

    width: 100%;

    padding-right: 12%;

    font-size: 16px;

    min-height: 200px

}

.product-cont .prodef-cont a{

    display: block;

    width: 144px;

    line-height: 45px;

    background: #009cc2;

    text-align: center;

    color: #fff

}

.product-cont .product-ves{

    width: 100%;

    position: relative;

}

.product-des{

    width: 100%;

}

.product-des .left{

    width: 72.5%;

    background: #fff;

    padding: 0 3%;

}

.product-des .rigth{

    width: 26.5%;

    background: #fff;

    padding: 0 1.6%;

    padding-bottom: 20px;

}

.product-des .rigth ul{

    text-align: center

}

.product-des .rigth ul p{

    font-size: 16px;

    padding: 12px 0;

}

.product-des-nav{

    width: 100%;

    font-size: 24px;

    border-bottom: 2px solid #e5e5e5;

    margin-bottom: 25px;

}

.product-des-nav span{

    display: inline-block;

    line-height: 72px;

    cursor: pointer;

    margin-right: 40px;

    position: relative;

}

.product-des-nav span:hover{

    color: #0093b7

}

.product-des-nav span::before{

    content: '';

    width: 0;

    height: 2px;

    background: #0093b7;

    position: absolute;

    bottom: -1px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.product-des-nav .action::before{

     width: 100%;

}

.product-des-nav .action{

    color: #0093b7

}

.product-des-cont{

    width: 100%;

    min-height: 600px

}

.product-des-cont img{

    max-width: 100%;

    height: auto;

}

.product-des-cont-page table{

    width: 100%;

    background: #e4e4e4;

    border: 1px solid #7f7f7f;

    text-align: center;

    font-size: 16px;

}

.product-des-cont-page table tr td:first-of-type{

    /* width: 18%; */

}

.product-des-cont-page table tr td:nth-of-type(2){

    /* width: 82%; */

}

.product-des-cont-page h3{

    font-size: 24px;color: #333;

    margin-bottom: 20px;

}

.product-case{

    width: 100%;background: #e9e9e9;

    padding-bottom: 68px;

}

.product-case h3{

    text-align: center;

    font-size: 30px;

    color: #333;

    padding: 42px 0 36px;

}

.product-case-cont{

    width: 100%;

    position: relative;

    overflow: hidden;

    padding-bottom: 38px;

}

.product-case-cont li{

    text-align: center

}

.product-case-cont li p{

    padding: 10px 0;

}

.caselist-cont{

    width: 100%;

    background: #f0f0f0;

    padding-top: 38px;

    padding-bottom: 80px;

}



.caselist-cont-page{

    width: 100%;

    background: #fff;

    margin-bottom: 10px;

}

.caselist-cont-page .img{

    width: 50%;

    float: left;

}

.caselist-cont-page  .text{

    width: 50%;

    float: right;

    padding: 78px 8%;

}

.caselist-cont .caselist-cont-page:nth-of-type(2n) .img{

    float: right

}

.caselist-cont .caselist-cont-page:nth-of-type(2n) .text{

    float: left

}

.caselist-cont-page  .text h3{

    font-size: 24px;color: #333;

    margin-bottom: 10px;

}

.caselist-cont-page  .text h6{

    font-size: 18px;color: #333;

    margin-bottom: 40px;

}

.caselist-cont-page  .text .cont{

    min-height: 150px;

    font-size: 16px;

}

.caselist-cont-page  .text a{

    width: 150px;

    /* background: #009cc2; */

    color: #666666;

    display: block;

    line-height: 45px;

    text-align: center;

    border: 1px solid #ddd;

    position: relative;

    z-index: 1;

}

.caselist-cont-page  .text a i{

    width: 5px;

    height: 5px;

    display: inline-block;

    vertical-align: middle;

    background: url('../images/caselist-to.png') no-repeat 0 center;

    margin-left: 20px;

  

}

.caselist-cont-page  .text a::before{

    width: 0;

    opacity: 0;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    display: block;

    background: #009cc2;

    content: '';

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

.caselist-cont-page  .text a:hover::before{

    width: 100%;

    opacity: 1;

}

.caselist-cont-page  .text a:hover{

    color: #fff

}

.caselist-cont-page  .text a:hover i{

    background-position: -9px

}

.caselist-cont-more{

    text-align: center;

    font-size: 16px;

    display: block;

    margin: 50px auto 0;

}

.caselistdef-nav{

    width: 100%;

    position: fixed;

    z-index: 20;

    top: 88px;

    left: 0;

}

.about-nav .fl .action{

    color: #009cc2

}
.about-nav .fr ,
.about-nav .fr a{
    color: #999
}
.about-nav .fr a:hover{
    color: #009cc2
}
.caselistdef-cont{

    padding-top: 62px;

    background: #f0f0f0;

    padding-bottom: 77px;

}

.caselistdef-cont .w1400 > h6{

    text-align: right;

    padding: 16px 0;

}

.caselistdef-d{

    background: #fff;

    margin-bottom: 14px;

}

.caselistdef-d .img{

    width: 66%;

}

.caselistdef-d .text{

    width: 34%;

    padding: 68px 4.5%;

} 

.caselistdef-d .text h3{

    font-size: 30px;color: #333;

    padding-bottom: 15px;

    border-bottom: 1px solid #b2b2b2;

    margin-bottom: 15px;

}

.caselistdef-d .text .cont{

    min-height: 340px;

    font-size: 14px;

    line-height: 2;

  

}

.caselistdef-d .text a{

    width: 160px;

    line-height: 45px;

    background: #009cc2;

    display: block;

    text-align: center;

    color: #fff;

    margin-bottom: 20px;

}

.caselistdef-t{

    width: 100%;

    background: #fff;

    padding: 38px 4%;

}

.caselistdef-t h4{

    font-size: 24px;

    margin-bottom: 20px;

    color: #333

}

.caselistdef-t .des p::before{

    width: 3px;

    height: 3px;

    display: inline-block;

    vertical-align: middle;

    background: #666666;

    border-radius: 5px;

    content: '';

    margin-right: 5px;

}

.caselistpro-set1{

    width: 100%;

    background: #e8e8e8;

    padding-bottom: 40px;

}

.caselistpro-set1 h2{

    text-align: center;

    font-size: 30px;color: #333;

    padding: 50px 0;

}