﻿
@media screen and (max-width: 1200px){
	.wp{padding: 0 10px;}
	.nav li {width: 96px;}
	.m-hd{display: block;}	
	.service-right:after{display: none;}
	.tit-solution br{display: none;}
	.sidebar-help li{width: 50%;}
	.ul-process li .circle{width: 100px;height: 100px;padding-top: 10px;}
	.wp {width: 98%;}
	.new-float{display:none;}
	#qiao-wrap{display:none !important;}
    .nav li {width: 96px;}
    .banner-inner {height: 170px;}
    .banner-inner img {position: absolute;top: 60px;left: 50%;width: auto !important;height: 110px;max-width: none; margin-left:-600px !important;}
	.mobile_ser{position:fixed; right:5px; top:70%; display:block;}
	
	.mobile_ser .tel{background:#ca0000; padding-top:5px;}
}

@media screen and (max-width: 1120px){
	.list-ser3 .hd{display: none;}
}


@media screen and (max-width: 1070px){
	.slideTxtBox .hd ul{padding-left: 0;overflow: hidden;height: auto;}
	.slideTxtBox .hd ul li{width: 20%;padding: 0 10px;}
	.ul-process li{width: 25%;margin-bottom: 10px;text-align: center;}
	.ul-process li .circle{display: inline-block;}
}


@media screen and (max-width: 1000px){
	.service-right .slick-next{right: -15px;}
	.service-right .slick-prev{left: -15px;}
	.usefn-detail-box li{width: 50%;}
	.usefn-detail-box li:nth-child(3n){border-right: 1px dashed #E3E3E3;}
}

@media screen and (max-width: 980px){
	.ul-function li .ico{width: 90px;height: 90px;line-height: 90px;margin-top: 36px;}
	.ul-icons li br{display: none;}
	.ul-icons li{padding: 0 5px;}
	.list-seo2 li{width: 50%;}
}


@media screen and (max-width: 960px){
	.nav{display: none;}
    .menuBtn{display: block;}
    .hdb {height: 60px;line-height: 60px;}
    .hdb img{height: 40px;}
    .hdt{display: none;}
    #banner-app{padding-top: 60px;}
    .sl-list2 li{width: 33.333%;}
    .followus,.f-nav{display: none;}
    .fdb{font-size: 14px;text-align: center;}
    .ul-service li .txt{padding-right: 20px;}
    .ul-oper li{width: 33.33%;margin-bottom: 20px;}
    .ul-oper li p{height: 40px;}
}

@media screen and (max-width: 920px){
	.ul-principle li{width: 50%;}
	.ul-mall li{width: 20%;}
}

@media screen and (max-width: 870px){
	.list-box .prev, .list-box .next,.list-box:after,.ul-function li em,.ul-function li:after{display: none;}
	.ul-function li{width: 100%;float: none;}
	.ul-function li .ico{margin-right: 20px;margin-top: 0;float: left;margin-left: 0;}
	.ul-function li:nth-child(2n) .ico{margin-left: 0;}
	.ul-function li{margin-bottom: 30px;}
	.ul-function li p{height: auto;}
	.ul-four li{width: 100%;}
	.ul-five li{width: 33.333%;margin-bottom: 10px;}
	.ul-icons li{width: 25%;}
	.ul-icons li p{height: 42px;}
	.slideTxtBox .bd li{height: auto;}
}

@media screen and (max-width: 840px){
	.list-ser3 li{    padding: 0 10px;}
	.list-ser4 .txt{font-size: 14px;}
}


@media screen and (max-width: 768px){
	.ul-better li{padding: 0 10px;}
	.sl-list2 li{width: 50%;}
	.service-left,.service-right,.respobse .pic,.value-box .pic{width: 100%;float: none;}
	.respobse .pic,.value-box .pic{text-align: center;}
	.ul-principle li{width: 100%;float: none;height: auto;padding-bottom: 30px;}
	.ul-solution-more li{width: 50%;margin-bottom: 14px;}
}

@media screen and (max-width: 720px){
	.list-ser3 li{width: 50%;}
	.list-ser3{height: auto;}
}


@media screen and (max-width: 680px){
	.ul-app01 li img{width: 60%;}
	.ul-app01 li{font-size: 14px;}
	.contact-info a{margin-bottom: 1px;}
	.ul-oper li{width: 50%;}
	.ul-icons li{width: 33.33%;}
	.slideTxtBox .hd ul li{width: 50%;margin-bottom: 10px;}
	.slideTxtBox .hd{height: auto;}
	.case-logo-scene{width: 100%;float: none;text-align: center;}
	.ul-pro li{width: 50%;margin-bottom: 20px;}
	.ul-pro li:last-child{    border-right: 1px dashed #E3E3E3;}
	.usefn-scene-box li{width: 100%;}
	.usefn-detail-box li{width: 100%;}
	.ul-eightMajor li{width: 50%;}
	.ul-eightMajor li:nth-child(2n){    border: 0;}
	.ul-optimization li{width: 50%;}
	.list-ser4 li{width: 100%;margin-bottom: 10px;}
}


@media screen and (max-width: 640px){
	.ul-app01 li{width: 50%;margin-bottom: 20px;}
	#main-app .tit img{width: 70%;}
	.ul-app02 li{width: 50%;}
	#main-app .row2{padding-bottom: 10%;}
	.ul-better li,.sl-list2 li{width: 100%;float: none;}
	.ul-tab-solution li a{font-size: 14px;}
	.ul-mall li{width: 33.33%;}
	.ul-solution-more li{width: 100%;float: none;}
	.ul-four li .pic{width: 80px;}
	.ul-four li .pic img{width: 50%;}
	.ul-five li{width: 50%;}
	.case-slider .item-box .case-logo{width: 100%;text-align: center;float: none;margin-bottom: 10px;}
	.case-slider .item-box .case-logo img{display: inline-block;}
	.case-slider .slider:after{display: none;}
	.sidebar-help li{width: 100%;float: none;}
	.list-seo1 li{width: 33.33%;margin-bottom: 20px;}
	.list-seo1 li p{font-size: 14px;}
	.list-seo2 li{width: 100%;}
	#nb_icon_wrap{display:none !important;}
	.copy{ padding-bottom:50px;}
}


@media screen and (max-width: 590px){
	.ul-web01 li img{width: 68%;}
	.ul-process li{width: 50%;}
}


@media screen and (max-width: 480px){
	.ul-tab-solution li{width: 33.33%;margin-bottom: 2px;}
	.contact-info a{font-size: 14px;}
	.ul-mall li{width: 50%;}
	.ul-five li{width: 100%;}
	.ul-icons li{width: 50%;}
	.list-ser3 li{width: 100%;}
}

@media screen and (max-width: 380px){
	.ul-oper li{width: 100%;}
	.ul-icons li{width: 100%;}
}
