@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 */

@media (max-width: 1200px) {
	.index_news ul {width:100%;margin-left:0}
	.index_news ul li {width:50%;margin-left:0;margin-right:0}
	.index_news ul li .time {font-size:24px}
	.index_news ul li .txtbox {padding-right:50px}
	.index_news ul li .txtbox .txt {height:40px}

	.newsBy ul.list {width:100%;margin-left:0}
	.newsBy ul.list li {width:50%;margin-left:0;margin-right:0}
	.newsBy ul.list li .time {font-size:24px}
	.newsBy ul.list li .txtbox {padding-right:50px}
	.newsBy ul.list li .txtbox .txt {height:40px}
	
}




@media (max-width:1000px) {
	.index_about .center li {padding-top:20px}
	.index_about .center li .bule b {font-size:24px}
}

@media (max-width:640px) {
	.top-header .title{display:none;}
	.top-header .msg .tel{display:none;}
	header{height:47px;}
	header .logo{height:47px;}
	header .logo img{height:100%;}
	header nav ul{display:none;position: absolute;left:0;right:0;top:47px;background-color:#fff;border-top:1px solid #d1d1d1;}
	header nav ul li{height:auto;line-height:40px;width:100%;border-bottom:1px solid #d1d1d1;}
	header nav ul li a{display:block;font-size:14px;line-height:40px;height:40px;}
	header nav ul li i{display:inline-block;width:40px;height:40px;position:absolute;right:0;top:0;background:url(../images/common/em.png) no-repeat center;background-size:16px auto;transition:all linear .4s;}
	header nav ul li .mask{position: inherit;left:inherit;right:inherit;top:inherit;width:100%;padding:0;}
	header nav ul li:hover .mask{display:none;}
	header nav ul li:hover a{background-color:rgba(255,255,255,0);color:#4c4c4c;}
	header nav ul li.active{height:auto;background-color:rgba(255,255,255,0);color:#4c4c4c;}
	header nav ul li.active a{background-color:rgba(255,255,255,0);color:#4c4c4c;}
	header nav ul li.active i{transform: rotate(180deg);}
	header nav ul li .mask p{height:40px;line-height:40px;border-top:1px solid #fff;}
	header nav ul li .mask p a{padding:0 20px;font-size:14px;line-height:40px;text-align:left;}
	header nav a.sechbtn{height:47px;line-height:47px;margin-right:40px;}
	header nav .mobile-bar{display:inline-block;width:47px;position: absolute;right:0;top:0;text-align:center;}
	header nav .mobile-bar.cur{text-indent:-9999em;overflow:hidden;background:url(../images/common/mobile_btn.png) no-repeat center;background-size:20px;}
	.footer{padding:15px 0 10px;}
	.footer .col-xs-4, .footer .col-xs-8{display:none;}
	.footer .clearfix{display:none;}
	.footer .copy{margin-top:0;}
	.footer .copy em{display:block;width:100%;}
	
	.indexKv{height:calc(100vh - 73px)}
	
	.index_about{padding:20px 0;}
	.index_about .left {display:none}
	.index_about .center {width:100%;height:auto;border:0;padding:15px;overflow:hidden}
	.index_about .center .tit {font-size:16px}
	.index_about .center .txt-1,.index_about .center .txt-2 {height:auto}
	.index_about .center ul {display:none}
	.index_about .right {display:none}
	
	
    .index_product .tt-1{font-size:36px;line-height:36px}
	.index_product .tt-3{font-size:20px;line-height:20px;height:20px;}
	.index_product .list{padding:0 5%}
	.index_product .slick-slider{margin-bottom:0;}
	.about-video .txt_body{width:100%;}
	.indexprodlist{padding-top:20px;padding-bottom:20px;}
	.indexprodlist li{width:50%;border-right:0;padding-bottom:15px;}
	.indexprodlist li .tit{margin-top:0;}
	
	
	.index_case{padding:20px 0;}
	.index_case .title h2{font-size:20px;}
	.index_case li{width:100%;padding:10px 0;}
	.index_case .more{margin-top:20px;}
	
	.about-video .txt_body h2{font-size:20px;}
	.about-video .txt_body h3{font-size:14px;}
	.about-video .txt_body h4{font-size:12px;}
	
	.index_news .title h2{font-size:20px;margin-left:50px;}
	.index_news ul li{width:100%;}
	.index_news ul li .number{display:none;}
	.index_news ul li .txtbox{width:100%;padding-right:0;padding-left:0;}
	
	.index_nav .slider_1{padding-bottom:30px;}
	.index_nav .slider_1 .slider-btn{display:none;}
	.index_nav .slider_1 .swiper-slide{text-align:center;}
	.index_nav .slider_1 .swiper-slide a img{max-width:100%;text-align:center;}
	.index_nav li{width:100%;margin-left:0;}
	
	.index_links{padding:20px 0;}
	.index_links .slider_2 .slider-btn{display:none;}
	.index_links .slider_2{margin-bottom:30px;}
	.index_links ul li{width: 33.3%;}
	
	.pageBody{padding:20px 0;}
	.page_cont{padding-top:20px;}
	.pageTit h2{font-size:16px;}
	.recom-news ul li{border-top:0;}
	.recom-news ul li p{width:100%;}
	.recom-news ul li span{padding-right:10px;}
	
	.contactBy img{width:120px!important;height:120px!important;}
	
	.onlineBy ul li {width:100%;float:none}
	.onlineBy ul li .p2 {margin:0 0 15px}
	.onlineBy ul li .a1 {height:38px;line-height:38px}
	.onlineBy ul li small {height:38px}
	.onlineBy ul li .codes {width:92px;height:38px}
	.onlineBy ul li #message-submit {margin:0;line-height:40px;height:40px;float:left;margin-top:20px;}
	.onlineBy ul li #message-submit {margin:15px 0}
	.onlineBy ul .li_1 {width:100%;float:none}
	.onlineBy ul .li_1 textarea {height: 160px;}
	.onlineBy ul .li_1 textarea {margin:0 0 15px}
	.onlineBy ul li .codes { width: 92px;height: 38px;}
	.onlineBy ul li .yzm{width:92px!important;height:38px!important}
	.onlineBy ul li a.qing {line-height: 38px;}
	.jobBy img{display:none;}
	.joblist {width:100%}
	

	.newsBy ul.list li{width:100%;}
	.newsBy ul.list li .number{display:none;}
	.newsBy ul.list li .txtbox{width:100%;padding-right:0;padding-left:0;}
	
	.fn-suspend{display:none;}
}