@media(max-width:768px) {
.case_li2,
	.container_idx,
	.server_box,
	.i_news_li,
	.server_img,
	.container {
		width: 100%;
	}

	.header .logo {
        margin-top: 0%;
        width: 57%;
	}
    .slider_txt{
        font-size: 1rem;
    letter-spacing: 1px;
    }
	.header {
		padding: 10px;
	}

	.container {
		padding-right: 10px;
		padding-left: 10px;
	}

	.hidden-md {
		display: block;
	}

	.slider .swiper-button-next,
	.slider .swiper-container-rtl .swiper-button-prev,
	.slider .swiper-button-prev,
	.slider .swiper-container-rtl .swiper-button-next,
	.server_txt .tit p,
	.ft_container {
		display: none;
	}

	.header,
	.right_hd_nav {
		padding: 10px;
	}

	.nav_right_nav {
		right: 10px;
	}

	.nav_right_nav span {
		width: 25px;
		background: #494949;
	}

	.right_hd_nav li {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.i_about_box .tit,
	.tit {
		margin: 20px 0;
	}

	.server_tit h2,
	.tit h2 {
		font-size: 22px;
		margin-bottom: 0;
	}

	.tit p {
		height: 33px;
	}

	.tit p span {
		font-size: 13px;
	}
	.tit_long  p span{
	    
    width: 87%;
    padding: 0 5px;
	}

	.slider .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}

	.honor_div .tit.tit_long p span {
		top: 67%;
		left: -3%;
		-moz-transform: translate(5%, -50%);
		-ms-transform: translate(5%, -50%);
		-webkit-transform: translate(5%, -50%);
		transform: translate(5%, -50%);
	}

	.i_bsin_li {
		width: 49%;
		padding: 5px;
	}

	.i_business_box .i_bsin_li:nth-child(2n+2) {
		margin-right: 0;
	}

	.i_bsin_li:nth-child(3n+3) {
		margin-right: 2%;
	}

	.i_about_box {
		position: relative;
        padding: 20px 0;
	}
    .i_about_ul li p {
        font-size: 14px;
    }
	.i_video_li p {
        font-size: 13px;
        padding: 10px 5px;
    }
    .i_video_li {
        width: 100%;
    }
    .i_video_li:nth-child(2n+2) {
        margin-right: 0;
    }
    .i_video_li:nth-child(3n+3) {
        margin-right: 2%;
    }
    .i_about_left .txt {
        font-size: 14px;
        width: 100%;
        font-weight: 100;
        margin: 10px auto;
    }
    .i_about_ul li::before {
        content: '';
        width: 50px;
        height: 50px;
        
    }
	.i_about_div {
		width: 100%;
		margin: 0 auto 15px;
	}

	.i_about_div p.txt {
		padding: 10px;
	}

	.i_about_div video {
		height: 21rem;
	}

	.i_about_box::before {
		height: 360px;

	}

	.i_about_ul li div {
		font-size: 20px;
	}

	.i_about_ul {
		margin-top: 10px;
	}

	.i_case_box {
		padding: 1px 10px 10px;
	}

	.type_ul {
		margin: 0;
		display: none;
	}

	.n_news_div {
		margin: 10px 0 10px;
	}

	.i_right_date p span:first-child {
		font-size: 26px;
	}

	.i_right_date p span:nth-child(3) {
		font-size: 12px;
	}

	.i_right_txt h4 {
		margin: 4px 0 10px;
	}

	.server_txt {
		padding: 0 ;
	}

	.server_img {
		margin-right: 10px;
	}

	.i_bsin_txt h3 {
		font-size: 15px;
		font-weight: 500;
		margin: 10px 0;
	}

	.i_bsin_txt p:nth-child(2) {
		font-size: 12px;
		color: #999;
		height: 33px;
		overflow: hidden;
		margin-bottom: 5px;
	}

	.i_bsin_txt p:nth-child(3) {
		margin-bottom: 2px;
	}

	.server_txt,
	.n_txt {
		line-height: 23px;
		font-size: 13px;
	}

	.server_one {
		padding: 10px 0;
	}

	.n_type li a {
		display: block;
		font-size: 15px;
		padding: 12px;

	}

	.about_jj_div,
	.n_type ul {
		margin: 0;
	}

	.about_txt {
		padding-right: 0;
		margin-top: 15px;
	}

	.business_zl li,
	.honor_div .pic,
	.about_four .left,
	.about_jj_div .left,
	.server_two .left,
	.server_one .left {
		width: 100%;

	}

	.honor_div .pic a {
		height: auto;
	}

	.about_four .left:nth-child(2) .n_txt ul {
		margin-top: 14px;
		font-size: 17px;
	}

	.about_jj_div .left video {
		height: auto;
	}

	.about_four .left:nth-child(2) .n_txt li::before {
		width: 40px;
		margin: 0 10px 12px 0;
		height: 40px;
	}

	.about_zhong h4 {
		font-size: 18px;

	}

	.about_three {
		padding: 0;
	}

	.about_zhong {
		margin: 10px 0;
	}

	.about_three li {
		width: 100%;
		margin-bottom: 10px;
		padding-right: 0;
	}

	.about_three ul {
		margin: 10px 0;
	}

	.about_four .left:nth-child(2) .n_txt li::before,
	.about_three li::before {
		margin: 0 10px 30px 0;
	}

	.about_three li p {
		line-height: 21px;
		font-size: 13px;
		margin-top: 5px;
	}

	.about_three li b {
		font-size: 16px;
	}

	.about_three li:last-child {
		padding: 0;
		margin: 0;
	}

	.about_four .left:nth-child(2) {
		padding: 10px;
	}

	.about_four .server_tit {

		margin-bottom: 10px;
	}

	.n_case_div {
		padding: 10px;
		margin-top: 0;
	}

	.case_li {
		height: 175px;
		width: 100%;
	}

	.case_li p {

		line-height: 175px;
	}

	.n_banner {
		height: 200px;
		background-size: cover;
		background-position: center;
	}

	.n_type {

		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}

	.news_txt {
		padding: 10px;
	}

	.news_img,
	.news_txt {
		width: 100%;
	}

	.news_txt h4 {
		line-height: 22px;
		margin-bottom: 9px;
		font-size: 15px;
	}

	.news_txt p:nth-child(3) {
		height: 37px;
		overflow: hidden;
	}

	.news_txt p {
		margin: 0;
		font-size: 12px;
	}

	.n_news_div .news_li {
		box-shadow: 0 0 3px rgb(0 0 0 / 20%);
		margin-bottom: 5%;
	}

	.contact_info li {
		width: 100%;
		margin-top: 0px;
	}

	.contact_info li span {
		margin: 0 10px 0 0;
		width: 30px;
	}

	.contact_info li p:nth-child(2) {
		margin-top: 3px;
	}

	.contact_info li p:nth-child(3) {
		color: #999;
		font-size: 12px;
	}

	.contact_info {
		margin-top: 10px;
	}

	#l-map {
		height: 300px;
		width: 100%;
		margin: 0 0 20px;
	}

	.cont_zp_txt {
		margin: 0;
		padding: 0;
	}

	.left_nav li .t .left:nth-child(1) {
		width: 100%;
		padding: 0;
	}

	.left_nav li .t .left {
		width: 100%;
	}

	.left_nav li .t .left:nth-child(3) {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}

	.left_nav li .t .left:nth-child(2) p {
		margin-bottom: 0;
	}

	.left_nav li .t .left:nth-child(1) p:nth-child(1) {
		font-size: 19px;
		margin: 0;
	}

	.left_nav li .t .left:nth-child(1) p:nth-child(2) {
		font-size: 14px;

	}

	.ly_div input[type="text"],
	.ly_div textarea,
	.ly_div label,
	.ly_div form {
		width: 100%;
	}

	.ly_div input[type="text"],
	.ly_div textarea {
		padding: 8px 10px;
		margin-bottom: 3px;
		border-radius: 5px;
	}

	.ly_div {
		padding: 0;
	}

	.nav_logo {
		bottom: 10px;
		text-align: center;
		padding: 0 10px 0 0;
		width: 100%;
	}

	.nav_right.active .right_hd_nav {
		padding-top: 44px;
	}

	.xs_footer {
		position: fixed;
		z-index: 99;
		bottom: 0;
		background: #50a296;
		width: 100%;
	}

	.xs_footer li {
		float: left;
		width: 16.66%;
		text-align: center;
	}

	.xs_footer li a {
		display: block;
		padding: 6px 10px;
		color: #fff;
	}

	.xs_footer li a:before {
		content: '';
		width: 25px;
		height: 25px;
		display: block;
		margin: 0 auto 5px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

	.xs_footer li:nth-child(1) a:before {
		background-image: url('../images/xs_footer1.png');
	}

	.xs_footer li:nth-child(2) a:before {
		background-image: url('../images/xs_footer2.png');
	}

	.xs_footer li:nth-child(3) a:before {
		background-image: url('../images/xs_footer3.png');
	}

	.xs_footer li:nth-child(4) a:before {
		background-image: url('../images/xs_footer4.png');
	}

	.xs_footer li:nth-child(5) a:before {
		background-image: url('../images/xs_footer5.png');
	}

	.xs_footer li:nth-child(6) a:before {
		background-image: url('../images/xs_footer6.png');
	}

	main {
		margin-bottom: 50px;
	}
	.tit.tit_long p::before{
	    width:100%;
	}
	.detail_box {
        padding: 0 0 35px;
    }
    .right_bg>b, .detail_tit h3 {
        margin-left: 1px;
        border-left: 3px solid #50a296;
        padding-left: 8px;
        font-size: 20px;
        line-height: 29px;
    }
    .detail_tit {
        margin-bottom: 15px;
    }
    .detail_txt {
        border-top: 1px solid #eee;
        padding-top: 9px;
        
    }
}

@media(max-width:1600px) {
	.header .nav_center li {
		margin-right: 0;
	}

	.header {
		padding: 10px;
	}
}

@media(min-width:1920px) {
	.header .nav_center li {
		margin-right: 30px;
	}
}

@media(min-height:568px) {
	.nav_logo img {
		width: 170px;
	}
}