@import url(ui.css);
@import url(swiper.min.css);
@import url(pc.css);


@media screen and (max-width:768px){
	body{ padding-top: 60px; }
	.header{ padding: 10px 0 0; position: fixed; left: 0; top:0; width: 100%;  z-index: 999; height: 60px;}
	.header .logo{height:40px;line-height:40px; }
    .header .tel,.header .search{ display:none;}
	.header .nav { text-align: left; background: #282828; display: none; width: 100%; float: none; margin:0; position: fixed; right: 0; top:60px; }
    .header .nav li {display: block;margin: 0;border-top: 1px solid rgba(255,255,255,0.1); }
    .header .nav li a {line-height: 40px; padding: 0 15px; margin: 0; border-bottom: none; color: #FFF; font-size: 14px; }
    .header .nav li.active>a,.header .nav li.open>a,.header .nav li>a:hover{ color: #FFF; }
    .header .nav li .arr {display: block;}
    .header .nav li.open .arr:after {border-color: #0148ac;transform: rotate(225deg);}
    .header .nav .dropdown-box { position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none;}
    .header .nav .dropdown-box p a { color: #333!important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;}
    .header .nav .dropdown-box p a:hover { background-color: transparent !important;}
    .header .nav li.open .dropdown-box{display:block}
    .header .nav .erji { position: static;background-color: #f5f5f5;min-width: auto;text-align: left;box-shadow: none; padding: 8px 0;}
    .header .nav .dropdown-box .erji a { color: #333!important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;}
    .header .nav .dropdown-box .erji a:hover { background-color: transparent !important;}
    .header .nav li.open .dropdown-box{display:block}
    .header .nav .dropdown-box .erji .sanji{ display: block; position: static; left: 0; top:0; width: 100%; }
    .header .nav li.open .erji{display:flex; flex-wrap: wrap;}

	.menu-btn{ display: block; }

	.section{ padding: 30px 0; }
	.section-title{ margin-bottom: 20px; }
	.section-title strong{ font-size: 22px; }
	.section-title p{ font-size: 12px; }

	.in-pro li .text h2{ font-size: 16px;  margin-bottom: 10px;}
	.in-pro li .text p{ line-height: 22px;  font-size: 14px;}

	.in-solution-con li .text{  line-height: 35px; font-size: 16px;  }

	.in-zhengche ul{  margin:0 0 0 -20px;  }
	.in-zhengche li{ float: none; width: auto; }
	.in-zhengche li a{ margin:0 0 20px 20px; font-size: 16px;}
	.in-zhengche li .tits{ line-height: 50px; font-size: 20px; }
	.in-zhengche li .text{ line-height: 25px; padding: 15px 0; }

	.in-ys li .text h2{ font-size: 16px; }
	.in-ys li .text p{ font-size: 14px; line-height: 25px; }

	.in-news{ padding-bottom: 30px; }
	.in-news-left{ float: none; width: auto;  }
	.in-news-right{ float: none; width: auto;  }

	.in-news-pic{ padding:0; }
	.in-news-left ul{ padding-top: 20px; }
	.in-news-left li .date{ margin-right: 10px; }
	.in-news-right{ padding-top: 20px; }
	.in-news-right ul{ padding-top: 0; }
	.in-news-right li a{ padding: 10px 10px 10px 20px;margin-bottom: 10px; }
	.in-news-right li a:before{ left:5px;top:20px;  }

    .footer{ padding-top: 20px; }
	.footer-left {display: none;}
	.footer-right{ float: none; padding-left: 0; }
	.footer-right ul{ margin-bottom: 20px; }

	.banner-sub{  height: 150px; }

	.section-sub{ padding:10px 0; }
	.lanmu{ display: none; }

    .list-news{ margin-bottom: 0; }
    .list-news .swiper-slide a{ flex-wrap: wrap; }
	.list-news .swiper-slide .img-cover{ width: 100%; padding-top: 40%;  }
	.list-news .swiper-slide .text{  width: 100%; padding:15px 0;}
	.list-news .swiper-slide .text h2{ font-size: 18px; margin-bottom: 10px; }
	.list-news .swiper-slide .text p{ line-height: 22px; }
	.list-news .swiper-slide .text .date{ position: relative; padding: 0; }
	.list-news .swiper-button-prev{ display: none; }
	.list-news .swiper-button-next{ display: none;}
	
	.info-content-title{padding-bottom: 15px;}
	.info-content-title h1{font-size:20px;}
	.info-content-title p i{padding:0 5px;}

	.list-2 li a{ flex-wrap: wrap;  }
	.list-2 li .img-cover{ flex:100%; height: auto; padding-top: 75%; }
	.list-2 li .text{ flex:100%; padding: 20px 0;}
	.list-2 li .text h2{ font-size: 16px; margin:20px 0; }
	.list-2 li:nth-child(2n) .text{ order: 100; padding: 20px 0; }


	.section-title2{  margin-bottom: 15px;  }
	.section-title2 strong{ font-size: 20px; }
	.section-title2 p{ font-size: 12px; }

    .list-message .label{ flex-wrap: wrap; margin-bottom: 0; }
	.list-message .label label{ flex:100%; height: 52px; margin-right:0; margin-bottom: 15px; }
	.list-message button{ margin-top: 15px; width: 100%; }

	.ct-sd{ display: none; }
	.ct-mn{ margin-left: 0; }

	

}