.banner{height:440px;}
.banner .swiper-pagination-bullet{width:16px;height:10px;border-radius:4px;background:#b8b8b8;opacity:1;transition: all .3s;}
.banner .swiper-pagination-bullet-active{width:26px;height:10px;border-radius:4px;background:#fff;}
/*.banner .swiper-slide{position:relative;}*/
/*.banner .swiper-slide .text{position:absolute;top:0;left:0;color:#fff;}*/

.about_company{text-align:center;padding:95px 0;}
.title{font-size:36px;color:#000;font-weight:500;}
.title:after{content:'';display:block;width:30px;height:4px;border-radius:2px;background:#1a44a3;margin:10px auto;}
.sub_title{font-size:16px;color:#666;}
.about_company .text{margin-top:60px;}
.about_company .text .text_title{font-size:24px;color:#000;font-weight:600;}
.about_company .text p{font-size:18px;color:#333;line-height:30px;font-weight:600;margin-top:50px;}
.about_company .text a{font-size:16px;color:#666;display:inline-block;padding:10px 40px;border:1px solid #dcdcdc;margin-top:60px;}
.about_company .video{width:720px;height:405px;margin:95px auto 0;}
.about_company .video video{width:100%;height:100%;}

.latest_products{text-align:center;padding:50px 0;background:#eff3f5;}
.latest_products .products{margin-top:30px;}
.latest_products .swiper-slide{height:200px;}

/*.latest_products .swiper-slide .swiper-slide{float:left;width:calc((100% - 30px) / 4);height:100%;background:#fff;text-align:center;margin-right:10px;}*/
/*.latest_products .swiper-slide .swiper-slide:last-of-type{margin-right:0;}*/
.latest_products .swiper-slide > a{background-color: #fff;display: block;/*width: 300px;*/margin: auto;height: 100%;padding: 20px 10px;border: 1px solid transparent;}
.latest_products .swiper-slide > a:hover{border:1px solid #1a44a3;}
.latest_products .swiper-slide .img{width:160px;height:160px;margin:auto;overflow:hidden;float: left;}
.latest_products .swiper-slide .img img{display: block;width: 100%;height: 100%;}
.latest_products .swiper-slide .img + div{margin-left: 160px;}
.latest_products .swiper-slide .p_title{font-size:20px;color:#336191;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.latest_products .swiper-slide .p_title:after{content:'';display:block;width:28px;height:1px;background:#d0d0d0;margin:10px auto;}
.latest_products .swiper-slide p{font-size:12px;color:#666;line-height:1.5;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow:hidden;}

.latest_products .swiper-pagination-bullet {width:10px;height:10px;border-radius:50%;background:#b5b5b5;opacity:1;vertical-align:middle;}
.latest_products .swiper-pagination-bullet-active{width:12px;height:12px;border-radius:50%;border:2px solid #1a44a3;background:none;vertical-align:middle;}
.latest_products .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0;}
.latest_products .swiper-container{padding-bottom:50px;}
.latest_products .swiper-button-next, .latest_products .swiper-button-prev{top:auto;bottom:0;height:12px;background-size:auto 100%;}
.latest_products .swiper-button-prev{left:43%;background-image:url(../images/icon_arrow_l.png);}
.latest_products .swiper-button-next{right:43%;background-image:url(../images/icon_arrow_r.png);}

.news{text-align:center;padding:30px 0;background: url(../images/pic_7.jpg) no-repeat center, url(../images/pic_6.jpg) repeat-y center;}
/*.news .content{margin-top:60px;}*/
.news .content > div{width:45%;}
.news .content .c_left{padding-right:50px;}
.news .content .c_right{padding-left:30px;}
.news .content > div .top h6{float:left;font-size:24px;color:#666;margin-bottom:20px;}
.news .content > div .top a{float:right;font-size:16px;color:#1a44a3;vertical-align:bottom;padding-top:8px;}
.news .content > div li{padding:20px 0 30px;border-top:1px solid #dedede;text-align:left;}
.news .content > div li:after{content:'';display:inline-block;width:21px;height:21px;background:url(../images/icon_c_arrow_r.png)no-repeat center;}
.news .content > div li > a > div{display:inline-block;}
.news .content > div li > a .time{width:12%;text-align:right;font-size:18px;color:#000;vertical-align:top;}
.news .content > div li > a .time span{display:block;font-size:14px;margin-top:10px;}
.news .content > div li > a .text{width:75%;margin-left:2%;}
.news .content > div li > a .text .text_title{font-size:18px;color:#000;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .content > div li > a .text p{font-size:14px;color:#999;line-height:1.6;margin-top:10px;width:80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }

.c_right ul li:hover:after{background:url(../images/icon_c_arrow_r_h.png);}
.c_right ul li:hover > a .time{color:#1a44a3;}
.c_right ul li:hover > a .text .text_title{color:#1a44a3;}
.c_right ul li:hover > a .text p{color:#1a44a3;}


/* 移动端样式 */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {



}

/* 移动端样式 */
@media only screen and (max-width: 1024px) {


    .banner{height: 25rem;}

    .news .content > div{width: 100%;}
    .news .content .c_left,
    .news .content .c_right{padding: 10px 5%;}
    .news .content .c_left{background-color: #d5d5d5;}
    .news .content .c_right{background-color: #eaeaea;}

}

/* 移动端样式 */
@media only screen and (max-width: 750px) {


    .banner{height: 13rem;}
    .banner img{width: 100%;}
    .about_company{padding: 2.5rem 0;}

    .title{font-size: 1.6rem;}
    .sub_title{font-size: 1rem;}

    .about_company .text{margin-top: 2rem;}

    .about_company .text .text_title{font-size: 1.2rem;}
    .about_company .text p{margin-top: 1rem;font-size: .9rem;line-height: 1.6;padding: 0 5%;}
    .about_company .text a{margin-top: 2rem;}

    .about_company .video{margin-top: 2.5rem;height: auto;width: 100%;}
    .about_company .video video{width: 100%;height: auto;}

    .latest_products{padding: 2.5rem 0;}
    .latest_products .swiper-container{padding-bottom: 2rem;}

    .latest_products .swiper-button-prev{left: 25%;}
    .latest_products .swiper-button-next{right: 25%;}

    .news{padding: 0;background: none;}
    .news .w{width: 100%;}
    .news .content{margin-top: 1.5rem;}
    .news .content > div li{padding: 1rem 0;}
    .news .content > div li:after{display: none;}
    .news .content > div li > a .time{width: 16%;font-size: 1rem;}
    .news .content > div li > a .time span{font-size: .7rem;}
    .news .content > div li > a .text{width: 80%;margin-left: 0;}
    .news .content > div li > a .text .text_title{font-size: 1rem;}
    .news .content > div li > a .text p{font-size: .7rem;}
    .news .content > div .top{line-height: 2rem;padding: .5rem 0;}
    .news .content > div .top h6{margin-bottom: 0;font-size: 1.2rem;}
    .news .content > div .top a{font-size: 1rem;padding-top: 0;}
    .news .content .c_left .lis{background: none;padding: 0.5rem 0 1rem;}
    .news .content .c_left .lis .swiper-container{padding-bottom: 1rem;}
    .news .content .c_left .swiper-container .swiper-slide{padding: 1rem 0;width: 100%;height: auto;}
    .news .content .c_left .swiper-container .swiper-slide img{display: block;width: 100%;height: auto;}
    .news .content .c_left .swiper-container .swiper-slide .time{font-size: 1rem;line-height: 1.6;}
    .news .content .c_left .swiper-container .swiper-slide h6{font-size: 1.2rem;}
    .news .content .c_left .swiper-container .swiper-slide p{font-size: .8rem;}

    .c_left .swiper-button-next, .c_left .swiper-button-prev{display: none;}

    .c_right ul li{border-top: none;padding: 1rem 0;}
    .c_right ul li > a .time{width: 15%;font-size: 1rem;}
    .c_right ul li > a .text .text_title{font-size: 1.2rem;line-height: 1.6;}
    .c_right ul li > a .text p{font-size: .8rem;line-height: 1.6;width: auto;}
    .c_right ul li:after{display: none;}
}

/* 移动端样式 */
@media only screen and (max-width: 320px) {



}

