﻿.about_nav{display: flex;align-items: center;justify-content: space-between; width: 1070px;height: 98px;padding: 0 50px; border-radius: 49px;background-color: #fff;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);position: relative;top: -49px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
.about_nav ul li{display: inline-block;padding:0 10px;border-right: 1px solid #dcdcdc; }
.about_nav ul li:last-child{border-right: none;}
.about_nav ul li.active a{color: #005ba3;}
.about_nav a{color: #3d3d3d;}
.about_nav a:hover{color: #005ba3;}
.about_nav>a img{display: inline-block;margin-right: 6px;}

/* 公司简介 */
.introduction{width: 82.55%;margin: 0px auto ;overflow: hidden;}
.introduction .introduction_title{text-align: center;}
.introduction .introduction_title img{display: inline-block;width: 889px;}
.introduction_content{margin-top: 30px;}
.introduction_content h3{font-size: 28px;font-weight: normal;color: #005ba3;}
.introduction_content p{font-size: 24px;color: #3d3d3d;margin: 20px auto;line-height: 1.4;font-family: "Sans";}

/* 第五项管理 */
.manage{width: 82.55%;margin: 110px auto 0;overflow: hidden;}
.manage .manage_title{text-align: center;}
.manage .manage_title img{display: inline-block;width: 927px;}
.manage_container{margin-top: 100px;}
.manage_container>img{width: 39.14%;}
.manage .manage_content{width: 55.56%;}
.manage .manage_content h3{color: #18499d;font-size: 24px;line-height: 1;}
.manage .manage_content ul{margin-top: 20px;}
.manage .manage_content ul li{font-size: 20px;line-height: 44px;color: #000;}
.manage .manage_content p{margin-top: 30px;font-size: 20px;line-height: 1.8;color: #595858;}
/* 企业宗旨 */
.purpose{background: url(../images/about2.png) no-repeat center center;background-size: cover;min-height: 514px; position: relative;margin: 120px auto 88px;}
.purpose>ul{width: 82.55%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);display: flex;justify-content: space-between;align-content: center;}
.purpose>ul li{width: 33.33%;text-align: center;color: #fff;vertical-align: top;}
.purpose>ul li img{display: inline-block;width: 239px;}
.purpose>ul li p{font-size: 24px;margin-top: 30px;}
/* 发展历程 */
.course{width: 82.55%;margin: 0px auto ;overflow: hidden;}
.course .course_title{text-align: center;}
.course .course_title img{display: inline-block;width: 867px;}
.course_list{margin-top: 60px;}
.course_list .course_item{float: left; display: flex;flex-direction: row-reverse;width: 56.2%;justify-content: space-between;align-items: center;margin: 24px 0;position: relative;}
.course_list .course_item:nth-child(2n){float: right;flex-direction: row;}
.course_list .course_item span{display: block;  width: 194px;font-size: 24px;line-height: 50px;height: 50px;text-align: center; position: relative;background-color: #005ba3;color: #fff;border-radius: 25px;box-shadow:  5px 5px 5px rgba(0, 0, 0, 0.2);}
.course_list .course_item span::before{content: "";display: block;width: 67px;height: 2px; background-color: #7d7d7d;position: absolute;top: 23px;left: -74px;}
.course_list .course_item span::after{content: "";display: block;width: 16px;height: 16px; background-color: #7d7d7d;position: absolute;top: 16px;left: -90px;border-radius: 50%;}
.course_list .course_item:nth-child(2n) span{background-color: #e7ecf3;color: #005ba3;}
.course_list .course_item:nth-child(2n) span::before{right: -74px;left: auto;background-color: #005ba3;}
.course_list .course_item:nth-child(2n) span::after{right: -90px;left: auto;background-color: #005ba3;}

.course_list .course_item div{width: calc(100% - 328px);font-size: 22px; color: #3d3d3d;position: absolute;top: 0;left: 0;transform: translateY(-25%);text-align: right;}
.course_list .course_item:nth-child(2n) div{right: 0;left: auto;text-align: left;}
.course a.more{display: block;width: 47px;height: 47px;background: url("../images/more.png") no-repeat center center;background-size: contain;margin: 60px auto;}
/* 荣誉证书 */
.honor{width: 82.55%;margin: 0px auto ;overflow: hidden;}
.honor .honor_title{text-align: center;}
.honor .honor_title img{display: inline-block;width: 323px;}

.honor_banner{margin: 60px auto 160px;overflow: visible;}
.honor_banner .swiper-slide p{text-align: center;margin-top: 24px;}
.honor_banner .swiper-pagination-bullet { width: 46px; height: 46px;display: inline-block; border-radius: 100%;  background: transparent; margin: 0 9px;opacity: 1;position: relative;text-align: center;line-height: 46px;}
.honor_banner .swiper-pagination-bullet-active { background: #005ba3;color: #fff;}
/* .honor_banner .swiper-pagination-bullet-active::after{content: "";display: block;width: 24px;height: 24px;border: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 100%;} */
.honor_banner .swiper-pagination {bottom: -90px;left: 10px; right: 10px; pointer-events: auto; z-index: 10; text-align: center;}
/* 专利证书 */
.patent{background-color: #f8f8f8;padding: 70px 0;}
.patent>div{width: 82.55%;margin: 0px auto ;overflow: hidden;position: relative;}
.patent .patent_title{text-align: center;}
.patent .patent_title img{display: inline-block;width: 358px;}

.patent_banner{width: 89.65%;margin: 55px 5.36%;overflow: visible;}
.patent_banner .swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 20px; height: 37px;margin-top: -10px;z-index: 10; cursor: pointer; background-position: center;background-repeat: no-repeat;transform: translateY(-50%);}
.patent_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../images/arr_right1.png");right: -50px;left: auto;}
.patent_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("../images/arr_left1.png");left: -50px;right: auto;}
/* 商标明细 */
.trademark{width: 82.55%;margin: 0px auto ;padding-top: 100px;}
.trademark .trademark_title{text-align: center;}
.trademark .trademark_title img{display: inline-block;width: 677px;}
.trademark_list{margin-top: 60px;font-size: 0;}
.trademark_list .trademark_item{display: inline-block;width: 21.82%;margin-right: 4.03%;margin-bottom: 70px;}
.trademark_list .trademark_item:nth-child(4n){margin-right: 0%;}
.trademark>a{display: block; margin: 60px auto 80px;  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;}
.trademark>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;}
/* 研发设备 */
.equipment{width: 82.55%;margin: 0px auto ;}
.equipment .equipment_title{text-align: center;}
.equipment .equipment_title img{display: inline-block;width: 542px;}
.equipment_list{margin-top: 60px;}
.equipment_list .equipment_item{margin-bottom: 30px;display: flex;display: -webkit-flex;justify-content: space-between;}
.equipment_list .equipment_item>div:nth-child(1){width: 50.03%;}
.equipment_list .equipment_item>div:nth-child(2){width: 48.45%;display: flex; display: -webkit-flex; flex-direction: column;justify-content: space-between;}
.equipment_list .equipment_item div.equipment_img{overflow: hidden;}
.equipment_list .equipment_item div.equipment_img img{transform: scale(1);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.equipment_list .equipment_item div.equipment_img:hover img{transform: scale(1.2);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.equipment_list .equipment_item:nth-child(2n){flex-direction: row-reverse;}
.equipment_list>a{display: block; margin: 60px auto 80px;  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;}
.equipment_list>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;}



@media screen and (max-width: 1600px) {
    .about_nav{ width: 856px;height: 98px;padding: 0 50px; border-radius: 49px;top: -34px;left: 50%;}
    .equipment .equipment_title img{display: inline-block;width: 433px;}
    .equipment_list{margin-top: 50px;}
    .honor .honor_title img{width: 258px;}
    .honor_banner{margin: 40px auto 140px;overflow: visible;}

    .patent{background-color: #f8f8f8;padding: 50px 0;}
    .patent .patent_title img{display: inline-block;width: 286px;}
    .patent_banner{width: 89.65%;margin: 45px 5.36%;overflow: visible;}

    .trademark{width: 82.55%;margin: 0px auto ;padding-top: 80px;}
    .trademark .trademark_title img{display: inline-block;width: 541px;}
    .trademark_list{margin-top: 50px;font-size: 0;}
    .trademark_list .trademark_item{display: inline-block;width: 21.82%;margin-right: 4.03%;margin-bottom: 50px;}

    .introduction .introduction_title img{display: inline-block;width: 711px;}
    .introduction_content{margin-top: 25px;}
    .introduction_content h3{font-size: 24px;}
    .introduction_content p{font-size: 20px;margin: 15px auto;line-height: 1.4;}
    
    .manage{width: 82.55%;margin: 80px auto 0;overflow: hidden;}
    .manage .manage_title img{display: inline-block;width: 741px;}
    .manage_container{margin-top: 80px;}
    .manage .manage_content h3{color: #18499d;font-size: 20px;line-height: 1;}
    .manage .manage_content ul{margin-top: 15px;}
    .manage .manage_content ul li{font-size: 16px;line-height: 36px;color: #000;}
    .manage .manage_content p{margin-top: 20px;font-size: 16px;line-height: 1.8;color: #595858;}

    .purpose{min-height: 514px;margin: 100px auto 70px;}
    .purpose>ul li img{display: inline-block;width: 191px;}
    .purpose>ul li p{font-size: 20px;margin-top: 25px;}

    .course .course_title img{display: inline-block;width: 693px;}
    .course_list{margin-top: 50px;}
    .course_list .course_item{width: 57.3%;margin: 20px 0;}

}
@media screen and (max-width: 1440px) {

    .manage .manage_content h3{color: #18499d;font-size: 20px;line-height: 1;}
    .manage .manage_content ul{margin-top: 10px;}
    .manage .manage_content ul li{font-size: 16px;line-height: 36px;color: #000;}
    .manage .manage_content p{margin-top: 15px;font-size: 16px;line-height: 1.6;color: #595858;}

    .course_list .course_item{width: 58.6%;margin: 20px 0;}
    .course_list .course_item div{width: calc(100% - 328px);font-size: 18px; }
    .course_list .course_item span{  width: 194px;font-size: 20px;line-height: 50px;height: 50px;}

}
@media screen and (max-width: 1360px) {
    .about_nav{ width: 642px;height: 68px;padding: 0 50px; border-radius: 49px;top: -34px;left: 50%;}
    .equipment .equipment_title img{display: inline-block;width: 325px;}
    .equipment_list{margin-top: 40px;}
    .equipment_list .equipment_item{margin-bottom: 20px;}
    .honor .honor_title img{width: 193px;}
    .honor_banner{margin: 30px auto 120px;overflow: visible;}
    .honor_banner .swiper-pagination {bottom: -70px;}
    .honor_banner .swiper-slide p{text-align: center;margin-top: 16px;}
    .honor_banner .swiper-pagination-bullet { width: 36px; height: 36px;  line-height: 36px;}
    .patent{background-color: #f8f8f8;padding: 30px 0;}
    .patent .patent_title img{display: inline-block;width: 214px;}
    .trademark{width: 82.55%;margin: 0px auto ;padding-top: 60px;}
    .trademark .trademark_title img{display: inline-block;width:406px;}
    .trademark_list{margin-top: 40px;font-size: 0;}
    .trademark_list .trademark_item{display: inline-block;width: 21.82%;margin-right: 4.03%;margin-bottom: 40px;}

    .introduction .introduction_title img{display: inline-block;width: 533px;}
    .introduction_content{margin-top: 20px;}
    .introduction_content h3{font-size: 20px;}
    .introduction_content p{font-size: 16px;margin: 10px auto;line-height: 1.4;}

    .manage{width: 82.55%;margin: 60px auto 0;overflow: hidden;}
    .manage .manage_title img{display: inline-block;width: 556px;}
    .manage_container{margin-top: 60px;}
    .manage .manage_content h3{color: #18499d;font-size: 18px;line-height: 1;}
    .manage .manage_content ul{margin-top: 10px;}
    .manage .manage_content ul li{font-size: 14px;line-height: 30px;color: #000;}
    .manage .manage_content p{margin-top: 15px;font-size: 14px;line-height: 1.6;color: #595858;}

    .purpose{min-height: 420px;margin: 80px auto 50px;}
    .purpose>ul li img{display: inline-block;width: 143px;}
    .purpose>ul li p{font-size: 16px;margin-top: 20px;}
    .course .course_title img{display: inline-block;width: 520px;}
    .course_list{margin-top: 40px;}



}
@media screen and (max-width: 1024px) {
    .patent_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -30px;left: auto;}
    .patent_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -30px;right: auto;}
    .trademark_list{margin-top: 20px;font-size: 0;}
    .trademark_list .trademark_item{display: inline-block;width: 21.82%;margin-right: 4.03%;margin-bottom: 30px;}

    .manage_container>img{width: 100%;margin-top: 10px;}
    .manage .manage_content{width: 100%;}

    .course_list .course_item{width: 58.6%;margin: 20px 0;}
    .course_list .course_item div{width: calc(100% - 248px);font-size: 14px; }
    .course_list .course_item span{  width: 148px;font-size: 16px;line-height: 38px;height:38px;}
    .course_list .course_item span::before{width: 67px;height: 2px; top: 17px;left: -74px;}
    .course_list .course_item span::after{width: 16px;height: 16px; top: 10px;left: -90px;}
    .course_list .course_item:nth-child(2n) span::before{right: -74px;left: auto;background-color: #005ba3;}
    .course_list .course_item:nth-child(2n) span::after{right: -90px;left: auto;background-color: #005ba3;}

}
@media screen and (max-width: 768px) {
    .about_nav{ width: 428px;height: 68px;padding: 0 20px; border-radius: 49px;top: -34px;left: 50%;}
    .about_nav a{color: #3d3d3d;font-size: 12px;}
    .about_nav>a img{display: inline-block;margin-right: 6px;width: 20px;}
    .honor_banner{margin: 20px auto 80px;overflow: visible;}
    .honor_banner .swiper-slide p{text-align: center;margin-top: 10px;}
    .honor_banner .swiper-pagination-bullet { width: 24px; height: 24px;  line-height: 24px;}
    .honor_banner .swiper-pagination {bottom: -50px;}
    .trademark{width: 82.55%;margin: 0px auto ;padding-top: 40px;}
    .trademark .trademark_title img{display: inline-block;width:406px;}
    .trademark_list .trademark_item{display: inline-block;width: 48%;margin-right: 4%;margin-bottom: 10px;}
    .trademark_list .trademark_item:nth-child(2n){margin-right: 0%;}
    .introduction .introduction_title img{display: inline-block;width: 359px;}
    .introduction_content{margin-top: 10px;}
    .introduction_content h3{font-size: 16px;}
    .introduction_content p{font-size: 12px;margin: 10px auto;line-height: 1.4;}

    .manage{width: 82.55%;margin: 40px auto 0;overflow: hidden;}
    .manage .manage_title img{display: inline-block;width: 370px;}
    .manage_container{margin-top: 40px;}

    .purpose{min-height: 320px;margin: 40px auto 30px;}
    .purpose>ul li img{display: inline-block;width: 100px;}
    .purpose>ul li p{font-size: 12px;margin-top: 20px;}
    .course .course_title img{display: inline-block;width:346px;}
    .course_list{margin-top: 30px;}

    .course_list .course_item{width: 58.6%;margin: 10px 0;}
    .course_list .course_item div{width: calc(100% - 208px);font-size: 12px; }
    .course_list .course_item span{  width: 108px;font-size: 14px;line-height: 38px;height:38px;}
    .course a.more{display: block;width: 36px;height: 36px;background: url("../images/more.png") no-repeat center center;background-size: contain;margin: 30px auto;}

}
@media screen and (max-width: 750px) {
    .about_nav{ width: 90%;height: 48px;padding: 0 10px; border-radius: 49px;top: -24px;left: 50%;}
    .about_nav ul li{padding:0 5px; }
    .equipment .equipment_title img{display: inline-block;width: 216px;}
    .equipment_list{margin-top: 20px;}
    .equipment_list .equipment_item{margin-bottom: 10px;}
    .equipment_list>a{margin: 30px auto 40px; }
    .honor .honor_title img{width: 129px;}
    .patent{background-color: #f8f8f8;padding: 20px 0;}
    .patent .patent_title img{display: inline-block;width: 143px;}
    .patent_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0px;left: auto;}
    .patent_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0px;right: auto;}
    .trademark{width: 82.55%;margin: 0px auto ;padding-top: 20px;}
    .trademark .trademark_title img{display: inline-block;width:270px;}
    .trademark_list{margin-top: 20px;font-size: 0;}
    .trademark>a{margin: 30px auto 40px; }
    .introduction .introduction_title img{display: inline-block;width: 269px;}

    .manage{width: 90%;margin: 30px auto 0;overflow: hidden;}
    .manage .manage_title img{display: inline-block;width: 278px;}
    .manage_container{margin-top: 30px;}

    .purpose{min-height: 300px;margin: 20px auto ;}
    .purpose>ul li img{display: inline-block;width: 80px;}
    .purpose>ul li p{font-size: 12px;margin-top: 10px;}
    .course .course_title img{display: inline-block;width:260px;}
    .course_list{margin-top: 20px;}

    .course_list .course_item{width: 100%;margin: 10px 0;flex-direction: row;}
    .course_list .course_item span{ width: 80px;font-size: 14px;line-height: 28px;height: 28px; border-radius: 16px;}
    .course_list .course_item span::before{width: 34px;height: 2px; top: 13px;left: auto;right: -44px;}
    .course_list .course_item span::after{width: 8px;height: 8px; top: 10px;left: auto;right: -52px;}
    .course_list .course_item:nth-child(2n) span::before{right: -44px;left: auto;background-color: #005ba3;}
    .course_list .course_item:nth-child(2n) span::after{right: -52px;left: auto;background-color: #005ba3;}
    .course_list .course_item div{width: calc(100% - 140px);font-size: 12px; position: static;  text-align: left;left: auto;right: 0;transform: translateY(-0%);}

    
    


}










