@charset "UTF-8";
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
.pc_block{display:inline}
.mb_block{display:none;}

@media only screen and (max-width : 768px) {
	.pc_block{display:none;}
	.mb_block{display:block;}
	
	body{padding-top:50px;}
	header{height:50px;}
	header .clearfix{height:50px;}
	header a.logo img{width:89px;}
	header nav{display:none;}
	header .search{display:none;}
	header .lang{display:none;}
	header a.mobile_menu_btn{display: inline-block;height: 50px; line-height: 50px; color: #666; font-size: 20px; padding: 0 15px; width: 48px; box-sizing: border-box;position: absolute;right:0;text-decoration:none;}
	header a.mobile_menu_btn.cur{text-indent: -999em;overflow:hidden;background:url(../images/common/mobile_btn.png) no-repeat center;background-size:22px;}
	header a.mobile_lang{display: inline-block;height: 50px; line-height: 50px; color: #666; font-size: 20px;position: absolute;right:48px;top:0;text-decoration:none;display:none;}
	
	footer .foot-1 ul.fl{display:none;}
	footer .foot-1 .fr{float:left;width:100%;}
	footer .foot-1 .fr ul.code{width:100%;text-align:center;}
	footer .foot-1 .fr ul.code li{width:calc(100% /3);margin-left:0;text-align:center;}
	footer .foot-1 .fr ul.code li .img_out{display:inline-block;}
	footer .foot-2{text-align:center;}
	footer .foot-2 .fl{display:inline-block;float:none;}

	.kv{height:calc(100vh - 50px);}
	.kv .box .txt_body h1{font-size:18px;line-height:28px;}
	.kv .box .txt_body h2{font-size:28px;line-height:38px;}
	.kv .box .txt_body a.more{height:48px;width:160px;font-size:14px;}
	
	.solution .solu_tab{}
	.solution .solu_tab h2{font-size:28px;padding-top:0;}
	.solution .solu_tab ul{margin-top:20px;}
	.solution .solu_tab ul li{width:25%;margin-right:0;text-align:center;margin-top:20px;}
	
	.solution .con_list{padding:20px 0 50px;}
	.solution .solu_con .slider{height:inherit;}
	#textListContainer{width:100%;height:inherit;padding-top:240px;}
	.imgContainer{width:100%;height:280px;overflow:hidden;bottom:inherit;}
	#imgListContainer{width:100%;height:220px;position: absolute;left:0;right:0;top:0;bottom:inherit;;}
	#testContainer{position:relative;}
	.textContainer{position: inherit;top:inherit;left:inherit;}
	.textContainer h3{font-size:20px;margin-bottom:10px;}
	.textContainer p{font-size:14px;line-height:24px;}
	.textContainer a{width:120px;height:36px;line-height:36px;font-size:14px;margin-top:20px;}
	.textContainer{display:none!important;opacity:0;transition:all linear .5s;}
	.textContainer.slide-active{display:inline-block!important;opacity:1;}
	
	.product h2{font-size:28px;}
	.product .content{height:100%;min-height:inherit;background:none;}
	.product .content .list{position: inherit;left:inherit;right:inherit;top:inherit;bottom:inherit;display:inline-block;}
	.product .content .list .box_list{width:100%;border-bottom:1px solid #e1e2e2;float:none;}
	.product .content .list .box_list:last-child{border-bottom:0;}
	.product .content .list .box_list .box{padding:30px 15px;}
	.product .content .list .box_list .box:hover{padding:30px 15px;}
	.product .content .list .box_list .box .mask{display:block!important;padding-top:0;}
	.product .content .list .box_list .box .mask ul{display:none;}
	.product .content .list .box_list .box .mask a.more{font-size:14px;border:1px solid #bfbfbf;}
	
	.about{position: relative;padding-top:0;height:470px;margin-bottom:80px;background-attachment:inherit!important;}
	.about .slider_rt .box{padding:35px 0;width:100%;}
	.about .slider_rt .box h3 span{font-size:46px;}
	.about .slider_rt .box h4{font-size:2rem;}
	.about .slider_rt .box h3 sup{font-size:2.8rem;line-height:28px;}
	.about .slider_rt{float:none;width:100%;height:140px;}
	.about .slider_rt .dot{bottom:0;}
	.about .box_lf{position: absolute;left:15px;right:15px;bottom:0;width:inherit;height:inherit;padding:20px;}
	.about .box_lf h2{font-size:28px;line-height:30px;padding-top:10px;}
	.about .box_lf p{font-size:14px;line-height:20px;}
	.about .box_lf a.more{width:120px;height:40px;line-height:40px;font-size:14px;}
	.news{padding:30px 0;}
	.news .news_left{margin-right:0;width:100%;height:inherit;padding-bottom:10px;}
	.news .news_left a{padding:0;background:none;}
	.news .news_left a h2{font-size:28px;color:#303030;padding-top:0;}
	.news .news_left a h3{display:none;}
	.news .news_right{width:100%;}
	.news .news_right .list{width:100%;}
	.news .news_right .list a{width:100%;}
	.news .news_right .list a .img_out{width:100%;}
	.news .news_right .list a .txt_out{height:inherit;padding:25px 15px;}
	.news .news_right .list a .txt_out h3{min-height:inherit;font-size:16px;}
	
	.pageKv .container{left:0;right:0;transform:none;}
	.pageKv .bg{height:220px;overflow:hidden;width:100%;}
	.pageKv .bg img{display:inline-block;height:100%;width:inherit;object-fit: cover;}
	.pageKv .txt_body{left:15px;right:15px;}
	.pageKv .txt_body h2{font-size:24px;line-height:30px;padding-bottom:10px;}
	.pageKv .txt_body h3{font-size:16px;line-height:24px;}
	.aboutKv .txt_body h2{font-size:18px;line-height:28px;}
	.aboutKv .txt_body h3{font-size:24px;line-height:30px;}

	
	.pageTit{font-size:2rem;line-height:30px;margin-bottom:15px;padding-top:10px;}
	
	.abBody .ab_1{padding:30px 0;}
	.abBody .ab_1 .txt_out p{font-size:14px;line-height:24px;}
	.abBody .ab_1 .video{width:100%;margin-top:10px;}
	.abBody .ab_2 .content{background:url(../images/about/ab_2_bg_m.png) no-repeat center;background-size:100% auto;}
	.abBody .ab_2 .txt_body{width:100%;padding-top:30px;}
	.abBody .ab_2 .txt_body h4 br{display:none;}
	.abBody .ab_2 .txt_body ul{margin-bottom:20px;padding-bottom:0;}
	.abBody .ab_2 .txt_body ul li{width:calc((100% - 20px)/2);min-width:inherit;margin-right:20px;padding-bottom:15px;}
	.abBody .ab_2 .txt_body ul li h6{font-size:40px;}
	.abBody .ab_2 .txt_body ul li:nth-child(2n){margin-right:0;}
	.abBody .ab_2 .txt_body ul li h5{font-size:14px;margin-bottom:10px;}
	.abBody .ab_3{padding:25px 0;}
	.abBody .ab_3 .tit h4{font-size:14px;line-height:24px;}
	.abBody .ab_3 ul.list li{width:100%;margin-right:0;}
	.abBody .ab_3 ul.list li .box{padding:20px;}
	.abBody .ab_3 ul.list li .box .icon{width:54px;height:54px;}
	.abBody .ab_3 ul.list li .box .icon i{width:50px;height:50px;background-size:cover;}
	.abBody .ab_3 ul.list li .box span{font-size:18px;line-height:54px;}
	.abBody .ab_3 ul.list li .box em{width:50px;background-size:20px auto;}
	.abBody .organBy .con_2{background:url(../images/about/org_line_1_m.jpg) no-repeat center top;background-size:100% auto;}
	.abBody .organBy .con_2 .con{margin:0;width:50%;}
	.abBody .organBy .con_3{padding-top:56px;background:url(../images/about/org_line_2_m.jpg) no-repeat center top;background-size:100% auto;display:flex;flex-wrap:wrap;justify-content:center}
	.abBody .organBy .con_3 .con:nth-child(1){order:0;}
	.abBody .organBy .con_3 .con:nth-child(6){order:1;}
	.abBody .organBy .con_3 .con:nth-child(2){order:2;}
	.abBody .organBy .con_3 .con:nth-child(5){order:3;}
	.abBody .organBy .con_3 .con:nth-child(3){order:4;}
	.abBody .organBy .con_3 .con:nth-child(7){order:5;}
	.abBody .organBy .con_3 .con:nth-child(4){order:6;}
	.abBody .organBy .con_3 .con:nth-child(8){order:7;}
	
	.popCon.cur .content .tit{height:94px;background-size:cover;}
	.popCon .content .tit .mask .icon{left:20px;top:20px;}
	.popCon .content .tit .mask .icon i{width:54px;height:54px;background-size:50px;float:left;}
	.popCon .content .tit .mask .icon h3{float:left;line-height:54px;font-size:18px;margin-top:0;margin-left:15px;}
	.popCon .content .txt{padding:20px;}
	.popCon .content .txt p{font-size:14px;line-height:20px;}
	.popCon .content .txt a.more{font-size:14px;line-height:24px;margin-top:10px;}
	
	.gpBody .gp_1{padding:30px 0;}
	.gpBody .gp_1 .txt_out .box{font-size:14px;line-height:20px;height:inherit;overflow-y: inherit;padding-right:0;}
	.gpBody .gp_1 .img_out{width:100%;margin-top:20px;}
	.gpBody .gp_1 .img_out img{width:100%;}
	.gpBody .gp_4{padding:30px 0;}
	.gpBody .gp_4 .tit{padding-bottom:20px;}
	.gpBody .gp_4 .tit h4{font-size:14px;line-height:20px;}
	.gpBody .gp_4 .content{display:block;}
	.gpBody .gp_4 .content .img_out{width:100%;height:inherit;}
	.gpBody .gp_4 .content .img_out .box{width:100%;height:inherit;}
	.gpBody .gp_4 .content .txt_body{margin:15px 15px 0;}
	.gpBody .gp_4 .content .txt_body h4{font-size:18px;}
	.gpBody .gp_4 .content .txt_body p{font-size:14px;line-height:20px;}
	.gpBody .gp_4 .content .img_out .box img{display:block;width:100%;}
	.gpBody .gp_2{padding:20px 0;}
	.gpBody .gp_2 .tit{margin-bottom:20px;}
	.gpBody .gp_2 .tit h4{font-size:24px;line-height:24px;}
	.gpBody .gp_2 .quan-list span img{display:block;width:100%;}
	.gpBody .gp_2 .quan-list .quan1{width:50px;}
	.gpBody .gp_2 .quan-list .quan2{width:80px;}
	.gpBody .gp_2 .quan-list .quan3{width:50px;}
	.gpBody .gp_2 .quan-list .quan4{width:80px;right:0;left:inherit;}
	.gpBody .gp_2 ul{font-size:0;display:flex;flex-wrap:wrap;}
	.gpBody .gp_2 ul li{border:0;width:calc((100% - 10px)/2);height:inherit;margin-right:10px;padding:10px;margin-bottom:20px;}
	.gpBody .gp_2 ul li:nth-child(2n){margin-right:0;}
	.gpBody .gp_2 ul li h3{font-size:24px;line-height:24px;}
	.gpBody .gp_2 ul li h3 span{font-size:16px;line-height:24px;}
	.gpBody .gp_2 ul li h4{font-size:14px;line-height:20px;}
	.gpBody .gp_2 ul li p{font-size:13px;line-height:20px;}
	
	.gpBody .gp_3{padding:30px 0;}
	.gpBody .gp_3 .txt_body .txt{width:100%;padding-right:0;margin-bottom:20px;}
	.gpBody .gp_3 .txt_body .txt .slider-btn{display:none;}
	.gpBody .gp_3 .slider{width:100%;}
	.gpBody .gp_3 .slider .swiper-slide{width:100%;}
	.gpBody .gp_3 .slider .swiper-slide .img_out{width:100%;height:inherit;}
	.gpBody .gp_3 .slider .swiper-slide .box h4{height:50px;line-height:50px;padding-left:15px;font-size:16px;}
	
	.newsSlider{height:inherit;padding-bottom:30px;}
	.newsSlider .dot{width:100%;bottom:10px;text-align:center;}
	.newsSlider .content{display:block;height:inherit;}
	.newsSlider .content .img_out{width:100%;height:220px;}
	.newsSlider .content .txt_out{width:100%;}
	.newsSlider .content .txt_out .txt{width:100%;position: inherit;left:inherit;transform: none;padding:20px;}
	.newsSlider .content .txt_out .txt h3{font-size:16px;}
	.newsSlider .content .txt_out .txt h4{font-size:22px;line-height:30px;}
	.newsSlider .content .txt_out .txt a{width:120px;height:40px;line-height:40px;margin-top:15px;}
	
	.newsList{padding:20px 0;}
	.newsList .box{width:100%;margin-right:0;margin-bottom:20px;}
	.newsList .box a .img_out{height:200px;}
	.newsList .box a .txt_out{padding:20px;height:inherit;}
	.newsList .box a .txt_out h3{font-size:18px;line-height:28px;margin-bottom:5px;}
	.newsList .box a .txt_out p{font-size:12px;line-height:20px;}
	
	.newsDet .tit{height:inherit;padding:30px 0;}
	.newsDet .tit .txt_body{position: inherit;left:inherit;right:inherit;top: inherit;transform:none;}
	.newsDet .tit .txt_body h2{font-size:22px;line-height:30px;}
	.newsDet .tit .txt_body h3{font-size:14px;line-height:24px;}
	.newsDet .tit .txt_body h3 a{width:24px;height:24px;line-height:24px;font-size:14px;}
	.newsDet .detBody{padding:20px 0;}
	.newsDet .detBody .fckBody{padding:0;font-size:14px;line-height:20px;}
	.newsDet .detBody .fckBody p{font-size:14px;line-height:20px;}
	.newsDet .detBody .fckBody img{max-width:100%;}
	
	.lx_body{display:block;padding:30px 0;}
	.lx_body .lx_msg{width:100%;margin:0;}
	.lx_body .lx_from{width:100%;padding:15px;}
	.lx_body .lx_msg .box h3{font-size:2rem;line-height:30px;}
	.lx_body .lx_msg .box p{font-size:14px;line-height:20px;}
	.lx_body .lx_msg .box{padding-bottom:20px;margin-bottom:20px;}
	.lx_body .lx_from h4{font-size:14px;line-height:20px;margin-bottom:10px;}
	.lx_body .lx_from p input{font-size:14px;line-height:20px;height:40px;padding:4px 5px;}
	.lx_body .lx_from p select{font-size:14px;height:40px;line-height:40px;padding:0 5px;}
	.lx_body .lx_from p textarea{font-size:14px;line-height:20px;padding:5px;}
	.lx_body .lx_from .sub{height:inherit;text-align:center;}
	.lx_body .lx_from .sub .yzm_lf{float:none;display:block;width:100%;}
	.lx_body .lx_from .sub a.submit{float:none;display:inline-block;width:120px;height:40px;line-height:40px;margin-top:15px;font-size:14px;}
	
	.recrNav{height:40px;padding:0;}
	.recrNav ul li{height:40px;width:inherit;}
	.recrNav a{font-size:12px;height:40px;line-height:40px;vertical-align:top;padding:0 10px;}
	.recrNav a span{width:24px;height:24px;vertical-align:middle;}
	
	
	
	.recrBy .recr_1 .list{display:block;}
	.recrBy .recr_1 .list .pic_out{width:100%;height:200px;margin:0;overflow:hidden;}
	.recrBy .recr_1 .list .txt_out{padding:15px;width:100%;}
	.recrBy .recr_1 .list .txt_out p{font-size:14px;line-height:20px;}
	.recrBy .recr_1{padding:20px 0;}
	.recrBy .recr_1 .list:first-child{margin-bottom:20px;}
	.recrBy .recr_1 .list .img_out{width:100%;margin:0;}
	.recrBy .recr_1 .list .img_out .slider .box{width:100%;height:200px;}
	.recrBy .recr_2{height:300px;}
	.recrBy .recr_2 .txt_body{width:100%;padding-top:40px;}
	.recrBy .recr_2 .txt_body p{font-size:14px;line-height:20px;}
	.recrBy .recr_3 .tip{padding:30px 0;}
	.recrBy .recr_3 .tip h4{font-size:14px;line-height:20px;}
	.recrBy .recr_3 .list{padding:0;}
	.recrBy .recr_3 .list ul li{padding-bottom:10px;}
	.recrBy .recr_3 .list ul li h3{height:60px;line-height:60px;padding:0 15px;font-size:16px;}
	.recrBy .recr_3 .list ul li h3 i{width:24px;height:24px;right:10px;top:18px;background-size:cover;}
	.recrBy .recr_3 .list ul li h3.active i{background-size:cover;}
	.recrBy .recr_3 .list ul li .mask .box{padding:15px;}
	.recrBy .recr_3 .list ul li .mask .fckBody{font-size:14px;line-height:20px;}
	
	.serBody .ser_1 ul li{width:50%;padding:15px 0;}
	.serBody .ser_1 ul li p{font-size:12px;line-height:20px;}
	.serBody .ser_1 ul li p a{font-size:12px;color:#fff;text-decoration:none;}
	.serBody .ser_1 ul li::after,.serBody .ser_1 ul li::before{display:none!important;}
	.serBody .ser_2{padding:20px 0;}
	.serBody .ser_2 .top{padding:15px 10px;height:70px;}
	.serBody .ser_2 .top select{width:120px;font-size:12px;height:40px;line-height:40px;padding:0 5px;}
	.serBody .ser_2 .top input{width:140px;font-size:12px;line-height:20px;height:40px;padding:5px;}
	.serBody .ser_2 .top a{width:40px;height:40px;line-height:40px;}
	.serBody .ser_2 .listBy ul.list li.tip{display:none;}
	.serBody .ser_2 .listBy ul.list li span.s_1{width:100%;padding:0;display:block;margin-bottom:5px;}
	.serBody .ser_2 .listBy ul.list li{height:inherit;line-height:inherit;}
	.serBody .ser_2 .listBy ul.list li span.s_2{display:inline-block;width:auto;}
	.serBody .ser_2 .listBy ul.list li span.s_3{display:inline-block;width:auto;margin-left:5px;}
	.serBody .ser_2 .listBy ul.list li a{height:inherit;padding:10px 0;background:none;}
	
	.prodKv{height:200px;padding-top:80px;}
	.prodKv .content{margin:0;}
	
	.prodNav{height:40px;padding:0;}
	.prodNav ul li{height:40px;width:inherit;}
	.prodNav a{font-size:12px;height:40px;line-height:40px;vertical-align:top;padding:0 10px;}
	.prodNav a span{width:24px;height:24px;vertical-align:middle;}
	
	
	
	
	.prodlistBy .list{padding-top:30px;}
	.prodlistBy .list .tit{margin-bottom:20px;}
	.prodlistBy .list .tit h3{font-size:2.4rem;}
	.prodlistBy .list .row .box{padding:20px;}
	
	
	.proDet .detKv{height:inherit;padding-top:0;padding-bottom:30px;}
	.proDet .detKv .content{display:block;}
	.proDet .detKv .content .imgSlider .box{width:100%;height:inherit;}
	.proDet .detKv .content .imgSlider{width:100%;padding-bottom:30px;margin-bottom:20px;}
	.proDet .detKv .content .txt_body{width:100%;padding-left:0;}
	.proDet .detKv .content .txt_body h2{font-size:2.4rem;}
	.proDet .detKv .content .txt_body p{width:100%;font-size:14px;line-height:20px;}
	.proDet .detKv .content .imgSlider .gp{width:100%;left:0;right:0;}
	
	.tabNav{height:46px;line-height:46px;width:100%;}
	.tabNav a{padding:0 10px;font-size:14px;line-height:44px;height:44px;}
	.tabNav ul{overflow-y:auto;white-space:nowrap }
	.tabNav ul li{width:inherit;}
	.tabnavby{height:46px;}
	
	.proDet .det_1{padding:30px 0;}
	.proDet .det_1 h3{font-size:24px;}
	.proDet .det_1 .list .box{width:calc(100%/2);padding:15px;}
	.proDet .det_1 .list .box .icon{width:50px;height:50px;}
	.proDet .det_1 .list .box .txt{font-size:14px;line-height:20px;}
	
	.proDet .det_2{height:300px;min-height:300px;background-attachment:inherit;background-size:cover;}
	.proDet .det_2 .txt_body{padding-top:30px;}
	.proDet .det_2 .txt_body h3.pageTit{margin-bottom:15px;}
	.proDet .det_2 .txt_body ul li{width:100%;border-right:0;padding-right:0;margin-right:0;}
	
	.down_body{padding:20px 0;}
	.down_body ul li{width:100%;margin-right:0;}
	.down_body ul li a{height:50px;padding-left:40px;}
	.down_body ul li a i{width:36px!important;height:40px!important;background-size:cover!important;}
	.down_body ul li a span{height:50px;line-height:50px;font-size:14px;max-width:calc(100% - 100px)}
	
	
	.soluList{padding-top:20px;padding-bottom:30px;}
	.soluList .list{padding-top:0;}
	.soluList .list .list_box .box{width:100%;height:220px;}
	.soluList .list .list_box .box a .txt{height:60px;}
	.soluList .list .list_box .box a .txt h4{font-size:16px;line-height:26px;}
	.soluList .list .list_box .box a .txt i{font-size:2rem;top:20px;}
	
	.soluKv{height:240px;overflow:hidden;}
	.soluKv .bg{height:100%;}
	.soluKv .bg img{height:100%;object-fit: cover;}
	.soluKv .container .txt_body h2{font-size:18px;margin-bottom:15px;}
	.soluKv .container .txt_body h3{font-size:24px;line-height:30px;}
	
	
	.solu_1{padding-top:30px;}
	.solu_1 .txt_body{font-size:14px;ilne-height:20px;}
	
	.solu_2{padding:30px 0;}
	.solu_2 .content{display:block;}
	.solu_2 .content .img_out{width:100%;}
	.solu_2 .content .img_out .box{width:100%;}
	.solu_2 .content .img_out .box img{width:100%;}
	.solu_2 .content .txt_body{width:100%;margin:20px 0 0;}
	.solu_2 .content .txt_body p{font-size:14px;line-height:20px;}
	
	.solu_3{height:inherit;padding:40px 0;background-attachment:inherit;background-size:cover;}
	.solu_3::before{background-attachment:inherit;}
	.solu_3 .txt_body{padding-top:0;padding-right:0;}
	.solu_3 .txt_body h3.pageTit{margin-bottom:20px;}
	.solu_3 .txt_body p{font-size:14px;line-height:20px;margin-top:10px;}
	.case_body{padding:30px 0;}
	.case_body .slider{position: relative;padding-bottom:30px;}
	.case_body .slider .content{display:block;}
	.case_body .slider .content .img_out{width:100%;height:220px;overflow:hidden;transform:none;}
	.case_body .slider .content .img_out img{display:block;width:100%;}
	.case_body .slider .content::before{display:none;}
	.case_body .slider .content .txt_out{width:100%;padding-top:20px;padding-right:0;}
	.case_body .slider .content .txt_out h4{font-size:18px;}
	.case_body .slider .content .txt_out p{font-size:14px;line-height:20px;}
	.case_body .slider .dot{position: absolute;left:0;right:0;bottom:0;text-align:center;}
	.case_body .slider .dot span{display:inline-block;width:20px;height:3px;background-color:#666;margin:0 5px;border:0;border-radius:0;}
	.case_body .slider .dot span.swiper-pagination-bullet-active{backround-color:#237ae4}
	.case_body .slider .slider-btn{display:none;}
	
	
	
	.solu_4{padding:40px 0 0;}
	.solu_4 .slider{padding-bottom:30px;}
	.solu_4 .slider .swiper-slide a{height:280px;padding-top:20px;}
	.solu_4 .slider .swiper-slide a h4{font-size:14px;line-height:24px;}
	.solu_4 .slider .dot{position: absolute;left:0;right:0;bottom:0;text-align:center;}
	.solu_4 .slider .dot span{display:inline-block;width:20px;height:3px;background-color:#666;margin:0 5px;border:0;border-radius:0;}
	.solu_4 .slider .dot span.swiper-pagination-bullet-active{backround-color:#237ae4;}
}