/*--------------------------------------------------
    project:ygsoft-DAP
    producer:Chan.
    date:2021-08-23
--------------------------------------------------*/


/*
    初始化
*/
body{ margin: 0; padding: 0; width:100%; height: 100%; font-family: 'Microsoft YaHei'; background: #fff; position: relative;}
h1,h2,h3,h4,h5,h6,ul,ol,li,p,figure{list-style: none; padding: 0; margin: 0;}
a,a:hover{text-decoration: none;}
.color-blue{background: #2663ff; color: #2663ff;}
.container{width: 1200px; max-width: 1200px; padding: 0;}


/* 
    首页
*/
.header{position: fixed; top: 0; left: 0; width: 100%; display: block; height: 80px; z-index: 99; transition: all .3s; padding: 0 50px; background: #fff; border-bottom: 1px solid #e6e6e6;}
.header.scroll{background: rgba(0, 0, 0, 0.5);}
.header .logo{float: left; line-height: 80px;}
.header .menu{float: right;}
.header .menu li{float: left; margin-left: 50px; position: relative;}
.header .menu a::after{ content: ''; width: 0; height: 5px; background: #e60021; position: absolute; left: 50%; bottom: 10px; transform: translatex(-50%); transition:  all .3s; opacity: 0; border-radius: 3px;}
.header .menu a.active::after{width: 24px; opacity: 1;}
.header .menu li a{line-height: 80px; display: block; font-size: 18px; color: #707070; opacity: .85; transition: all .3s;}
.header .menu li:hover a{width: 100%; opacity: 1;}
.header .icon-caidan{display: none;}

/* 
    index-banner
*/
.index-banner{width: 100%; position: relative; margin-top: 80px;}
.index-banner .con{width: 100%; height: 500px; position: relative; background-size: cover;}
.index-banner .con .left{position: absolute; left: 200px; top: 50%; transform: translateY(-50%);}
.index-banner .con .right{position: absolute; right: 250px; top: 50%; transform: translateY(-50%);}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{background: #fff ; width: 48px; height: 48px; line-height: 48px; border-radius: 50%;text-align: center; box-shadow: 0 0 10px rgba(0,13,27,.2); opacity: 0; transition: all .3s; outline: none;}
.index-banner .swiper-button-next{right: 36px;}
.index-banner .swiper-button-prev{left: 36px;}
.index-banner .iconfont{font-size: 22px; font-weight: 700; opacity: .5; transition: all .3s;}
.index-banner  .swiper-button-next:hover .iconfont,.index-banner  .swiper-button-prev:hover .iconfont{opacity: 1;}
.index-banner .swiper-pagination-bullets{bottom: 20px;}
.index-banner .swiper-pagination-bullet{background: #fff; width: 8px; height: 8px; opacity: .5;}
.index-banner .swiper-pagination-bullet-active{width: 32px; border-radius: 8px; opacity: 1;}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{opacity: 1;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display: none;}


/* 通用 */
.mainbox{padding: 70px 0;}
.mainboxGray{background: #F5F8FC;}
.index-ti{font-size: 36px; text-align: center; font-weight: 600;position: relative; width: auto; display: table; margin: 0 auto 50px;} 
.index-ti::after{content: ''; border-left: solid 4px #e60021; border-right: 80px solid #e60021; padding: 0 10px; height: 4px; position: absolute; right: 0 ; top: 50%; transform: translateX(140%);}
.index-ti::before{content: ''; border-right: solid 4px #e60021; border-left: 80px solid #e60021; padding: 0 10px; height: 4px; position: absolute; left: 0 ; top: 50%; transform: translateX(-140%);}
.index-sti{font-size: 36px; text-align: center; margin-bottom: 50px;font-weight:bold; }
.index-sti.active{border-bottom: 4px solid #2663ff;}
.index-ti.post{margin: 100px auto 70px;}
.blue-font{color: #e60021;}
.pic img {width:90%;}
figure {text-align:center;
}
/* ZC */
.ZC {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.ZC .left{flex: 0 1 600px; }
.ZC .left .pic{width: 100%; height: 300px; overflow: hidden;}
.ZC .left img{width: 100%; height: 300px; object-fit: cover; transition: all .3s;}
.ZC .left:hover img{transform: scale(1.1);}
.ZC .left .con{background: rgba(255, 255, 255, 0.7); box-shadow: 5px 5px 20px rgba(218, 224, 237, .6); backdrop-filter: blur(10px); padding: 30px; transform: translateY(-40px);}
.ZC .left .title{font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; line-height: 1.5em; font-weight: 600; color: #000;}
.ZC .left .text{font-size: 14px; line-height: 26px; color: #707070;-webkit-box-orient: vertical; -webkit-line-clamp: 4;overflow: hidden; display: -webkit-box;}
.ZC .right{flex: 0 1 50%; }
.ZC .right li{}
.ZC .right .con{padding: 45px 20px 46px 50px; border-bottom: 1px solid #e6e6e6;}
.ZC .right .con:hover{background: rgba(242, 245, 250, 1);}
.ZC .right .con h5{font-size: 18px;line-height: 26px; margin-bottom: 10px; color: #000; position: relative; height: 50px; text-align: justify;} 
.ZC .right .con h5::after{content: ''; width: 8px; height: 8px; border-radius: 5px; position: absolute; left: -30px; top: 10px; background: #e60021; opacity: .3; }
.ZC .right .con:hover  h5::after{opacity: 1;}
.ZC .right .con .bottom{display: flex;justify-content: space-between;}
.ZC .right .con .bottom .date{font-size: 12px; color: #707070;}
.ZC .right .con .bottom .tab{font-size: 12px; color: #fff; padding: 2px 4px; border-radius: 5px;}
.ZC .right .con .bottom .tab.red{background: #e60021;}
.ZC .right .con .bottom .tab.blue{background: #2663ff;}
.ZC .right .con .bottom .tab.gray{background: #8693B3;}
.ZC .right .more{display: block; text-align: right; line-height: 50px; color: #000; opacity: .7; transition: all .3s;}
.ZC .right .more:hover{opacity: 1;}
.ZC .right .more i{margin-left: 5px; font-size: 20px;}
#ZC .DAP-txt p {
    font-size: 16px;
    line-height: 1.8em;
    color: #707070;
}
#ZC .DAP-txt .pic {
    text-align: center;
}
#ZC .DAP-txt .pic img {
    max-width: 90%;
}

.ZCRow {
    display: flex;
    margin: 0 -20px;
    flex-wrap: wrap;
    gap: 0;
}
.ZCRow .col-6{flex: 0 0 50%; padding: 0 20px; max-width: 50%; margin-bottom: 40px;}
.ZCRow .con{background: #fff; box-shadow: 2px 4px 10px rgba(188, 190, 209, 0.3); padding: 30px; transition: all .3s; border: solid 1px #f0f0f0;}
.ZCRow .con:hover{transform: scale(1.05);}
.ZCRow .con h5{color: #000; line-height: 1.5em; height: 60px; margin-bottom: 10px;}
.ZCRow .con:hover h5{color: #e60021;}
.ZCRow .con .text{color: #888; line-height: 1.8em; font-size: 14px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ZCRow .con .date{color: #888; font-size: 12px; border-top: solid 1px #e6e6e6; margin-top: 15px; padding-top: 10px; text-align: right;}


/* DAP */
.Applications{background-color: #f6f8fb; padding: 90px 0; min-height: 900px; position: relative;}
/* .Applications .container{width: 900px; padding: 0 0 0 60px;} */
.Applications .DAP-txt{margin: 30px 0 60px;}
.Applications .DAP-txt p{font-size: 14px; line-height: 1.8em;  color: #707070;}
.Applications .content{display: flex; margin: 0 -30px;align-items: flex-start;margin-top:70px;} 
.Applications .nav{ top: 0; border-right: solid 1px #ddd; flex: 0 1 120px; padding: 0 30px;}
.Applications  .nav-link{outline: none; width: 220px; margin-bottom: 60px;  border-radius: 10px; font-size: 16px; color: #6a7075; transition: all .3s; text-align: left;}
.Applications  .nav-link:last-child{margin-bottom: 0;}
.Applications  .nav-link.active{ color: #0067FF; position: relative; background: none; font-weight: bold;}
.Applications .nav-link.DAP{font-size: 20px; color: #000;}
.Applications .nav-link.DAP.active{background: #e60021; color: #fff;}
.Applications  .nav-link.none::before{ display: none;}
.Applications  .nav-link.active::before{content: ''; width: 3px; height: 20px; border-radius: 3px; background: #0067FF; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.Applications  .tab-content{flex: 0 1 auto; padding: 0 30px;}
.Applications  .tab-content .con h5{font-size: 24px; color: #394147; margin-bottom: 20px;}
.Applications  .tab-content .con p{font-size: 16px; color: #909aa5;  line-height: 2em;}
.Applications  .tab-content .con .pic{display: table; margin: 60px auto 0;}
.Applications  .tab-content .con .pic.DAP img{max-width: 900px;}
.Applications  .tab-content .con .pic img{max-width: 100%;}
.Applications  .tab-content .con .more{display: block; margin: 40px auto 0; width: 160px; line-height: 48px; border-radius: 10px; text-align: center; border: solid 1px #909aa5; color: #323332; transition: all .3s; font-size: 18px;}
.Applications  .tab-content .con .more:hover{background: #2663ff; color: #fff;}

.Applications .contentB{display: block;}
.Applications .contentB .nav{  float: none; width: 160px; margin-right: 0 !important; border: none; position: sticky; top: 100px; right: 0; margin-left: 1030px;}
.Applications .contentB .nav-link{outline: none; width: 140px; margin-bottom: 12px;  border-radius: 0; font-size: 14px; color: #6a7075; transition: all .3s; text-align: center; background: #fff; margin-left: 20px; padding: 10px 0; transition: all .3s;}
.Applications .contentB .tab-content{float: none; width: 1000px; margin-top: -530px;}
.Applications .contentB .nav-link.active::before{display: none;}
.Applications .contentB .nav-link.active{width: 160px; margin-left: 0; background: #e60021; color: #fff; border-radius: 22px 0px 0px 22px !important;}
/* .Applications .contentB .nav-link.active{width: 160px; margin-left: 0; background: linear-gradient(90deg, rgb(255, 122, 69) 0%, rgb(228, 42, 42) 100%); color: #fff; border-radius: 22px 0px 0px 22px !important;} */
.Applications .contentB .con{background: #fff; padding: 50px;}
.Applications .contentB .con .title{font-size: 20px; color: #fff; background: #e60021; padding: 8px 24px; display: inline-block; margin-bottom: 40px;}
.Applications .contentB .textCon{border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; margin-bottom: 30px;}
.Applications .contentB .textCon .sti{font-size: 18px; margin-bottom: 15px; display: inline-block; padding-bottom: 5px;}
.Applications .contentB .textCon .sti.active{border-bottom: 2px solid #2663ff; font-size: 20px; font-weight: 600;}
.Applications .contentB .textCon p{font-size: 14px; color: #707070; margin-bottom: 30px;}
.Applications .contentB .textCon .pic{margin-top: 30px; max-width: 720px;}
.Applications .HLLayout{display: flex; flex-wrap: wrap; margin: 40px -15px 0;}
.Applications .HLLayout .col-2{flex: 0 1 20%; margin-bottom: 30px; padding: 0 15px;}
.Applications .HLLayout .col-3{flex: 0 1 25%; margin-bottom: 30px; padding: 0 15px;}
.Applications .HLLayout .col-4{flex: 0 1 33.3333333%; margin-bottom: 30px; padding: 0 15px;}
.Applications .HLLayout .col-6{flex: 0 1 50%; margin-bottom: 30px; padding: 0 15px;}
.Applications .HLLayout .con{padding: 25px 20px; position: relative; transition: all .3s; }
.Applications .HLLayout .con .tab{background: #e60021; color:  #fff; width: 72px;  text-align: center; height: 72px; display: table; border-radius: 50%; margin: 0 auto 20px; position: relative;}
.Applications .HLLayout .con .tab i{font-size: 36px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.Applications .HLLayout .con .tab .icon-jinrongjiaoyi{font-size: 46px;}
.Applications .HLLayout .con h6{text-align: justify; margin-bottom: 15px; text-align: center;}
.Applications .HLLayout .con p{font-size: 12px; color: #808080; text-align: center; margin-bottom: 0; line-height: 1.8em; visibility: hidden; height: 0; opacity: 0; transition: all .3s;}
.Applications .HLLayout .con p.show{ visibility: visible; height: auto; opacity: 1; position: static;}
.Applications .HLLayout .con:hover{height: 100%;}
.Applications .HLLayout .con:hover p{visibility: visible; height:fit-content; opacity: 1;}
.Applications .svg{width: 900px}
.mainbox .sTitle {
    text-align: center;margin-bottom:20px;
}

/* news */
.news {
    display: flex;
    margin: 0 -30px;
}
.news .col-6{flex: 0 1 50%; padding: 0 15px;}
.news .col-7{flex: 0 1 60%; padding: 0 15px;}
.news .col-5{flex: 0 1 40%; padding: 0 15px;}
.news .con{width: 100%; position: relative;}
.news .con a{display: block;}
.news .con .pic{overflow: hidden;}
.news .con .pic img{width: 100%; transition: all .3s;}
/*.news .con:hover img{transform: scale(1.1);}*/
.news .con .ti{position: absolute; left: 1%; bottom: 6px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(5px); width: 98%; line-height: 36px; font-size: 18px; color: #000; padding-left: 35px; border-radius: 5px;}
.news .ti::before{content: ''; font-size: 30px; position: absolute; left: 15px; top: 50%; transform: translate(0,-50%); background: #0067FF; width: 8px; height: 8px; border-radius: 50%;}
.news .newsMenu{}
.news .newsMenu li{margin-top: 10px;}
.news .newsMenu .ti{border-bottom: 1px solid #e6e6e6; display: block; line-height: 30px; color: #888; padding-left: 40px; position: relative; font-size:14px;}
.news .newsMenu .ti::before{left: 20px; opacity: .3; transition: all .3s;}
.news .newsMenu .ti:hover{background: #F2F5FA; color: #0067FF;cursor:inherit;}
.news .newsMenu .ti:hover::before{opacity: 1;}

.ATcontent{position: relative; width: 900px; margin: 0 auto;}
.ATcontent .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.ATcontent #ATR,.ATcontent #ATL{background: #000; width: 36px; line-height: 36px; height: 36px; border-radius: 50%;}
.ATcontent #ATR i,.ATcontent #ATL i{color: #fff;}
.ATcontent #ATR{right: -100px; outline: none;}
.ATcontent #ATL{left: -100px; outline: none;}
.ATcontent #swiperAT1{margin-bottom: 10px;}
.ATcontent #swiperAT1 img{width: 100%; height: 506px;}
.ATcontent #swiperAT2 .swiper-slide {height: 100px; cursor: pointer;}
.ATcontent #swiperAT2 .swiper-slide img{filter: brightness(0.5);}
.ATcontent #swiperAT2 .swiper-slide-thumb-active img{filter: brightness(1);}
.ATcontent .text{position: absolute; left: 0; bottom: 0; padding: 5px; width: 100%;}
.ATcontent .text p{padding: 10px 20px; border-radius: 5px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(5px); width: 100%;}

/* customerCase */
.customerCase{display: flex; margin:  0 -20px;}
.customerCase .nav{flex: 0 1 12%; margin: 0 !important; padding: 0 20px;}
.customerCase .nav-link{height: 50px; margin-bottom: 10px; color: #777; border: none; outline: none;}
.customerCase .nav-link.active{background: #e60021;}
.customerCase .tab-content{flex: 0 1 88%;  padding: 0 20px;}
.customerCase .con{box-shadow: 6px 8px 25px rgba(188, 190, 209, 0.5); mix-blend-mode: normal; display: flex;}
.customerCase .con .pic{flex: 0 1 46%;}
.customerCase .con .pic img{width: 100%; height: 100%; object-fit: cover;}
.customerCase .con .text{flex: 0 1 54%; padding: 40px;}
.customerCase .con .text .logo{max-width: 280px; max-height: 50px; margin-bottom: 30px;}
.customerCase .con .text p{font-size: 14px; color: #888; line-height: 24px;}

/* 
    footer
*/
#homeBt2 {cursor:pointer;
}
.bottomLine {
    height: 5px;
    background-color: #0067FF
}
.footer .row {
    padding-top: 40px;
    width:100%;
}
.footer .list1 {
    text-align: right;
}
.footer .list3 ul {display:flex;
}
.footer .list3 ul li {text-align:center;margin-right:20px;
}
.footer .row ul li {
    display: inline-block;
    text-align: left;
}
.bottomMenu1 li {
    width: 20%;
    font-size: 18px;
    color: #989cb2;
    cursor:pointer;
}
.bottomMenu2 {
    padding-top: 40px;
    font-size: 14px;
    color: #989cb2;
}
    .bottomMenu2 li {
        width: 50%;
        font-size: 14px;
        
    }
.bottomMenu3 {
    padding-top: 10px;
    font-size: 14px;
    color: #989cb2;
}
.bottomMenu4 {
    padding-top: 30px;
    font-size: 14px;
    color: #989cb2;
}
    .bottomMenu4 li {width:50%;
    }
        .bottomMenu4 li a {
            color: #989cb2;
        }
.footer .list3 ul li{text-align:center;
}
.footer {
    background: #01061b;padding-bottom:30px;
    
}
.footer .container{width: 1200px;}
.footer .top{padding: 42px 0; overflow: hidden; width: 100%;}
.footer .menu-list{float: left; margin-right: 120px;}
.footer .menu-list:last-child{float: right; margin-right: 0;}
.footer .menu-list h5{font-size: 20px; color: #fff; margin-bottom: 30px; line-height: 1em; display: block; transition: all .3s;}
.footer .menu-list a.link{font-size: 20px; color: #fff; margin-bottom: 30px; line-height: 1em; display: block; transition: all .3s;}
.footer .menu-list a.link:hover{color: #2663ff;}
.footer .menu-list h5.link{display: none;}
.footer .menu-list ul{}
.footer .menu-list ul li{line-height: 2em; margin-bottom: 5px; font-size: 14px; color: #878e97;}
.footer .menu-list ul li a{font-size: 14px; color: #878e97; transition: all .2s;}
.footer .menu-list ul li a:hover{color: #ddd;}
.footer .bottom{overflow: hidden; line-height: 66px; border-top: 1px solid #353f4d;}
.footer .bottom .copy{float: left;}
.footer .bottom .copy p,.footer .bottom .copy a{display: inline-block; font-size: 14px; color: #878e97; margin-right: 15px; transition: all .2s ;}
.footer .bottom .copy a:hover{color: #ddd;}
.footer .bottom .LM{float: right;}
.footer .bottom .LM a{display: inline-block; font-size: 14px; color: #878e97; margin-right: 15px; transition: all .2s;}
.footer .bottom .LM a:hover{color: #ddd;}
.footer .bottom .LM a:last-child{margin-right: 0; position: relative;}
.footer .bottom .LM a:last-child::before{content: ''; background: #353f4d; width: 1px; height: 14px; position: absolute; left: 0; top: 50%; transform: translate(-10px,-7px);}

/* customerLogo */
/* #customerLogo{padding-bottom: 30px;}
#customerLogo .list{display: flex; flex-wrap: wrap; margin: 0; margin: 0 -10px;}
#customerLogo .li{flex: 0 0 20%; padding: 0 10px; margin-bottom: 40px;}
#customerLogo img{max-width: 100%;}
#customerLogo p{text-align: center; color: #888; margin-top: 15px;}
#customerLogo .swiper-pagination-bullet-active{background: #e60021;} */
.customerLogo{}
.customerLogo .list{display: flex; flex-wrap: wrap; margin: 0; margin: 0 -20px;}
.customerLogo .li{flex: 0 0 20%; padding: 0 20px; margin-bottom: 40px; max-width: 20%;}
.customerLogo img{max-width: 100%; border: solid 1px #F5F8FC; border-radius: 20px;}
.customerLogo p{text-align: center; color: #888; margin-top: 15px;}

/*.downBt{background: #e60021; padding: 10px 25px; color: #fff; border: none; border-radius: 5px; margin: 0 auto; display: table; cursor: pointer;margin-top:50px;}*/
.downBt {
    background-image: linear-gradient(to right, #026aff, #43cdef);
    color: white;
    border: none;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: table;
    font-size: 16px;
    font-weight: bold;
    margin: 10px auto;
    cursor: pointer;
    transition: background-image 0.5s ease;
    border-radius: 5px;
}

.downModal{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.downModal .ti{text-align: center; margin-bottom: 30px;}
.downModal form{position: absolute; left: 50%; top: 50%; z-index: 999; background: #fff; padding: 60px 100px; transform: translate(-50%,-60%); border-radius: 30px; visibility: hidden;opacity: 0; transition: all .3s;}
.downModal::after{content: ''; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; visibility: hidden; transition: all .3s;}
.downModal input{width: 300px;}
.downModal .btn{width: 120px; margin: 30px auto 0; display: block;}
.downModal .closeBt{position: absolute; right: 15px; top: 15px; cursor: pointer; }
.downModal .closeBt i{font-size: 30px;}
.downModal.active{z-index: 999;}
.downModal.active form{visibility: visible; opacity: 1; transform: translate(-50%,-50%);}
.downModal.active::after{opacity: 1; visibility: visible;}


/* 1280-1366 */
@media all and (min-width: 320px) and (max-width:1023px) {
    .container{width: 100%;}
    .header{padding: 0 ; z-index: 999;}
    .header .menu{display: none; background: #fff; float: none; position: absolute; left: 0; top: 80px; width: 100%; padding: 0 15px; border-bottom: 1px solid #ddd;}
    .header .logo{margin-left: 15px;}
    .header .logo img{height: 36px;}
    .header .menu li{float: none; margin-left: 0; display: block;}
    .header .menu li a{width: 100%; display: block;}
    .index-banner .con{height: auto; padding: 60px 30px 40px;}
    .index-banner .con .left{position: static; transform: none;}
    .index-banner .con .right{position: static; transform: none;}
    .index-banner img{max-width: 100%;}
    .index-banner .swiper-pagination-bullets{bottom: 5px;}
    .mainbox{padding: 60px 15px;}
    .index-ti{font-size: 30px; margin-bottom: 40px;}
    .index-ti::after{display: none;}
    .index-ti::before{display: none;}
    .index-sti{font-size: 24px;}
    .index-ti.post{margin: 70px 0 50px;}
    .ZC{display: block;}
    .ZC .left{flex: 1 1 100%;}
    .ZC .right .con h5{height: auto;}
    .ZCRow{margin: 0;}
    .ZCRow .col-6{flex: 0 0  100%; padding: 0; max-width: 100%; width: 100%;}
    .ZCRow .con h5{height: auto;}
    .Applications{margin: 0 ;}
    .Applications .content{display: block; padding: 0; margin: 0;}
    .Applications .nav{border-right: none; border-bottom: solid 1px #e6e6e6; display: block; flex: unset;  margin-right: 0 !important; flex-wrap: wrap; background: #eaeff7; overflow: hidden; margin-bottom: 30px; padding: 0;} 
    .Applications .nav-link{margin-bottom: 10px;  width: 49%; border-radius: 0; text-align: center; display: inline-block; padding: 10px 0;} 
    .Applications .nav-link.active{ border-bottom: 4px solid #e60021;}
    .Applications .nav-link.active::before{display: none;}
    .Applications .tab-content .con h5{text-align: center;}
    .Applications .contentB .nav{float: none; width: 100%; display: block; margin: 0; z-index: 99; top: 80px;}
    .Applications .contentB .nav-link.active{width: 48%;}
    .Applications .contentB .nav-link{margin-bottom: 0;  width: 48%; border-radius: 0; text-align: center; display: inline-block; padding: 10px 0; margin-left: 0; background: none;} 
    .Applications .contentB .tab-content{float: none; width: 100%; margin: 0; padding: 0; margin-top: 30px;}
    .Applications .contentB .nav-link.active{border: none; border-radius: 0 !important;}
    .Applications .contentB .con{padding: 30px 15px;}
    .Applications .HLLayout .col-2{flex: 0 0 100%;}
    .Applications .HLLayout .col-3{flex: 0 0 100%;}
    .Applications .HLLayout .col-4{flex: 0 0 100%;}
    .Applications .HLLayout{flex-wrap: wrap;}
    .Applications .tab-content .con .pic.DAP img{max-width: 100%;}

    .news{display: block; margin: 0;}
    .news .col-6{flex: 1 1 100%; width: 100%; padding: 0;}
    .news .con .ti{font-size: 14px;}
    .news .newsMenu .ti{font-size: 14px;}
    .ATcontent{width: 100%;}
    .ATcontent #swiperAT1 img{height: auto;}
    .ATcontent #ATR,.ATcontent #ATL{display: none;}
    .ATcontent #swiperAT2 .swiper-slide{height: auto;}
    .customerCase{display: block; margin: 0;}
    .customerCase .nav{display: inline-block; width: 100%; padding: 0;}
    .customerCase .tab-content{ padding: 0;}
    .customerCase .nav-link{display: inline-block; width: 48%; max-width: 48%;}
    .customerCase .con{display: block;}
    #customerLogo .li{flex: 0 0  50%;}
    .customerLogo .list{margin: 0;}
    .customerLogo .li{flex: 0 0  50%; max-width: 50%; padding: 0 10px; text-align: center;}
        /* 
        footer
    */
    .footer .row .list1 {text-align:right;
    }
    .footer .container{width: 100%;}
    .footer .top{padding: 60px 20px 0; }
    .footer .menu-list{float: none; margin-right: 0; margin-bottom: 40px;}
    .footer .menu-list:last-child{float: none; margin-right: 0;}
    .footer .menu-list .link{display: none;}
    .footer .menu-list h5{font-size: 16px; color: #fff; margin-bottom: 30px; line-height: 1em; position: relative;}
    .footer .menu-list a.link{display: none;}
    .footer .menu-list h5.link{display: block;}
    .footer .menu-list h5::after{content: '\e603'; font-family: 'iconfont'; display: block; position: absolute; right: 0; top: 0; transition: all .3s;}
    .footer .menu-list h5.active::after{transform: rotate(180deg);}
    .footer .menu-list ul{display: none;}
    .footer .menu-list ul li{line-height: 2em; margin-bottom: 10px; font-size: 14px; color: #878e97;}
    .footer .menu-list img{margin: 0 auto; display: none;}
    .footer .bottom{line-height: 2.5em; text-align: center; padding: 20px;}
    .footer .bottom .copy{float: none;}
    .footer .bottom .LM{float: none;}

    .header .icon-caidan {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        line-height: 80px;
        font-size: 30px;
        text-align: center;
    }
    .downModal form{width: 96%; padding: 40px 20px;}
    .downModal form input{width: 100%;}

  

}

/* 1280-1366 */
@media all and (min-width: 1280px) and (max-width:1439px) {
    .index-banner .con{height: 460px;}
    .index-banner .con .left{left: 80px;}
    .index-banner .con .left img{height: 360px;}
    .index-banner .con .right{right: 150px;}
    .index-banner .con .right img{width: 540px;}
}

/* 1440-1600 */
@media all and (min-width: 1440px) and (max-width:1600px) {
    .index-banner .con{height: 560px;}
    .index-banner .con .left{left: 100px;}
    .index-banner .con .left img{height: 480px;}
    .index-banner .con .right{right: 120px;}
    .index-banner .con .right img{width: 640px;}

}
/* 1600-1920 */
@media all and (min-width: 1661px) and (max-width:1919px) {
    .index-banner .con .left{left: 100px;}
    .index-banner .con .right{right: 120px;}


}

/* 首页动效 */
@media all and (min-width: 1024px) and (max-width: 1279px) {
    .container{width: 980px; max-width: 980px;}
    .Applications .tab-content .con .pic.DAP img{max-width: 720px;}
    .Applications .contentB .tab-content{width: 80%;}
    .Applications .contentB .nav{margin-left: 80%;}
    .header .menu li{margin-left: 30px;}
    .header .menu li a{font-size: 16px;}
    .footer .menu-list{margin-right: 60px;}
    .news .con .ti{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
    .index-banner .con{height: 400px;}
    .index-banner .con .left{left: 80px;}
    .index-banner .con .left img{height: 300px;}
    .index-banner .con .right{right: 100px;}
    .index-banner .con .right img{width: 480px;}
    .ATcontent{width: 800px;}
}