@charset "utf-8";

/* CSS Document */



@media all and (max-width:1700px){/*1680 * 1050*/

    .header-container{padding:0 10px;}

    .H-nav>li{margin:0 0 0 36px;}

    .header-container .H_share img{margin:0 0 0 14px;}



    .Footer-wrapper .container{padding:75px 0 80px 10px;}

    .F-btm{padding:19px 0 19px 10px;}



    .page-banner .t{

		/* left: 0px;

		width: 100%;

		text-align: center;

		top:20%; */
		left: 4%;

	}



	.index_product .pro-list{

		width: 96%;

	}



	.index_product .pro-list .item .img-box{

		height: 360px;

		line-height: 360px;

	}

    

}



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





   .index_content .item .leads{

   		width: 90%;

    	padding:60px 4% 0;

    	margin-left: -45%;

   }

   .F-nav{
   	width: auto;
   	max-width: 140px;
   	margin: 0 0 0 3%;
   }
   .F-ct .F-nav{max-width: none}

    

}



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

    

    

}



@media all and (max-width:1380px){/*1366*/

	

	.page-banner img{

		height: 350px;

	}




	.index_product .nav .item{

		width: 360px;

		margin: 0 0 0 20px;

	}



	.index_product .nav .item .r{

		margin-left: 10px;

	}





}



@media all and (max-width:1300px){/*1280 * 800*/



    .header-container{padding:0 10px;}

    .Header-wrapper .Header-cl,

    .Hlogo,

    .H-nav .Hnav-menu,

    .Hlang-menu,

    .Hsrch-menu,

    .Hsrch-box,

    .header-container .H_split{height:70px;}

    .Hlogo,

    .H-nav .Hnav-menu,

    .Hlang-menu,

    .header-container .H_share{line-height: 70px;}

    .H-nav .Hnav-menu{font-size:14px;}

    .H-nav>li{margin:0 0 0 20px;}

    .header-container .H_share img{margin:0 0 0 10px;}

    .Hlang-box{top:60px;}



    .Hlogo .pc_logo{display:none;}

	.Hlogo .web_logo{display:inline-block;}





	.Footer-wrapper .container{padding:20px 0 20px 10px;}

	.F-btm{padding:10px 0 10px 10px;height:auto;}

	.F-nav{margin:0 0 0 20px;}



	.menu-list,

	.about-info-box,

	.poster-box,

	.contact-page .contact-box,

	.contact-info,

	.map,

	.download-page .list,

	.news-main,

	.news-list-content,

	.pro-list,

	.product-info-box,

	.product-desc-box,

	.leads,

	.problem-box,
	.contact-banner .wrap{width:96%;}

	.contact-banner .wrap{
		left: 2%;
		margin: 0px;
	}



	.about-info-box{

		margin: 40px auto 0;

	}

	.about-info-box .about-info-l,

	.about-info-box .about-info-r,

	.product-menu{

		width: 100%;

	}

	.about-info-box .about-info-l h3{

		margin: 0 0 20px 0;

	}

	.about-info-box .about-info-r{

		text-align: center;

		margin: 15px 0 0 0;

	}



	.about-info-float{

		display:block;

		position:relative;

		width:100%;

		height: auto;

		box-shadow: none;

		overflow: hidden;

	}

	.about-info-float .item{

		width: 50%;

		float: left;

		margin: 15px 0 0 0;

	}

	

	.contact-page .contact-box{

		margin: -100px auto 0;

	}



	.contact-info .contact-r{

		padding-left: 2%;

		padding-right: 2%;

	}



	.news-main .news-l,

	.product-desc-box .product-desc-l{width:100%;}

	.news-main .news-r{display:none;}



	.news-list-content .news-swiper .swiper{

		width: 50%;

	}

	.news-list-content .news-swiper .list{

		width: 48%;

	}



	.pro-list{

		margin: 30px auto;

	}



	.product-info-box{

		display: flex;

	}

	.product-info-box .product-info-r{

		width: auto;

		margin: 0 0 0 2%;

	}

	

	.product-menu-box{margin:0px;}

	.product-desc-box{margin-bottom:0px;}

	.product-desc-box .product-desc-r{

		display: none;

	}

	.product-desc-box .product-desc-l{

		padding: 20px;

		margin: 30px auto;

	}



	.leads{

		margin: 30px auto;

	}



	.problem-box{

		margin: 30px auto;

	}



}



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



	.contain{width:100%;padding:0 2%;}

	

	.header-container{padding:0 2%;}



	.product-info-box .product-info-r{

		padding: 30px 20px 0;

	}

	

}



@media all and (max-width:1260px){/*1260*/



}



@media all and (max-width:1200px){ /*1200*/

	

	.page-banner img{

		height: 250px;

	}

	



	.index_product .nav{

		padding: 30px 0 30px;

		overflow: hidden;

	}

	.index_product .nav .item{

		display: block;

		width:33.333%;

		float: left;

		margin: 0px;

	}

	.index_product .nav .item .l,

	.index_product .nav .item .r{

		width: 100% !important;

		text-align: center;

	}

	

	



}



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

    .course-list{

    	width: 96%;

    	border: 0px;

    	margin: 0px auto 20px;

    }

    .course-list:after,

    .course-list:before,

    .course-list .item:after{display: none;}

    .course-list .item{

    	padding: 0px 3%;

    	display:block;

    	margin: 20px auto 0;

    }



    .course-list .item .time{

    	position:relative;

    	padding: 0px;

    }

    .course-list .item .desc{

    	width:100%;

    	margin: 10px 0 0 0;

    }



	.news-list-content .news-swiper .swiper,

	.news-list-content .news-swiper .list{

		width: 100%;

	}

	.news-list-content .news-swiper .list{

		margin: 20px 0 0 0;

	}



}



@media all and (max-width:980px){/*web*/

	

	html{font-size:50.1563px;}



	img{max-width:100%;}

	

	/*-- Header --*/

	.Header-wrapper .Header-cl,

	.Hlogo,

	.Hlang-menu,

	.Hsrch-menu,

	.H-nav .Hnav-menu{height:50px;}

	

	.Hlogo,

	.Hlang-menu,

	.H-nav .Hnav-menu{line-height:50px;}



	.header-container .H_split,

	.header-container .H_share{display: none;}

	

	.Hlogo img{height:34px;}

	

	.H-lang{position:static;}

	.Hlang-menu,

	.Hsrch-menu{width:50px;font-size:0px;background-position:center center;}

	.Hlang-box{width:100%;box-shadow:0px 4px 5px rgba(9,2,4,.17);top:50px;right:0px;}

	.Hlang-box:before{display:none;}

	

	.H-srch{margin:0px;}

	.Hsrch-box{height:50px;box-shadow:0px 4px 5px rgba(9,2,4,.17);top:50px;}

	.Hsrch-block{padding:0px !important;width:92% !important;margin:9px auto 0;}

	

	.Hmenu-btn,

	.Hnav-menu i{display:block;}

	.H-nav{display:none;width:100%;background:#fff;left:0px;top:50px;transform:translate(0,0);-webkit-transform:translate(0,0);}

	.H-nav>li{margin:0px;float:none;}

	.H-nav .Hnav-menu{width:100%;}

	.Hnav-menu:after{height:1px;}

	

	/*-- Footer --*/

	.F-nav{width:25%;}

	.F-ct{width:100%;float:left;margin:20px 0 0;}

	.F-ct .type{display:none;}

	.F-share{text-align:center;margin:0px;}

	.F-share a{display:inline-block;float:none;margin:0 5px;}

	.F-share a img{height:24px;}

	.F-btm{text-align:center;}

	.F-btm .fr{float:none;}

    

	/*-- Footer --*/

	.Footer-wrapper{padding:10px 0;}

	.F-nav{width:100%;max-width:none;border-bottom:1px solid rgba(255,255,255,.1);margin:0px;}

	.F-nav dt{padding:0 2%;height:50px;line-height:50px;}

	.F-nav dt i{display:block;}

	.F-nav dd{padding:0 0 10px;margin:0px;display:none;}

	.F-nav dd a{padding:0 6%;height:40px;line-height:40px;}



	.F-ct{margin:0px;}

	.F-ct .logo{display:none;}

	.F-ct .F-nav dt{display:block;}

	.F-ct .F-nav dd{padding:0 6%;}

	.F-ct .F-nav dd a{padding:10px 28px;background-position:0px center;}

	

	/*-- Container --*/

	#index-bnr .bnr-img{height:15.8rem;}

	

	.page-banner img{

		height: 200px;

	}

	

	.about-info-float .item .key{

		font-size: 40px;

	}

	.about-info-box{

		padding-bottom:15px;

	}

	

	.contact-page .contact-box{

		padding:50px 2%;

		margin: -50px auto 0;

	}



	

	.leads .form-box .form-group,

	.contact-info .contact-l,

	.contact-info .contact-r,

	.contact-info .contact-l .info .item-line1{

		width: 100%;

	}



	.map{

		margin:20px auto 20px;

	}

	.download-page .tt{

		font-size: 30px;

		margin: 20px 0;

	}

	.download-page .search-box{

		width: 96%;

		margin:50px auto 40px;

	}

	.download-page .form-tab,

	.leads .form-tab{

		overflow:hidden;

	}

	.download-page .form-tab,

	.leads .form-tab{

		padding: 0 2%;

		margin-bottom: 20px;

	}

	.download-page .form-tab .item,

	.leads .form-tab .item{

		width: 29.3334%;

		font-size: 12px;

		margin: 0 2%;

		float: left;

	}

	.leads .form-tab .item{width:46%;}



	.news-main{

		margin:30px auto;

	}

	.news-list-content .news-swiper .swiper .prev-btn,

	.news-list-content .news-swiper .swiper .next-btn{

		width: 30px;

		height: 30px;

	}

	.news-list-content .news-swiper .swiper .prev-btn{

		right: 30px;

	}



	.news-list-content .news-swiper{

		margin-bottom: 0px;

	}



	.news-list-content .news-list .item{width:48%;margin:20px 1%;}

	.news-list-content{

		margin-bottom: 20px;

	}



	.pro-list .item{

		width: 46%;

		margin: 20px 2% 0;

	}

	

	.product-info-box{

		display: block;

	}

	.product-info-box .product-info-l,

	.product-info-box .product-info-r{

		width: 100%;

	}

	.product-info-box .product-info-r{

		height: auto;

		padding: 20px;

		margin: 20px 0 0 0;

	}

	

	.product-menu{

		display: table;

		overflow: hidden;

	}

	.product-menu .item{

		width: 20%;

		padding: 0px;

		text-align: center;

		display: table-cell;

		vertical-align: middle;

	}

	.product-menu .item img{

		display: none;

	}



	.leads .form-box .form-group{

		margin-bottom: 15px;

	}



	.leads .tt{

		margin: 30px 0 0 0;

	}

	.leads .form-box{

		margin-top: 30px;

	}

	.problem-box .item{

		width: 100%;

	}



	.index_product{

		padding: 30px 0;

	}

	.index_product .t_title{

		font-size: 28px;

	}



	.index_product .pro-list .item .img-box{

		height: 260px;

		line-height: 260px;

	}



	.index_product .more_btn{

		margin: 30px auto 0;

	}

	

	.index_content{margin:0px;}

	.index_content .item{

		width: 100%;

	}
	
	.page-banner .t{

		left: 0px;

		width: 100%;

		text-align: center;

		top:20%; 

	}

	.contact-banner .wrap .r{
		width: 100%;
		text-align: left;
		margin: 5px 0 0 0;
	}

	.contact-info .contact-l{
		padding: 30px 4%;
		height: auto;
	}

	.contact-info .contact-l .info .item{
		width: 100%;
		margin: 0px 0px 30px;
	}

	.index_product .nav .item .r{
		display: none;
	}

	.index_product .nav .item .l .c{
		font-size: 12px;
	}

	#index-web-bnr{
		display: block;
	}

       .index_content .item .leads{
    	padding:30px 4% 0;
   }

   .index_content .item .leads .top{
   	font-size: 20px;
   	height: auto;
   }

   .menu-list .item.active{
   	border-bottom: 2px solid #094084;
   }
	.menu-list .item p{font-size: 12px;}

	.pro-list .item .info .name{
		font-size: 14px;
		height: 16px;
	}
	.pro-list .item .info .desc{
		font-size: 12px;
		height: 28px;
	}
	.pro-list .item .info .icon-add{
		width: 20px;
		height: 20px;
	}

	.menu-list img{
		width: 60px;
	}

	.menu-list .item{
		padding: 15px 0;
	}

	.pages a,
	.pages input[type=submit],
	.pages input[type=text]{
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		padding:0 10px;
		margin: 0 0 5px;
	}
	.pages input[type=text]{}
	.pages span{display: block;text-align: center;}

	.product-info-box .product-info-r .btn-list .item{
		padding: 0 10px;
	}

	.news-list-content .news-list .item .img-box img{height:150px;}
	.news-main .news-l{
		padding: 30px 0 0 0;
	}
	.news-main .news-l .link-list{
		margin-bottom: 15px;
	}
	.news-main .news-l .back-list{
		padding:0;
		text-align: center;
	}
	.news-main .news-l .back-list{
		margin-bottom: 20px;
	}
	.news-main .news-l .turn-page .item{
		padding: 15px 0 15px 10px;
	}


	.poster-box .poster-item{
		display: block;
	}
	.poster-box .poster-item .img-box{
		margin: 0px 0px 15px ;

	}
	.poster-box .poster-item .img-box .name{
		font-size: 14px;
		line-height: 30px;
	}
	.poster-box{
		margin: 0 auto 30px;
	}

	.course-list .item .desc{
		line-height: 26px;
		padding: 15px 10px 15px 50px;
	}

}





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

     

     

}



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

	

	/*-- Container --*/

	#index-bnr .bnr-img{height:19.75rem;}

	

    

}



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

	

}



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



	html{font-size:21.5625px;}









}



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

    

}