/*banner*/
.flexslider{/*height:800px;*/overflow:hidden;transition: all 0.3s;top:0;width: 100%;}
.slides{position:relative;z-index:1;}
.slides li{/*height:800px;*/}
.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:720px;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;}


.about{margin-top: -82px;}
.about .div1{text-align: right;padding-right: 35px;font-size: 16px;color: #000;font-weight: bold;margin-top: 150px;}
.about .div1 p{line-height: 35px;}
.about .div1 p a{color: #000;}
.about .div1 img{margin-top: 40px;}


.about .div2{padding: 40px;background-color: #3666C5;color: #fff;}
.about .div3{background-color: #4576D7;}
.about .div2 .p1{line-height: 35px;height: 35px; color: #fff;font-size: 16px;overflow: hidden;}
.about .div2 .p1 img{margin-right: 10px;max-width: 35px;max-height: 35px;float: left;}
.about .div2 .p2{margin-top: 40px;line-height: 35px;height: 105px;font-size: 18px;color: #fff;font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.about .div2 .go{float: right;margin-top: 50px;transition: all 0.3s;}
.about .div2:hover .go{margin-right: 10px;}

.about .div5{display: none;}


.product{ background: url("../images/pro-bg.jpg") repeat-x top;margin-top: 3%;}
.product .title{line-height: 40px;font-size: 28px;color: #000;font-weight: bold;margin-top: 70px;}
.product .show{width: 100%;padding-top: 250px;height:780px;overflow: hidden;}
.product ul{margin-left: 150px;}
.product ul li{width: 280px;height: 410px;float: left;margin: 0 23px;transition: all 0.3s;}
.product ul li .pro{width: 280px;height: 410px;box-shadow: 10px -3px 30px #d6d6d6;transition: all 0.3s;}
.product ul li .cover{width: 280px;height: 410px;position: absolute;z-index: 2;background-color: rgba(54, 102, 197, 0.8);opacity: 0;margin-top: 30px;transition: all 0.3s;}
.product ul li .cover p{line-height: 35px;font-size: 20px;color: #fff;height: 70px;text-align: center;padding: 0 50px;margin-top: 160px;}
.product ul li .cover img{float: right;margin-top: 120px;margin-right: 30px;}
.product ul li .des{display: none;transition: all 0.3s;}
.product ul li .more{opacity: 0;margin-left: 200px;display: block;width: 130px;line-height: 100px;background-color: #3666C5;color: #fff;text-align: center;margin-top: -50px;position: relative;z-index: 2;}
.product ul li:hover .cover{opacity: 1;margin-top: 0;}
.product ul .swiper-slide-next{width: 430px;height: 630px;}
.product ul .swiper-slide-next:hover .cover{display: none;}
.product ul .swiper-slide-next .pro{width: 430px;height: 630px;margin-top: -220px;box-shadow: 15px -5px 40px #d6d6d6;}
.product ul .swiper-slide-next .des{display: block;width: 450px;position: absolute;z-index: 2;margin-left: 466px;margin-top: -630px;}
.product ul .swiper-slide-next .des .p1{line-height: 40px;height: 40px;font-size: 20px;color: #000000;font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.product ul .swiper-slide-next .des .p2{line-height: 30px;margin-top: 20px;height: 150px;font-size: 14px;color: #535353;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;}
.product ul .swiper-slide-next .more{opacity: 1;margin-left: 285px;transition: all 0.5s;}
.product .control{width:240px; margin-top: -50px;z-index: 20;float: right;margin-right: 20%;height: 80px;}
.product .control div{position: static;float: left;background-image: none;width: 68px;height: 68px;text-align: center;line-height: 68px;border: 1px solid #474747;font-size: 20px;}
.product .control div:hover{background-color: #474747;color: #fff;}
.product .control .swiper-pagination{border: none;line-height: 30px;font-family: astros;}
.product .control .swiper-pagination:hover{background-color: #fff;color: #474747;}
.product .control .swiper-button-prev{border-right: none;}

.news{}
.news .title{line-height: 40px;font-size: 28px;color: #000;font-weight: bold;}
.news .title a{color: #000;}
.news ul{}
.news ul li{margin-top: 30px;}
.news ul li .p1{font-size: 14px;color: #000000;line-height: 25px;}
.news ul li .p2{font-size: 15px;color: #000000;line-height: 25px;height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.news ul li .p3{line-height: 25px;color: #8a8a8a;max-height: 50px;margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;display: none;}

.company{margin-top: 60px;text-align: center;}
.company ul{height: auto;overflow: hidden;}
.company ul li div{background-color: #EEEEEE;margin: 2% 8%;}
.company ul li div .p1{width: 70%;line-height: 30px;text-align: center;background-color: #126AD1;color: #fff;}
.company ul li div .p2{text-align: right;margin-top: 20px;font-size: 18px;color: #000;font-weight: bold;padding: 0 5%;line-height: 55px;height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.company ul li:hover div{background-color: #126AD1;}
.company ul li:hover .p1{background-color: #EEEEEE;color: #000;}
.company ul li:hover .p2{color: #fff;}
.company .go{margin: 40px auto;}


@media  only screen and (max-width: 1440px){
    .product ul{margin-left: -200px;}
}
/*中屏*/
@media  only screen and (max-width: 992px){
    .about{margin-top: 0;}
    .about .div1{margin-top: 0;}

    .product .title{padding: 0 5%;}
    .product ul{margin-left: -300px;}
    /*新闻*/
    .news .title{padding: 0 5%;}
    .news ul li{border-bottom: 1px solid #CDCDCD;padding: 15px 5%;}
    .news ul li .p3{display: block;}
}
/*小屏*/
@media  only screen and (max-width: 768px){

    .about{width: 90%;margin: -10% auto 0 auto;}
    .about .div1{display: none;}
    .about .div5{display: block;text-align: center;}
    .about .div5 img{width: 80%;margin-top: 0;}
    .about .div5 p{font-size: 14px;line-height: 25px;color: #282828;}

    .about .div2{padding:15px 20px;}
    .about .div3{background-color: #4576D7;}
    .about .div2 .p1{line-height: 35px;height: 35px; color: #fff;font-size: 14px;overflow: hidden;}
    .about .div2 .p1 img{margin-right: 10px;width: 25px;margin-top: 5px;}
    .about .div2 .p2{margin-top: 0px;line-height: 25px;height: 25px;font-size: 12px;color: #fff;font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;}
    .about .div2 .go{float: right;margin-top: 15px;width: 40px}

    .product{height: auto;overflow: hidden;background-size: 100% 80%;}
    .product .title{font-size: 18px;margin-top: 15px;}
    .product .show{width: 90%;margin: 0 auto;height: auto;overflow: hidden;padding-top: 0;}

    .product .control{display: none;}
    .product ul{margin-left: -100%;}
    .product ul li{width:100%;float: left;margin: 0;transition: all 0.3s;padding-top: 10%;height: auto;overflow: hidden;}
    .product ul li .pro{width: 50%;height: auto;box-shadow: 10px -3px 30px #d6d6d6;transition: all 0.3s;}
    .product ul li .cover{;display: none;}
    .product ul li .des{display: block!important;width:45%;position: absolute;z-index: 2;margin-left:55%;top: 10%;margin-top: 0;}
    .product ul li .des .p1{line-height: 40px;height: 40px;font-size: 16px;color: #000000;font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;}
    .product ul li .des .p2{line-height: 30px;margin-top: 20px;height: 150px;font-size: 16px;color: #535353;overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:5;
        -webkit-box-orient: vertical;}
    .product ul li .more{opacity: 0;margin-left:40%;display: block;width:80px;line-height: 40px;background-color: #3666C5;color: #fff;text-align: center;margin-top: -70px;position: relative;z-index: 2;margin-bottom: 40px;}

    .product ul .swiper-slide-next{width: 100%;height: auto;position: relative;overflow: hidden;}
    .product ul .swiper-slide-next .pro{width: 50%;height:auto;box-shadow: 15px -5px 40px #d6d6d6;margin: 0;}
    .product ul .swiper-slide-next .des{display: block!important;width:45%;position: absolute;z-index: 2;margin-left:55%;top: 10%;margin-top: 0;}
    .product ul .swiper-slide-next .des .p1{line-height: 30px;height: 30px;font-size: 15px;color: #000000;font-weight: bold;}
    .product ul .swiper-slide-next .des .p2{line-height: 25px;margin-top: 15px;height: 125px;font-size: 14px;color: #535353;}
    .product ul .swiper-slide-next .more{opacity: 1;margin-left: 40%}

    .news .title{font-size: 18px;}
    .news ul li .p1{font-size: 12px;}
    .news ul li .p2{font-size: 14px;}


    .company{display: none;}
    .news li{margin-top: 0!important;}


    .product .control{width:140px; position: absolute;z-index: 20;float: right;margin-right: 5%;height: 40px;top:0;margin-top: 40px;right: 0%;}
    .product .control div{position: static;float: left;background-image: none;width: 38px;height: 38px;text-align: center;line-height: 38px;border: 1px solid #474747;font-size: 16px;margin-top: 0;}
    .product .control div:hover{background-color: #474747;color: #fff;}
    .product .control .swiper-pagination{border: none;line-height: 40px;font-family: astros;margin-right: 15px;}
    .product .control .swiper-pagination:hover{background-color: #fff;color: #474747;}
    .product .control .swiper-button-prev{border-right: none;}

}