/* 关于我们 */
.about{margin: 75px auto;position: relative;}
.about_container{display: none;position: relative;}
.about_container.active{display: block;}
.about .about_us{position: absolute;top: 0;right: 0;width: 50%;height: 100%; background-color: rgba(255, 255, 255, 0.8);padding-left: 66px;}
.about .about_us>img{width: 490px;margin-top: 90px;}
.about .about_us .about_name{margin: 35px auto;}
.about .about_us .about_name h3{color: #005ba3;font-size: 36px;line-height: 1;margin-bottom: 15px;}
.about .about_us .about_name p{font-size: 24px;color: #282828;line-height: 1;}
.about .about_us .about_introduce{font-size: 20px;line-height: 36px;color: #64676e;display: -webkit-box;/* 弹性盒模型 */-webkit-box-orient: vertical;/* 元素垂直居中*/ -webkit-line-clamp: 6;/*  文字显示的行数*/overflow:hidden;/* 超出隐藏 */}
.about .about_us ul{font-size: 0;margin: 70px auto;}
.about .about_us ul li{display: inline-block;margin-right: 8%;}
.about .about_us ul li a{color: #000;display: block;text-align: center;}
.about .about_us ul li a .icon{display: block;background-repeat: no-repeat;background-position: center; width: 96px;height: 96px;background-size: cover;}
.about .about_us ul li a .icon1{background-image: url("../images/about_more.png");}
.about .about_us ul li:hover a .icon1{background-image: url("../images/about_more_active.png");}
.about .about_us ul li a .icon2{background-image: url("../images/about_culture.png");}
.about .about_us ul li:hover a .icon2{background-image: url("../images/about_culture_active.png");}
.about .about_us ul li a .icon3{background-image: url("../images/about_honor.png");}
.about .about_us ul li:hover a .icon3{background-image: url("../images/about_honor_active.png");}
.about .about_us ul li a .icon4{background-image: url("../images/about_equipment.png");}
.about .about_us ul li:hover a .icon4{background-image: url("../images/about_equipment_active.png");}
.about .about_us ul li a p{font-size: 24px;line-height: 2;}
.about .manage{position: absolute;top: 0;right: 0;width: 50%;height: 100%;background-color: rgba(255, 255, 255, 0.8);}

.about .manage_content{width: 100%;padding: 0 164px 0 67px;}
.about .manage_content h3{color: #18499d;margin-top: 54px;font-size: 24px;line-height: 1;}
.about .manage_content ul{margin-top: 20px;}
.about .manage_content ul li{font-size: 20px;line-height: 44px;color: #000;}
.about .manage_content a{text-align: center;font-size: 24px;color: #000;display: inline-block;}
.about .manage_content  a .icon{display: block;background-repeat: no-repeat;background-position: center; width: 96px;height: 96px;background-size: cover;}
.about .manage_content  a .icon1{background-image: url("../images/about_more.png");}
.about .manage_content  a:hover .icon1{background-image: url("../images/about_more_active.png");}
.about .manage_content>img{width: 46.7%;display: block;}
.about .about_btn{position: absolute;bottom: 0;width: 100%; left: 0;text-align: center;font-size: 0;}
.about .about_btn>div{width: 348px;padding: 30px 0; background-color: #fff;display: inline-block;cursor: pointer;}
.about .about_btn>div h3{color: #3d3d3d;font-size: 36px;}
.about .about_btn>div p{font-size: 22px;color: #686868;}
.about .about_btn>div.active{background-color: #005ba3;}
.about .about_btn>div.active h3{color: #fff;}
.about .about_btn>div.active p{color: #fff;}

/* 产品中心 */
.product{ width: 78.125%;margin: 100px auto 0; }
.product .product_title{text-align: center;}
.product .product_title img{display: inline-block;width: 501px;}
.product .product_list{margin-top: 30px;}
.product .product_list .product_item{margin-bottom: 80px;}
.product .product_list .product_item>img{float: right;width: 59.13%;}
.product .product_list .product_item:nth-child(2)>img{float: left;width: 59.13%;}
.product .product_list .product_item .product_content{float: left;padding-right: 50px;width: 40%;}
.product .product_list .product_item:nth-child(2) .product_content{float: right;padding-right: 0px;width: 40%;padding-left: 30px;}
.product .product_list .product_item .product_content .product_name h3{color: #005ba3;font-size: 36px;line-height: 1;margin-bottom: 15px;}
.product .product_list .product_item .product_content .product_name p{font-size: 24px;color: #282828;line-height: 1;}
.product .product_list .product_item .product_content .product_introduce{font-size: 20px;line-height: 36px;color: #64676e;margin: 50px auto;}
.product .product_list .product_item .product_content a{display: block;  border: 1px solid #005ba3;color: #005ba3;width: 222px;padding: 18px 30px;font-size: 18px;line-height: 1;border-radius: 28px;background: url("../images/logo_icon2.png") no-repeat 20px 0;background-size: 34px 40px;text-align: center;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;}
.product .product_list .product_item .product_content a:hover{color: #fff;background:url("../images/logo_icon1.png") no-repeat 20px 0;background-color: #005ba3; transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;}


/* 新闻中心 */
.news{background-color: #f8f8f8;padding: 70px 0;overflow: hidden;}
.news .news_title{width: 78.125%;margin: 0 auto;}
.news .news_title img{width: 240px;}
/* 新闻列表轮播*/
.news_banner{width:69.06%;margin: 45px auto;overflow: visible;}
.news_banner .swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 63px; height: 100%;margin-top: -10px;z-index: 10; cursor: pointer; background-position: center;background-repeat: no-repeat;transform: translateY(-50%);}
.news_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../images/arr1.png");right: -63px;left: auto;}
.news_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("../images/arr2.png");left: -63px;right: auto;}
.news_banner .swiper-wrapper .swiper-slide a{display: block;color: #3d3d3d;background-color: #fff;}
.news_banner .swiper-wrapper .swiper-slide a p{margin: 40px 20px 40px 30px;height: 72px; font-size: 24px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news_banner .swiper-wrapper .swiper-slide a span{display: block;text-align: right;padding: 0 20px 20px 20px; color: #9d9d9d;}
.news_banner .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1;cursor: auto;pointer-events: auto;}

@media screen and (max-width:1600px){
    .about{margin: 65px auto;}
    .about .about_us>img{width:392px;margin-top: 70px;}
    .about .about_us .about_name h3{font-size: 32px;margin-bottom: 15px;}
    .about .about_us .about_name p{font-size: 20px;}
    .about .about_us .about_introduce{font-size: 16px;line-height: 28px;}
    .about .about_us ul{margin: 50px auto;}
    .about .about_us ul li a p{font-size: 20px;line-height: 2;}
    .about .manage_content{padding: 0 100px 0 50px;}
    .about .manage_content h3{color: #18499d;margin-top: 54px;font-size: 20px;line-height: 1;}
    .about .manage_content ul{margin-top: 20px;}
    .about .manage_content ul li{font-size: 16px;line-height: 36px;color: #000;}
    .about .manage_content a{text-align: center;font-size: 20px;color: #000;display: inline-block;}
    

    .about .about_btn>div h3{color: #3d3d3d;font-size: 32px;}
    .about .about_btn>div p{font-size: 18px;color: #686868;}
    .about .about_btn>div.active h3{color: #fff;font-size: 32px;}
    .about .about_btn>div.active p{font-size: 18px;color: #fff;}

    .product{ width: 78.125%;margin: 80px auto 0; }
    .product .product_title img{display: inline-block;width: 400px;}
    .product .product_list .product_item{margin-bottom: 60px;}
    .product .product_list .product_item .product_content .product_name h3{font-size: 32px;margin-bottom: 15px;}
    .product .product_list .product_item .product_content .product_name p{font-size: 20px;}
    .product .product_list .product_item .product_content .product_introduce{font-size: 16px;line-height: 2;margin: 40px auto;}  
    
    .news{padding:60px 0;}
    .news .news_title img{width: 192px;}
    .news_banner .swiper-wrapper .swiper-slide a p{margin: 40px 20px 40px 30px;height: 60px; font-size: 20px;line-height: 1.5;}


    
}
@media screen and (max-width:1440px){
    .about{margin: 55px auto;}
    .about .about_us>img{width:343px;margin-top: 50px;}
    .about .about_us .about_name h3{font-size: 28px;margin-bottom: 15px;}
    .about .about_us .about_name p{font-size: 16px;}
    .about .about_us .about_introduce{font-size: 14px;line-height: 24px;}
    .about .about_us ul{margin: 40px auto;}
    .about .about_us ul li a .icon{display: block;background-repeat: no-repeat;background-position: center; width: 68px;height: 68px;}
    .about .manage_content  a .icon{display: block;background-repeat: no-repeat;background-position: center; width: 68px;height: 68px;}
    .about .about_us ul li a p{font-size: 16px;line-height: 2;}
    .about .manage_content h3{color: #18499d;margin-top: 34px;font-size: 20px;line-height: 1;}
    .about .manage_content ul{margin-top: 10px;}
    .about .manage_content ul li{font-size: 16px;line-height: 36px;color: #000;}
    .about .manage_content a{font-size: 16px;}
    .about .manage_content a img{width: 68px;}


    .about .about_btn>div{width: 300px;}
    .about .about_btn>div h3{color: #3d3d3d;font-size: 28px;}
    .about .about_btn>div p{font-size: 16px;color: #686868;}
    .about .about_btn>div.active h3{color: #fff;font-size: 28px;}
    .about .about_btn>div.active p{font-size: 16px;color: #fff;}
}
@media screen and (max-width:1360px){
    .about  .about_btn>div{width: 280px;padding: 20px 0; }
    .about .manage_content{padding: 0 80px 0 30px;}
    .product{ width: 78.125%;margin: 60px auto 0; }
    .product .product_title img{display: inline-block;width: 350px;}
    .product .product_list .product_item{margin-bottom: 50px;}
    .product .product_list .product_item .product_content .product_name h3{font-size: 28px;margin-bottom: 15px;}
    .product .product_list .product_item .product_content .product_name p{font-size: 16px;}
    .product .product_list .product_item .product_content .product_introduce{font-size: 12px;line-height: 2;margin: 30px auto;} 
    .product .product_list .product_item .product_content a{width: 180px;padding: 10px 16px;font-size: 16px;border-radius: 28px;background: url("../images/logo_icon2.png") no-repeat 6px -10px;background-size: 34px 40px;}
    .product .product_list .product_item .product_content a:hover{background:url("../images/logo_icon1.png") no-repeat 6px -10px;background-color: #005ba3;} 

    .news{padding:50px 0;}
    .news .news_title img{width: 144px;}
    .news_banner .swiper-wrapper .swiper-slide a p{margin: 20px 10px 20px 15px;height: 54px; font-size: 18px;line-height: 1.5;}
    .news_banner .swiper-wrapper .swiper-slide a span{padding: 0 10px 20px 15px; font-size: 14px;}
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
    .about{margin: 45px auto;}
    .about .about_us>img{width:294px;margin-top: 30px;}
    .about .about_us .about_name{margin: 20px auto;}
    .about .about_us .about_name h3{font-size: 24px;margin-bottom: 10px;}
    .about .about_us .about_name p{font-size: 14px;}
    .about .about_us .about_introduce{font-size: 12px;line-height: 20px;}
    .about .about_us ul{margin: 20px auto;}
    .about .about_us ul li a img{width: 48px;}
    .about .about_us ul li a p{font-size: 14px;line-height: 2;}
    .about .manage_content a{font-size: 14px;}
    .about .manage_content  a .icon{display: block;background-repeat: no-repeat;background-position: center; width: 48px;height: 48px;}
    .about .about_us ul li a .icon{display: block;background-repeat: no-repeat;background-position: center; width: 48px;height: 48px;}
    .about .manage_content h3{color: #18499d;margin-top: 10px;font-size: 16px;line-height: 1;}
    .about .manage_content ul li{font-size: 14px;line-height: 28px;color: #000;}
    .about .manage_content {padding: 0 60px 0 20px;}

    .about .about_btn>div h3{color: #3d3d3d;font-size: 24px;}
    .about .about_btn>div p{font-size: 14px;color: #686868;}
    .about .about_btn>div.active h3{color: #fff;font-size: 24px;}
    .about .about_btn>div.active p{font-size: 14px;color: #fff;}

    .product{ width: 78.125%;margin: 40px auto 0; }
    .product .product_title img{display: inline-block;width: 300px;}
    .product .product_list .product_item .product_content .product_name h3{font-size: 24px;margin-bottom: 10px;}

    .news{padding:40px 0;}
    .news .news_title img{width: 120px;}
    .news_banner .swiper-wrapper .swiper-slide a p{margin: 20px 10px 20px 15px;height: 48px; font-size: 16px;line-height: 1.5;}
    .news_banner .swiper-wrapper .swiper-slide a span{padding: 0 10px 20px 15px; font-size: 12px;}
}
@media screen and (max-width:768px){
    .about .about_us{width: 100%;padding-left: 66px;}
    .about .manage{width: 100%;}
    .about .about_btn{position: initial;bottom: 0;width: 100%; }
    .about .about_btn>div{width: 50%;}
    .about .about_btn>div h3{color: #3d3d3d;font-size: 20px;}
    .about .about_btn>div p{font-size: 12px;color: #686868;}
    .about .about_btn>div.active h3{color: #fff;font-size: 20px;}
    .about .about_btn>div.active p{font-size: 12px;color: #fff;}

    .about .manage_content {padding: 0 40px 0 20px;}
    .about .manage_content>img{width: 25%;display: block;}


    .product .product_list .product_item>img{width: 100%;}
    .product .product_list .product_item:nth-child(2)>img{width: 100%;}
    .product .product_list .product_item .product_content{padding-right: 30px;width: 100%;margin-top: 20px;}
    .product .product_list .product_item:nth-child(2) .product_content{width: 100%;padding-left: 0px;padding-right: 30px;}
    .product .product_list .product_item .product_content .product_introduce{font-size: 12px;line-height: 2;margin: 20px auto;} 

    .news{padding:30px 0;}
    .news .news_title img{width: 120px;}
    .news_banner .swiper-wrapper .swiper-slide a p{margin: 10px;height: 36px; font-size: 12px;line-height: 1.5;}
    .news_banner .swiper-wrapper .swiper-slide a span{padding: 10px; font-size: 12px;}
}
@media screen and (max-width:750px){
    .about{margin: 25px auto;}
    .about .about_us{width: 100%;padding-left: 20px;}
    .about .about_container>img{min-height: 300px;}
    .about .about_us>img{width:196px;margin-top: 10px;}
    .about .about_us .about_name{margin: 10px auto;}
    .about .about_us .about_name h3{font-size: 18px;margin-bottom: 10px;}
    .about .about_us .about_name p{font-size: 12px;}
    .about .about_us .about_introduce{font-size: 12px;line-height: 20px;}
    .about .about_us ul{margin: 10px auto;}
    .about .about_us ul li a img{width: 48px;}
    .about .about_us ul li a p{font-size: 12px;line-height: 2;}
    .about .manage_content {padding: 0 20px 0 10px;}
    .about .about_btn>div h3{color: #3d3d3d;font-size: 18px;}
    .about .about_btn>div p{font-size: 12px;color: #686868;}
    .about .about_btn>div.active h3{color: #fff;font-size: 18px;}
    .about .about_btn>div.active p{font-size: 12px;color: #fff;}
    .product .product_list .product_item .product_content .product_name h3{font-size: 18px;margin-bottom: 10px;}

    .news_banner{width:80%;margin: 25px auto;overflow: hidden;}
    .news_banner .swiper-button-next, .swiper-button-prev {width: 36px; background-size: 36px 36px;}
    .news_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../images/arr1.png");right: 10px;left: auto;}
    .news_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("../images/arr2.png");left: 10px;right: auto;}
}