
.btn_act{background:#db192a;}
/*anli开始*/
.port-7{float: left; width: 100%;margin-bottom: 20px; position: relative; overflow: hidden; text-align: center; border: 4px solid rgba(255, 255, 255, 0.9); overflow: hidden;}
.port-7 .text-desc{opacity: 0; transition: 0.5s; color: #000;}

.port-7.effect-1 img{transition: 0.5s; position: relative; width: 100%; left: 0;}
.port-7.effect-1:hover img{left: 50%;}
.port-7.effect-1 .text-desc{transform: perspective(600px) rotateY(90deg); transform-origin: left center 0; width: 50%; position: absolute; left: 0; top: 0;  padding: 18px 10px;}
.port-7.effect-1:hover .text-desc{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 99;}

.port-7.effect-2 img{transition: 0.5s; position: relative; width: 100%; top: 0;}
.port-7.effect-2:hover img{top: 50%;}
.port-7.effect-2 .text-desc{transform: perspective(600px) rotateX(90deg); transform-origin: top center 0; width: 100%; position: absolute; left: 0; top: 0; height: 50%; padding: 5px 10px;}
.port-7.effect-2:hover .text-desc{opacity: 1; transform: perspective(600px) rotateX(0deg); z-index: 99;}

.port-7.effect-3 img{transition: 0.5s; position: relative; width: 100%; right: 0;}
.port-7.effect-3:hover img{right: 50%;}
.port-7.effect-3 .text-desc{transform: perspective(600px) rotateY(-90deg); transform-origin: right center 0; width: 100%; position: absolute; left: auto; right: 0; top: 0;  padding: 18px 10px;}
.port-7.effect-3:hover .text-desc{opacity: 1; transform: perspective(600px) rotateY(0deg); z-index: 99;}
.full-length{width: 100%; float: left; padding-bottom: 10px;}
.btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #17a471;margin-top: 20px; background-color: #17a471; text-decoration: none; transition: 0.4s;}
.btn:hover{background-color: transparent; color: #17a471; transition: 0.4s;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;}
.full-length ul li{
    float: left;
    width: 25%;
    list-style: none;
    margin-top: 20px;
}
.full-length ul li a{
    text-align: center;
    display: block;
    width: 50%;
    margin: auto;
}
.image-box{
    height:280px
}
.image-box img{
    height:280px
}
.text-desc h3{
    margin: 40px 0 20px 0;
}
.text-desc p{
    line-height: 20px;
    font-size: 14px;
    color: #666;
    margin-bottom: 30px;
}
/*左侧栏开始*/
/*首页产品滚动开始*/
/*
.w-newsList2{position: relative; overflow:hidden;height: 450px}
.w-newsList2 a{
    height:450px;
    overflow: hidden;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);
    width: 60%;
    float: left;
}
.w-newsList2 .news-item{ position:relative;}
.w-newsList2 .img{ float: left;overflow: hidden;height: 450px;width: 100%}
.w-newsList2 .img img{text-decoration: none; color: #333;height: 450px;width: 580PX;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    text-align: center;}
.w-newsList2 .swiper-slide.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);}
.w-newsList2 .news-text{
    width: 330px;
    padding:0 30px ;
    background: #f5f5f5;
    height: 450px;
    float: right;}
.w-newsList2 .news-h{font-size:20px; line-height: 1.4; margin-bottom: 1em;;font-weight: bold;padding-top: 50px}
.w-newsList2 .xh{
    line-height: 60px;
}
.w-newsList2 .xh span{
    color: #2e83ab;
    font-weight: bold;
    font-size: 16px;
}
.w-newsList2 .ck{
    background: #999;
    height: 30px;
    width: 100px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    margin-top: 60px;
}
.w-newsList2 .ck:hover{
    background: #2e83ab;
    -webkit-transition:transform 3.5s;
}
.w-newsList2 .td{
font-size: 14px;
    color: #000;
    line-height: 30px;
}
.w-newsList2 .news-sum{margin-top:30px; line-height: 1.8; color:#808080;}
.w-newsList2 .more{position: absolute; left: 0; bottom: 1em; line-height: 2.8; padding: 0 3em; border:1px solid #aaa; color:#333;overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.w-newsList2 .more:hover{color:#fff; border-color:#FF6600;}
.w-newsList2 .more .bgsqr1,.w-newsList2 .more .bgsqr2,.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{background:#FF6600;position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;}
.w-newsList2 .more .bgsqr3,.w-newsList2 .more .bgsqr4{ opacity:0.75;}
.w-newsList2 .more .bgsqr1{ left:0;}
.w-newsList2 .more .bgsqr2{ right:0}
.w-newsList2 .more .bgsqr3{ right:0;}
.w-newsList2 .more .bgsqr4{ left:0;}
.w-newsList2 .more:hover .bgsqr1,.w-newsList2 .more:hover .bgsqr2,.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{ width:100%;}
.w-newsList2 .more:hover .bgsqr3,.w-newsList2 .more:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;}
.w-newsList2 .more span{ position:relative; z-index:1;}
.w-newsList2 .adSN_page{position: absolute;
    left: 300px;
    width: auto;
    z-index: 10;
    text-align: left;}
.w-newsList2.swiper-container-horizontal .adSN_page{bottom:20px;}
.w-newsList2 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 5px; border-radius: 0; -webkit-border-radius: 0;}
.w-newsList2 .adSN_page span.swiper-pagination-bullet-active{background: #2e83ab;}
.w-newsList2.swiper-container-vertical .adSN_page span{margin:15px 0;}
*/

/*应用领域开始*/
#container{ width:1200px; margin: 0 auto;}
#container li{ position:relative;text-align: center; margin:10px 10px 10px 0; float: left; overflow: hidden;}
#container li p{width: 100%;
    position: absolute;
    left: 0; top: -100%;
    color: #ffffff;
    z-index: 2;

    display: table;
    _position: relative;}
#container li img{ width: 100%; display: block;
    height: 230px;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;
    border-radius: 5px;
}
#container li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container li p i{ width: 100%; height: 280px; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80);  }
#container li p span{ display: block; line-height: 24px; font-size: 14px; padding:20px; color:#999; box-sizing:border-box;text-align:center;display: table-cell;
    vertical-align: middle;_position:absolute;
    _top:50%;
    _left:50%;
}
/*#container li:nth-child(1){
    width: 600px;
    height: 480px;
    margin-right: 15px;
}*/
/*#container li:nth-child(1) img{
    width: 600px;
    height: 480px!important;
}
#container li:nth-child(2){
    width: 280px;
    height: 230px;
    margin-right: 15px;
}
#container li:nth-child(3){
    width: 280px;
    height: 230px;
}
#container li:nth-child(4){
    width: 280px;
    height: 230px;
    margin-right: 15px;
}
#container li:nth-child(5){
    width: 280px;
    height: 230px;
}*/
#container li{
    width: 285px;
    height: 280px;
    margin-right: 15px;
    border-radius: 5px;
}
#container li h3{
    margin-top: 10px;
    background-color:#e6e6e6;
    line-height: 41px;
    border-radius: 5px;
}

/*应用领域结束*/