@charset "utf-8";
/* CSS Document */
@media all and (max-width:1700px){/*1680 * 1050*/
}

@media all and (max-width:1580px){/*1680 * 1050*/
  .logo a img{height:66px;}
  .header #topNav.fr .nav>ul>li>a{padding:30px 0;}
  .fun{right:-10px;}
  .fun li .pic1{top:38px; left:-100%; transform:translateX(-66%);}
}

@media all and (max-width:1460px){/*1440 * 900*/
}

@media all and (max-width:1410px){/*1366 * 768*/ 
}

@media all and (max-width:1300px){/*1280 * 800*/ 
  .navbox_foot .nav>ul>li .shownav{width:auto;}
}

@media all and (max-width:1100px){/*1024 * 768 */
}

@media all and (max-width:1000px){
.logo a img{height:60px;}   
.fun{right:60px; top:38px;} 
 /*手机下拉*/
.phxia{position:relative; display:block!important;}
.xialaph{position:fixed; z-index:9999; top:100px; right:0; display:none; width:100%; height:100%; padding-bottom:200px; background:#fff;}
.xialaph.active{top:0;}
.xialaph .ul2,.xialaph .ul3{display:none;}
.xialaph h3 a{font-size:16px; font-weight:bold; line-height:44px; color:#000;}
.xialaph h3{position:relative; border-bottom:1px solid #ddd;}
.xialaph h3::after{position: absolute; bottom:0; left:0; width:100%; height:1px; content:''; opacity:.1; background-color:#e5e5e5;}
.xialaph h4 a{font-size:14px; line-height:40px;}
.xialaph h4{position:relative; padding-left:10px;}
.xialaph h4::after{position:absolute; right:0; bottom:0; left:0; height:1px; content:''; opacity:.05; background-color:#fff;}
.xialaph h3 img{float:right; width:13px; margin-top:15px; cursor:pointer;}
.xialaph h3.active,.xialaph h4.active{border-bottom:0;}
.xialaph h3.active img.img_s,.xialaph h4.active img.img_s{display:none;}
.xialaph h3.active img.img_d,.xialaph h4.active img.img_d{display:block;}
.img_d{display:none;}
.xialaph .ul2{padding-top:7px; padding-bottom:8px; background-color:#f4f4f4;}
.xialaph .ul3{position:relative; margin-top:0; padding-top:10px; padding-bottom:10px; padding-left:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.xialaph .ul3 li a{font-size:12px; line-height:26px; display:block; text-transform:uppercase; color:#999;}
.xialaph .ul3 li{padding-top:5px;}
.xialaph .ul3 li:first-child{padding-top:0;}
.phonemeng{position:absolute; z-index:1048; top:0; left:0; display:none; width:100%; height:100%; opacity: .6; background-color:#000;}
.phonemeng.active{display:block;}
.menuph{position:absolute; top:30px; right:0; width:40px; height:40px; cursor:pointer; text-align:center; background:#e8380d;}

/*手机按钮*/
.menuph .point{position:relative; display:inline-block; width:28px; height:22px; margin-top:10px;}
.menuph .point:hover .navbtn,.menuph .point:hover .navbtn::after,.menuph .point:hover .navbtn::before{width:28px;}
.menuph .navbtn{position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:#fff;}
.menuph .navbtn::after,.menuph .navbtn::before{position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:#fff;}
.menuph .navbtn::after{top:-11px;}
.menuph .navbtn::before{top:10px;}
.menuph .point.active .navbtn{background:transparent;}
.menuph .point.active .navbtn::after{top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.menuph .point.active .navbtn::before{top:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.phxia .container{position:relative; padding:0 15px; margin:auto; width:100%;}

.header #topNav.fr .nav{display:none;}

}

@media (max-width: 998px){
  .header .header-inner{display:block;}

  /* 首页banner部分 */
  .banner .swiper-slide{width:100% !important;}
  .banner .swiper-slide .pc{display:none;}
  .banner .swiper-slide .m{display:block;}
  .banner .swiper-pagination-bullet{width:25px; margin:0 5px !important;}
  .banner .swiper-button-prev,.banner .swiper-button-next{width:30px; height:30px;}
  .banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:12px;}
  .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px !important;}

  /* 首页喷画应用部分 */
  .title{width:95%; max-width:1280px; margin:40px auto 20px; line-height:60px;}
  .content{width:95%; max-width:1280px; margin:0 auto;}
  .one .title .title_more,.two .title .title_more,.three .title .title_more,.four .title .title_more,.five .title .title_more,.six .title .title_more,.seven2 .title_more{font-size:40px;}
  .one .title .title_more span,.two .title .title_more span,.three .title .title_more span,.four .title .title_more span,.five .title .title_more span,.six .title .title_more span,.seven2 .title_more .title_more2{font-size:38px; margin-top:-25px;}
  .one .title .title_more .title_more2{font-size:16px; margin-top:10px;}
  .one .hd ul{width:95%; margin:0 auto; display:block; padding-bottom:20px;}
  .one .hd ul li a{width:23%; float:left; margin:0 2% 10px 0; padding:0; text-align:center; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
  .one .hd ul li a:nth-child(4n){margin-right:0;}
  .one .M10201-gallery .gallery-top .swiper-slide .t33,.three ul .iFCB-PRO-4 .u-tt2{font-size:20px;}
  .one .M10201-gallery .gallery-top .swiper-slide .ibw_pic::after,.three ul .iFCB-PRO-4 .ibw_pic::after,.pro_box li .ibw_pic::after{width:52px; height:52px;}
  .one .M10201-gallery .swiper-slide{width:48% !important; float:left !important; margin:0 2% 20px 0 !important; box-sizing:border-box;}
  .one .M10201-gallery .swiper-slide:nth-child(2n){margin-right:0;}

  /* 首页为什么选择我们部分 */
  .two .content{width:100% !important;}
  #div_50455{height:52vh;}
  .bArea01 ul{display:block;  padding:40px 0 60px; overflow:hidden;}
  .bArea01 ul li{width:33.333%; min-height:190px; height:auto; float:left;}
  .bArea01 ul li a .p2{font-size:20px; font-weight:bold; line-height:30px;}
  .bArea01 ul li:hover a .p2::after,.bArea01 ul li a .p2::after{width:40px; bottom:-20px;}
  .bArea01 ul li a .p4{margin-top:40px; padding:0 10px; font-size:15px; line-height:25px;}

  /* 首页喷绘中心部分 */
  .three{padding:20px 0 60px;}
  .three .content{width:100% !important;}
  .M10061-PIC .messi{margin:0;}

  /* 首页合作客户部分 */
  .four .content,.six .content,.six .title{width:100% !important;}
  .four{padding:20px 0 60px;}
  .four .title,.four .content{width:100% !important;}
  .four .TWLB_LIST_TB .swiper-slide{width:25% !important; float:left;}
  .four .TWLB_LIST_TB .swiper-slide .ibw_pic img{height:80px; object-fit:cover;}

  /* 首页壹彩资讯部分 */
  .five{padding:0 0 60px;}
  .five .content,.five1 .title,.five2 .title{width:100% !important;}
  .five1{width:100%;}
  .five1 .title .title_more,.five2 .title .title_more{font-size:24px !important;}
  .five1 .title .more a,.five2 .title .more a{font-size:16px;}
  .five1 .news_news li:nth-child(1) .m-intro{padding:30px 20px 0;}
  .five1 .news_news li:nth-child(1) .m-intro .u-des{font-size:15px; height:75px; margin-top:20px; line-height:25px; -webkit-line-clamp:3;}
  .five1 .news_news li:nth-child(1) .m-intro .u-more{font-size:15px; line-height:32px; padding-right:30px;}
  .five1 .news_news li:nth-child(n+2){font-size:16px;}
  .five1 .news_news li:nth-child(n+2) .u-tt{height:52px; line-height:52px;}
  .five1 .news_news li:nth-child(n+2) .u-date{font-size:14px; line-height:52px;}
  .five2{width:100%; margin-top:20px;}
  .five2 .news_news li a{width:100%; padding:10px 0;}
  .five2 .news_news li .ibw_pic{width:50%;}
  .five2 .news_news li .m-intro{width:45%; padding-left:20px;}
  .five2 .news_news li .m-intro .u-des{font-size:15px; height:75px; margin-top:20px; line-height:25px; -webkit-line-clamp:3;}

  /* 首页合作流程部分 */
  .six{padding:20px 0 40px;}

  /* 首页关于壹彩部分 */
  .seven1{width:100% !important;}
  .seven .ibw_intro{width:100%; float:left;}
  .ibw_intro img{width:100%; height:auto; display:block;}
  .seven2{width:100% !important; float:left; margin-top:20px; padding:0 2.5% !important;}
  .seven2 .aaaaa{padding-bottom:60px; overflow:hidden;}
  .seven2 .aaaaa .ibw_intro{margin-bottom:20px;}
  .seven2 .aaaaa .ibw_intro strong span,.ibw_intro strong span{font-size:15px !important; line-height:26px !important;}
  .seven2 .aaaaa .ibw_intro p{font-size:14px !important; line-height:25px !important; margin-top:10px;}
  .seven2 .aaaaa .ibw_intro>div{display:block !important; margin-bottom:40px !important;}
  .seven2 .aaaaa .ibw_intro>div>div{width:23% !important; float:left !important; padding:0 !important; margin:10px 2% 10px 0 !important;}
  .seven2 .aaaaa .ibw_intro>div>div:nth-child(4n){margin-right:0;}
  .seven2 .aaaaa .more a{margin-bottom:40px; font-size:15px; line-height:36px !important;}

  .eight{padding:40px 0 20px;}
  .eight .hd{margin-bottom:30px;}
  .eight .hd ul li a{line-height:40px;}
  .eight .TWLB_LIST_TB{margin:0 !important;}
  .eight .TWLB_LIST_TB .swiper-slide{width:49% !important; float:left; margin:0 2% 20px 0!important;}
  .eight .TWLB_LIST_TB .swiper-slide:nth-child(2n){margin-right:0;}
  .eight .TWLB_LIST_TB .swiper-slide a{padding:0; background:transparent;}

  /* 底部版权部分 */
  .ftLinkWrap .ftLink{padding:20px 0; font-size:15px;}
  .ftLinkWrap .ftLink strong{font-size:16px;}
  .ftLinkWrap .ftLink a{margin:0 5px;}

  .footer{padding:30px 0 !important; overflow:hidden;}
  .footer .footer_wp .navbox_foot{width:100% !important;}
  .navbox_foot .nav>ul{display:block;}
  .footer .footer_wp .navbox_foot .nav>ul>li{width:31.333% !important; margin:0 2% 20px 0 !important; padding-right:0;}
  .footer .footer_wp .navbox_foot .nav>ul>li:nth-child(3n){margin-right:0;}   
  .navbox_foot .nav>ul>li .shownav{width:auto;}
  .navbox_foot .nav>ul>li.line{display:none;}
  .footer .footer_wp .ft-wrap{width:100% !important;}
  .copyright{overflow:hidden;}
  .footer .tail{width:100%; float:left; position:inherit; padding-bottom:0;}

  /* 内页喷绘应用部分 */
  .ny_bn{height:52vh;}
  .location .ico{padding-left:75px;}
  .pro_box li{width:49%;}
  .pro_box li:nth-child(3n){margin-right:2%;}
  .pro_box li:nth-child(2n){margin-right:0;}
  .pro_box li .u-tt2{font-size:18px; line-height:66px;}
  .promore_title h2{font-size:24px; line-height:30px;}
  .promore_title .titms{width:100%; font-size:14px; line-height:24px;}
  .promore_title .titms .cont1{padding-right:0; width:31.333%;}
  .promore_title .titms .cont2{width:31.333%; padding-right:0;}
  .promore_title .titms .cont3{width:31.333%;}
  .promore_box{margin:40px auto;}
  .promore_box img{width:100%;}
  .pagination a, .pagination span{padding:0 5px; margin:0 2.5px;}

  /* 内页关于壹彩部分 */
  .ny_nav{overflow:hidden;}
  .ny_nav li{width:23.5%; float:left; margin:0 2% 20px 0;}
  .ny_nav li:nth-child(4n){margin-right:0;}
  .ny_nav li a{font-size:16px; padding:0 5px; line-height:30px;}
  .jianjie .tu{width:100%;}
  .jianjie .tu img{width:100% !important; height:auto !important; display:block;}
  .jianjie .wen{width:100%; float:left; margin-top:20px; font-size:14px; line-height:25px;}

  .MC-TPLB{display:block;} 
  .MC-TPLB .MC-ITEM{width:48%; float:left; margin:0 2% 10px 0; padding:0;}
  .MC-TPLB .MC-ITEM:nth-child(2n){margin-right:0;}
  .MC-TPLB .MC-ITEM .MC-INTRO{line-height:30px; padding:5px 0;}
  .TW_CONTENT .m-intro .u-des img{width:100%; display:block;}

  .TTXW_CONTENT .m-pic{width:100%; max-width:100%; min-height:auto;}
  .TTXW_CONTENT .m-intro{padding:20px 5px;}

  .TW_CONTENT .m-intro .u-des #copyform{width:100% !important;}
  .module_field .c_left{width:100px; padding-right:10px;}
  .module_field .middle .input{padding:5px 10px;}
   
  .TW_CONTENT .m-intro .u-des .ke-zeroborder{padding:20px !important;}
  .TW_CONTENT .m-intro .u-des .ke-zeroborder tbody tr td{padding:0 !important;}
  .TW_CONTENT .m-intro .u-des .ke-zeroborder tbody tr td span strong{font-size:24px !important;}
  .TW_CONTENT .m-intro .u-des .ke-zeroborder tbody tr td p img{width:120px !important; height:120px !important;}


}

@media all and (max-width:768px){
  .header{height:66px;}
  .logo a{height:66px;}
  .logo a img{height:40px;}
  .fun{top:18px}
  .fun li .pic1{left:-1%;}
  .menuph{top:10px;}
  .xialaph{top:60px;}
  .xialaph h3 a{font-size:15px; line-height:40px;}
  .xialaph h4 a{line-height:34px; font-weight:normal;}
}

@media all and (max-width:640px){
  .one .hd ul li{line-height:36px;}
  .one .hd ul li a{width:31.333%; margin:0 2% 10px 0; font-size:16px;}
  .one .hd ul li a:nth-child(3n){margin-right:0;}
  .one .M10201-gallery .gallery-top .swiper-slide .t33,.three ul .iFCB-PRO-4 .u-tt2{font-size:18px; line-height:60px;}
  .one .M10201-gallery .gallery-top .swiper-slide .ibw_pic::after,.three ul .iFCB-PRO-4 .ibw_pic::after,.pro_box li .ibw_pic::after{width:44px; height:44px;}
  .three ul .iFCB-PRO-4{width:49%; margin:0 2% 10px 0;}
  .three ul .iFCB-PRO-4:nth-child(3n){margin-right:2%;}
  .three ul .iFCB-PRO-4:nth-child(2n){margin-right:0;}
  .eight .hd ul{display:block;}
  .eight .hd ul li{width:31.333%; float:left; margin:0 2% 0 0;}
  .eight .hd ul li:nth-child(3n){margin-right:0;}
  .eight .hd ul li a{width:100%; font-size:14px;}

  .footer .footer_wp .navbox_foot{display:none;}
  .footer .tail{padding-top:15px; font-size:14px !important; line-height:25px !important;}
  .footer .tail .fl{display:none;}
  .footer .tail .fr{width:100%; text-align:center; padding-top:10px;}

  .TTXW_LIST ul li a{font-size:14px; padding-left:15px;}

}

@media all and (max-width:580px){
  .one .title .title_more,.two .title .title_more,.three .title .title_more,.four .title .title_more,.five .title .title_more,.six .title .title_more,.seven2 .title_more{font-size:30px;}
  .one .title .title_more span,.two .title .title_more span,.three .title .title_more span,.four .title .title_more span,.five .title .title_more span,.six .title .title_more span,.seven2 .title_more .title_more2{font-size:25px; margin-top:-20px;}
  .one .M10201-gallery .gallery-top .swiper-slide .t33, .three ul .iFCB-PRO-4 .u-tt2{font-size:16px; line-height:52px;}
  .four .TWLB_LIST_TB .swiper-slide .ibw_pic img{height:50px;}
  .two .title .title_more .title_more2,.three .title .title_more .title_more2,.four .title .title_more .title_more2,.five .title .title_more .title_more2{font-size:15px; margin-top:10px;}
  .three{padding:20px 0 30px;}
  .four .title{margin:10px auto;}
  .four .TWLB_LIST_TB .swiper-slide{width:33.333% !important;}
  .five{padding:0 0 40px;}
  .five1 .title .title_more, .five2 .title .title_more{font-size:20px !important;}
  .five1 .title .more a, .five2 .title .more a{font-size:14px;}
  .five1 .news_news li:nth-child(1) .m-intro .u-des{font-size:14px; margin-top:10px;}
  .two .title,.three .title,.six .title{margin:0 auto 10px;}
  .seven2 .aaaaa .ibw_intro>div>div{width:48% !important;}
  .seven2 .aaaaa .ibw_intro>div>div:nth-child(2n){margin-right:0;}
  .eight .TWLB_LIST_TB .swiper-slide{width:100% !important; margin-right:0 !important;}
  .eight .TWLB_LIST_TB .swiper-slide .ibw_pic{width:100% !important;}
  .mainbg{padding:10px 0;}
  .ny_bn{height:35vh;}
  .pro_box li{width:100%;}
  .pagination a,.pagination span{font-size:13px;}
  .casexq-back{height:36px; line-height:36px; font-size:14px; width:120px; margin:10px auto 30px;}
  .pagination{margin:10px 0 40px;}
  .page_up_dn{padding:20px 0 0;}
  .page_up_dn li{width:100%;}
  .promore_title .titms{width:100%; display:block;}
  .promore_title .titms .cont1,.promore_title .titms .cont2,.promore_title .titms .cont3{width:100%; border-right:none;}
  .ny_nav li{width:31.333%;}
  .ny_nav li:nth-child(4n){margin-right:2%;}
  .ny_nav li:nth-child(3n){margin-right:0;}
  .ny_nav li a{font-size:14px; line-height:25px;}
  .MC-TPLB .MC-ITEM{width:100%;}
  .promore_box p{text-indent:10px; font-size:14px; line-height:25px;}
}

@media all and (max-width:414px){
  .one .hd ul li{line-height:30px;}
  .one .hd ul li a{font-size:15px;}
  .one .M10201-gallery .swiper-slide,.three ul .iFCB-PRO-4{width:100% !important;}
  #div_50455{height:68vh;}
  .bArea01 ul li{width:50%;}
  .bArea01 ul li .pic img{width:44px;}
  .one .title .title_more span, .two .title .title_more span, .three .title .title_more span, .four .title .title_more span, .five .title .title_more span, .six .title .title_more span, .seven2 .title_more .title_more2{font-size:20px; margin-top:-18px;}
  .five1 .news_news li:nth-child(1) a{display:block;}
  .five1 .news_news li:nth-child(1) .ibw_pic{width:100%;}
  .five1 .news_news li:nth-child(1) .m-intro{width:100%; padding:20px 15px;}
  .five1 .news_news li:nth-child(1) .m-intro .u-tt,.five2 .news_news li .m-intro .u-tt{font-size:16px;}
  .five1 .news_news li:nth-child(1) .m-intro .u-more{margin-top:10px;}
  .five1 .news_news li:nth-child(n+2),.five2 .news_news li .m-intro .u-des{font-size:14px !important;}
  .five1 .news_news li:nth-child(n+2) .u-date{font-size:12px;}
  .five2 .news_news li a{display:block;}
  .five2 .news_news li .ibw_pic{width:100%;}
  .five2 .news_news li .m-intro{width:100%; padding:15px 0;}
  .five2 .news_news li .m-intro .u-des{margin-top:10px;}
  .copyright span strong{font-size:25px !important; line-height:30px !important;}
  .ny_nav li{width:49%;}
  .ny_nav li:nth-child(3n){margin-right:2%;}
  .ny_nav li:nth-child(2n){margin-right:0;}
  .promore_title h2{font-size:20px; line-height:28px;}
  
}

@media all and (max-width:375px){
}