/* 首页样式 */
.page_top_bxo {
    background-color: #eeeeee;
}

.page_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.page_top_r ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_top_r ul li::after {
    content: "|";
    margin: 0 10px;
}

.page_top_r ul li:last-child::after {
    content: " ";
}

.page_top_r ul li {
    display: flex;
}

.page_top_r ul li a {
    display: flex;
    align-items: center;
    color: #000;
}

.page_top_r ul li a img {
    margin: 0 5px 0 0;
    width: 19px;
    height: 14px;
}

/* 网页头部 */
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 105px;
}

.header_line {
    margin: 0 10px;
}

/* 网页nav */
.nav_box {
    background-color: #183e9f;
}

.nav ul {
    display: flex;
    justify-content: space-between;
}

.nav ul li a {
    display: flex;
    padding: 18px 24px;
    color: #fff;
}

.nav ul li a:hover {
    background-color: #e71a01;
    transition: 0.5s;
}

/* banner */
.swiper-pagination-bullet {
    width: 19px;
    height: 19px;
    background-color: #efefef;
}

.swiper-slide img {
    display: block;
    width: 100%;
}

/* 热搜关键词 */
.hot_searchbar_box {
    height: 54px;
    background-color: #eaeaea;
}

.hot_searchbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 54px;
}

.hot_searchbar_left {
    display: flex;
    width: 60%;
}

.hot_searchbar_left ul {
    display: flex;
    align-items: center;
    max-width: 500px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hot_searchbar_left ul li a {
    color: #000000;
}

.hot_searchbar_left ul li::after {
    content: '、';
}

.hot_searchbar_left ul li:last-child::after {
    content: ' ';
}

.hot_searchbar_left::after {
    content: '等';
    margin: 0 0 0 10px;
}

.hot_searchbar_right form .search_box {
    padding: 0 35px 0 10px;
    width: 210px;
    height: 20px;
    outline: none;
    color: #8f8f8f;
    border: none;
}

.submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 20px;
    border: none;
    background-color: #fff;
    background-image: url(../images/magnifying_glass.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.hot_searchbar_right form {
    position: relative;
}

/* 产品中心标题 */
.product_centertitle {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 130px;
}

.title_box {
    display: flex;
}

.title_box h3:nth-child(2) {
    color: #183e9f;
}

.line_box {
    position: absolute;
    top: 40px;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.line_box span {
    display: block;
    width: 35%;
    height: 1px;
    background-color: #dcdcdc;
}

/* 产品中心 */
.product_center {
    height: 778px;
    padding: 40px 0;
    box-sizing: border-box;
}

.product_center_box {
    background-image: url(../images/product_center_bg.jpg);
}

.product_center_l dl dt {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 15px 0;
    width: 259px;
    height: 89px;
    color: #fff;
    background-color: #005aa9;
    box-sizing: border-box;
}

.product_center_l dl {
    width: 259px;
}

.product_center_l dl dd {
    height: 40px;
    background-color: #fff;
    border-left: 2px solid red;
    border-right: 1px solid #e0e0e0;
}

.product_center_l dl dd:last-child {
    border-bottom: 1px solid #e0e0e0;
}

.product_center_l dl dd a {
    display: flex;
    align-items: center;
    padding: 13px 0 13px 62px;
    width: 100%;
    color: #000;
    box-sizing: border-box;
}

.product_center_l dl dd a img {
    margin: 0 23px 0 0;
    display: none;
}

.product_center_l dl dd a:hover {
    padding: 13px 0 13px 22px;
}

.product_center_l dl dd a:hover img {
    display: block;
}

.product_center_l dl dd a:hover span {
    font-size: 16px;
    color: #ff0000;
    transition: 0.5s;
}

.center_lbelow {
    display: flex;
    flex-direction: column;
    padding: 0 1px;
    width: 259px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.center_lbelow a {
    display: flex;
    align-items: center;
    padding: 13px 0 13px 22px;
    color: #000;
    background-color: #fff;
    box-sizing: border-box;
}

.center_lbelow a img {
    margin: 0 23px 0 0;
}

.product_center {
    display: flex;
    justify-content: space-between;
}

.product_center_l {
    width: 24%;
}

.product_center_r {
    width: 75%;
}

.center_r_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.center_r_title_ltop {
    display: flex;
    align-items: flex-end;
}

.center_r_title_l {
    width: 100%;
}

.center_r_title a {
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.center_classify {
    display: flex;
    align-items: center;
    margin: 24px 0 13px 0;
    width: 100%;
    height: 67px;
    background-image: url(../images/center_classify_bg.jpg);
}

.center_classify ul {
    display: flex;
    justify-content: space-around;
    margin-left: 35px;
    width: 70%;
}

.center_classify ul li::after {
    content: "|";
    margin: 0 0 0 12px;
    color: #fff;
}

.center_classify ul li:last-child:after {
    content: " ";
}

.center_classify ul li a {
    color: #fff;
}

.center_classify span {
    display: block;
    width: 30%;
    text-align: center;
    color: #fff;
}

.center_classify ul li a:hover {
    font-weight: 666;
}

.swiper-containerTwo {
    width: 100%;
    height: 340px;
    background-color: #eaeaea;
    overflow: hidden;
}

.slide_l,
.slide_r {
    width: 49%;
}

.slide_r div {
    line-height: 2;
}

.slide_l img {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-containerTwo .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: space-between;
    padding: 30px 30px;
    box-sizing: border-box;
}

.slide_r h3 {
    padding-bottom: 15px;
    border-bottom: 2px solid #b3b3b3;
}

.slide_r span {
    display: block;
    line-height: 2;
}

.slide_r a {
    display: block;
    margin: 17px 0 0 0;
    width: 101px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    background-color: #183e9f;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.slide_r div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
}

.slide_r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.swiper-containerTwo {
    position: relative;
    z-index: 0;
}

.prevnext_box {
    position: absolute;
    top: 175px;
    left: 0;
    width: 110%;
    z-index: 999;
}

.swiper-button-prev {
    position: relative;
    top: 0;
    left: 3px;
}

.swiper-button-next {
    position: relative;
    top: -22px;
    right: -871px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(../images/left_arrow.jpg);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/right_arrow.jpg);
}

.center_rfour_unit ul {
    display: flex;
    justify-content: space-between;
}

.center_rfour_unit ul li a img {
    display: block;
    width: 100%;
    height: 100%;
}

.center_rfour_unit ul li a {
    display: block;
    width: 223px;
    height: 210px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
}

.center_rfour_unit ul li a span {
    display: block;
    height: 42px;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    color: #000;
    background-color: #fff;
    border-top: 1px solid #b7b7b7;
    box-sizing: border-box;
}

.center_rfour_unit {
    margin: 14px 0 0 0;
}

.center_rfour_unit ul li a:hover img {
    transform: scale(1.1);
    transition: .3s;
}

.four_unit_pbox {
    width: 221px;
    height: 167px;
    overflow: hidden;
}

.rail img {
    display: block;
    width: 100%;
}

/* 公司简介 */
.brief_introduction_box {
    padding: 30px 0;
    box-sizing: border-box;
}


.brief_introduction_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 20px 0;
}

.brief_introduction_title h4 {
    text-transform: uppercase;
}

.brief_introduction_title div {
    display: flex;
    margin: 15px 0;
}

.brief_introduction_title div h4:nth-child(2) {
    margin: 0 0 0 10px;
    color: #005aa9;
}

.brief_introduction_content_l {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    width: 46%;
}

.brief_introduction_content_r {
    width: 50%;
}

.l_text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    line-height: 3;
}

.l_text span {
    display: block;
    text-indent: 2em;
    line-height: 2.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

.brief_introduction_content_l a {
    display: block;
    margin: 17px 0 0 0;
    width: 101px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    color: #fff;
    background-color: #183e9f;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
}


.brief_introduction_content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 485px;
    box-shadow: 0px 8px 15px #ededed;
}

.brief_introduction_content_r img {
    display: block;
    width: 100%;
    height: 100%;
}

/* 工程案例 */
.banner_three_box {
    width: 50%;
    height: 500px;
}

.banner_three_box img {
    display: block;
    height: 100%;
}

.case_content {
    padding: 40px 200px 40px 90px;
    width: 50%;
    background-image: url(../images/case_bg.jpg);
    box-sizing: border-box;
}

.project_case_box>.swiper-containerThree>.swiper-wrapper {
    height: 500px !important;
}

.swiper-containerThree .swiper-wrapper .swiper-slide {
    display: flex;
}

.swiper-pagination-bullet {
    background-color: #949494;
    margin: 0 10px 0 0;
}

.swiper-pagination-bullet-active {
    background-color: #005aa9;
}

.case_content_title img {
    width: 20%;
}

.case_content h4 {
    margin: 35px 0;
}

.case_content ul {
    display: flex;
    justify-content: space-around;
    padding: 20px 0;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}

.case_content ul li span:first-child:after {
    content: "|";
    position: relative;
    top: 15px;
    left: 50px;
}

.case_content ul li:last-child span::after {
    content: " ";
}

.case_content ul li span {
    display: block;
}

.case_content ul li span:first-child {
    margin: 0 0 10px 0;
}

.case_content ul li span:nth-child(2) {
    color: #696969;
}

.case_content ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.case_content a img {
    width: 4%;
}

.case_content .text_box {
    display: block;
    margin: 30px 0;
    line-height: 2;
}

.case_content a {
    display: flex;
    margin: 0 0 30px 0;
    color: #000;
}

.case_content a span {
    margin: 0 10px 0 0;
}

.swiper-pagination {
    width: 100%;
    bottom: 55px;
    right: -8%;
}

.case_content_title h3:nth-child(1) {
    color: #005aa9;
}

.case_content_title h3:nth-child(2) {
    margin: 10px 0;
}

/* 生产设备 */
.production_equipment_box {
    padding: 25px 0;
    box-sizing: border-box;
}

.plant_box {
    position: relative;
    display: block;
    width: 288px;
    height: 234px;
}

.plant_box_imgbox {
    height: 190px;
}

.plant_box_imgbox img {
    display: block;
    width: 100%;
    height: 100%;
}

.swiper-containerFour {
    overflow: hidden;
}

.plant_box .plant_title {
    display: block;
    padding: 0 25px;
    height: 45px;
    line-height: 45px;
    color: #000;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
}

.shade_box {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 288px;
    height: 190px;
    background-color: #005aa9;
    opacity: 0.6;
    display: none;
}

.shade_box span {
    display: block;
    color: #fff;
}

.shade_box span:nth-child(2) {
    margin: 10px 0 0 0;
    text-transform: uppercase;
}

.shade_box span:nth-child(3) {
    margin: 20px 0 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #005aa9;
    border-radius: 50%;
    background-color: #fff;
}

.plant_box:hover .shade_box {
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.plant_box:hover .plant_title {
    border-bottom: 2px solid #005aa9;
    transition: 0.6s;
}

.l_prev {
    position: absolute;
    top: 110px;
    left: -70px;
    width: 60px;
    height: 60px;
    color: #e3e3e3;
    font-size: 50px;
    text-align: center;
    border: 1px solid #e3e3e3;
}

.l_prev:hover {
    color: #fff;
    background-color: #005aa9;
    transition: 0.6s;
    cursor: pointer;
}

.r_next:hover {
    color: #fff;
    background-color: #005aa9;
    transition: 0.6s;
    cursor: pointer;
}

.r_next {
    position: absolute;
    top: 110px;
    right: -60px;
    width: 60px;
    height: 60px;
    color: #e3e3e3;
    font-size: 50px;
    text-align: center;
    border: 1px solid #e3e3e3;
}

.banner_four {
    position: relative;
}

.swiper-containerFour .swiper-wrapper {
    height: 240px !important;
}

/* 生产车间 */
.manufacturing_shop_box {
    width: 100%;
    background-image: url(../images/manufacturing_shop_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.manufacturing_shop {
    padding: 45px 0;
    height: 465px;
    box-sizing: border-box;
}

.manufacturing_shop .brief_introduction_title h4 {
    color: #fff;
}

.manufacturing_shop ul {
    display: flex;
    justify-content: space-between;
}

.manufacturing_shop ul li a {
    display: block;
    width: 280px;
    height: 234px;
}

.manufacturing_shop ul li a .manufacturing_shop_imgbox {
    width: 280px;
    height: 186px;
}

.manufacturing_shop_imgbox img {
    display: block;
    width: 100%;
    height: 100%;
}

.arrow_r {
    width: 10px;
    height: 10px;
    background-image: url(../images/triangle.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.imgbox_below span {
    color: #000;
}

.imgbox_below {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    width: 100%;
    height: 48px;
    background-color: #fff;
    box-sizing: border-box;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
}

.manufacturing_shop ul li a:hover .imgbox_below {
    border-bottom: 2px solid #ff7d31;
    transition: 0.6s;
}

.manufacturing_shop ul li a:hover .arrow_r {
    background-image: url(../images/triangle2.png);
    transition: 0.6s;
}

/* 荣誉资质 */
.honor_qualification_box {
    padding: 35px 0;
    box-sizing: border-box;
}

.swiper-containerFive {
    overflow: hidden;
}

.swiper-containerFive .swiper-wrapper .swiper-slide img {
    width: 285px;
    height: 410px;
}

.swiper-button-prevfive {
    position: absolute;
    top: 535px;
    left: 535px;
    width: 50px;
    height: 50px;
    background-image: url(../images/bgcblue_larrow.jpg);
    background-size: 100%;
    cursor: pointer;
}

.swiper-button-nextfive {
    position: absolute;
    top: 535px;
    left: 620px;
    width: 50px;
    height: 50px;
    background-image: url(../images/bgcblue_rarrow.jpg);
    background-size: 100%;
    cursor: pointer;
}

.honor_qualification {
    position: relative;
    height: 610px;
}

/* 新闻中心 */
.press_center_box {
    padding: 36px 0;
    background-color: #f2f2f2;
}

.news_center_l {
    width: 42%;
}

.news_center_ltext {
    margin: 42px 0 0 0;
}

.news_center_ltext span {
    display: block;
    margin: 20px 0 0 0;
    line-height: 1.5;
    color: #696969;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_center_ltext a {
    color: #000;
}

.news_center_box {
    display: flex;
    justify-content: space-between;
}

.time_box {
    width: 10%;
    text-align: center;
}

.time_box span {
    display: block;
    width: 113%;
}

.news_center_r ul li a {
    display: flex;
    padding: 30px;
    color: #000;
    border-bottom: 1px solid #d7d7d7;
    box-sizing: border-box;
}

.news_center_r ul li:last-child a {
    border: none;
}

.news_text_box h4 {
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.news_text_box span {
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_center_r {
    width: 55%;
    box-sizing: border-box;
}

.news_text_box {
    margin: 0 0 0 30px;
}

/* 常见问题 */
.faq_box {
    margin: 60px 0 0 0;
}

.faq_title h3 {
    margin: 0 0 10px 0;
    width: 200px;
    color: #005aa9;
}

.faq_title h4 {
    color: #999999;
}

.faq_box {
    display: flex;
}

.faq_box .swiper-wrapper li {
    display: none;
}

.q img,
.a img {
    display: block;
    margin: 0 20px 0 0;
    width: 5%;
}

.q {
    display: flex;
    align-items: center;
}

.a {
    display: flex;
    align-items: center;
    line-height: 2;
}

.a span {
    color: #696969;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.swiper-containerSix .swiper-slide a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 20px 0 20px;
    padding: 0 20px;
    width: 470px;
    height: 135px;
    color: #000;
    background-color: #fff;
    border: 1px solid #d2d2d2;
}

.swiper-containerSix .swiper-slide {
    display: flex;
}

.faq_title {
    width: 20%;
}

.faq_title .swiper-button-prevsix {
    width: 45px;
    height: 45px;
    top: 60px;
    left: 0;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    background-color: #005aa9;
}

.faq_title .swiper-button-nextsix {
    width: 45px;
    height: 45px;
    top: 38px;
    right: -60px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    background-color: #005aa9;
}

.faq_title .swiper-button-prevsix:hover {
    background-color: #ff7d31;
    cursor: pointer;
    transition: 0.6s;
}

.faq_title .swiper-button-nextsix:hover {
    background-color: #ff7d31;
    cursor: pointer;
    transition: 0.6s;
}

.sixbtn_bxo {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 30px 0 0 0;
}

.footernav_box {
    background-color: #005aa9;
}


/* 联系我们 */
.contact_us_box {
    background-image: url(../images/contact_us_bg.jpg);

}

.contact_us {
    padding: 35px 0;
    height: 455px;
    box-sizing: border-box;
}

.contact_us .brief_introduction_title h4 {
    color: #fff;
}

.l_top span,
.l_top p {
    display: block;
    color: #fff;
    line-height: 2;
}

.l_top {
    margin: 0 0 20px 0;
}

.l_below dl {
    color: #fff;
    line-height: 2;
}

.contact_us_textbox_l {
    width: 49%;
}

.l_below {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.l_below img {
    width: 115px;
    height: 115px;
}

.contact_us_textbox {
    display: flex;
    justify-content: space-between;
}

.contact_us_textbox_r {
    width: 49%;
    box-sizing: border-box;
}

.abreast {
    display: flex;
    justify-content: space-between;
}

.abreast .item-input {
    width: 48%;
}

.item-input input,
.item-input textarea {
    width: 100%;
}

.item-input input {
    margin: 0 0 5px 0;
    padding: 12px;
    height: 35px;
    box-sizing: border-box;
    outline: none;
}

.item-input textarea {
    padding: 12px;
    box-sizing: border-box;
    outline: none;
    resize: none;
}

.submit_footer {
    margin: 5px 0 0 0;
    width: 170px;
    height: 35px;
    color: #fff;
    background-color: #005aa9;
    border: none;
}

/* 网页底部 */
.footer {
    height: 67px;
    line-height: 67px;
}

.footer_box {
    background-color: #005aa9;
    text-align: center;
}

.footer span,
.footer a {
    margin: 0 10px 0 0;
    color: #fff;
}