@media only screen and (min-width: 1200px){
    .last-box{
        margin-right: 30px;
    }
}
@media all and (max-width: 768px){
	
	body{
		background: none;
	}
	
	.topframe .gsjs{
		display: block;
		margin-top: 10px;
	}
	
	.topframe .gsjs .left{
		display: block;
		width: 100%;
		padding-right: 0;
	}
	.topframe .gsjs .left img{
		position: initial;
		width: 100%;
		height: 200px;
	}
	
	.topframe .gsjs .right{
		display: block;
		width: 100%;
		padding: 10px;
	}
	
	.topframe .gsjs .right .myp{
		text-align: center;
		margin: 10px 0 20px;
	}
	
	
	
	#xpadding{
		height: 75px;
	}

	
	.topline{
		display: none;
	}
	
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		margin-left: 0; margin-right: 0;
	}
	.container{
		padding: 0;
		margin: 0;
	}
    .logo {
        width: 100px;
        position: relative;
        top: 0;
        left: -15px;
    }
	.line1{
		margin: 15px auto;
	}
    .navbar{
    	margin-bottom: 10px;
    }
    .navbar-nav{
    	height: auto;
    }
    .nav_p {
        position: relative;
        top: -37px;
        left: 130px;
        font-size: 14px;
    }
    .navbar-toggle {
        margin-top: 20px;
    }
    .navbar-default .navbar-nav>li>a:hover:after{
    	display: none;
    }
    .navbar-collapse {
        border: none
    }
    .mycontainer {
    }
    .btn {
        display: none;
    }
	.myrow {
	    position: relative;
		width: 100%;
		height: auto;
	}
	.myrow>img{
		position: inherit;
		display: inline-block;
		height: auto;
	}
	.myrow .xleft{
		display: none;
	}
	.myrow .xright{
		display: none;
	}
	.gsjs{
		padding-bottom: 10%;
	}
	.gsjs .xrow{
		padding: 0;
		overflow: visible;
	}
	.gsjs .xrow .text-box{
		width: 80%;
		height: auto;
		margin: 10% 10% 0;
	}
	.gsjs .first .text-box{
		margin-top: 10px;
	}
    .content {
        width: 9rem;
        height: 2rem;
        border-radius: 10px;
        border: 1px solid white;
        position: absolute;
        bottom: 1rem;
        left: 13rem;
        font-size: 1rem;
        color: white;
        line-height: 2rem;
        text-align: center;
		display: none;
    }
    .banner-right {
        height: 16rem;
        width: 5rem;
        position: fixed;
        top: 23rem;
        right: -1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
        z-index: 111;
    }
    .breadcrumb {
        font-size: 10px;
    }
    .zxzx {
        width: 3rem;
        height: 3rem;
        background-color: #49b0ff;
        font-size: 1rem;
        color: white;
    }
    .tel,.wx,.qq,.mobile {
        line-height: 3rem;
        width: 3rem;
        height: 3rem;
        background-color: #49b0ff;
        font-size: 1rem;
        color: white;
    }
    .textp {
        font-size: 27px;
        color: #0a69de;
        text-align: center;
        margin-top: 30px;
    }
    .text-box {

		width: 100%;
        min-height: 200px;
        box-shadow: 0 0 40px #e5e9eb;
        margin-left: 15px;
        border-radius: 8px;
        padding: 20px;
        box-sizing: border-box;
        min-width:80%;
        max-width:80%;
    }
    .text-box1 {
        min-height: 200px;
        box-shadow: 0 0 40px #e5e9eb;
        position: absolute;
        top: 390px;
        border-radius: 8px;
        padding: 20px;
        box-sizing: border-box;
        margin-left: 15px;
    }
    .text-box2 {
        min-height: 200px;
        box-shadow: 0 0 40px #e5e9eb;
        position: absolute;
        top: 640px;
        border-radius: 8px;
        padding: 20px;
        box-sizing: border-box;
        margin-left: 15px;
    }
    .textp1 {
        font-size: 27px;
        margin-top: 780px;
    }
    .myp {
        font-size: 18px;
        text-align: center;
        margin-bottom: 20px;
    }
    .myspan {
        font-size: 14px;
        color: #646464;
    }
    .textp2 {
        font-size: 27px;
        color: #0a69de;
        text-align: center;
        margin-top: 30px;
    }
	.classhiden .xrow{
		overflow: hidden;
	}
	.classhiden .classitem{
		float: left;
		width: 50%;
		position: relative;
	}
	.classhiden .classitem .backimg{
		width: 100%;
	}
	.classhiden .classicon{
		position: absolute;
		left: 50%;
		bottom: 50%;
		max-width: 35%;
		max-height: 35%;
		transform: translate(-50%, calc(50% - 20px));
	}
	.classhiden .final .classitem{
		float: left;
		width: 100%;
	}
    .app_geren {
        width: 10rem;
        height: 15rem;
        position: initial;
        margin-top: 0;
        margin-left: 0;
    }
    .app_geren img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .app_qiye {
        width: 10rem;
        height: 15rem;
        position: initial;
        margin-top: 0;
        margin-left: 0;
    }
    .app_qiye-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .qiye {
        width: 40px;
        height: 50px;
        position: absolute;
        top: 50px;
        left: 45px;
    }
    .app_zixun {
        width: 10rem;
        height: 15rem;
        position: initial;
        margin-top: 0;
        margin-left: 0;
    }
    .app_zixun-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .zixun {
        width: 40px;
        height: 50px;
        position: absolute;
        top: 50px;
        left: 45px;
    }
    .app_wuda {
        width: 10rem;
        height: 15rem;
        position: initial;
        margin-top: 0;
        margin-left: 0;
    }
    .app_wuda-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .wuda {
        width: 40px;
        height: 50px;
        position: absolute;
        top: 50px;
        left: 45px;
    }
    .app_zhiye {
        width: 10rem;
        height: 15rem;
        position: initial;
        margin-top: 0;
        margin-left: 0;
    }
    .app_zhiye-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .zhiye {
        width: 40px;
        height: 50px;
        position: absolute;
        top: 50px;
        left: 45px;
    }
    .gerenspan {
        width: 100%;
        color: white;
        font-size: 5px;
        text-align: center;
		position: absolute;
		top: calc(50% + 35px);
		left: 0;
    }
    .qiyespan {
        width: 7rem;
        height: 3rem;
        color: white;
        font-size: 10px;
        position: absolute;
        top: 118px;
        left: 21px;
        text-align: center;
    }
    .zixunspan {
        width: 7rem;
        height: 3rem;
        color: white;
        font-size: 5px;
        position: absolute;
        top: 118px;
        left: 21px;
        text-align: center;
    }
    .wudaspan {
        width: 7rem;
        height: 3rem;
        color: white;
        font-size: 5px;
        position: absolute;
        top: 118px;
        left: 21px;
        text-align: center;
    }
    .zhiyespan {
        width: 7rem;
        height: 3rem;
        color: white;
        font-size: 5px;
        position: absolute;
        top: 118px;
        left: 21px;
        text-align: center;
    }
    .company {}
    .company-end {
		margin-top: 0;
        box-shadow: none;
		position: initial;
    }
    .yellow-left {
		display: none;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #fff799;
        position: absolute;
        top: 120px;
        left: 20px;
    }
    .yellow-right {
		display: none;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #fff799;
        position: absolute;
        top: 90px;
        left: 150px;
    }
    .img-box {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        box-shadow: 0 0 40px #eef1f3;
        margin: 0 auto;
        position: relative;
        line-height: 100px;
    }
    .img-box img {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 15px;
        left: 15px;
    }
    .company-p {
        font-size: 24px;
		margin: 20px auto 30px;
    }
	.wushi{
		height: auto;
		margin-bottom: 20px;
	}
    .wushi-p {
        font-size: 22px;
        margin-top: 20px;
    }
    .wushi-p1 {
        font-size: 14px;
        color: #565656;
    }
    .company-endP {
        font-size: 24px;
        margin-top: 30px;
		padding-left: 0;
		text-align: center;
    }
    .contentp {
        font-size: 18px;
    }
    .contentp1 {
        font-size: 10px;
        margin-top: 10px;
    }
	.end-content{
		position: relative;
	}
    .end-content img {
        width: 24px;
        height: 24px;
    }
	.end-content .left{
		width: 40px;
	}
	.end-content .right{
		width: calc(100% - 40px);
		padding-left: 15px;
	}
    .end-bottom img {
        width: 24px;
        height: 24px;
    }
    .peoole {
        margin-left: 80px;
    }
    .company-endright {
		display: block;
        width: 100%;
		position: initial;
    }
    .company-endleft {
		display: block;
		width: 100%;
		position: relative;
    }
    .shanghai {
        height: 480px;
        text-align: center;
    }
    .shanghai-p {
        color: white;
        font-size: 18px;
		margin: 30px 0 30px;
    }
    .shanghai-item {
        width: 100%;
		text-align: center;
		height: auto;
		padding: 0;
    }
    .left-top {
        width: 80%;
        height: 60px;
        background-color: white;
        border-radius: 5px;
        text-align: center;
        line-height: 60px;
		display: inline-block;
    }
    .top-p {
        font-size: 14px;
		padding: 0 5px;
        color: black;
    }
    .p-top {
        color: #ccc;
        font-size: 12px;
        margin-top: 30px;
        text-align: center;
		margin-bottom: 35px;
    }
    .right-top {
        width: 80%;
        height: 60px;
        background-color: white;
        border-radius: 5px;
        text-align: center;
        padding-top: 10px;
        box-sizing: border-box;
		display: inline-block;
    }
    .end {
        width: 100%;
        height: 290px;
        margin: 0;
        position: initial;
        top: 0;
        left: 0;
    }
    .button {
        width: 200px;
        height: 42px;
        line-height: 42px;
        border-radius: 10px;
        box-shadow: 0 0 15px #eaedef;
        background-color: rgba(10, 105, 222, .8);
        text-align: center;
		margin: 30px 0 30px;
    }
    .end-p {
        font-size: 22px;
        color: white;
        margin-left: 30px;
    }
    .yuan {
        width: 27px;
        height: 27px;
        border-radius: 50%;
        border: 1px solid white;
        position: absolute;
        top: 7px;
        left: 15px;
    }
    .button img {
        position: absolute;
        top: 17px;
        left: 21px;
    }
    .erweima {
        width: 100px;
        height: 100px;
		text-align: center;
    }
    .erweima img{
		width: 100%;
		height: 100%;
	}
    .erweima-p {
        font-size: 16px;
        position: initial;
		text-align: center;
		margin-bottom: 0;
		margin-top: 10px;
    }
    .erweima-yi {
        font-size: 16px;
        position: initial;
		text-align: center;
    }
	.xend{
		height: auto;
	}
	.xend .col-xs-2{
		width: 100%;
		height: 100px;
		line-height: 100px;
		text-align: center;
	}
	.end-logo {
		display: inline-block;
		height: 80px;
		margin-top: 0;
		margin-right: 20px;
	}
	.end-ewm {
		width: auto;
		height: 50px;
		display: inline-block;
		margin-top: -5px;
	}
	.xend .school {
		display: inline-block;
	    width: 100%;
		margin-top: 0;
		padding: 0 10px;
	}
	.xend .school ul{
		padding: 0;
	}
	.xend .school ul li{
		width: auto;
		display: inline-block;
		padding: 0 10px;
		margin-top: 0;
		line-height: 30px;
	}
	.xend .end-end{
		margin-top: 10px;
		border-top: 1px solid #444;
		width: 100%;
		padding-top: 10px;
	}
	.xend .end-end .li_one{
	}
	.li_one{
	    font-size: 14px;
	    color: white;
	}
	.li_one a{
		font-size: 16px;
	}
    #myBtn {
        width: 80px;
        height: 30px;
        line-height: 2px;
        text-align: center;
        font-size: 12px;
        display: none;
        position: fixed;
        bottom: 20px;
        right: 0px;
        z-index: 99;
        border: none;
        outline: none;
        background-color: rgba(10, 105, 222, .8);
        color: white;
        cursor: pointer;
        
        border-radius: 10px 0 0 10px;
    }
	.row{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}