﻿@media only screen and (max-width: 1480px){
	.pages-fixed-bg{
		width: 100px;
		height: 100px;
	}
}
@media only screen and (max-width: 1366px){
	.rwd-index-br{
		display: block;
	}
	.index-process-list-p{
		width: 100%;
		left: 0;
	}
	.index-process-list-p span.rwd-del{
		display: none;
	}
	.index-process-list-p span{
		display: block;
	}
}
@media only screen and (max-width: 1200px){
	.index-process-line{
		display: none;
	}
	.index-process-block{
		text-align: center;
	}
	.index-process-list-box{
		margin:0 20px ;
	}
	.pages-fixed{
	    top: inherit;
	    right: 0;
	    bottom: 0;
        z-index: 99;
	}
	.pages-fixed-bg{
		background-image:none ;
		display: block;
		width: auto;
		height: auto;
		background-color: #fff;
		border: 1px solid #00479d;
	    padding: 5px;
	}
	.pages-fixed-bg img{
		display: inline-block;
		vertical-align: middle;
		width: 25px;
	}
	.pages-fixed-bg p{

	    text-align: center;
	    display: inline-block;
	    vertical-align: middle;
	}
}
@media only screen and (max-width: 1000px){

	.index-process-list-p{
		position: static;
		opacity: 1;
	}
	.index-video-box {
		display: none;
	}
	.index-title h2,
	.index-process-list-box,
	.index-service-list,
	.index-partner-block,
	.about-list-img,
	.about-list-narrative-title,
	.about-list-narrative-introduction,
	.service-box-title,
	.problem-box-title,
	.problem-list,
	.contact-main-title,
	.contact-main-narrative,
	.contact-info-form,
	.service-list-press,
	.service-list-box{
		opacity: 1!important;
		animation: none!important;
	}
	.index-title-line span,
	.index-process-line{
		transform: scale(1, 1)!important;
		animation: none!important;
	}
	.index-title-line span:before,
	.index-title-line span:after{
		transform: scale(1, 1)!important;
		animation: none!important;
	}
	.header-logo{
		width: 300px;
	}
	.header-language-box{
		display: none;
	}
    .index-banner-box{
        margin-top: 70px;
    }
    .banner-box{
    	margin-top: 75px;
    }
    .header-style1 .header-menu.active{
    	left: -25px;
    }
    .header-menu-list-box.active{
    	left: 7px;
    }
	.index-banner-sloing-logo{
		display: none;
	}
	.header-style1.header2 .header-menu-list-box{
		top: 0;
	    margin-top: 0;
	}
	.rwd-header-language{
		display: block!important;
	}
	.rwd-header-language .header-link-p{
		font-size: 15px;
	}
	.rwd-header-language .header-link:first-child{
		margin-left: 0;
	}
}
@media only screen and (max-width: 900px){
	.index-process-list-box {
	    margin: 10px 20px;
	    width: 40%;
	}
}
@media only screen and (max-width: 800px){
	.index-banner-box,
	.index-banner-list, .index-video-box, .index-video, .index-video-bg{
		height: 60vh;
	}
	.banner-scollr{
		display: none;
	}
	.index-service-extend, .index-service-move,
	.index-service-application{
		float: none;
		width: 100%;
		height: 250px;
		display: block;
	}
	.index-service-list-mask-box{
		display: block;
		height: 25%;
		justify-content: flex-end;
	    bottom: 0;
	    padding:0 ;
	    top: inherit;
	    opacity: 1;
	}
	.index-service-list-title{
		border: 0;
	    transform: scaleX(1);
	}
	.about-list:nth-child(even) {
	    direction: inherit;
	}
	.about-list:nth-child(odd) .about-list-img{
		margin-right: 30px;
	}
	.about-list:nth-child(even) .about-list-img{
		margin-left:0 ;
	    margin-right: 30px;
	}
	.about-list-narrative{
	    width: calc( 100% - 200px );
	}
	.about-list-img-profession{
		width: 145px;
		height: 165px;
	}
	.about-list-img-effectiveness{
	    width: 165px;
	    height: 101px;
	}
	.about-list-img-justice{
		width: 159px;
		height: 165px;
	}
	.about-list-narrative-title{
	    margin-bottom: 20px;
	}
	.index-partner-bg{
		width: 190px;
		height: 190px;
	}
	.index-banner-box .slick-prev,
	.index-banner-box .slick-next{
		display: none!important;
	}
}
@media only screen and (max-width: 640px){
	.contact-info-form li.contact-phone input{
		width: calc(100% - 200px);
	}
	.contact-info-form{
		width: 640px;
		max-width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.contact-lable{
		display: block;
		margin-bottom: 10px;
	}
	.contact-info-form input[type=text],
	.contact-info-form input[type=tel],
	.contact-info-form input[type=email],
	.contact-info-form textarea{
		width: 100%;
	}
	.footer-top{
		display: none;
	}
	.about-list-img, .about-list-narrative{
		display: block;
	}
	.about-list-narrative{
		width: 100%;
	}
	.about-list-img{
		display: none;
	}
	.about-list{
		margin-top:50px ;
	}
}
@media only screen and (max-width: 480px){
	
	.banner-box{
		height: 110px;
	}
	.banner-slong{
		font-size: 20px;
		letter-spacing: 2px;
	}
	.about-main{
		margin-top: 55px;
	}
	.contact-phone{
		font-size: 0;
	}
	.header-style1 .header-menu{
		margin-top: 65px;
	}
	.index-process-list-box{
		width: 100%;
		margin:10px 0 ;

	}
	.contact-phone{
		font-size: 0;
	}
	.contact-lable2{
		width: 43px;
		font-size: 16px;
	}
	.contact-info-form li.contact-phone input{
		width: calc(100% - 113px);
		font-size: 14px;
	}
	.contact-lable{
		font-size: 16px;
	}
	.contact-info-form li.contact-phone input.contact-phone-ext {
    width: 70px;
}
	.header-logo,
	.header2 .header-logo{
		width: 250px;
	}
	.header-style1 .rwd-menu{
		top: 26px;
		right: 0;
	}
	.rwd-menu{
		width: 30px;
	}
	.rwd-menu span{
		width: 25px;
	}
	.rwd-menu span:nth-child(even){
		margin: 4px auto;
	}
	.rwd-menu span:nth-child(4){
		top: -16px;
	}
}