/*banner*/
.swiper-container { width: 100%; height: auto;position:relative }
.swiper-wrapper{height: auto;}
.swiper-slide{height:auto!important;}
.swiper-slide img { width:100%; height:auto!important; margin:0 auto; }
.swiper-slide a{ display:block; width:100%; margin:0 auto;  overflow:hidden;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 85px;
}
.banner .swiper-pagination-bullet{
    width: 33px;
    height: 4px;
    background: url("../images/bannerli.png") top center no-repeat;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    text-indent: 9999;
}
.banner  .swiper-pagination-bullet-active{
    background: url("../images/bannerli.png") bottom center no-repeat;
}
/*banner*/

/*行业新闻*/
.box{
    width: 1200px;
    margin: 60px auto;
}
.box::after{
    content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;
}
div.title{
    height: 43px;
    margin: 15px 0;
    overflow: hidden;
    text-align: center;
}
div.title p{
    display: inline-block;
    position: relative;
}
div.title p i{
    line-height: 43px;
    font-size: 51px;
    color: #2c4b9c;
    float: left;
    width: 30px;
    overflow: hidden;
    letter-spacing: 100px;
    white-space: nowrap;
}
div.title p a{
    float: left;
    overflow: hidden;
    display: inline-block;
    margin-left: 5px;
    text-align: left;
    max-width: 106px;
}
div.title p span{
    width: 100%;
    float: left;
    font-size: 26px;
    color: #343434;
    line-height: 30px;
    display: inline-block;
}
div.title p em{
    width: 100%;
    height: 12px;
    line-height: 12px;
    font-size: 13px;
    color: #2c4b9c;
    display: inline-block;
}
div.title p em::first-letter{
    font-size: 0;
}
.news ul{
    width: 100%;
}
.news ul::after{
    content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;
}
.news ul li{
    width: 400px;
    height: 443px;
    background: #ffffff;
    float: left;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news ul li:after{
    content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;
}
.news ul li:nth-child(2){
    margin-top: 35px;
}
.news ul li .imgbox{
    width:100%;
    overflow: hidden;
}
.news ul li img{
    width: 100%;
    transition: transform 0.8s ease-in-out;
}
.news ul li .text{
    padding: 15px;
}
.news ul li p.newtitle{
    color: #333333;
    line-height: 32px;
    font-size: 16px;
}
.news ul li p.newsummary{
    margin: 10px 0;
    line-height: 22px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news ul li span{
    font-size: 12px;
    display: inline-block;
    margin-top: 20px;
    line-height: 20px;
    color: #999999;
}
.news ul li:hover{
    box-shadow: #dddddd 0 0 20px;
    border: 0;
}
.news ul li:hover img{
    -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.news ul li:hover p.newtitle{
    color: #2c4b9c;
}
/*公司风采*/
.company::after{
    content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;
}
.company div.title{
    margin-bottom: 35px;
}
.company div.title a{
    max-width: 162px;
}
.company .sm_box{
    width: 50%;
}
/* 荣誉资质*/
.company .sm_box.fl{
    background: url("../images/honerbg.jpg") top repeat-x;
}
.company .sm_box.fl .honer{
    width: 100%;
    max-width: 600px;
    float: right;
    position: relative;
}
.honer > img{
    margin-top: 30px;
}
.honer >a.more{
    position: absolute;
    top: 20px;
    right: 24px;
    line-height: 26px;
    font-size: 12px;
    color:#7c92ce;
}
.honer >a.more:hover{
    color:#ffffff
}
.honer .honermain{
    width: 516px;
    padding-left: 30px;
    overflow: hidden;
    float: right;
    margin-right: -15px;
    background: url("../images/kuang.png") left bottom 60px no-repeat;
    position: relative;
}
.honermain .swiper-container{
    width: 780px;
    margin-top: 70px;
}
.honermain .swiper-slide {
    width: 252px;
    height: 354px;
    background: #fff;
    border: 1px solid #dddddd;
}
.company .sm_box.fl .honer .honermain  .swiper-slide img{
    display:block;
}
.honermain .swiper-button-prev {
    position: absolute;
    left: 25%;
    top: 240px;
    width: 34px;
    height: 34px;
    background: url(../images/zizhi_radio.jpg) top left no-repeat;
}
.honermain .swiper-button-prev:after{
    content: '';
}
.honermain .swiper-button-next {
    top: 240px;
    right: 63%;
    width: 34px;
    height: 34px;
    background: url(../images/zizhi_radio.jpg) top right no-repeat;
}
.honermain .swiper-button-next:after{
    content: '';
}
.honermain .swiper-pagination-bullets{
    top: 20px;
    right: 100px;
}
.honermain .swiper-pagination-bullet{
    background: none;
    width: 20px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    color:#7c92ce;
    margin: 0 7px;
    border-bottom: 1px solid #2c4b9c;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    display: inline-block;
    font-weight: bold;
}
.honermain .swiper-pagination-bullet-active{
    color:#fff;
    border-bottom:1px solid #fff;
}
/*公司简介*/
.company .sm_box.fr{
    background: url("../images/company_rightbg.png") no-repeat;
}
.info{
    width: 520px;
    float: left;
    position: relative;
    padding-left: 80px;
}
.info h3{
    font-size: 20px;
    color: #2c4b9c;
    margin: 20px 0;
    line-height: 24px;
    font-weight: bold;
}
.info .infomain{
    line-height: 21px;
    color: #666666;
    font-size: 12px;
}
.info a.more{
    width: 109px;
    height: 33px;
    line-height: 30px;
    float: right;
    text-align: center;
    display: block;
    margin:10px 20px;
    color: #2c4b9c;
    border: 1px solid #2c4b9c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition:all 1s;
    -webkittransition:all 1s;
}
.info a.more:hover{
    color: #ffffff;
    border: 1px solid #2c4b9c;
    background: #2c4b9c;
    ransition:all 1s;
    -webkittransition:all 1s;
}

/*销售网络*/
.sale_contact{
    min-height: 528px;
    overflow: hidden;
    margin-top: 60px;
}
.sale_contact .title{
    text-align: left;
}
.sales{
    width: 852px;
}
.sales .salemain{
    padding: 30px 0;
    position: relative;
}
.sales .salemain img{
    max-width: 100%;
}
.sales .salemain a{
    display: block;
    height: 0px;
    overflow: hidden;
    background: url("../images/icon_sale.png") top center no-repeat;
    padding-top: 16px;
    color: #464646;
    position: absolute;
}
.sales .salemain a:hover,.sales .salemain a.active{
    background: url("../images/icon_sale_hover.png") top center no-repeat;
    height: auto;
}

/*联系我们*/
.contact{
    width: 348px;
    overflow: hidden;
}
.contact form{
    width: 100%;
    margin: 10px auto;
}
.contact form .formgroup{
    width: 100%;
    float: left;
    margin: 5px 0;
}
.contact form .formgroup_sm{
    width: 48%;
}
.contact form .formgroup p{
    line-height: 32px;
    margin: 5px 0;
}
.contact form .formgroup input{
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    background: #f4f4f4;
}
.contact form .formgroup textarea{
    width: 100%;
    height: 156px;
    padding: 10px;
    background: #f4f4f4;
    border: 0;
}
.contact form .submitBtn{
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    text-align: center;
    background: #006cb4;
    margin-top: 10px;
}

@media screen and (max-width:768px){
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        bottom: 28px;
    }
    .box{
        width: 100%;
    }
    .company .sm_box{
        width: 100%;
    }
    .company .sm_box.fl{
        width:88%;
    }
    .honer > img{
        margin-left: 10px;
    }
    .company .sm_box .honermain{
        right: -10%;
        width: 94%;
        padding-left: 2%;
    }
    .honermain .swiper-container{
        width: 160%;
    }
    .honermain .swiper-pagination-bullets{
        right: 40%;
    }
    .honermain .swiper-button-prev{
        top: 173px;
        left: 24%;
    }
    .honermain .swiper-button-next{
        top: 173px;
        right: 54%;
    }
    .honermain .swiper-slide {
        width: 142px;
        height: 284px;
        background: #fff;
        border: 1px solid #dddddd;
    }
    .company .sm_box .info{
        width: 96%;
        padding: 0 2%;
    }
    .company .sm_box.fr{
        background: none;
    }
    .info a.more{
        float: none;
        margin: 10px auto;
    }
    .info h3{
        text-align:center
        }
    .news ul li{
        width: 100%;
        height: auto;
    }
    .sale_contact p.title{
        text-align: center;
    }
    .sales{
        width: 96%;
        padding: 0 2%;
    }
    .sales .salemain{
        padding:20px 0
    }
    .contact{
        width: 96%;
        padding: 0 2%;
    }
}