.flexslider{position:relative;height:580px;overflow:hidden;transition: all 0.3s;}
.slides{position:relative;z-index:1;}
.slides li{height:580px;}
.slides li a{display: block;width: 100%;height: 580px;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;opacity: 0;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.flexslider:hover .flex-direction-nav{opacity:1}
.flex-control-nav{position: absolute;z-index: 3;width:100%;top:550px;text-align: center;}
.flex-control-nav li{display: inline-block;width: 14px;height: 14px;margin: 0 7px;border-radius: 14px;overflow: hidden;}
.flex-control-nav li a{display: block;background-color: #BCC0C9;color: #BCC0C9;}
.flex-control-nav li .flex-active{background-color: #E93F00;color: #E93F00;}

.product{}
.product .title{line-height: 36px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;background-color: #0E51A6;}
.product ul{height: auto;overflow: hidden;margin-top: 25px;}
.product ul li{float: left;width: 350px;margin-right:80px;line-height: 26px;height: 52px; }
.product ul li .p1{float: left;width: 260px;color: #333333;font-size: 16px;text-transform: uppercase;}
.product ul li .p2{float: right;width: 30px;height: 30px;text-align: center;border: 1px solid #E5E5E5;}
.product ul li .p2 img{margin-top:6px;margin-left: 5px;transition: all 0.3s; }
.product ul li:hover .p2 img{margin-left: 10px;}
.product ul li:hover .p1{font-weight: bold;}

.product-list{border-top: 1px solid #E1E1E1;margin-top: 35px;}
.product-list .pro-show{position: relative;padding-bottom: 40px;}
.product-list ul{}
.product-list ul li{float: left;width: 350px;margin-right:80px;}
.product-list ul li .cover{width: 350px;height: 250px;text-align: center;position:absolute;z-index: 1;background-color: rgba(14,81,166,0.7);margin-top:-50px;opacity: 0;transition: all 0.3s; }
.product-list ul li .cover img{margin: 110px auto 0 auto}
.product-list ul li .pro-img{width: 350px;height: 250px;}
.product-list ul li p{line-height: 45px;height: 45px;color: #282828;font-size: 16px;text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.product-list ul li:hover .cover{margin-top: 0;opacity: 1;}
.product-list .swiper-pagination{bottom: 0;font-size: 30px;color: #6f6f6f;font-family: bodonib;}
.product-list .swiper-pagination .swiper-pagination-current{color: #0f4fa6;}
.product-list .swiper-pagination .swiper-pagination-total{font-size: 16px;}

.news{margin-top: 30px;border-top: 1px solid #93969D;background-color: #F8F7FC;}
.news ul{border-top: 3px solid #93969D;padding-top: 30px;height: auto;overflow: hidden;}
.news ul li{width: 350px;float: left;margin-right: 80px;margin-bottom: 15px;}
.news ul li img{width: 350px;height: 150px;}
.news ul li .p1{line-height: 20px;color: #0f4fa6;font-weight: bold;font-size: 13px;margin-top: 17px;}
.news ul li .p2{line-height: 22px;height: 44px;color: #232323;font-size: 12px;margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.center{border-top: 1px solid #93969D;background-color: #F8F7FC;padding-top: 24px;padding-bottom: 60px;}
.center img{float: left;margin: 15px;}
.center .case{float: left;width: 331px;border-right: 1px solid #E3E2E7;margin-right: 107px;}
.center .case .title{font-weight: bold;color: #424040;line-height: 25px;text-transform: uppercase;}
.center .case .left{float: left;width: 225px;margin-top: 15px;}
.center .case .left .p1{line-height: 22px;height: 44px;color: #232323;font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.center .case .left .p2{line-height: 25px;color: #999999;font-size: 12px;}
.center .about{float: left;width: 331px;border-right: 1px solid #E3E2E7;margin-right: 107px;}
.center .about .title{font-weight: bold;color: #424040;line-height: 25px;text-transform: uppercase;}
.center .about .p1{line-height: 22px;height: 66px;color: #232323;font-size: 12px;float: left;width: 225px;margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.center .contact{float: left;width: 331px;}
.center .contact .title{font-weight: bold;color: #424040;line-height: 25px;text-transform: uppercase;}
.center .contact div{line-height: 22px;float: left;width: 225px;margin-top: 15px;color: #232323;font-size: 12px;}
.center .contact div .p1{color: #232323;}