@CHARSET "UTF-8";


/* 通用 */
.pagination{text-align: center;margin: 30px auto;font-size: 14px;}
.w1440{width: 1440px;margin: auto;}
.w1200{width: 1200px;margin: auto;}
.w90{width: 90%;margin: auto;}
.index-title{width: 100%;text-align: center;font-size: 34px;color: #000;margin: 100px auto 50px auto;letter-spacing: 7px;}
a.index-more{width: 370px;margin:30px auto 50px;border-radius: 30px;background: #2b6cdb;color: #fff;font-size: 20px;text-align: center;display: block;letter-spacing: 5px;padding: 5px 0;}
a.index-more1{display: flex;color: #727272;letter-spacing: 5px;font-size: 20px;justify-content: center;margin: 60px auto 50px;}
a.index-more1 img{margin-right: 8px;}

/* 搜索表单 */
.form{width: 90%;margin:50px auto 30px;}
.form label{margin-right: 20px;}
.form input{font-size: 18px;width: 450px;}
.form .form-group{border: 1px solid #666;width: 500px;padding: 10px 20px;text-align: center;border-radius: 15px;display: inline-block;}
.form button{margin-left: 10px;background: #2b6cdb;border-radius: 15px;padding: 10px 60px;color: #fff;font-size: 20px;}

.text-secondary{font-size: 16px;}



/* 轮播图 */
.flashSwiper{width: 100%;position: relative;}
.flashSwiper .swiper-slide img{width: 100%;}
.swiper-pagination-flash{position: absolute;bottom: 30px!important;text-align: center;z-index: 9;}
.swiper-pagination-flash span{outline: none;background: #fff;opacity: 1;}
.swiper-pagination-flash .swiper-pagination-bullet-active{background: #2b6cdb;}

/* 头部 */
.header{background: #000;}
.header_con{width: 90%;margin: auto;display: flex;align-items: center;height: 150px;position: relative;}
.nav{margin-left: 4%;width: 300px;}
.nav ul{display: flex;justify-content: space-between;}
.nav ul a{color: #fff;font-size: 17px;}
.nav ul li{margin:0 1%;}
.logo_r{position: absolute;right: 0;}
.logo_r a{color: #fff;font-size: 17px;}

/* 底部 */
.footer{background: #000;}
.footer::before{content: '';display: block;width: 100%;height: 70px;background: #3a3939;}
.footer .w1200{display: flex;padding: 30px 0 40px;}
.footer .w1200>div{flex: 1;}
.footer .w1200>div .p1{color: #fff;font-size: 20px;margin-bottom: 15px;}
.footer .w1200>div .p2,.footer_r a{color: #fff;font-size: 14px;line-height: 30px;}


/* 首页 */
.m1{background:url(../images/1_08.png)no-repeat right bottom #f4f4f4;padding-top: 20px;}
.m1 .top{display: flex;justify-content: space-between;background: #fff;padding: 15px 50px;margin-bottom: 150px;}
.span_l{font-size: 20px;color: #e60012;}
a.a_r{color: #000000;font-size: 20px;}
.m1 .text p{font-size: 22px;color: #4c4c4c;width: 700px;padding-bottom: 120px;margin-top: 30px;line-height: 40px;}
.tab_list{display: flex;justify-content: center;margin-bottom: 30px;}
.tab_list li{margin:0 7px;border-radius: 20px;border: 1px solid #666;padding: 5px 30px;color: #333333;font-size: 16px;}
.tab_list li.current{color: #fff;background: #2b6cdb;border: 1px solid #2b6cdb;}
.tab_con .item{display: none;}
.tab_con .item li{width: 356px;height: 243px;overflow: hidden;border-radius: 10px;float: left;margin: 14px 22px;position: relative;}
.tab_con .item li img{width: 100%;height: 100%;object-fit: cover;}


.hover_box{display: none;position: absolute;width: 100%;height: 100%;background: #00000099;z-index: 999;top: 0;left: 0;padding: 20px 30px;box-sizing: border-box;}
.hover_box p{font-size: 16px;color: #fff;line-height: 40px;}
.hover_box .p2{position: absolute;bottom: 30px;}
.tab_con .item li:hover a{display: block;}

.about textarea{width: 100%;text-align: center;outline: none;border: unset;height: 150px;overflow: hidden;resize : none;font-size: 22px;color: #000;font-family: Arial, Helvetica, sans-serif;line-height: 50px;background: unset;}

.m3{background: #f4f4f4;padding-top: 1px;}
.about .icon ul{display: flex;justify-content: center;}
.about .icon ul li{margin: 50px 25px;text-align: center;}
.about .icon ul .p1{font-size: 58px;color: #0066b8;margin-top: 10px;}
.about .icon ul .p2{color: #999999;font-size: 20px;}


.case li{width: 25%;float: left;}
.case li img{width: 100%;height: 300px;object-fit: cover;}
.service>p{color: #000;font-size: 14px;text-align: center;}
.service ul{display: flex;justify-content: space-between;margin-top: 60px;}
.service ul li{text-align: center;}
.service ul p{font-size: 20px;color: #000;margin-top: 15px;}


/* 内页 */
.ny_banner{width: 100%;}
.ny_banner img{width: 100%;}

/* 关于我们 */
.about1{padding-bottom: 100px;}
.about1 .w1200{position: relative;height: 600px;}
.about1Swiper{width: 1050px;height: 600px;float: right;}
.about1Swiper .swiper-slide img {display: block;width: 378px;height: 279px; object-fit: cover;float: left;border-radius: 30px;margin-right: 50px;}
.about1Swiper .p1{font-size: 30px;color: #000;background: url(../images/about_12.png)no-repeat right bottom;line-height: 100px;margin-top: 20px;}
.about1Swiper .p2{font-size: 18px;color: #333333;line-height: 50px;margin-top: 15px;}

.swiper-pagination-about1{position: absolute;left: 0;bottom: 0;top: 0!important;transform: translate3d(0,0,0)!important;z-index: -1!important;}
.swiper-pagination-about1 span{width: 12px;height: 12px;margin: 80px 0!important;}
.swiper-pagination-about1::before{content: '';display: block;width: 1px;height: 470px;background: #eee;position: absolute;left: 5px;z-index: -2;top: 80px;}


.about2{background: url(../images/about_20.jpg)no-repeat center;height: 683px;padding-top: 1px;}
.about2 .index-title{color: #fff;}
.about2 ul{display: flex;justify-content: space-between;position: relative;}
.about2 ul::before{content: '';display: block;position: absolute;width: 100%;height: 1px;background: #ffffff50;top: 78px;}
.about2 ul li{text-align: center;margin: 30px 5px;}
.about2 ul li .p1{text-align: center;font-size: 16px;color: #fff;}
.about2 ul li .p2{text-align: left;font-size: 14px;color: #fff;}
.about2 ul li .img2{margin-top: 40px;}

.about3{padding-bottom: 100px;}
.about3 ul{width: 85%;margin: auto;display: flex;justify-content: space-between;align-items: flex-end;}
.about3 ul li{width: 30%;}
.about3 ul li:nth-child(2){width: 35%;}
.about3 ul li:nth-child(2)>div{width: 80%;}
.about3 ul li img{width: 100%;object-fit: cover;}
.about3 ul li>div{display: flex;justify-content: space-between;width: 90%;margin: auto;align-items: flex-start;margin-top: 50px;}
.about3 ul li>div span{font-size: 70px;color: #d3d3d3;line-height: 60px;margin-right: 20px;}
.about3 ul li>div .p1{color: #000;font-size: 27px;}
.about3 ul li>div .p2{font-size: 18px;color: #000;}

.about4{background: url(../images/about_60.jpg)no-repeat center;height: 565px;padding-top: 1px;}
.about4 .text{width: 48%;float: right;}
.about4 .index-more{width: 170px;float: left;}
.about4 .text p{font-size: 18px;color: #000;border-bottom: 1px dashed #000;width: 58%;line-height: 40px;padding-bottom: 20px;margin-top: 50px;}

/* 登录 */
.login_page{background: url(../images/login_02.jpg)no-repeat center center #000;height: 100vh;}
.login_page .w1200{background: url(../images/login_03.png)no-repeat center center;height: 100%;padding: 20vh 100px;box-sizing: border-box;text-align: center;}
.login_page .w1200 .top p{font-size: 24px;color: #fff;background: url(../images/login__04.png)no-repeat center center;margin: 70px 0;}
.login_page form{width: 50%;margin: auto;}
.login_page .form-ipt{width: 48%;margin: 1% ;float: left;display: flex;justify-content: center;background: #fff;padding: 5px 0;margin-top: 30px;}
.login_page .form-ipt>div{width: 80%;}
.login_page .form-ipt input{font-size: 16px;}
.login_page .form-btn button{color: #fff;border-radius: 5px;border: 1px solid #fff;padding: 7px 40px;font-size: 20px;background: unset;margin-top: 50px;}

.login_page .copyright{color: #fff;font-size: 16px;margin-top: 70px;}



/* 产品 */
.product_page_m1{padding-top: 150px;}
.product_page .subtitle{font-size: 18px;color: #525e6a;text-align: center;margin: 30px auto 50px;}
.product_page .ul1{display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_page .ul1 li{width: 20%;text-align: center;font-size: 24px;margin: 40px 0;}
.product_page .ul1 li .img2{display: none;margin: auto;}
.product_page .ul1 li:hover .img1{display: none;}
.product_page .ul1 li:hover .img2{display: block;}
.product_page .ul1 li:hover{color: #2b6cdb;}

.product_page_m3{background: url(../images/product_15.jpg)no-repeat center;padding-top: 1px;padding-bottom: 50px;}
.swiper-pagination-product {text-align: center;margin: 50px 0;}
.swiper-pagination-product span{width: 12px;height: 12px;margin:  0 10px!important;}
.productSwiper .swiper-slide img{width: 100%;}

.product_page_m4{}
.product_page_m4 .con{width: 1440px;position: relative;margin: auto;}
.caseSwiper{width: 1440px;margin: auto;}
.caseSwiper .swiper-wrapper img{width: 100%;}
.swiper-button-next-case{outline: none;position: absolute;left: -50px;top: 50%;}
.swiper-button-prev-case{outline: none;position: absolute;right: -50px;top: 50%;}

/* 筛选 */
.screen .w90{display: flex;flex-wrap: wrap;}
.screen .w90>p{width: 33%;}
.screen .w90>p span{display: block;font-size: 29px;color: #000;margin: 30px 0 15px;}
.screen .w90>p a{font-size: 16px;color: #666;display: inline-block;padding: 2px 8px;border: 1px solid #999;margin-bottom: 10px;}
.screen .w90>p a.active,.screen .w90>p a:hover{background: #f00;color: #fff;}
.screen .w90>p .btnbtn-info{background: #f00;color: #fff;}
.screen_list{width: 90%;margin:50px auto;border-top: 1px solid #666;padding-top: 40px;}
.screen_list .title{font-size: 29px;color: #000;margin-bottom: 20px;}
.screen_list ul li{width: 16.66%;float: left;text-align: center;}
.screen_list ul li img{width: 90%;height: 350px;object-fit: cover;}
.screen_list ul p{width: 90%;margin:15px auto 30px;display: flex;justify-content: space-between;font-size: 20px;color: #000;}
.screen_list ul p .span2{display: block;font-size: 12px;color: #ff0000;background: #ffd1be;padding: 1px 5px;border-radius: 5px;line-height: 20px;height: 22px;}

@media (max-width:760px){

    .w1440,.w1200{width: 98%;box-sizing: border-box;}


    a.a_r,.span_l{font-size: 14px;}
    .login_page .w1200{width: 100%;padding: 10vh 10px;}
    .login_page .w1200 .top p{font-size: 16px;}
    .login_page form{width: 100%;}
    .login_page .form-ipt input{width: 100%;}
    .header_con{flex-wrap: wrap;height: 110px;}
    .logo_r{top: 20px;}

    .m1{background-size: contain;}
    .m1 .text p{font-size: 14px;}
    .m1 .text img{width: 100%;}
    .m1 .text p{width: 100%;}
    .m1 .top{margin-bottom: 20px;}
    .m1 .text p{padding-bottom: 220px;}
    .tab_list li{padding: 1px 9px;margin: 0 3px;}
    .tab_con .item li{width: 49%;margin: 1% 0.5%;height: 130px;}

    .form .form-group{width: 170px;}
    .form input{width: 120px;font-size: 14px;}
    .form label{margin-right: 10px;}
    .form button{padding: 10px 25px;font-size: 14px;}
    .screen .w90>p span{font-size: 16px;margin: 15px 0 5px;}
    .screen .w90>p a{font-size: 12px;}
    .screen .w90>p{width: 100%;}
    .screen_list ul li{width: 33%;}
    .screen_list ul p{font-size: 12px;display: block;}
    .screen_list ul li img{height: 140px;}
    .screen_list .title{font-size: 18px;}

    .index-title{font-size: 24px;margin: 50px auto 30px;}
    .product_page_m1{padding-top: 50px;}
    .product_page_m1 img{width: 100%;}
    .product_page .subtitle{font-size: 14px;margin: 15px auto 20px;width: 70%;}
    .product_page .ul1 li{font-size: 12px;line-height: 30px;}

    .product_page_m4 .con{width: 98%;margin: auto;}
    .caseSwiper{width: 100%;}
    .footer .w1200{display: block;}
    .footer_r{margin-top: 50px;}


    .about1Swiper{width: 100%;height: 300px;}
    .about1Swiper .swiper-slide img{width: 40%;height: 100px;margin-right: 15px;}
    .about1Swiper .p1{background: unset;font-size: 16px;line-height: 20px;margin-top: 0;}
    .about1Swiper .p2{font-size: 12px;line-height: 20px;}
    .about1Swiper .swiper-slide{width: 90%;margin-left: 10%;}
    .swiper-pagination-about1 span{margin: 30px 0!important;}
    
    .swiper-pagination-about1::before{height: 210px;top: 37px;}
    .about1 .w1200{height: 220px;}
    .about2 ul{flex-wrap: wrap;}
    .about2 ul li{width: 30%;margin: 0;}
    .about2 ul li .img2{width: 100%;margin-top: 10px;margin-bottom: 10px;}
    .about2 ul::before{display: none;}
    .about3 ul li{width: 100%!important;}
    .about3 ul{width: 100%;flex-wrap: wrap;}
    .about3 ul li>div{margin-top: 15px;margin-bottom: 30px;}
    .about3 ul li>div .p1{font-size: 18px;}
    .about3 ul li>div .p2{font-size: 14px;}
    .about4{background-size: cover;}
    .about4 .text{width: 100%;}
    .about4 .text p{width: 100%;font-size: 16px;margin-top: 10px;}
    .about4{height: unset;}
    .about textarea{zoom: .3;}
    .about .icon ul,.service ul{flex-wrap: wrap;}
    .about .icon ul li,.service ul li{width: 48%;margin: 10px 1%;}
    .about .icon ul .p1{font-size: 30px;}
    .about .icon ul .p2,.service ul p{font-size: 14px;}
    .case li{width: 50%;}
    .case li img{height: 150px;}
    
    .about2 ul li .p2{font-size: 12px;}








}