/*参考bootstrapv3*/
   /* 电脑小屏--md */
     @media screen and (max-width:1580px){
		.caseshowswiper .swiper-button-next, .caseshowswiper .swiper-button-prev{
			 width: 35px; height:65px; background-size:cover ;
		 }
		 .caseshowswiper .swiper-button-next{
			 right: -50px;
		 }
		 .caseshowswiper .swiper-button-prev{
			 left: -50px;
		 }
		
	 }
	 @media screen and (max-width:1480px){
		 .caseshowswiper .swiper-button-next{
		 			 right: 35px;
		 }
		 .caseshowswiper .swiper-button-prev{
		 			 left: 35px;
		 }
	 }
    @media screen and (max-width:1420px){
    	img,video{
    		max-width: 100%;
    	}
    	.wrapper{
    		width: 1110px;
    	}
    	.header .logo{
    		margin-top: 30px;
    	}
    	.header .logo img{
    		height: 60px;
    	}
		.header .nav{
			margin-right: -18px;
		}
    	.header .nav li a{
    		padding: 0 18px;

    	}
    	.banner .txt h3,
		.banner .txt h2{
    		font-size: 38px;
    	}
    	.aboutrow .txt {
		    padding: 40px 40px 20px;
		}
		.aboutrow .txthd h2{
			font-size: 26px;
		}
		.aboutrow .txthd h2 small{
			font-size: 16px;
		}
		.aboutrow .txthd label img{
			height: 60px;
		}
		.aboutrow .txtbd h2{
			font-size: 26px;
		}
		.aboutrow .txtbd {
		    max-height: 420px;
		    overflow-y: scroll;

		}
		.hbanner .swiper-slide{
			height: 580px;
		}
		.hbanner h2{
			font-size: 60px;
		}
		.hbanner h3{
			font-size: 55px;
		}
		.hcustomer .body{
			padding-left: 0; padding-right: 0;
		}
		.header,
		.header-box{
			height: 90px;
		}
		.header .nav{
			line-height: 90px;
		}
		.header .logo {
			margin-top: 25px;
		}
		.header .logo img{
			height: 50px;
		}
		.header .nav li{
			font-size: 18px;
		}
		.hfeature .img{
			width: 980px;
		}
		.hfeature .img .item{
			width: 220px;
		}
		.hfeature .img .l1,
		.hfeature .img .l4{
			top: 80px;
		}
		.hfeature .img .l2,
		.hfeature .img .l5{
			top: 200px;
		}
		.hfeature .img .l3,
		.hfeature .img .l6{
			top: auto; bottom: 30px;
		}
		.hhead h2,
		.hvideo .head h2{
			font-size: 32px;
		}
		.hhead p,
		.hfeature li p,
		.hvideo .head p{
			font-size: 16px;
		}
		.hhead h2 span:before{
			left: -150px;
		}
		.hhead h2 span:after{
			right: -150px;
		}
		.hfeature li h2,
		.hslogan .txt h2,
		.imgtxt .img h2{
			font-size: 48px;
		}
		.imgtxt .img h4{
			font-size: 42px;
		}
		.imgtxt .img hr{
			height: 3px;
		}
		.hslogan,
		.banner{
			height: 450px; padding-top: 280px;
		}
		.casetype .typerow .tit h3,
		.banner .txt,
		.techadv li .txt h4{
			font-size: 22px;
		}
		.banner .txt{
			padding-top: 0;
		}
		.hslogan .txt h2 small,.casetype .typerow .nav li,
		.techadv li .txt h3{
			font-size: 18px;
		}
		.casetype .typerow .tit,
		.casetype .typerow{
			height: 95px;
		}
		.casetype .typerow .nav{
			line-height: 95px;
		}
		.casetype .typerow .tit p{
			font-size: 16px;
		}
		.casetype .typerow .nav li{
			line-height: 95px;
		}
		.himgtxt{
			margin-top: 100px; margin-bottom: 80px;
		}
		.casetype{
			margin-top: 90px;
		}
		.techadv{
			margin-bottom: 80px;
		}
		.thead h2{
			font-size: 32px;
		}
		.thead h2 small{
			font-size: 22px;
		}
		.techrow .tit span,
		.contactserv .body li .txt h2{
			font-size: 22px;
		}
		.aboutpage{
			margin-bottom: 120px;
		}
		.contactmap{
			margin-top: 100px;
		}
		.chead h2,
		.subnav .tit{
			font-size: 28px;
		}
		.chead h4,
		.contactserv .body li .txt p{
			font-size: 18px;
		}
		.contactserv .body li .txt h3{
			font-size: 20px;
		}
		.contactserv .body li hr,
		.subnav .tit:after{
			height: 3px;
		}
		.contactmap .maptxt{
			border-bottom-width:3px ;
		}
		.contactjoin{
			margin-bottom: 100px;
		}
		.pagecontainer{
			margin: 80px auto;
		}
		.subnav .nav h4{
			font-size: 20px;
		}
		.newsdetail .head h2{
			font-size: 18px;
		}
		.mbanner{
			height: 450px;
		}
    }
    /* 平板--sm */
    @media screen and (max-width:1150px) {
    	.wrapper{
    		width: auto; padding: 0 15px;
    	}
    	.wrapper-sm{
    		width: auto; padding: 0 15px;
    	}
    	.gh{
    		display: block;
    	}
    	
		.header-box{
			height: 70px;
		}
    	.header{
    		height: 70px; position: fixed; left: 0; right: 0; top: 0; z-index: 99;
    	}
    	.header .nav{
    		position: absolute; left: 0; right: 0; top: 70px; z-index: 99;
    		background: #fff; padding: 20px 0;
    		display: none;
    		box-shadow: rgba(0,0,0,0.1) 0 10px 10px;
    	}
    	.header .logo {
		     margin-top: 15px; 
		}
		.header .logo img {
		    height:45px;
		}
		.header .nav li{
			float: none; text-align: center; margin-left: 0; line-height: 50px;
		}
		.header .nav li:hover{
			background-color: #eee;
		}
		.header .nav li a{
			display: block;
		}
		.hbanner h2 {
		    font-size: 30px;
		}
		.hbanner h3 {
		    font-size: 30px;
		}
		.hbanner .swiper-slide{
			height: 300px;
		}
		.hbanner-item{
			height: 300px; padding-top: 70px;
			background-size: cover;
		}
		.hfeature{
			padding: 60px 0;
		}
		.hfeature .img{
			display: none;
		}
		.hfeature .img1{
			display: block;
		}
		
		.hfeature ul{
			display: flex; flex-wrap: wrap; justify-content: space-between;
		}
		.hfeature li{
			 height: auto; background-size: cover; margin: 0 ; padding-top: 15px; float: left; width: 80px; height: 80px;
			
		}
		.hfeature li h2{
			font-size: 22px;
		}
		.hfeature li h2 sup{
			font-size: 14px; right: -5px; top: 0;
		}
		.hfeature li p{
			font-size: 12px;
		}
		.hhead h2{
			font-size: 26px;
		}
		.hhead p{
			font-size: 18px;
		}
		.hhead p span:before, .hhead p span:after{
			width: 60px;
		}
		.hhead p span:before {
		    left: -80px;
		}
		.hhead p span:after {
		    right: -80px;
		}
		.hcustomer{
			padding: 20px 0;
		}
		.hhead{
			padding-top: 20px;
		}
		.hbusiness{
			padding-bottom: 30px;
		}
		.hcustomer .body{
			text-align: center; padding-top: 20px;
		}
		.hcustomer .body ul{
			width: auto;
		}
 		.hcustomer .body li{
 			
			 width: 33.33%;  padding: 10px 0;
		}
		.hvideo {
		    padding: 40px 0 40px;
		}
		.hvideo .head h2{
			font-size: 26px;
		}
		.hvideo .head p{
			font-size: 16px;
		}
		.hslogan{
			height: 160px; padding-top: 40px;
		}
		.hslogan .txt h2{
			font-size: 22px; letter-spacing: 0;
		}
		.hslogan .txt h2 small{
			font-size: 16px;
		}
		.hslogan .txt h2 small:after{
			width: 50px; height: 1px; left: -60px;
		}
		.himgtxt {
		    margin-top: 40px;
		    margin-bottom: 40px;
		}
		.imgtxt>div{
			width: auto; float: none;
		}
		.imgtxt .img{
			background-size: cover;
			padding: 30px 20px 20px 30px; height: 280px; float: none;
			background-position: right bottom;
		}
		.imgtxt .img::before{
			width: 6px;
		}
		.imgtxt .img h2{
			font-size: 30px;
		}
		.imgtxt .img h4{
			font-size: 22px;
		}
		.imgtxt .img hr{
			width: 60px; height: 4px;
		}
		.imgtxt .txt {
		    padding: 20px 20px 40px;
		    line-height: 2;
		    font-size: 14px;
		    position: relative;
		    height: auto;
		    float: none;
		}
		.imgtxt .txt .morelink{
			font-size: 16px;
		}
		.footmain{
			text-align: center; padding: 30px 0;
		}
		.footmain_l{
			float: none;
		}
		.flogo img{
			height: 40px;
		}
		.footmain_r{
			float: none; margin-top: 20px;
		}
		.foottele{
			float: none;
		}
		.foottele h3:before{
			height: 1px;
		}
		.footqr{
			float: none; margin: 0; margin-top: 20px;
		}
		.fnav{
			display: none;
		}
		.copyright{
			padding: 20px 0;
		}
		
		/**/
		.banner{
			height: 300px;  padding-top: 150px; background-size: cover;
		}
		
		.banner .txt h3 {
		    font-size: 24px;
		}
		.banner .txt h3 small{
			font-size: 16px;
		}
		.banner .txt h3 small:after{
			width: 50px; height: 1px; left: -60px;
		}
		.aboutpage {
		    margin: 40px 0 40px;
		}
		.aboutrow >div{
			width: auto; float: none;
		}
		.aboutrow .txt{
			padding: 20px;
		}
		.aboutrow-even .txt{
			float: none;
		}
		.aboutrow .txtbd {
		    max-height: inherit;
		    overflow: visible;
		}
		.aboutrow .txtbd h2{
			font-size: 20px;
		}
		.aboutrow .txthd label img{
			height: 32px;
		}
		.aboutrow .txtbd h4{
			font-size: 14px;
		}
		/**/
		.techteam{
			padding-top: 40px;
		}
		.techlist li{
			width: 33.33%;
		}
		.techrow .tit{
			width: 65px;
		}
		.techrow .tit span{
			width: 80px; height: 80px; line-height: 80px; font-size: 16px; top: 15px; left: 15px;
		}
		.thead h2{
			font-size: 26px;
		}
		.thead h2 small{
			font-size: 16px;
		}
		.techadv{
			margin-bottom: 40px;
		}
		.techadv ul{
			width: auto;
			width: 102%; margin-left: -1%;
		}
		.techadv li{
			width: 48%;
			margin: 0 1%; margin-bottom: 2%;
		}
		.techadv li .txt{
			background-size: cover;
			height: 30px;
		}
		.techadv li .txt h3{
			line-height: 30px; font-size: 14px;
		}
		.techadv li .txt h4{
			font-size: 12px;
		}
		
		/**/
		.casetype{
			margin-top: 40px;
		}
		.casetype .typerow{
			height: 60px;
		}
		.casetype .typerow .tit h3{
			font-size: 18px;
		}
		.casetype .typerow .tit p{
			font-size: 12px;
		}
		.casetype .typerow .tit{
			height: 60px; padding-top: 10px; width: 120px;
		}
		.casetype .typerow .nav{
			width: calc( 100% - 120px); line-height: 60px;
		}
		.casetype .typerow .nav li{
			font-size: 16px; line-height: 60px;
		}
		.casetype .typerow .nav li a{
			min-width: initial; padding:  0 8px;
		}
		.caselist{
			margin-top: 40px; padding-bottom: 30px;
		}
		.caselist ul{
			width: auto;
			width: 102%; margin-left: -1%;
		}
		.caselist li{
			width: 48%;
			margin: 0 1%; margin-bottom: 2%; height: auto;
		}
		.caselist li .img1{
			position: relative;
		}
		.caselist li img{
			width: 100%;
		}
		
		/**/
		.pagecontainer{
			margin: 40px 0;
		}
		.pageleft{
			width: auto; float: none;
		}
		.pageright{
			width: auto; float: none; margin-top: 40px;
		}
		.subnav .tit{
			font-size: 26px;
		}
		.subnav .tit:after{
			width: 35px; height: 4px;
		}
		.subnav .nav h4{
			font-size: 18px; line-height: 35px;
		}
		/**/
		.banner .txt h2{
			font-size: 24px;
		}
		.contactmap{
			margin-top: 40px;
		}
		#allmap{
			width: 100%; height: 200px;
		}
		.contactmap .maptxt ul{
			font-size: 16px;
		}
		.contactmap .maptxt li{
			display: block;
		}
		.contactmap .maptxt li:after{
			display: none;
		}
		.contactmap .maptxt p{
			font-size: 14px;
		}
		.contactmap .maptxt{
			margin-top: 20px; border-width: 2px;
		}
		.contactserv{
			margin-top: 40px;
		}
		.chead{
			height: auto; padding-bottom: 10px;
		}
		.chead h2{
			font-size: 22px;
		}
		.chead h4{
			font-size: 14px;
		}
		.contactserv .body{
			padding: 20px;
		}
		.contactserv .body ul{
			width: auto; margin-left: -10px; margin-right: -10px;
		}
		.contactserv .body li{
		
			 text-align: center; padding: 0 10px;
		}
		.contactserv .body li .img{
			width: 90px;
		}
		.contactserv .body li .img:before{
			display: none;
		}
		.contactserv .body li .txt{
			margin-top: 10px; padding-bottom: 10px;
		}
		.contactserv .body li .txt h2{
			font-size:16px;
		}
		.contactserv .body li .txt h3{
			font-size: 12px;
		}
		.contactserv .body li .txt p{
			font-size: 12px;
		}
		.contactjoin{
			margin-bottom: 40px;
		}
		.contactjoin .body{
			padding: 20px;
		}
		.contactjoin .body ul{
			width: auto;
		}
		.contactjoin .body li{
			width: auto; float: none; margin-right: 0; margin-bottom: 10px;
		}
		
		/**/
		.caseshow {
		    margin: 40px 0 40px;
		}
		.caseshowmeta li{
			font-size: 14px; display: block; margin-right: 0;
		}
		.caseshowswiper .swiper-button-next, .caseshowswiper .swiper-button-prev{
			width: 25px; height: 45px; margin-top: -22.5px;
			background-size: 20px auto;
		}
		.caseshowswiper .swiper-button-next{
			right: 10px;
		}
		.caseshowswiper .swiper-button-prev{
			left: 10px;
		}
		.mbanner{
			height: 300px;
		}
    }