@media only screen and (max-width:1366px) {
	.header .main-header .main-header-contact {
		padding-right: 16px
	}

	.header img.img-top-page {
		display: none
	}

	.header .main-header .main-header-logo {
		padding-left: 16px;
		padding-top: 18px; display: block;
	}

	.header .main-header .main-nav {
		position: absolute;
		left: 19.9%;
		top: 51px
	}

	.header .main-header .main-nav .menu li.menu-item-has-children {
		padding-right: 30px
	}

	.header .main-header .main-header-contact .text-phone {
		padding-right: 15px
	}

	.header.header.style-2 .main-header .main-nav .menu li.menu-item-has-children {
		padding-right: 25px
	}

	.header .main-header .main-header-contact .text-phone.style-2 {
		color: #11161e
	}

}



@media only screen and (max-width:991px) {
	.main-header-contact {
		display: none
	}

	.section-work.style-2.style-3.s1 {
		padding-top: 100px
	}

	.section-work .list-box-work {
		flex-wrap: wrap
	}

	.section-work .list-box-work .box-work {
		width: 48%;
		margin-right: 29px;
		margin-bottom: 30px
	}

	.section-work .list-box-work .box-work:nth-child(2) {
		margin-right: 0
	}

	.section-work .list-box-work .box-work:nth-child(4) {
		margin-right: 0
	}

	.section-work.style-2 .list-box-work .box-work {
		width: 47%
	}

	.section-work.style-2 .list-box-work .box-work:nth-child(3) {
		margin-top: 30px
	}

	.section-work.style-2 .list-box-work .box-work:nth-child(4) {
		margin-top: 30px
	}

	.section-work.style-2 .list-box-work .box-work:nth-child(6) {
		margin-right: 0
	}

	.section-work.style-2 .list-box-work .form-portfolio {
		width: 100%;
		margin-top: 30px
	}

	.section-work.style-2.style-3 {
		padding-bottom: 80px
	}

	.section-blog-details .blog-content .img-blog .meta {
		top: 25%;
		right: -76px;
		width: 230px;
		height: 45px
	}

	.section-blog-details .img-blog.v1 img {
		width: 100%
	}

	.section-blog-arcire .main-blog-arcire .box-video .box .flat-video-fancybox {
		padding: 0 180px
	}

	.section-blog-arcire .main-blog-arcire .blog-content {
		margin-right: 20px
	}

	.section-blog-arcire .main-blog-arcire {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse
	}

	.section-blog-arcire .main-blog-arcire .blog-content {
		margin-top: 100px;
		width: 100%
	}

	.section-blog-arcire .main-blog-arcire .blog-widget {
		width: 100%
	}

	.section-blog-arcire .main-blog-arcire .blog-content .themesflat-blog .meta {
		bottom: 127px;
		right: -100px;
		width: 280px
	}

	.section-blog.page-blog .themesflat-blog .meta {
		bottom: 10px;
		right: 7px;
		width: 93%
	}

	.section-contact .themesflat-contact-form.style-2 .wpcf7-form-control-wrap.your-name {
		margin-right: 15px
	}

	.mobile-button {
		display: block !important
	}

	.tf-section {
		padding: 120px 0
	}

	.tp-bullets.custom.horizontal.nav-pos-hor-center.nav-pos-ver-bottom.nav-dir-horizontal {
		top: 89.4% !important;
		left: 18.9% !important
	}
	#main-nav,
	.menu-has-search #site-header #header-search,
	.menu-has-cart #site-header .nav-top-cart-wrapper,
	#top-bar .top-bar-content,
	.switcher-container,
	.row-information {
		display: none
	}

	

	.header .main-header .main-header-logo {
		padding-left: 0;
		padding-top: 18px
	}

	.header .main-header .mobile-button {
		display: none;
		position: absolute;
		z-index: 99999;
		width: 26px;
		height: 26px;
		float: left;
		top: 61%;
		right: 16px;
		background-color: transparent;
		cursor: pointer
	}

	.header .main-header .main-header-contact .call {
		display: none
	}

	.header .main-header .main-header-contact {
		padding-right: 250px
	}

	.header .main-header.style-2 .main-header-contact {
		padding-right: 100px
	}

	.header .main-header .main-header-contact .text-phone.style-2 {
		color: #11161e
	}

	.header img.img-top-page {
		display: none
	}

	.header.style-2 {
		padding-left: 0
	}

}

@media only screen and (max-width:767px) {

	.header .main-header .main-header-logo {padding: 0;text-align: center;padding-bottom: 10px;}
	.header .main-header .mobile-button {top: 45%;right: 16px}
	.header #main-nav-mobi ul li {text-align: left}
	.header .main-header .main-header-contact {padding-top: 20px}
	.header .main-header {padding: 22px 0 8px 0}
	.header .main-header.style-2 .main-header-contact {padding-right: 10px;float: right}
	.header #main-nav-mobi ul li{ padding-left: 0;}
	.header #main-nav-mobi ul li a {padding-left:15px; display: block;}
	.menu-item a.active { width: 100%;border-radius: 0; padding:0; display: block; }
	
	.banner{ width: 100%; height:auto;position:relative;}
	.banner a{ display: block;}
	.banner img{ width:100%;height:auto; vertical-align:middle;}

    .main { width: 100%;}

	.topic{ padding:40px 0;}
	.topic h2{padding: 0 2%; font-size:30px; line-height:40px; }
	.topic p{padding:10px 0; width:90%; margin:0 auto;}
	
	.news{ width: 100%; padding:0;}
	.news h2 img{ width: 80%; margin: 0 auto;}
	.news .news_list{ width: 100%; height:auto; border: none;}
	.news .news_list .text{ width: 100%; padding:20px;}
	.news .news_list .text h3{ font-size: 25px; padding-bottom: 15px; margin-bottom: 20px; line-height: 40px;}
	.news .news_list .pic{ width:100%; float:none;}
	.news .news_list .pic img{ width:100%; height:auto;}
	
	.business h2 img{ width: 70%; margin: 0 auto;}
	
	.pic_list1{padding-bottom:30px; margin:0 auto; width:90%;}
	.pic_list1 li{ width:44%; margin:0 3%; margin-bottom: 15px; }
	.pic_list1 li span{display:block; line-height:46px; text-align:center; position:absolute; left:0; top:25%; font-size:22px; width:100%; text-align: center;}
     
	
	.footer .qrcode{ width: 90%; float:none; padding:20px 0 20px 0; margin: 0 auto; text-align:center;}
	.footer .qrcode span{ font-size:16px; line-height:60px; text-align: center; display:block; color:#FFF; }
	.footer .qrcode img{ width: 100px; height: 100px; float:none; margin:0 10px;}
	.footer .qrcode span{ padding-left:0;}
	.footer .qrcode span i{ }
	.footer .end_menu{ width:95%; float:none; padding-top:0px; margin:0 auto;}
	.footer .end_menu ul{ width:31%; float: left; margin-right: 2%;}
	.footer .end_menu ul li{ line-height:30px;}
	.footer .end_menu ul li:nth-child(1){ font-size:18px; line-height:65px;}
	.footer .copyright{ padding:15px;line-height: 30px;}
	.footer .copyright p{line-height: 30px;}

    .news_list2{ width:90%; margin:15px 20px 20px 20px; padding:20px;}
    .news_list2 .pic{ width:100%; height:auto; float:none; display:block;}
	.news_list2 .pic img{ width:100%;}
    .news_list2 .text{ width:100%; float:none; }
    .news_list2 .text h3{ font-size:20px; line-height:30px; padding-bottom:15px; }
    .news_list2 .text p{ line-height:30px;}
    
	
    .pages{width:100%;margin:0 auto;padding:30px 0;font-size:14px;text-align:center;}
    .pages .pageList-wrap{display:inline-block;}
    .pages a{margin:0px 5px;padding:0 6px;line-height:30px;display:inline-block;vertical-align:middle;text-align:center;user-select:none;color:#555555;}
    .pages a.a1{width:100px;}
    .pages .eliplise,
    .pages .item{width:30px;}
    .pages a.current{background:#3585fb;color:#fff;} 
    .pages a.a1{text-indent:3333333em; overflow:hidden; width:60px;}
    .pages a.a1:first-child{background:url(../images_1/page_fl.png) left center no-repeat;}
    .pages a.a1:last-child{background:url(../images_1/page_fr.jpg) right center no-repeat;}
    .pages .page-list-wrap{display:inline-block;}
    .pages .page-count{height:30px;margin-left:20px;vertical-align:top;line-height:30px;display:inline-block;}
    .pages .page-count_num{margin:0 5px;color:#be4c4d;font-size:18px;}
    .pages .item.disabled{cursor:not-allowed;}
    .pages .item.disabled:hover{background:#dedede;}
    .pages .bg{font-weight:bold;color:#d62829;}
    
    .show{padding:20px 10px;}
    .show h1{margin:0px auto;font-size:24px; line-height:30px; padding-bottom:15px;}
	.show .fb-time .fbsj{ font-size:14px;}
	.show .fb-time .fbsj span{margin:0;}
	

    .show .show-text{padding:0px 10px 0 10px; font-size:18px; line-height:34px;}
    .show .show-text img{ width:100%; height:auto; display:block; margin:0 auto;}
    
    .product_list{ width:90%; margin:0 auto; clear:both; overflow:hidden; padding-top:15px;}
    .product_list dl{ width:100%; height:auto; float:left; margin:10px 0 10px 0;}
    .product_list dl dt{ float:left; width:40%;}
    .product_list dl dd{ width:100%;}
    .product_list dl dd h3{ font-size:20px; line-height:30px; padding-bottom:0;}
	.product_list dl dd p{ padding-top:10px;}

    .case_list{ width:1300px; margin:0 auto; clear:both; overflow:hidden; padding-top:20px;}
    .case_list ul{ width:385px; height:460px; float:left; margin-right:65px; margin-bottom:30px; overflow:hidden;}
    .case_list ul:nth-child(3){ margin:0;}
    .case_list h2{ font-size:36px; line-height:50px; padding-bottom:20px; font-weight:normal; border-bottom:1px solid #BABABA; margin-bottom:20px;}
    .case_list h2 a{ color:#000; text-decoration:none;}
    .case_list li{ font-size:18px; line-height:35px; color:#606060;}
    
    .dym{ font-size:18px;color:#333333;line-height:34px;text-align:justify; }
    
    .index-news-list li{margin-top:20px;height:40px;border-bottom:#eeeeee solid 1px;}
    .index-news-list li a{width:100%;height:100%;display:block;}
    .index-news-list li a img{float:left;width:24%;display:block;}
    .index-news-list li a .tit{float:left;width:80%; font-size:18px;}
    .index-news-list li a .tit em.em-tit{font-size:20px;line-height:30px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
    .index-news-list li a .tit em.em-desc{margin-top:10px;font-size:14px;color:#9a9a9a;line-height:24px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}
    .index-news-list li a .date{float:right;width:18%;text-align:center;border-left:#eeeeee solid 1px;}
    .index-news-list li a .date em{font-size:28px;display:block;}
    .index-news-list li a .date i{margin-top:6px;font-size:14px;display:block;}
    .index-news-list li:hover span,.index-news-list li:hover .tit em.em-desc{color:#d62925;}
    .index-news-list li:last-of-type{border:none;}
    
.join-input-box{margin-top:30px;width:100%;}
	.join-tip{margin:20px auto;}
	.join-input-box ul li{float:none;margin-top:15px; margin-left:3%; width:95%;height:48px;}
	.join-input-box ul li em{width:10%; padding-top:3%;}
	.join-input-box ul li em img{ width:60%; height:60%;}
	.join-input-box ul li input[type="text"],.join-input-box ul li input[type="tel"]{width:86%;line-height:46px;}
	.join-input-box ul li select{width:86%;height:46px;line-height:46px; appearance:none;  -moz-appearance:none;  -webkit-appearance:none; border:none; background:url(../images/arrow_e.png) no-repeat right; background-size:15px;}
	.join-input-box ul li.li5{width:95%;}
	.join-input-box ul li.li5 em{width:10%;}
	.join-input-box ul li.li6{margin-top:15px;width:95%;}
	.join-input-box ul li.li6 em{width:10%;}
	.join-input-box ul li.li6 input[type="text"],.join-input-box ul li.li6 input[type="tel"]{margin-left:2%;}
	.join-input-box ul li textarea{margin-left:2%;width:86%;}
	.join-input-box p{ padding: 0 10px;}
	
	#check_list li{ width:50%; height:35px; margin:0;}
	#check_list p{ padding-bottom:10px;}

	.hidden-xs{ display:none!important;}
	
	.link_list{ margin:20px auto; border:1px solid #DDDDDD; overflow:hidden; width:94%;}
	.link_list h2{ line-height:40px; font-size:18px; font-weight:bold; text-indent:2%;}
	.link_list li{ float:none; width:96%; margin:0 2%; line-height:40px; font-size:16px; text-overflow:; overflow: auto; white-space:normal;}
}

@media only screen and (max-width:479px) {

	.main-header-contact {
		display: none
	}

	.header #main-nav-mobi ul li {
		text-align: left
	}

	.header .main-header .main-header-contact {
		padding-top: 20px
	}

	.header .main-header {
		padding: 8px 0 8px 0
	}

	.header .main-header .mobile-button {
		top: 50%;
		right: 16px
	}

	.header .main-header.style-2 .main-header-contact {
		padding-right: 10px;
		float: right
	}
}