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

@media screen and (min-width: 1366px) {
    .container {
        width: 1250px;
    }
    .containera {
        width: 1280px;
    }
}

@media screen and (max-width: 1280px) {
	.footer_info ul {
    	width: auto;
	}
	.QRC {
    	position: absolute;
    	width: 110px;
    	left: 50%;
	}
	.container,
	.uk-containera {
        width: 1164px;
    }
    .containera {
        width: 1194px;
    }
	.advantage_info li {
    	width: 22.4%;
    	float: left;
    	margin: 0 15px;
	}
	.service li + li + li + li + li + li {
    	border-left: none;
	}
	.service li + li + li + li + li + li + li{
    	border-left: 1px solid #e8e8e8;
	}
	.service_info {
    	padding: 0 25px;
    	overflow: hidden;
	}
	.fullser_space_right {
    	height: 3px;
    	width: 91px;
    	background: #fff;
    	position: absolute;
    	top: 89px;
	    right: 0px;
	}
}

@media screen and (max-width: 1199px) {
	.container,
	.uk-containera {
        width: auto;
    }
    .containera {
        width: auto;
    } 
    .tel {
        margin-left: 30px;
    }
    .advantage_info li {
        width: 22.5%;
        float: left;
        margin: 0px 10px;
    }
    .web_news {
        padding-top: 23px;
        padding-left: 23px;
        padding: 23px 15px 0px 15px;
    }
    .client_messages_info {
        width: auto;
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 0 15px;
    }
    .footer_left p {
        line-height: 24px !important;
    }
    .input_button {
        margin-top: 20px;
    }
    
    
    .m-page-content-main {
        float: right;
        width: 73%;
    }
	.uk-containera {
		width:auto;
		padding: 0 15PX;
	}
}

@media screen and (max-width: 959px) {
	 .container {
        width: auto;
    }
    .containera {
        width: auto;
    }
	.m-logo {
        margin-top: 0;
    }
    .m-navbar {
        padding: 20px 0;
    }
    .m-slider-caption {
        top: auto;
        bottom: 42px;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        margin-left: 0;
        padding: 10px 25px 0;
        background-color: rgba(0,0,0,.2);
    }
    .advantage_info li {
        width: 47%;
        float: left;
        margin: 0px 10px 30px 10px;
    }
    .solution li {
        width: 50%;
        float: left;
    }
    .service li {
        width: 32.3%;
        display: inline-block;
        margin-top: 40px;
    }
    .fullser_container li a {
        margin: 30px 20px 0px 20px;
    }
    .fullser_space_left,
    .fullser_space_right {
        display: none;
    }
    .footer-tel {
        font-size: 14px;
    }
    
    
    .contact_content .contact_content_tel {
        background: url(../images/contact-tel.png) no-repeat 4px 50%;
        font-size: 12px;
        font-weight: bolder;
        padding-left: 34px;
        color: #e5080d;
    }
	.footer_info ul {
		width:auto;
	}
}

@media screen and (max-width: 767px) {
	.containera {
    	width: auto;
	}
	.container, .uk-containera {
    	width: auto;
	}
    .advantage_info li {
        width: auto;
    }
    .uk-dotnav {
        display:  none;
    }
    .solution li {
        width: 50%;
        float: left;
    }
    .solution_info {
        max-width: 100%;
        overflow: hidden;
        padding: 30px 15px 0px 15px;
    }
    .service li {
        width: 100%;
        display: inline-block;
        margin-top: 30px;
    }
    .service_info {
        padding: 0 15px;
    }
    .service_photo {
        float: left;
    }
    .service_text {
        color: #676767;
        font-size: 12px;
        text-align: justify;
        line-height: 28px;
        float: right;
        max-width: 77%;
    }
    .service_title {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        color: #ff0000;
        float: right;
        text-align: left;
        width: 77%;
    }
    .fullser_container {
        display: none;
    }
    .web-box-left,
    .web-box-right {
        width: 100%;
        float: none;
    }
    .web-box {
        width: auto;
        padding: 0 15px;
    }
    .client_messages_text {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    .input_button {
        margin-top: 0px;
    }
    .footer_info li {
        width: auto;
        display: block;
        padding: 0 15px;
    }
    .QRC {
        position: absolute;
        width: 110px;
        right: 50%;
    }
    
    .m-page-content-menu {
        float: none;
        width: auto;
        padding: 0;
    }
    .contact-wrapper {
		display: none;
        width: auto;
        margin: 20px 0;
        border-radius: 5px;
        border: 1px solid #d6d6d6;
    }
    .m-page-content-main {
        float: none;
        width: auto;
		margin-top:30px;
    }
	.container.spacing.yc {
		display:none;
	}
	.client_messagesa {
		padding:0;
	}
	.client_messages_text p {
		text-indent:inherit;
	}
	.footer_info {
		position:inherit;
	}
	.footer_left {
	    width: auto;
		position:inherit;
		margin:0;
	}
	.footer_info li + li {
		padding: 15px 0;
		background:none;
	}
	.m-page-content-nav {
    	padding-right: 1px;
	}
	.position {
		height:auto;
	}
	.case_wrap #container .case_photo {
    	height: 100%;
    	float: left;
	    width: 21.2%;
	}
	.case_wrap #container p {
		clear:both;
	    clear: both;
	    line-height: 26px !important;
		margin-bottom:0 !important;
	}
	.web-box-titler li {
    	float: left;
    	display: inline-block;
    	margin-right: 13px;
    	width: 97%;
   		margin-bottom: 2px;
	}
	#container {
		margin-top:30px;
	}
	.advantage_one,
	.advantage_two,
	.advantage_three,
	.advantage_four {
   	    position: absolute;
    	left: 50%;
    	bottom: 15px;
    	margin-left: -49px;
	}
	.advantage_one {
		width: 98px;
    	height: 98px;
		background: url(../images/webserveicon.png) no-repeat 0 0;
	}
	.advantage_two {
		width: 98px;
    	height: 98px;
		background: url(../images/webserveicon.png) no-repeat 0 -98px;
	}
	.advantage_three {
		width: 98px;
    	height: 98px;
		background: url(../images/webserveicon.png) no-repeat 0 -196px;
	}
	.advantage_four {
		width: 98px;
    	height: 98px;
		background: url(../images/webserveicon.png) no-repeat 0 -294px;
	}
	.case_wrap #container span,
	.case_wrap #container span > span {
		display: inline-block;
    	clear: both;
	}
	.corporate-news-title {
    	padding-left: 9px;
    	background: url(../images/gdlist-01.jpg) repeat-y 0 50%;
    	line-height: 22px !important;
    	text-indent: unset !important;
    	height: auto;
    	margin: 10px auto;
    	color: #000;
    	font-weight: bold;
	}
	.about_usc_left,
	.about_usc_right {
		float:inherit;
		width:auto;
		padding:0;
		margin:0;
	}
	.about_usc_center {
		float:inherit;
    	width: 204px;
    	margin: 0 auto;
	}
	.contact_left_add {
    	background: url(../images/contact-list2-12.gif) no-repeat 0 50%;
    	padding-left: 43px;
    	font-size: 16px;
    	line-height: 26px;
    	display: block;
    	color: #000;
	}
	.about_usc_right .contact__field {
    	width: 80%;
	}
}


@media screen and (max-width: 479px) {
    .advantage_info li {
        width: auto;
        float: none;
        margin: 0px 10px 0px 10px;
    }
    .advantage_info li + li {
        margin: 30px 10px 0px 10px;
    }
    .solution li {
        width: 100%;
        float: left;
    }
    .service_photo img {
        padding-top: 25%;
    }
    .service_title {
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        color: #ff0000;
        float: right;
        text-align: left;
        width: 65%;
    }
    .service_text {
        color: #676767;
        font-size: 12px;
        text-align: justify;
        line-height: 28px;
        float: right;
        max-width: 65%;
    }
    .input_button {
        margin-top: 20px;
    }
    .QRC {
        position: absolute;
        width: 110px;
		left: 50%;
    }
	.page-pagination a.jp-current {
    	cursor: default;
    	color: #fff;
    	border-color: #e5080d;
    	background-color: #e5080d;
    	margin-bottom: 10px;
	}
	.m-page-content-main-article li p {
		height:auto;
	    padding-left: 9px;
	    background: url(../images/gdlist-01.jpg) no-repeat 0 8px;
	    text-indent: unset !important;
	    margin: 0;
	}
	
	.case_wrap #container .case_photo {
    	height: 100%;
    	float: left;
	    width: 21.2%;
	}
}