*{margin: 0;padding: 0;border: 0;}
html, body{font-size: 14px;color:#36373b;}
a{text-decoration: none;color:#36373b}
i{font-style:normal;}
.hide {display: none !important;}
.fr{float: right;}
.fl{float: left;}
/* == clearfix == */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix2{clear: both;content: '';*zoom:1;display:block;}
input:focus, textarea:focus {outline: none;}
ul,li,ol {list-style: none;}
input[type=button]{ cursor: pointer; -webkit-appearance: none; }
input[type=submit]{ cursor: pointer; -webkit-appearance: none; }
input[type=file]{ cursor: pointer; -webkit-appearance: none; }
button{ cursor: pointer; -webkit-appearance: none; }
.w-1200{width:1200px;margin:0 auto;}

body{max-width:1920px;margin:0 auto;}

.main-header{border-bottom:1px solid #e6e6e6;}
.header-top{background:#23293d;padding:0px 60px;height:40px;line-height:40px;color:#fff;}
.header-tel{background:url("../images/tel.png") no-repeat 0px center;padding-left:24px;}
.header{padding:0px 60px;}
.header-logo{padding:20px 0px;}
.header-logo img{display:block;height:40px;}
.header-nav{}
.header-nav  li{float:left;margin-left:40px;position:relative;padding:25px 0px 20px 0px;}
.header-nav  li .a{font-size:16px;color:#61636f;display:block;transition:all 250ms;line-height:30px;}
.header-nav  li.on .a{color:#343d5c;border-bottom:2px solid #343d5c;}
.header-nav  li:hover .a{color:#343d5c;border-bottom:2px solid #343d5c;}
.header-nav  li .nav-down{position:absolute;left:0px;top:30px;background:#fff;z-index:11;top:75px;display:none;}
.header-nav  li:hover .nav-down{display:block;}
.nav-menu{background:#f6f6f6;padding:15px 0px;}
.nav-menu-li{background:url("../images/nav1.jpg") no-repeat 20px center;padding-left:50px;line-height:30px;color:#61636f;cursor:pointer;padding-right:20px;
    width:100px;}
.nav-menu-li span{display:block;background:url("../images/nav3.jpg") no-repeat right center;padding-right:20px;}
.nav-menu-li:hover{color:#1f294b;background:url("../images/nav2.jpg") no-repeat 20px center;}
.nav-menu-li:hover span{background:url("../images/nav4.jpg") no-repeat right center;}
.nav-down-box{position:relative;padding-top:5px;}
.nav-menu-right{position:absolute;left:170px;top:0px;display:none;width:400px;background:#fff;overflow:hidden;min-height:185px;}
.nav-menu-right .con{padding:15px;display:flex;flex-wrap: wrap;}
.nav-menu-right .nav-menu-a{font-size:14px;color:#1f294b;line-height:30px;width:33.33333%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-menu-right.active{display:block;}
.nav-menu-li:hover .nav-menu-right{display:block}

.index-banner a{display:block}
.index-banner-img{display:block;width:100%;}
.index-banner .swiper-pagination-bullet{}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{background:rgba(255,255,255,0.2);padding:10px 0px;
    width:100px;left:50%;margin-left:-50px;border-radius:6px;}
.index-banner .swiper-pagination-bullet{width:auto;height:auto;background:none;opacity:1;font-size:16px;font-weight:600;border-radius:0;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{border-bottom:2px solid #333;}


.index-nav{display:flex;justify-content:center;padding:15px 0px;}
.index-nav-li{margin:0px 30px;}
.index-nav-li a{display:block;color:#030f36;text-align:center;}
.index-nav-li img{display:block;margin:0 auto;}
.index-nav-li .t{line-height:2;}

.index-title{text-align:center;line-height:2;}
.index-title .ch{color:#030f36;font-size:24px;}
.index-title .en{color:#61636f;text-transform:uppercase;}

.index-sec1{padding:35px 60px;}
.index-sec1-ul li{width:22%;float:left;margin:1.5%;}
.index-sec1-ul li a{display:block;}
.index-sec1-ul li .img img{display:block;width:100%;}
.index-sec1-ul li .t{font-size:16px;color:#23293d;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}

.index-sec2{padding:0;display:flex;align-items:center;}
.index-sec2-img{width:45%;float:left;}
.index-sec2-img img{display:block;width:100%;}
.index-sec2-txt{width:55%;}
.index-sec2-txt .txt{margin-left:10%;margin-right:60px;}
.index-sec2-txt .t{font-size:24px;color:#1f294b;}
.index-sec2-txt .tip{color:#61636f;margin:15px 0px;}
.index-sec2-txt .c{color:#222239;line-height:2;}
.index-sec2-txt .line{height:2px;background:#1f294b;width:60px;margin:25px 0px;}

.index-more{width:130px;height:42px;border:2px solid #1f294b;text-align:center;display:block;text-align:center;line-height:42px;color:#1f294b;margin:30px 0px;}


.index-se3{padding:35px 0px;}
.index-se3-img img{display:block;width:100%;}
.index-se3-img a{display:block;}
.index-se3 .swiper-pagination{background:rgba(0,0,0,0.5);bottom:0;padding:10px 0px;}

.index-sec4{background:#f6f7f8;padding:35px 60px;}
.index-sec4-nav{display:flex;justify-content:center;padding:15px 0px;}
.index-sec4-nav a{display:block;color:#86878b;}
.index-sec4-nav-li.active a{color:#282e42;}
.index-sec4-nav-li{margin:0px 30px;}
.index-sec4-box{display:none;}
.index-sec4-box.active{display:block;}
.index-sec4-ul .t{color:#23293d;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-sec4-ul .txt{padding:15px 15px;}
.index-sec4-ul .c{color:#86878b;line-height:24px;height:48px;overflow:hidden;}
.index-sec4-ul .d{display:flex;justify-content:space-between;align-items:center;line-height:24px;}
.index-sec4-ul .date{background:url("../images/date.jpg") no-repeat 0px center;padding-left:24px;color:#666666;}
.index-sec4-ul .tip{padding:5px 10px;background:#23293d;border-radius:3px;color:#fff;}
.index-sec4-ul a{display:block;background:#fff;border-bottom:2px solid #fff;transition:all 250ms;}
.index-sec4-ul li:hover a{border-bottom:2px solid #23293d;}
.index-sec4-ul li{width:22%;margin:1.5%;float:left;}
.index-sec4-ul li .img img{display:block;width:100%;}
.index-sec4-ul li .c{margin:10px 0px;}

.main-footer{background:#fff;color:#61636f}
.footer-copy{padding:25px 60px;text-align:center;font-size:14px;color:#a6a7ab;display:flex;justify-content:space-between;background:#f3f3f3;}
.footer{padding:35px 60px;margin:0 auto;}
.footer-fl{width:360px;}
.foot-ya{display:flex;}
.foot-ya a{margin-right:10px;}
.foot-c{color:#61636f;line-height:30px;margin:15px 0px;font-size:20px}
.foot-nav-t{font-size:20px;color:#282e42;text-transform:uppercase;margin-bottom:20px;}
.foot-item{float:left;margin-left:100px;max-width:360px;line-height:24px;}
.foot-li a{display:block;color:#96979b;margin:15px 0px;}
.foot-a .icon{float:left;}
.foot-a{margin-bottom:15px;}
.foot-a .c{margin-left:30px;color:#61636f}
.foot-b{color:#96979b;line-height:24px;margin-top:15px;}
.foot-input{background:#f5f6f7;padding:5px 10px;border-radius:6px;position:relative;}
.foot-input input{display:block;width:100%;height:30px;background:none;color:#1f294b;}
.foot-input .input-icon{position:absolute;right:10px;top:0px;height:100%;width:40px;background:url("../images/foot4.png") no-repeat center;}
.foot-wx{display:flex;}
.foot-wx .img{text-align:center;margin-right:15px;}
.foot-wx .img img{display:block;width:85px;}





.nei-banner{height:340px;display:flex;align-items:center;color:#fff;justify-content:center;background-position:50% 50%;text-align:center;position:relative;}
.nei-banner-bg{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.nei-banner-txt{position:relative;z-index:2;}
.nei-banner .t{font-size:32px;margin-bottom:15px;}
.nei-pos{font-size:20px;}
.nei-pos a{color:#fff;}

.media-container{padding:35px 60px;/*background:#f5f6fb*/}
.media-nav{padding:15px 0px;display:flex;justify-content:center;}
.media-nav a{color:#61636f;margin:0px 5px;line-height:34px;border-radius:17px;padding:0px 18px;}
.media-nav a:hover{border:1px solid #1f294b;color:#1f294b;}
.media-nav a.on{border:1px solid #1f294b;color:#1f294b;}

.media-ul li{width:30.3333%;float:left;margin:1.5%;}
.media-ul li a{display:block;}
.media-ul li a img{display:block;width:100%;}
.media-ul li .img{position:relative;}
.media-ul li  .t{color:#61636f;font-size:16px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}

.videolist { position:relative; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; z-index:99; position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);align-items:center;justify-content:center; }
.img  .videoed img{display:block;width:55px;height:55px;}
.videos{ display:none; position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.6);}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; width:auto;height:auto;}
.videolist:hover .videoed{display:flex}
.videom{position:relative;width:65%;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center;}
.videom video{width:100%;}
.videon{position:relative}


.mNavBtn{width:24px;height:20px;right:15px;top:18px;position: absolute;cursor: pointer;z-index:99999;display:none;}
.mNavBtn span{position: absolute;left: 0;width:24px;height:2px;background:#1f294b;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.mNavBtn span.line1 {top: 0;}
.mNavBtn span.line2 {top: 9px;}
.mNavBtn span.line3 {bottom: 0;}
.mNavBtn.active .line1 {transform: rotate(45deg);top:15px;}
.mNavBtn.active .line2 {display: none;}
.mNavBtn.active .line3 {transform: rotate(-45deg);bottom:2px;}
.mNavBtn.active span{background: #fff;}
.body_hide{overflow:hidden;position:fixed;left:0px;top:0px;width:100%;height:100%;}
.black_bg{background:rgba(0,0,0,0.5);position:fixed;left:0px;top:0px;width:100%;height:100%;z-indx:999;display:none;}
.mNavBtn.active{top:12px;}
.mNavBtn.active span{width:40px;}

.media-nav{flex-wrap:wrap;}

.contact-sec1{display:flex;background:#f6f7f8;}
.contact-sec1-txt{width:710px;}
.contact-sec1-txt .con{padding:60px;}
.contact-sec1-txt .index-title{text-align:left;}
.contact-sec1-map{width:calc(100% - 710px);}
.contact-line{height:2px;width:40px;background:#1f294b;margin:35px 0px;}
#allmap{height:650px;}
.contact-item{}
.contact-li span{margin-left:10px;}
.contact-li{display:flex;align-items:center;color:#61636f;margin:25px 0px;}
.contact-bot{padding-top:25px;border-top:1px solid #e6e6e6;display:flex;}
.contact-bot-li{background:#fff;border:1px solid #e6e6e6;padding:15px;margin:0px 20px;min-width:120px;}
.contact-bot-li img{display:block;margin:0 auto;}
.contact-bot-li .t{color:#61636f;}


.main-bottom{background:url("../images/c5.jpg") no-repeat center;background-size:cover;padding:5% 0;position:relative;}
.main-bottom .pos-bg{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(255,255,255,0.4);}
.main-bottom .content{background:rgba(255,255,255,0.9);padding:30px;border-radius:5px;font-size:16px;position:relative;z-index:11;}
.main-bottom .tit{font-size:32px;color:#272663;text-align:center;}
.main-bottom .main-bottom-bor{border-bottom:1px solid #ddd;position:relative;}
.main-bottom-li{margin:25px 0px;}
.main-bottom-w{margin:0px -15px;}
.main-bottom-w .w50{width:50%;float:left;}
.main-bottom-w .w50-con{margin:0px 15px;}
.main-bottom .label{color:#666;line-height:50px;width:50px;}
.main-bottom .text{height:50px;font-size:16px;display:block;text-indent:50px;position:absolute;left:0px;top:0px;width:100%;background:none;}
.main-bottom .txt{padding:10px 0px 0px 0px;width:100%;display:block;background:none;}
.main-bottom-but{margin:60px auto;display:block;width:130px;height:42px;background:#272663 url("../images/jian.png") no-repeat 80px center;color:#fff;
    line-height:42px;text-align:center;font-size:16px;border:none;outline:none;text-indent:-20px;}

.contact-sec1{flex-wrap: wrap;}



.appli-section2{padding:45px 0px;border-bottom:1px solid #e7e7e7;}
.appli-section2-fl{width:890px;}
.appli-section2-fr{width:245px;}

.main-pages{padding:25px 0px;display:flex;justify-content:center;flex-wrap:wrap;}
.main-pages-a{display:inline-block;padding:0px 10px;border:1px solid #ddd;color:#999;margin:5px;line-height:24px;background:#fff;}
.main-pages-a.on{border:1px solid #272663;background:#272663;color:#fff;}
.appli-section2-li:nth-last-child(1){border-bottom:none;}
.appli-section2-fr-tit{font-size:20px;background:url("../images/news1.jpg") no-repeat 0px bottom;line-height:50px;margin-bottom:10px;}
.appli-section2-fr-box{margin-bottom:25px;}
.appli-section2-fr-box .c{font-size:16px;line-height:30px;color:#666;}
.appli-section2-fr-a{font-size:14px;color:#61636f;line-height:30px;display:block;}
.appli-section2-fr-a:hover{color:#1f294b;}
.appli-section2-fr-a.on{color:#1f294b;}
.appli-but{display:block;width:220px;height:36px;border-radius:4px;line-height:36px;text-align:center;background:#272663;color:#fff;font-size:16px;margin:20px 0px;}
.appli-section2-fr .c-img img{display:block;width:95px;}
.appli-section2-bor{border:1px solid #eee;padding:20px 30px;border-radius:10px;}
.appli-article .tit{font-size:24px;margin-bottom:20px;}
.appli-article .txt{font-size:16px;color:#666;line-height:1.8}
.appli-article .txt img{max-width:100%;}
.appli-others{margin-top:25px;line-height:24px;color:#666;}
.appli-others-li{height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.appli-others-li a{color:#272663;text-decoration:underline;}
.appli-article  .date{background:url("../images/date.jpg") no-repeat 0px center;padding-left:25px;line-height:30px;color:#666;margin-bottom:10px;}
.appli-article .tip{line-height:30px;color:#666;margin-bottom:10px;}
.appli-article  .date span{display:inline-block;height:24px;background:#272663;color:#fff;padding:0px 5px;line-height:24px;margin-left:10px;}
.news-li{padding:30px 0px;border-bottom:1px solid #eee;}
.news-li .img{width:220px;float:left;}
.news-li .img img{display:block;width:100%;}
.news-li .txt{margin-left:240px;}
.news-li .t{font-size:20px;font-weight:bold;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-li .c{font-size:14px;color:#666;line-height:24px;margin-top:5px;}
.news-li  .date{background:url("../images/date.jpg") no-repeat 0px center;padding-left:25px;line-height:30px;color:#666;}
.news-li  .date span{display:inline-block;height:24px;background:#272663;color:#fff;padding:0px 5px;line-height:24px;margin-left:10px;}


.pro-sec4{background:#f5f6f7;padding:35px 0px;}
.pro-max{margin-top:35px;}
.pro-max .pro-con{background:#fff;width:540px;height:540px;background:#fff;}
.pro-max .pro-con img{display:block;width:100%;height:540px;}
.pro-max .pro-tab{float:left;}
/*.pro-max .pro-content{margin-left:140px;margin-top:20px;}*/
.pro-max .pro-li img{display:block;width:120px;height:120px;}
.pro-max .pro-li{margin:20px 0px;}
.pro-max .pro-li.on{border:1px solid #e6e6e6}
.pro-max .pro-con{display:none;}
.pro-max .pro-con.active{display:block}
.pro-box{width:560px;}
.pro-txt{margin-left:600px;}
.pro-txt .t{font-size:24px;color:#1f294b;}
.pro-txt .line{padding:15px 0px;border-bottom:1px solid #ddd;}
.pro-txt .c{line-height:30px;margin:15px 0;}
.pro-txt  .pro-btn{background:#fff;border-radius:3.6px;width:125px;height:36px;border:1px solid #DA251C;display:flex;
    align-items:center;justify-content:center;margin-right:25px;overflow:hidden;}
.pro-txt .bot{display:flex;margin:25px 0;}
.pro-detail-img{padding:35px 15px;margin:0 auto;border-bottom:1px solid #e6e6e6;}
.pro-detail-img img{max-width:100%;}

.install-container{}
.install-nav{display:flex;padding:35px 15px;justify-content:center;}
.install-nav-li{margin:10px 25px;}
.install-nav-li a{display:block;}
.install-nav-li .img img{display:block;width:120px;height:120px;padding:10px;border:1px solid #e6e6e6;margin:0 auto;border-radius:4px;}
.install-nav-li .t{color:#61636f;text-align:center;margin-top:10px;}
.install-nav-li.on .img img{border:1px solid #1f294b}
.install-nav-li.on .t{color:#1f294b}

.install-list{padding:35px 60px;/*background:#f5f6f7*/}
.install-list-ul li{width:18%;margin:1%;float:left;}
.install-list-ul li a{display:block;}
.install-list-ul li .img img{display:block;width:228px;height:228px;margin: 0 auto;} 

/*yaoZhangjian 20211028*/
@media screen and (min-width: 320px) and (max-width: 1156px){
    .install-list-ul li .img img{display:block;width:160px;height:160px;margin: 0 auto;}
  }
.install-list-ul li .img{padding:20px;border:1px solid #e6e6e6;background:#fff;}
.install-list-ul li .t{color:#23293d;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:16px;}
.install-list-ul li .price{color:#9a4d85;font-size:20px;margin:10px 0px;text-align:center;}

.project-ul li{width:31.3333%;float:left;margin:1%;}
.project-ul li a{display:block;}
.project-ul li a .img img{display:block;width:100%;}
.project-ul li .t{font-size:20px;margin:15px 0px;text-align:center;color:#61636f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.inner-position{display:flex;justify-content:center;padding:30px 15px;color:#23293d;flex-wrap:wrap;}
.inner-position a{color:#23293d}
.media-container.m{padding:25px 60px;}

.product-nav{padding:0px 15px;display:flex;justify-content:center;}
.product-nav-li{}
.product-nav-li a{display:block;text-align:center;padding:25px 30px;}
.product-nav-li .img1{display:block;}
.product-nav-li .img2{display:none;margin:0 auto;width:45px;}
.product-nav-li .t{color:#030f36;}
.product-nav-li.on{background:#23293d;}
.product-nav-li.on .t{color:#fff;}
.product-nav-li.on .img1{display:none;}
.product-nav-li.on .img2{display:block;}
.product-nav.gray{background:#f5f6f7}

.product-sec1{padding:35px 60px;}
.product-sec2{padding:35px 60px;background:#f5f6f7}


.about-sec1{padding:35px 60px;}
.about-sec1-content{background:#f5f6f7;display:flex;align-items:center;}
.about-sec1-txt{}

.about-sec2{padding:35px 0px;}
.about-sec2-nav{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;display:flex;justify-content:center;color:#030f36;font-size:16px;margin-top:25px;}
.about-sec2-nav-li{padding:20px 50px;cursor:pointer;}
.about-sec2-nav-li.active{border-bottom:2px solid #1f294b;}
.about-sec2-ul li{width:14.6%;margin:1%;float:left;}
.about-sec2-ul li a{display:block;}
.about-sec2-ul li img{display:block;width:100%;}
.about-sec2-box{display:none;padding:15px 50px;}
.about-sec2-box.active{display:block;}

.about-sec3{padding:35px 60px;background:#f5f6f7}
.about-sec3-item{margin:30px 0px;background:#fff;display:flex;align-items:center;}
.about-sec3-item .img{width:50%;}
.about-sec3-item .img img{display:block;width:100%;}
.about-sec3-item .txt{width:50%;}
.about-sec3-item .txt .con{padding:25px 70px;}
.about-sec3-item .t{color:#030f36;font-size:24px;position:relative;z-index:2}
.about-sec3-item .en{font-size:30px;color:#e5e5e7;text-transform:uppercase;margin-top:-15px;position:relative;z-index:1;}
.about-sec3-item .c{color:#61636f;line-height:30px;margin-top:15px;}

.main-header.fixed{position:fixed;left:0px;top:0px;width:100%;z-index:99999;background:#fff;box-shadow:0px 2px 5px rgba(0,0,0,0.1)}
.main-header.fixed .header-top{display:none;}

.mobile-banner{display:none;}
.product-nav-li img{margin:0 auto;}
.product-nav-li img{margin:0 auto;}

@media screen and (max-width: 1600px){
    .foot-item{margin-left:50px;}
}
@media screen and (max-width: 1440px) {
    .foot-item {
        max-width: 220px;
        margin-left: 40px;
    }
}
.install-list-ul li .img{padding:0;background:none;border:none;}
@media screen and (max-width: 1366px){.install-list-ul li .img img{width:220px;height:220px;}}
@media screen and (max-width: 1280px){.install-list-ul li .img img{width:205px;height:205px;}}
@media screen and (max-width: 1200px){
    .index-banner{display:none;}
    .mobile-banner{display:block;height:calc(100vh - 62px);}
    .mobile-banner .swiper-container{height:100%;}
    .header-top{display:none;}
.mNavBtn{display: block;}
.w-1200{width:auto;}
    .header-logo img{height:30px;}
    .main-header{position:relative;z-index:9999999;}
    .header-fr{display:none;}
    .header-logo{padding:0;margin:0;}
    .header-nav{display:none;position:fixed;left:0px;top:0px;height:100%;width:65%;background:#fff;z-index:99999999;overflow-y:auto;}
    .header{padding:15px 0px;}
    .header-nav li{padding:10px 0px;}
    .nav-down{display:block;}
    .header-nav .nav li.on .a{border:none;}
    .header-nav .nav{display:block;}
    .header-nav .nav li .a{width:auto;padding-right:25px;border-radius:0px;justify-content:flex-end;border:none;text-align:right;
        margin-bottom:15px;}
    .header-nav .nav li:hover a{border-radius:0px;}
    .header-nav .nav li.on a{border-radius:0px;}
    .header-nav .nav li{float:none;margin:0px;}

    .main-footer{padding:15px;}
    .foot-left{float:none;width:100%;}
    .foot-item{width:100%;margin-top:15px;}
    .foot-right{float:none;}
    .header-logo{margin-left:10px;}
    .header-nav  li .nav-down{display:block;}
    .nav-menu-right{position:relative;left:auto;top:0px;display:block;width:auto;}
    .nav-menu-right .nav-menu-a{width:100%;}
    .nav-menu-li{width:80%;padding:0px;margin-left:auto;margin-right:0px;}
    .nav-menu-right{min-height:inherit;}
    .header-nav li .nav-down{display:block;position:relative;top:0;left:0px;width:auto;margin-right:15px;margin-left:auto;display:none}
    .nav-menu{width:auto;}
    .header-nav .nav li .a{margin:0px;}
    .index-sec1{padding:35px 15px;}
    .index-nav-li{margin:0px 5px;}
    .index-sec1-ul li{width:47%;}
    .index-sec2-img{width:100%;float:none;}
    .index-sec2{padding:15px 15px;display:block;}
    .index-sec2-txt{width:100%;float:none;}
    .index-sec2-txt .txt{margin:15px;}
    .index-sec4{padding:35px 15px;}
    .index-sec4-nav-li{margin:0px 5px;}
    .index-sec4-ul li{width:47%;}
    .index-se3{padding:35px 15px;}
    .index-sec4-box .d{display:block;}
    .index-sec4-box .tip{text-align:center;margin-top:5px;}
    .footer{padding:20px 15px;}
    .main-footer{padding:0px;}
    .footer-fl{width:100%;float:none;}
    foot-nav{float:none;}
    .foot-item{float:none;margin-left:0px;}
    .nei-banner{height:200px;}
    .nei-banner .t{font-size:24px;}
    .nei-pos{font-size:16px;}
    .media-container{padding:35px 15px;}
    .media-ul li{width:48%;margin:1%;}
    .videoed{display:flex;}
    .media-ul li .t{margin-bottom:10px;}
    .media-nav a{padding:0px 10px;line-height:30px;border-radius:15px;}
    .contact-sec1-txt{width:100%;}
    .contact-sec1-map{width:100%;}
    .contact-sec1-txt .con{padding:20px 15px;}
    #allmap{height:350px;}
    .contact-bot{flex-wrap:wrap;}
    .contact-bot-li{margin:5px;}
    .main-bottom-w .w50{width:100%;float:none;}
    .main-bottom-w .w50-con{margin:15px;}
    .main-bottom .tit{font-size:24px;}
    .appli-section2-fl{width:100%;float:none;}
    .appli-section2{padding:35px 15px;}
    .appli-section2-fr{width:100%;float:none;display:none;}
    .install-nav-li{margin:5px;}
    .install-list{padding:35px 15px;}
    .install-list-ul li{width:48%;}
    .install-nav-li .img img{width:50px;height:50px;}
    .project-ul li{width:48%;}
    .project-ul li .t{font-size:16px;margin:10px 0px;}
    .pro-box{width:100%;float:none;}
    .pro-sec4{padding:35px 15px;}
    .pro-txt{margin:15px 0px 0px 0px;}
    .pro-max .pro-con{width:100%;height:auto;}
    .pro-max .pro-con img{width:100%;height:auto;}
    .media-container.m{padding:10px 10px;}
    .product-nav-li .t{display:none;}
    .product-nav-li a{padding:10px 10px;}
    .product-nav-li .img2{width:35px;}
    .product-nav-li .img1{width:35px;}
    .product-sec1{padding:35px 10px;}
    .product-sec2{padding:35px 10px;background:#f5f6f7}
    .about-sec1{padding:25px 15px;}
    .about-sec1-content{display:block;}
    .about-sec2-nav-li{padding:15px;}
    .about-sec2-box{padding:15px;}
    .about-sec2-ul li{width:48%;}
    .about-sec3{padding:25px 15px;}
    .about-sec3-item{display:block;}
    .about-sec3-item .img{width:100%;}
    .about-sec3-item .txt{width:100%;}
    .about-sec3-item .txt .con{padding:25px 20px;}
    .install-list-ul li .img{padding:5px;background:#fff}
    .install-list-ul li .price{font-size:16px;margin-top:4px;}
    .foot-item{max-width:100%;}
    .nav-menu-li{background:none;}
    .footer-copy{padding:25px 10px;}

}
@media screen and (max-width:767px){
    .install-list-ul li .img img {
        width: 120px;
        height: 120px;
    }
}

@media screen and (max-width:320px){
.install-list-ul li .img img{width:120px;height:120px;}
}
.videos{z-index:9999999;}



