@media screen and (min-width: 320px) and (max-width: 480px) {

body {width:100%;



    } 

    .head {

    width: 100%;



}

.head .contact-us p{border: none}

.head .logo2 .xmt{display: none;}

.head .logo2{width: 132px;}

.head .contact-us {

    margin-top: 28px;

    float: right;

    width: 160px;

    color: #fff;

}

.logo2 img{

	width: 60%;

	    margin-top: 18px;

	    margin-left: 17px;

}

  .content{

  	width:100%;

  }

    .screen-one {

            height: 295px !important;

            width: 100%	

}

.one-tu {

    background-size:100%;

    height: 146px;

        margin-top: 14%;

    width:82%;

}

.upgrade-detail {

    width: 100%;

}

.div-one{

    width: 100%;

    left: 0%; 

        height: 150px;	

    margin-left: 0;

}

.screen-four .apply-detail{

    width: 100%;

    margin: 0;

}

.example_box{

    width: 100%;

}

.example_title{

	width: inherit;

}

.owl-carouse{

	width: 100%;

}

.screen-two .title span{

	font-size: 26px;height: 110px;

	    line-height: 42px;

}

.screen-two .title span em{

	font-size: 30px;



}

.upgrade-detail{

	    margin: 0px auto 0;

}

.screen-two .title i{display: none;}

.upgrade-detail li span{

	    margin: -2px 0 15px 0;

}

.upgrade-detail li{

	margin: 20px 0;

	width: 100%;

}

.screen-two{

	    padding: 0 0 20px 0;

	        margin-top: -70px;

}

.screen-three{

	padding-top: 0;

	height: 696px;

}

.example_box{

	padding:20px 0;

}

.screen-four .apply-detail .apply-box{

	width: 100%;



	margin: 0

}



.owl-carouse .owl-controls .owl-buttons div{

	display: none;

}

.tab_box {

    margin-top: 34%;

}

.example_tab .tab_ul li{

width: 42%;

    margin-left: 21px;

        font-size: 14px;

	margin-top: 10px;

}

.example_title .t{

	    font-size: 30px;

}

.example_title .txt {

    font-size: 12px;

}

.chart-txt .t{

	font-size: 25px;

	    line-height: 10px;

}

.chart-txt .title i{

	margin: 0;

}

.owl-carouse .item{

	padding: 0 10px;

	    height: 300px;

}

.latest-data{

	margin: 0;

}

.example_tab .tab_ul{

	    padding: 12px 0 0px 0;

}

.latest-data{

	height: 100px;

}

.latest-t{

	    padding: 21px 21px;

}

.latest-t span{

	    font-size: 18px;

}

.screen-four {

    padding: 20px 0 0px 0

}

.screen-four .apply-detail .apply-box dl dd {

    margin: 0 auto;

    width: 275px;

}

.screen-four .title{

	    font-size: 27px;

}

.screen-four .apply-detail .apply-box dl dt{

	    font-size: 24px;

}

.screen-four .apply-detail .apply-box dl dt span{

	font-size: 19px;

}

.screen-four .apply-detail .apply-box p.price{

	font-size: 28px;

}

.screen-four .apply-detail .apply-box dl {

    margin-top: 35px;

}

.screen-four .apply-detail .apply-box a{

	    margin: 0 auto;

	        margin-top: 22px;

	    position:static

}

.abx-c{

	height: 400px !important;

}

.screen-four .apply-detail .apply-box{

	margin: 0;

}

.one-a{

	bottom: 21px;

}

.screen-four .apply-detail .apply-box{

	border-radius:0;

}

.one-a a{display: none;	}

.header_0{

	background-color: #a70000;

}



}







@media screen and (min-width: 960px) and (max-width: 1200px){

.screen-one{

	height: 562px;

}



}



@media screen and (min-width: 1336px) and (max-width: 1920px){

.one-tu {

    background: url(../images/t1.png) no-repeat;

    background-size: 100%;

    height: 501px;



}

.div-one {

    height: 654px;

}





}