@media  screen and (max-width:1024px) {
.navbar-nav .first-li {

    margin-right: 0px;

}
img.img-responsive.zoomify {
    width: 100%;
}
.technical-service2 {

    background: url(../images/banner-server-2.png) no-repeat;
        background-position-x: 0%;
    padding-top: 65px;
    background-position-x: -709px;

}
.news1-title {
    font-size: 20px;
    margin-top: 6px;
    margin-bottom: 40px;
    line-height: 30px;
}
.news-info-col {
    margin-left: 4px;
    width: 100%;
}
.font-18 {
    font-size: 18px;
    margin-bottom: 13px;
}

.navbar-nav .first-li::before {
    content: "";
    width: 1px;
    height: 12px;
    background: #333;
    position: absolute;
    top: 20px;
    right: 1px;
}
.logo-pic{
	width: 21%;}
	.logo-pic2222{
	width: 82%;
}
.box-wrap.link-to-news {
    text-align: center;
    width: 100%;
    height: 189px;
    background: #f37404;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
}
.self-nav {

    margin-left: -29px;

}
.tab li{
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	    
}
.tab li.active p{
	padding-right: 85px;
	box-sizing: border-box;
	background-position-x: -29px;
    background-position-y: -5px;
}
.tab {
    padding: 11px 0;

}
.tab-item-con>div {
    text-align: center;
    width: 13%;
    font-size: 16px;
    margin-left: 11px;
    margin-bottom: 37px;
}
.box-wrap.link-to-news a {

    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 34px;

}
.saoma span {
    text-align: center;
    display: inline-block;
    margin-right: 11px;
    font-size: 12px;
    color: #b2b0b0;
    margin-top: 32px;
}


}
@media only screen and (min-width:960px ) {
	.honer-box {
    display: flex;
    justify-content: space-around;
}
.autor-about {
    margin-top: 16px;
    margin-bottom: 10px;
}
.news-info{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.scale-box img{
	width: 100%;
}
.introduce-con .structure-span {
    bottom: -41px;
}
}
@media only screen and (min-width:800px ) {
		.box-wrap {
    width: 100%;
    position: relative;
    margin-top: 40px;
    height: 188px;
}

}
@media screen and (max-width: 768px) {
.gongyi {
    background: url(../images/timg12.png) no-repeat;
    color: #fff;
    padding: 10px 0 9px 0;
    margin-top: 75px;
    background-size: 100%;
}
.box-info {
    font-size: 29px;
    width: 91%;
    border: 1px solid #fff;
    margin: 0 auto;
    padding: 22px;
}
.box-info p {
    font-size: 15px;
    line-height: 27px;
    margin-top: 0px;
}
	.self-nav {
		margin-left: 0;
	}
	.box-wrap {
    width: 100%;
    position: relative;
    margin-top: 40px;
    height: 188px;
}
	.navbar-nav .first-li {
		margin-right: 0;
	}
	.tab {
		width: auto;
	}
	.products-box {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.logo-pic {
    width: 25%;
}
.logo-pic2222 {
    width: 82%;
}
	.tab-item-con>div {
		width: 31%;
		/* line-height: 34px; */
		background: #0;
		margin-top: 30px;
	}
	.tab li.active p {
		background: none;
		left: 0px;
	}
	.pic-info {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.last-h5 {
		margin-top: 0;
	}
	.bottom-bar .container {
		background: #000000;
		padding: 0px;
	}
	.navbar-nav .first-li::before {
		right: 0;
	}
	.banner-title {
		padding-top: 62px;
	}
	.introduce-con {
		margin-top:9px;
	}
	.ma20 {
		margin-top: 20px;
	}
	.container-honer {
		padding-bottom: 35px;
	}
	.culture-box {
		width: 41.66666667%;
		;
		margin-top: 0;
	}
	.margin-right40 {
		margin: 0;
	}
	.Company-culture-title {
		margin-bottom: 35px;
	}
	.container-honer {
		padding-bottom: 35px;
	}
	.img1000 {
		width: 100%;
	}
	.flash-box .col-sm-6 {
		margin-top: 10px;
	}
	.self-prev,
	.self-next {
		top: 50%;
	}
	.self-prev {
		left: -26px;
	}
	.self-next {
		right: -26px;
	}
	.pad-right {
		padding-right: 29px;
	}
	.introduce-con .structure-span {
		bottom: -70px;
	}
	.kouhao {
		margin-top: 50px;
	}
	.since-year {
		width: 50%;
	}
	.duce-right {
		margin-left: 50px;
		clear: both;
	}
	.ipad4 {
		overflow: hidden;
		margin-bottom: 92px;
	}
	.new-responsev {
		max-width: 100%;
		height: auto;
	}
	.news-info-col {
		width: 100%;
		margin-left: 0;
	}
	.news5-con .border-3 {
		border: none;
	}
	.news4>div:last-child {
		margin-top: 40px;
	}
	.jieshao {
		width: 100%;
	}
	.no-padding-right {
		padding-right: 15px;
	}
	.no-padding {
		padding-left: 15px;
		padding-right: 15px;
	}
	.type-nav{
		width: 31.333333%;
	}
	.pic-product-info a{
		margin-top: 20px;
	}
	.banner-font-con h2 {
    font-size: 20px;
}
.banner-font-con p {
    font-size: 14px;
}
.company-strength2-p {
    font-size: 16px!important;
    width: 88%;
    margin: 0 auto;
    margin-bottom: 36px;
}
.technical-service {
       background: url(../images/banner-server-2.png) no-repeat;
    padding-top: 0px;
    background-size: cover;
    background-position-x: -889px;
    background-position-y: 9px;
}
.technical-service-data-h3 {
    margin-top: 22px;
    margin-bottom: 20px;
}
.technical-service-data {
    
    padding-bottom: 0px;
}
img.img-responsive.zoomify {
    width: 100%;
}
.tab li.active p {
    width: 100%;
    padding: 0;
    display: block;
    position: absolute;
    margin-bottom: 0;
    background: url(../images/li_bg1.png) no-repeat;
    z-index: 99999;
    left: 0px;
    background-position: 17px;
    transition: all 0.35s;
    padding-right: 0;
        background-position-y: -3px;
}
.self-bar img {
    margin-top: 10px;
    width: 100%;
}
.nav-container{
	display: flex;
    align-items: center;
    padding: 0;
}
.navbar-header{
	width: 20%;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 7px;
    }
    .navbar-nav .first-li::before {
    content: "";
    width: 1px;
    height: 12px;
    background: #333;
    position: absolute;
    top: 15px;
    right: 1px;
}
.tab li{
	width: 33%;
}
.tab li p{
	width: 100%;
}
.certification-a {
    /* position: relative; */
    margin-bottom: 15px;
}
.honer-box {
    display: flex;
    justify-content: space-around;
}
.scale-box img{
	width: 100%;
}
.technical-service2 {

    background: url(../images/banner-server-2.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-position-x: 0%;
    padding-top: 65px;
    background-position-x: -921px;
    background-position-y: 76px;

}
.technical-service-col{
	width: 38%;
}
}

@media screen and (max-width: 760px) {
	.history-info {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 42px;
    line-height: 35px;
}
.history-h2{
	font-size: 22px;
}
	.self-bar img {
    margin-top: 19px;
    width: 60%;
}
.technical-service-col{
	width: 100%;
}
.technical-service2{
	background: none;
}
.honer-box {
    display: block;
    justify-content: space-around;
}
.part-info-js {
	width: 100px;
	font-size: 15px;
    height: 30px;
    line-height: 30px;
}
.nav-container{
	display: block;
    align-items: center;
    padding: 0;
    justify-content: space-between;
    
}
.tab li {
    width: 50%;
}
.item-box-info {
    width: 90%;
    position: absolute;
    right: 26px;
    top: 19px;
    border: none;
}
.item-box-info h2 {
    font-size: 18px;
    font-weight: bold;
    color: #2f3439;
}
.container>.navbar-header{
	width: 100%;
	margin-left: 0;
}
	.navbar-toggle {
		background-color: rgba(51, 122, 183, 0.83);
	}
	.navbar-default .navbar-nav>li>a {
		color: #fff;
	}
	.nav>li {
		border-bottom: 1px solid #fff;
	}
	.navbar-collapse {
		border: none;
		background: #00479a;
	}
	.navbar-default .navbar-nav>li>a:hover {
		color: #ff7500;
		background-color: transparent;
	}
	.navbar-nav .first-li::before {
		height: 0
	}
	.self-nav {
		margin-left: 0px;
	}
	.prodcutline h1 {
		font-size: 18px;
		display: inline-block;
		color: #2b2b2b;
		font-weight: bold;
		margin-top: 27px;
		margin-bottom: 14px;
	}
	.underline {
		margin: 0 auto;
		width: 50px;
		height: 3px;
		background: #5a90c9;
		margin-bottom: 19px;
	}
	.title-con {
		width: 100%;
		margin: 0 auto;
		font-size: 14px;
		color: #666666;
		line-height: 20px;
	}
	.tab {
		width: auto;
		background: #35383b;
		padding: 0;
		padding: 16px 0;
	}
	.tab li.active p {
		left: 0;
		background-position: 0;
	}
	.tab li {
		font-size: 14px;
	}
	.tab-item-con>div {
		width: 100%;
		/* line-height: 34px; */
		background: #0;
		margin-top: 0px;
		background: #004996;
		margin-left: 0;
		color: #fff;
	}
	.tab-item-con .active0::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #f37404;
    bottom: -2px;
    left: 0;
    position: absolute;
}
@media screen and (max-width: 768px)
.box-wrap {
    width: 100%;
    position: relative;
    margin-top: 40px;
     height: 188px;
}
	.h1-title {
		font-size: 25px;
		color: #35383b;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.data-row1>div {
		margin: 0px;
		margin-top: 20px;
	}
	.swiper-button-next,
	.swiper-button-prev {
		top: 30px;
	}
	.stand-con .swiper-container {
		padding-top: 0px;
	}
	.second-title {
		width: 200px;
		text-align: center;
		position: absolute;
		top: -46px;
		left: 50%;
		margin-left: -100px;
	}
	.stand-con .a {
		width: 45px;
		background: none;
	}
	.h1-title {
		margin-bottom: 15px;
	}
	.box-wrap {
		margin-top: 10px;
	}
	.footer .float li {
		min-width: 86px;
		margin-right: 0;
	}
	.clear {
		clear: both;
		overflow: hidden;
	}
	.bottom-bar {
		line-height: 30px;
	}
	.bottom-bar a {
		color: #fff;
		display: inline-block;
		margin-right: 0px;
	}
	.bottom-bar .text-right {
    text-align: center;
}
.bottom-bar .col-xs-12 {
    padding: 10px;
}
	.banner-title {
		padding-top: 20px;
		height: 156px;
		text-align: center;
		color: #fff;
		font-size: 33px;
		background: url(../images/about-us.png) no-repeat;
		background-size: cover;
	}
	.banner-title h1 {
		font-size: 20px;
	}
	.banner-title p {
		font-size: 13px;
	}
	.indrow1 {
		margin-top: 10px;
		padding-bottom: 100px;
	}
	.flex {
		display: initial;
	}
	.culture-box {
		width: 100%;
		margin-top: 15px;
	}
	.Company-culture-title {
		margin-bottom: 0px;
	}
	.Company-culture {
		margin-top: 0px;
	}
	.img100 {
		width: 100%;
	}
	.honer-box>div {
		margin-bottom: 20px;
	}
	.check-more {
		    position: sticky;
		bottom: -74px;
		left: 32%;
		margin: 0 auto;
		width: 103px;
		height: 32px;
		font-size: 12px;
		display: block;
		text-align: center;
		line-height: 32px;
		border: 1px solid #004996;
		color: #004996;
	}
	.introduce-con .structure-span {
		bottom: -63px;
	}
	.gongyi {
		padding: 0;
		margin-bottom: 30px;
		    background-size: cover;
	}
	.box-info {
		padding: 0;
		width: 100%;
		border: none;
	}
	.box-info h2 {
		font-size: 22px;
	}
	.box-info p {
		font-size: 13px;
		line-height: 20px;
		margin-top: 0px;
		margin-bottom: 18px;
	}
	.second-nav {
		height: auto;
		height: auto;
		padding: 31px 0;
		line-height: 20px;
	}
	.duce-right {
		margin-left: 0px;
		*
	}
	.since-year {
		width: 100%;
		height: auto;
		padding: 0 30px;
		padding-bottom: 30px;
	}
	.duce-bottom {
		background: #F5F5F5;
		padding: 25px 27px;
		line-height: 34px;
		font-size: 16px;
		margin-top: 83px;
		box-sizing: border-box;
		margin-bottom: 90px;
	}
	.font-18 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.news-list-box1 .col-md-8 h3 {
		font-size: 19px;
		line-height: 28px;
	}
	.newsinfo-h3 {
		line-height: 38px;
	}
	.new-conx {
		padding: 15px;
	}
	.xs-margin {
		margin-top: 20px;
	}
	.check-more-news {
		position: initial;
		background: #fff;
		border: 1px solid #d3d3d3;
		margin-bottom: 26px;
	}
	.container.zhanhui {
		padding: 0;
	}
	.zh-info-dre {
		position: absolute;
		bottom: 4px;
		left: 21px;
		color: #fff;
		font-size: 14px;
	}
	.no-padding-right {
		padding-right: 15px;
		padding-left: 0;
	}
	img.img-responsive.col-md-12.col-sm-6.no-padding {
		padding: 0;
	}
	.jieshao {
		width: 100%;
		margin-bottom: 20px;
	}
	.jieshao h4 {
		font-size: 17px;
		margin-bottom: 6px;
		line-height: 25px;
	}
	.news5-con h4 {
		line-height: 29px;
	}
	.type-nav{
		width: 100%;
	}
	.pic-self-pre,.pic-self-next{
		top: 50%;
		width: 20px;
		height: 20px;
		background-size: cover;
	}
	.pic-product-info a {
    width: 100px;
    height: 42px;
    color: #fff;
    display: inline-block;
    background: #f37404;
    font-size: 15px;
    line-height: 42px;
    text-align: center;
    border-radius: 6px;
    margin-top: 15px;
    margin-left: 0%;
}
embed {
    height: 244px;
}
.viode {
    width: 100%;
    margin: 0 auto;
}
.strength-ex p {
    width: 100%;
    }
    p.certification-p {
    width: 100%;
    font-size: 16px;
    line-height: 32px;
}
.company-strength2 .banner-title{
	padding-top: 5px;
}
p.company-strength2-p {
    line-height: 24px;
    font-size: 14px !important;
    margin-bottom: 22px;
}
.server-data-item {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
    margin-left: 0px;
}
.server-data-item  p{
	    width: 84%;
    margin: 0 auto;
    margin-bottom: 10px
}
.technical-service-data-left .col-md-3 {
    padding-top: 0px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 43px;
}
.workshop-h2 {
    margin-top: 25px;
    margin-bottom: 20px;
}
.product-video p {
    width: 100%;
    margin: 0 auto;
}
.certification-a {
    display: inline-block;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #004996;
    font-size: 16px;
    border: 1px solid #004996;
    margin-top: 30px;
    margin-bottom: 40px;
}
.m{
	margin-bottom: 20px;
}
.certification-h3 {
    color: #004996;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 19px;
}
.workshop-h2 {
    font-size: 20px;
    font-weight: bold;
    color: #004996;
    margin-top: 97px;
    margin-bottom: 60px;
}
.stand-con {
    margin-top: 0px;
}
.parameter-list-pic-2 img{
	margin-bottom: 20px;
	
}

.box-wrap {
    width: 100%;
    position: relative;
    margin-top: 40px;
     height: auto;
}
.tab-item-con{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .tab-item-con>div {
  width: 49%;
    height: 30px;
    line-height: 30px;}
}