@media screen and (max-width: 1180px){

	.team .flexslider li .pic{margin-right: 0;width: 50%;}
	.qywh ul li{ width:calc(20% - 8px); height:268px; background:url(../images/qi.png) no-repeat;background-size:100%; text-align:center; float:left;
		margin-right:8px; padding-top:86px;}
	.qywh ul li h2{ font-weight:normal; font-size:16px; color:#333; background:url(../images/qiheng.jpg) no-repeat bottom center;
		padding-bottom:10px; margin-bottom:13px;}
	.qywh ul li h2 b{ font-weight:normal; color:#ed1b24;}
	.qywh ul li p{line-height:24px;}
	.qywh ul li:hover{ background:url(../images/qihong.png) no-repeat;background-size:100%;}
	.qywh ul li:hover h2{ color:#fff; background: url(../images/baigang.jpg) no-repeat bottom center;}
	.qywh ul li:hover h2 b{ color:#fff;}
	.qywh ul li:hover p{ color:#fff; }
	.qywh .uyu{position: relative;
	    top: -60px;
	    left: 10%;}

	.qywh .uyu01{position: relative;
	    top: -120px;
	    left:0;}

	.qywh .uyu02{position: relative;
	    top: -180px;
	    left: 10%;}

}

@media screen and (max-width: 1169px){

	#hd .logo{
		margin-right: 0;
	}
	#hd .tel{
		float: left;
	}
	#banner .flex-control-nav{
		bottom: 20px;
	}
	.ul-service li{
		/*margin-right: 10px;*/
	}
	.tab-con-box{
		width: 54%;
	}

}

@media screen and (max-width: 1068px){

	#hd{
		display: none !important;
	}
	#m-hd{
		display: block;
	}
	.wp{
		padding: 0 10px;
	}
	#bd{
		padding-top: 50px;
	}
	.ul-web{

	}
	.process em{
		-webkit-background-size: 80%;
		background-size: 80%;
	}


}

@media screen and (max-width: 1020px){
	.tab-con-box{
		width: 45%;
	}
}


@media screen and (max-width: 1048px){

	.ul-news-i li.on .hover .pad{
		/*bottom: 30px;*/
	}

}

@media screen and (max-width: 1024px){
	.team .flexslider li .txt{width: 100%;float: none;}
	.team .flexslider li .pic{width: 100%;float: none;height: 419px;margin-bottom: 20px;}
	.team .flexslider .slides li{height: auto;}
}



@media screen and (max-width: 960px){

	html,body{
		/*overflow-x: hidden; */
	}
	.ul-list li{
		width: 33.3333%;
	}
	.ul-service li{
		width: 100%;
	}
	.service-con .col-l,.service-con .col-r{
		width: 100%;
	}
	.ul-webset li.li1 .block,.ul-webset li.li2 .block,.ul-webset li.li3 .block{
		/*width: 100%;*/
	}

	.ul-customer li{
		width: 33.3333%;
	}
	.tit-i{
		padding: 20px 0;
	}
	.tit-i h3 {
	  font-size: 40px;
	  color: #000;
	  margin-bottom: 10px;
	  background: url(../images/tit-bg.png) center top no-repeat;
	  line-height: 80px;
	  font-weight: bold;
	  letter-spacing: 8px;
	  background-size:80%
	}
	.customer{
		margin-bottom: 0;
		padding-bottom: 0px;
	}
	.ul-tab{
		width: 100%;
		background: none;
	}
	.ul-tab li{
		float: left;
		width: 33.333%;
	}
	.ul-tab li h3{
		background: url(../images/circle.png) left center no-repeat;
		padding-left: 30px;
	}
	.ul-tab li span{
		padding-left: 30px;
	}
	.tab-con{
		width: 100%;
	}
	.ul-solution li{
		width: 33.333%;
	}
	.webset-pop .txt{
		width: 50%;
		margin-bottom: 20px;
	}
	.webset-pop .txt1{
		width: 100%;
	}
	body,html{
		/*overflow-x: hidden;*/
	}

	.ul-web{
		/*background: none;	*/
	}
	.ul-news-i li .hover .pad{
		/*bottom: -220px;*/
	}
	.ul-case li .txt{
		/*top: 320px;*/
	}
	.bg-blue{
		background: #f5f6fa;
	}
	.web-con .shou{
		top: 146px;
	}
	.tab-con{
		min-height: 419px;
	}
	.tab-con-box{
		width: 65%;
	}
	.ul-web li{padding-left: 0;}
	.about_l{ width:100%; margin-right:0%; float:left; margin-bottom:15px;}
	.about_r{ width:100%; float:left;}
	.jj-w{ margin-top:15px;}
	.jj-w .at_bottom{margin-top:20px;}
	.mbmap{display:block;}
	.ul-webmap{display:none;}
	.contact-l,.contact-r{
		width: 33.3333%;
		padding:0px 10px;
		float:left;
	}
	#fd {
		background: #307bf8;
		background-image: url(../images/map_sm.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		-webkit-background-size: 100%;
		background-size:100%;
		padding:50px 15px 10px;
	}
	#fd .fd-copy{
		text-align: center;
		background: none;
		height: auto;
		padding: 8px 0;
	}

	#fd .fd-top{
		display: none;
	}
	#fd .ul-fd li .dh h3{
		background: url(../images/in-_127.jpg) left center no-repeat;
		font-size:14px;
		line-height:30px;
		text-indent: 30px;
		text-align:left;
	}
	#fd .ul-fd li .dh h2{
		font-size:18px;
		text-indent: 30px;
	}


	#fd dl {
	  margin-top: 20px;
	}
	.fd-wc{ text-align: center;}

	#fd .ul-fd li .dh h3{
		background: url(../images/in-_127.jpg) left center no-repeat;
		font-size:14px;
		line-height:30px;
		text-indent: 30px;
		text-align:left;
	}
	#fd .ul-fd li .dh h2{
		font-size:18px;
		text-indent: 30px;
	}
	.heit20{
		margin-bottom: 20px;
	}
	.father{
		background: #fff;
		border-radius:2px;
		position: relative;
		top: 0px;
		left: 0px;
		width:1px;
		height:60px;
		float:left;
		margin-right:20px;
	}
	#fd dl {
	  margin-top: 20px;
	}
	.fd-wc{ text-align: center;}
	.ft-wp{ margin:0px auto 20px; padding-top:60px;}
	#fd dl h1 {
	  text-transform: uppercase;
	  font-weight: bold;
	  font-size: 20px;
	}
	.yunu-footer-fix {
		display:block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #307bf8;
		z-index: 10;
		border-top:2px solid #fff;
	}
	.yunu-footer-fix li {
		float: left;
		width: 25%;
	}
	.yunu-footer-fix li a {
		display: block;
		text-align: center;
		color: #fff;
		padding: 10px 0;
		font-size: 14px;
		line-height: 1;
	}
	.yunu-footer-fix li i {
		display: block;
		height: 1rem;
		background: no-repeat center;
		background-size: contain;
		margin-bottom: 0.25rem;
	}
	.yunu-footer-fix li i.i1 {
		background-image: url(../images/f_ico01.png);
	}
	.yunu-footer-fix li i.i2 {
		background-image: url(../images/tm.png);
	}
	.yunu-footer-fix li i.i3 {
		background-image: url(../images/jd.png);
	}
	.yunu-footer-fix li i.i4 {
		background-image: url(../images/f_ico04.png);
	}
	.case_img {
	  /* height: 320px; */
	  overflow: hidden;
	}
	.qywh{ margin:10px 0px 30px 0px;position:relative;height: auto;  }
	.qywh ul li{  width:calc(25% - 3px); height:260px; background:url(../images/qi.png) no-repeat; background-size:100%;
		text-align:center; float:left; margin-right:3px; padding-top:66px;margin-bottom:5px;}
	.qywh ul li p{line-height:20px;font-size:12px;}
	/* .qywh .uyu0 li:nth-of-type(4),.qywh .uyu01 li:nth-of-type(4){ margin-left:16%; }
	.qywh .uyu0 li:nth-of-type(4),.qywh .uyu0 li:nth-of-type(5),.qywh .uyu01 li:nth-of-type(4),.qywh .uyu01 li:nth-of-type(5){margin-top:-50px;} */
	.qywh .uyu{position: relative;
	    top: -260px;
	    left: 25%;}
	.qywh .uyu li:nth-of-type(4){margin-left:-100%;margin-top:260px;}

	.qywh .uyu01{position: relative;
	    top: -520px;
	    left:25%;}
	.qywh .uyu01 li:nth-of-type(4){margin-left:-100%;margin-top:260px;}
	.qywh .uyu01 li:nth-of-type(5){margin-left:-75%;margin-top:260px;}

	.qywh .uyu02{position: relative;
	    top: -780px;
	    left: 50%;}
	.qywh ul li:hover{ background:url(../images/qihong.png) no-repeat;background-size:100%;}


}

@media screen and (max-width: 900px){

	.ul-case li{
		width: calc(50% - 10px);
  		margin: 0px 5px 10px;
	}
	.side,.side2{
		display: none;
	}
	.ul-news-i li{
		width: 50%;
		margin-bottom: 10px;
	}
	.news-bg{
		background: #16182c;
	}
	.qywh{ margin:10px 0px 30px 0px;position:relative;height: auto;  }
	.qywh ul li{  width:calc(25% - 3px); height:240px; background:url(../images/qi.png) no-repeat; background-size:100%;
		text-align:center; float:left; margin-right:3px; padding-top:66px;margin-bottom:5px;}
	.qywh ul li p{line-height:20px;font-size:12px;}
	/* .qywh .uyu0 li:nth-of-type(4),.qywh .uyu01 li:nth-of-type(4){ margin-left:16%; }
	.qywh .uyu0 li:nth-of-type(4),.qywh .uyu0 li:nth-of-type(5),.qywh .uyu01 li:nth-of-type(4),.qywh .uyu01 li:nth-of-type(5){margin-top:-50px;} */
	.qywh .uyu{position: relative;
	    top: -240px;
	    left: 25%;}
	.qywh .uyu li:nth-of-type(4){margin-left:-100%;margin-top:240px;}

	.qywh .uyu01{position: relative;
	    top: -480px;
	    left:25%;}
	.qywh .uyu01 li:nth-of-type(4){margin-left:-100%;margin-top:240px;}
	.qywh .uyu01 li:nth-of-type(5){margin-left:-75%;margin-top:240px;}

	.qywh .uyu02{position: relative;
	    top: -720px;
	    left: 50%;}
	.qywh ul li:hover{ background:url(../images/qihong.png) no-repeat;background-size:100%;}


}
@media screen and (max-width: 880px){

	.ul-icon-i li .pad .pic{
		/*margin-left: -63px;*/
	}
	.case_img {
	 /* height: 280px; */
	  overflow: hidden;
	}

}



@media screen and (max-width: 768px){

	.case_bd li{
	  width: 48%;
	  float: left;
	  margin:10px 0 0 2%;
	}
	.case_img {
	  /* height: 240px; */
	  overflow: hidden;
	}
	.ul-icon-i li{
		width: 50%;
	}
	.case-i-l,.case-i-r{
		width: 100%;
		padding: 0;
		float: none;
	}
	.ul-case-i{margin: 0}
	.ul-case-i-1 li{
		width: 50%;
	}
	.ul-news-i{
		width: 100%;
		margin-left: 5px;
		margin-right: 0;
	}
	.ul-news-i li{
		width: 50%;
		margin-bottom: 10px;
	}
	.ul-news-i li .hover{
		left: 0;
		width: 100%;
	}
	.ul-news-i li:last-child{
		width: 50%;
	}
	.news-more{
		padding: 0 10px;
		display: none;
	}

	.map .btn{

	}
	.ul-about li .block{
		/*height: 190px;*/
	}
	.ul-about li,.ul-webset li{
		width: 100%;
		margin-bottom: 15px;
	}

	#banner{
		/*padding-top: 50px;*/
		overflow: hidden;
	}
	#banner .flexslider .slides li{
		/*height: 200px;*/
	}
	#banner .flexslider .slides li img{
		/*height: 200px;*/
	}
	#banner .slides li .ban-txt{
		margin-top: 0;
		top: 20px;
		left: 0;
		margin-left: 0;
		text-align: center;
		width: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.news-bg{
		background: #16182c;
	}
	#banner .slides li .ban-txt h5{
		font-size: 26px;
		margin-top: -10px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 26px;
	}
	#banner .slides li .ban-txt h2{
		font-size: 50px;
	}
	#banner .slides li .ban-txt h2{
		height: 84px;
		line-height: 84px;
	}
	#banner .slides li.s2 .ban-txt{
		margin: 0;
		width: 100%;
	}
	#banner .slides li.s2 .ban-txt h2{
		font-size: 50px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 40px;
	}
	.case-img{
		margin-bottom: 30px;
	}
	.side,.side2{
		display: none;
	}

	.ul-list li,.ul-case li{
		width: calc(50% - 10px);
  		margin: 0px 5px 10px;
	}
	.ul-service li{
		padding-right: 0;
	}
	.tab-con .txt{
		width: 100%;
		float: none;
	}
	.tab-con .pic{
		width: 223px;
		margin: 0 auto;
		float:none;
	}
	.tab-con img{
		/*width: 100%;*/
		float: none;
	}
	.ul-icon{
		padding-right: 0;
		text-align: center;
	}
	.ul-icon li{
		display: inline-block;
		float: none;
	}
	.ul-web li{
		width: 100%;
		margin-bottom: 15px;
	}
	#ban-in .ban-bg{
		display: none;
	}
	.team .flexslider li .txt{
		width: 100%;
	}
	.ul-case-i li a .hover{
		/*display: none !important;*/
	}
	.ul-case-i li a:hover .hover{
		/*display: none !important;*/
	}
	.team .flex-direction-nav .flex-next{
		left: 0;
		margin-top: 10px;
	}
	.process{
		display: none;
	}
	.web-con .shou{
		display: none;
	}
	.tab-con .pic .img{
		display: none;
	}

	.service{
		background: #181837;
	}
	.row2{
		background: #f5f6fa;
	}
	.map-s .map-bg3{
		display: block;
	}
	.index-fd{
		margin-top: -1px;
	}
	.map .map-bg2{
		background-image: url(../images/map_bg3.png) ;
	}
	.team .flex-direction-nav{
		background: none;
	}
	#banner .flex-control-nav{
		display: none;
	}
	.tab-con-box{
		width: 100%;
		float: none;
	}
	.web-con .pic{
		width: 100%;
		float: none;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.tab-con{
		min-height: auto;
	}
	.team .flexslider li .pic{height: 300px;}
	/*.case-img .hover{display: none !important;}*/
	/*.map-pop,.map-i,.map-c,.map-big{height: 300px;}*/
	/*.ul-icon-i li .pad .pic{display: none;}*/
	/*.ul-news-i li .hover{display: none;}*/
	.map-bg3{display: block;}
	.map .map-bg2{display: none;}
	#banner .slides li.s1 .ban-txt h3{font-size: 12px;}
	.tit-i h3 {
	  font-size: 36px;
	  color: #000;
	  margin-bottom: 10px;
	  background: url(../images/tit-bg.png) center top no-repeat;
	  line-height: 60px;
	  font-weight: bold;
	  letter-spacing: 5px;
	  background-size:80%
	}


	.tit-i{
		text-align: center;
		padding: 20px 0;
		line-height: 36px;
		overflow: hidden;
	}
	.tit-i h3 {
	  font-size: 30px;
	  color: #000;
	  margin-bottom: 10px;
	  padding-top:5px;
	  background: url(../images/tit-bg.png) center top no-repeat;
	  line-height: 48px;
	  font-weight: bold;
	  letter-spacing: 5px;
	  background-size:80%
	}


	.about_l{ width:100%; margin-right:0%; float:left; margin-bottom:15px;}
	.about_r{ width:100%; float:left;}
	.jj-w{ margin-top:15px;}
	.jj-w .at_bottom{
		margin-top:20px;
	}

	.mbmap{display:block;}
	.ul-webmap{display:none;}
	.ul-hz-i li img{
		height:60px;
	}

	.ab-l{
		float:left;
		width:100%;
		margin-right: 0%;
	}
	.ab-r{
		float:left;
		width:100%;
		text-align:center;
		margin-top: 20px;
	}
	.ul-about li{
		float: left;
		width: calc(50% - 12px);
		text-align: center;
		font-size: 16px;
		line-height: 32px;
		color: #666;
		display: block;
		margin:10px 5px;
		border-radius:10px;
		padding:10px 5px;
		border:1px solid #ccc;
	}
	.ul-about li h3{
		font-size: 36px;
		color: #307bf8;
		line-height: 60px;
		border-bottom: 1px solid #307bf8;
		font-weight: bolder;
		font-family:'黑体';
	}
	.ul-contact{text-align:center;}
	/* .contact-l, .contact-r {
	  width: calc(100% - 30px);
	  clear: both;
	  padding: 10px 15px;
	} */
	/* .lcbg{display:none;} */
	.m-lcbg{
		display:block;
		background-image:url(../images/m-a-2-2.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:100%;
		width: 100%;
		height:100%;
		position: relative;
		color:#317bf8;
	}
	/* .lcbg_1{
	width:50%;
	padding-right:50px;
	float:left;
	position:relative;
	background-size:50px;
	}
	.lcbg_2{
	background-image:url(../images/quan-1.png);
	background-repeat:no-repeat;
	background-position:left 20px;
	width:49%;
	float:right;
	position:relative;
	background-size:50px;
	} */

	.m-lcbg .lc-l{ width:50%; margin-right:50%;}
	.m-lcbg .lc-r{ width:50%; margin-left:50%;}
	.lcbg h1{
		background-color:#317bf8;
		font-size:12px;
		padding:3px 5px;
		line-height:24px;
		border-radius:10px;
		color:#fff;
		text-align:center;
		margin: 5px 0px;
	}
	.lcbg h3{
		font-size:20px;
		line-height:24px;
	}
	.lcbg p{
		line-height:22px;
		font-size:12px;
	}
	.qywh{ margin:10px 0px 30px; padding:0px 15px;}
	.wh-l{ width:100%; margin-right:0px; float:left;}
	.wh-r{
		width:100%;
		float:left;
	}
	.wh-r li{
		background-image:url(../images/m-ab-3-3.jpg);
		background-repeat:no-repeat;
		background-position:left 8px;
		text-indent:20px;
		margin-bottom: 30px;
		color:#000;
		font-size:16px;
		line-height: 32px;
	}
	.qywh dl{
		margin-bottom:30px;
		font-weight: bold;
	}
	.qywh dl dt{
		font-size: 26px;
		line-height:60px;
		color:#317bf8;
		border-bottom:3px solid #317bf8;
		display:inline-block;
		letter-spacing: 2px;
	}
	.qywh dl dd{
		font-size: 22px;
		display:block;
		line-height: 48px;
		text-indent: 2em;
		color: #000;
	}
	.pages a{
		display: inline-block;
		width: 36px;
		height: 36px;
		background-color: #eaeaea;
		border-radius: 3px;
		text-align: center;
		line-height: 36px;
		font-family: Arial;
		font-size: 16px;
		color: #666;
		margin: 0 3px;
	}
	/*product*/
	.slider .bd li{ width:50%;  overflow:hidden;
	}
	.slider .bd li img{ display:block; width:100%; height:180px; }
	.slider .tempWrap{ overflow:visible !important }
	.slider .tempWrap ul{  margin-left:-25% !important
	}
	.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center
	}
	.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden;
		background:url(../images/slider-btn.png) 0 -10px no-repeat;
		margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6
	}
	.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1
	}
	.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:180px; cursor:pointer
	}
	.slider .prev{ left:-50%; margin-left:-25%
	}
	.slider .next{ left:50%;  margin-left:25%
	}
	.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:180px;
		background:#000; filter:alpha(opacity=50);opacity:0.5
	}
	.slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:180px;
	}

	.jgbox .jl{float: none;margin-right: 0px}
	.jgbox .jr{float: none;}
	.jgbox .jl-img{ width: 100%; }
	.jgbox .jl-wen{ width: 100%; font-size:16px}
	.ul-case-i li.nyli {
	  float: left;
	  width: calc(100% - 20px);
	  padding: 0px 10px;
	  overflow: hidden;
	}

	.ul-news dl dt{width:100%; float: none;margin-right: 0px; }
	.ul-news dl dd{width:100%; float: none; text-align: left;}
	.ul-zhanhui dl dt{width:calc(100% - 0px); float: none;margin-right: 0px; }
	.ul-zhanhui dl dd{width:100%; float: none; text-align: left;}
	.newbox .news-img{ width: 100%; float: none; margin-right: 0px}
	.newbox .news-wen{ width: calc(100% - 0px); float: none; }
	.lx-l{ width:100%; margin-right:0%; float:none;}
	.lx-r{
		width:calc(100% - 30px);
		float:none;
		background-size:cover;
		background-image:url(../images/lx1.jpg);
		background-repeat:no-repeat;
		background-position:center  top;
		padding: 20px 15px;
	}
	.zc-l{ width:100%; float:left;margin-right:0%;}
	.zc-r{ width:100%; float:left; font-size:18px;line-height:40px;}
	.jgbox .jl{float: none;margin-right: 0px}
	.jgbox .jr{float: none;}
	.jgbox .jl-img{ width: 100%; }
	.jgbox .jl-wen{ width: calc(100% - 0px); font-size:16px}
	.stbox .stl{float: none;margin-right: 0px}
	.stbox .str{float: none;}
	.stbox .stl-img{ width: 100%; }
	.stbox .stl-wen{ width: calc(100% - 0px); font-size:16px;}

	.stbox2 .stl{float: none;margin-right: 0px}
	.stbox2 .str{float: none;}
	.stbox2 .stl-img2{ width: 100%; }
	.stbox2 .stl-wen2{ width: calc(100% - 0px); font-size:16px;}
	.qywh{ margin:10px 0px 30px 0px;position:relative;height: auto;  }
	.qywh ul li{  width:calc(33.3333% - 5px); height:270px; background:url(../images/qi.png) no-repeat; background-size:100%;
		text-align:center; float:left; margin-right:5px; padding-top:66px;margin-bottom:5px;}
	.qywh ul li p{line-height:20px;font-size:12px;}
	.qywh .uyu0 li:nth-of-type(4){ margin-left:16%; }
	.qywh .uyu0 li:nth-of-type(4),.qywh .uyu0 li:nth-of-type(5){margin-top:-50px;}
	.qywh .uyu{position: relative;
	    top: -50px;
	    left: 0px;}
	.qywh .uyu li:nth-of-type(4){margin-left:16%;margin-top:-60px;}

	.qywh .uyu01{position: relative;
	    top: -100px;
	    left:0;}
	.qywh .uyu01 li:nth-of-type(4){margin-left:-100%;margin-top:275px;}
	.qywh .uyu01 li:nth-of-type(5){margin-left:50%;margin-top:-500px;}

	.qywh .uyu02{position: relative;
	    top: -375px;
	    left: 33.3333%;}
	.zhounian{display: block;vertical-align: text-bottom;margin:0 auto; text-align: center;}

}


@media screen and (max-width: 640px){
	.case_img {
	  /* height: 180px; */
	  overflow: hidden;
	}
	img{max-width:100%;}
	.wp{padding:0px 15px;}

	.ul-icon-i li,.ul-case-i li{
		width: 100%;
	}
	.ul-case-i-1 li{
		width: 100%;
	}
	.ul-news-i li,.ul-news-i li:last-child{
		width: 100%;
		padding-right: 0;
	}
	#fd {
		background: #307bf8;
		background-image: url(../images/map_sm.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		-webkit-background-size: 100%;
		background-size:100%;
		margin-top: 18px;
		padding-top:30px;
	}
	#fd dl{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#fd .ul-fd2 li {
	  display: inline-block;
	  width: 50%;
	  float: left;
	  text-align: center;
	}
	#fd .fd-copy{
		height: auto;
	}
	.contact-form .inp{
		width: 100%;
		height: 35px;
	}
	#banner .slides li .ban-txt{
		height: auto;
	}
	#banner .slides li .ban-txt h5{
		font-size: 14px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 12px;
		padding-top: 15px;
	}
	#banner .slides li .ban-txt h2{
		height: 54px;
		line-height: 54px;
	}
	#banner .slides li.s1 .ban-txt h3{
		font-size: 12px;
	}
	#banner .slides li.s2 .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li.s2 .ban-txt h3{
		font-size: 22px;
	}
	#banner .slides li.s3 .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 22px;
	}
	#banner .slides li.s3 .ban-txt h4{
		font-size: 12px;
	}
	#banner .flex-control-nav{
		bottom: -5px;
	}
	.ul-list li,.ul-case li{
		width: calc(50% - 10px);
  		margin: 0px 5px 10px;
	}
	.ul-solution li{
		width: 100%;
	}
	.ul-webset li.li1 .block,.ul-webset li.li2 .block{
		width: 100%;
	}
	.ul-webset li{
		width: 100%;
	}
	.ul-webset li .block img{
		/*width: 100%;*/
	}
	.ul-tab li{
		width: 100%;
	}
	#ban-in{
		height: 250px;
	}
	.team .flex-direction-nav{
		background: none;
	}
	.ul-case li .txt{
		/*display: none;*/
	}
	.ul-list li .pic img{
		transform: perspective(000px) rotateY(0deg);
		transition: all 1s ease 0s;
		-moz-transform: perspective(000px) rotateY(0deg);
		-moz-transition: all 1s ease 0s;
		-webkit-transform: perspective(000px) rotateY(0deg);
		-webkit-transition: all 1s ease 0s;
		-o-transform: perspective(000px) rotateY(0deg);
		-o-transition: all 1s ease 0s;
		-ms-transform: perspective(000px) rotateY(0deg);
		-ms-transition: all 1s ease 0s;
	}
	.web-con .shou{
		position: relative;
		display: none;
	}
	.team .flexslider li .pic{height: 245px;}
	#banner .slides li.s1 .ban-txt h3{/*margin-left: -40%;*/top: 30%;}
	#banner .slides li.s1 .ban-txt h2{line-height: 43px;}
	#banner .slides li.s2 .ban-txt h4{font-size: 12px;}
	#banner .slides li.s2 .ban-txt h6{display: none;}
	#banner .slides li.s3 .ban-txt{top: 0;}
	#banner .slides li.s3 .ban-txt h4{line-height: 18px;}
	#banner .slides li.s3 .ban-txt h2{height: 50px;line-height: 50px;}
	.yunu-footer-fix {
		display:block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #307bf8;
		z-index: 10;
		border-top:2px solid #fff;
	}
	.yunu-footer-fix li {
		float: left;
		width: 25%;
	}
	.yunu-footer-fix li a {
		display: block;
		text-align: center;
		color: #fff;
		padding: 10px 0;
		font-size: 14px;
		line-height: 1;
	}
	.yunu-footer-fix li i {
		display: block;
		height: 1rem;
		background: no-repeat center;
		background-size: contain;
		margin-bottom: 0.25rem;
	}

	.tit-i{
		text-align: center;
		padding: 20px 0;
		line-height: 36px;
		overflow: hidden;
	}
	.tit-i h3 {
	  font-size: 30px;
	  color: #000;
	  margin-bottom: 10px;
	  padding-top:5px;
	  background: url(../images/tit-bg.png) center top no-repeat;
	  line-height: 48px;
	  font-weight: bold;
	  letter-spacing: 5px;
	  background-size:80%
	}

	#fd .ul-fd li .dh h3{
		background: url(../images/in-_127.jpg) left center no-repeat;
		font-size:14px;
		line-height:30px;
		text-indent: 30px;
		text-align:left;
	}
	#fd .ul-fd li .dh h2{
		font-size:18px;
		text-indent: 30px;
	}
	.heit20{
		margin-bottom: 20px;
	}
	.father{
		background: #fff;
		border-radius:2px;
		position: relative;
		top: 0px;
		left: 0px;
		width:1px;
		height:60px;
		float:left;
		margin-right:20px;
	}
	#fd dl {
	  margin-top: 20px;
	}
	.fd-wc{ text-align: center;}
	.ft-wp{ margin: 0px auto 60px;}

	.kuang1{ width:100%;margin-right: 0%;}
	.kuang2{ width:100%;}

	.about_l{ width:100%; margin-right:0%; float:left; margin-bottom:15px;}
	.about_r{ width:100%; float:left;}
	.jj-w{ margin-top:15px;}
	.jj-w .at_bottom{
		padding: 0px 0px;
		border:0px solid #ccc;
		border-radius:0px;
	}
	.jj-w .at_bottom .br-none{border-right:1px solid #ccc;}
	.jj-w .at_bottom .ab_con{
	    width: calc(50% - 12px);
	    text-align: center;
	    margin:10px 5px;
		padding: 20px 0px;
		border:1px solid #ccc;
		border-radius:10px;
	}
	.mbmap{display:block;}
	.ul-webmap{display:none;}
	.ul-hz-i li img{
	height:60px;
	}

	.ab-l{
		float:left;
		width:100%;
		margin-right: 0%;
	}
	.ab-r{
		float:left;
		width:100%;
		text-align:center;
		margin-top: 20px;
	}
	.ul-about li{
		float: left;
		width: calc(50% - 12px);
		text-align: center;
		font-size: 16px;
		line-height: 32px;
		color: #666;
		display: block;
		margin:10px 5px;
		border-radius:10px;
		padding:10px 5px;
		border:1px solid #ccc;
	}
	.ul-about li h3{
		font-size: 36px;
		color: #307bf8;
		line-height: 60px;
		border-bottom: 1px solid #307bf8;
		font-weight: bolder;
		font-family:'黑体';
	}
	.ul-contact{text-align:center;}
	.contact-l, .contact-r {
	  width: calc(100% - 30px);
	  clear: both;
	  padding: 10px 15px;
	}
	/* .lcbg{display:none;} */
	.m-lcbg{
		display:block;
		background-image:url(../images/m-a-2-2.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:100%;
		width: 100%;
		height:100%;
		position: relative;
		color:#317bf8;
	}
	.m-lcbg .lc-l{ width:50%; margin-right:50%;}
	.m-lcbg .lc-r{ width:50%; margin-left:50%;}
	.m-lcbg h1{
		background-color:#317bf8;
		font-size:12px;
		padding:3px 5px;
		line-height:24px;
		border-radius:10px;
		color:#fff;
		text-align:center;
		margin: 5px 0px;
	}
	.m-lcbg h3{
		font-size:20px;
		line-height:24px;
	}
	.m-lcbg p{
		line-height:22px;
		font-size:12px;
	}
	.qywh{ margin:10px 0px 30px; padding:0px 15px;}
	.wh-l{ width:100%; margin-right:0px; float:left;}
	.wh-r{
		width:100%;
		float:left;
	}
	.wh-r li{
		background-image:url(../images/m-ab-3-3.jpg);
		background-repeat:no-repeat;
		background-position:left 8px;
		text-indent:20px;
		margin-bottom: 30px;
		color:#000;
		font-size:16px;
		line-height: 32px;
	}
	.qywh dl{
		margin-bottom:30px;
		font-weight: bold;
	}
	.qywh dl dt{
		font-size: 26px;
		line-height:60px;
		color:#317bf8;
		border-bottom:3px solid #317bf8;
		display:inline-block;
		letter-spacing: 2px;
	}
	.qywh dl dd{
		font-size: 22px;
		display:block;
		line-height: 48px;
		text-indent: 2em;
		color: #000;
	}
	.pages a{
		display: inline-block;
		width: 36px;
		height: 36px;
		background-color: #eaeaea;
		border-radius: 3px;
		text-align: center;
		line-height: 36px;
		font-family: Arial;
		font-size: 16px;
		color: #666;
		margin: 0 3px;
	}
	/*product*/
	.slider .bd li{ width:50%;  overflow:hidden;
	}
	.slider .bd li img{ display:block; width:100%; height:180px; }
	.slider .tempWrap{ overflow:visible !important }
	.slider .tempWrap ul{  margin-left:-25% !important
	}
	.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center
	}
	.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden;
		background:url(../images/slider-btn.png) 0 -10px no-repeat;
		margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6
	}
	.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1
	}
	.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:180px; cursor:pointer
	}
	.slider .prev{ left:-50%; margin-left:-25%
	}
	.slider .next{ left:50%;  margin-left:25%
	}
	.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:180px;
		background:#000; filter:alpha(opacity=50);opacity:0.5
	}
	.slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:180px;
	}

	.jgbox .jl{float: none;margin-right: 0px}
	.jgbox .jr{float: none;}
	.jgbox .jl-img{ width: 100%; }
	.jgbox .jl-wen{ width: 100%; font-size:16px}
	.ul-case-i li.nyli {
	  float: left;
	  width: calc(100% - 20px);
	  padding: 0px 10px;
	  overflow: hidden;
	}

	.ul-news dl dt{width:100%; float: none;margin-right: 0px; }
	.ul-news dl dd{width:100%; float: none; text-align: left;}
	.ul-zhanhui dl dt{width:calc(100% - 0px); float: none;margin-right: 0px; }
	.ul-zhanhui dl dd{width:100%; float: none; text-align: left;}
	.newbox .news-img{ width: 100%; float: none; margin-right: 0px}
	.newbox .news-wen{ width: calc(100% - 0px); float: none; }
	.lx-l{ width:100%; margin-right:0%; float:none;}
	.lx-r{
		width:calc(100% - 30px);
		float:none;
		background-size:cover;
		background-image:url(../images/lx1.jpg);
		background-repeat:no-repeat;
		background-position:center  top;
		padding: 20px 15px;
	}
	.zc-l{ width:100%; float:left;margin-right:0%;}
	.zc-r{ width:100%; float:left; font-size:18px;line-height:40px;}
	.jgbox .jl{float: none;margin-right: 0px}
	.jgbox .jr{float: none;}
	.jgbox .jl-img{ width: 100%; }
	.jgbox .jl-wen{ width: calc(100% - 0px); font-size:16px}
	.stbox .stl{float: none;margin-right: 0px}
	.stbox .str{float: none;}
	.stbox .stl-img{ width: 100%; }
	.stbox .stl-wen{ width: calc(100% - 0px); font-size:16px;}

	.stbox2 .stl{float: none;margin-right: 0px}
	.stbox2 .str{float: none;}
	.stbox2 .stl-img2{ width: 100%; }
	.stbox2 .stl-wen2{ width: calc(100% - 0px); font-size:16px;}
	.qywh{ margin:10px 0px 30px 0px;position:relative;height: auto;  }
	.qywh ul li{  width:calc(33.3333% - 5px); height:190px; background:url(../images/qi.png) no-repeat; background-size:100%;
		text-align:center; float:left; margin-right:5px; padding-top:36px;margin-bottom:5px;}
	.qywh ul li p{line-height:20px;font-size:12px;}
	.qywh .uyu0 li:nth-of-type(4),.qywh .uyu01 li:nth-of-type(4){ margin-left:16%; }
	.qywh .uyu0 li:nth-of-type(4),.qywh .uyu0 li:nth-of-type(5),.qywh .uyu01 li:nth-of-type(4),.qywh .uyu01 li:nth-of-type(5){margin-top:-50px;}
	.qywh .uyu{position: relative;
	    top: -50px;
	    left: 0px;}
	.qywh .uyu li:nth-of-type(4){margin-left:33.3333%;margin-top:-8px;}

	.qywh .uyu01{position: relative;
	    top: -60px;
	    left:0;}


	.qywh .uyu02{position: relative;
	    top: -110px;
	    left: 0px;}


}


@media screen and (max-width: 480px){
	.case_img {
	  /* height: auto; */
	  overflow: hidden;
	}

	img{max-width:100%;}
	.wp{padding:0px 15px;}

	.ul-icon-i li,.ul-case-i li{
		width: 100%;
	}
	.ul-case-i-1 li{
		width: 100%;
	}
	.ul-news-i li,.ul-news-i li:last-child{
		width: 100%;
		padding-right: 0;
	}
	#fd {
		background: #307bf8;
		background-image: url(../images/map_sm.jpg);
		background-position:center top;
		background-repeat:no-repeat;
		-webkit-background-size: 100%;
		background-size:100%;
		margin-top: 18px;
		padding-top:30px;
	}
	#fd dl{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#fd .ul-fd2 li {
	  display: inline-block;
	  width: 50%;
	  float: left;
	  text-align: center;
	}
	#fd .fd-copy{
		height: auto;
	}
	.contact-form .inp{
		width: 100%;
		height: 35px;
	}
	#banner .slides li .ban-txt{
		height: auto;
	}
	#banner .slides li .ban-txt h5{
		font-size: 14px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 12px;
		padding-top: 15px;
	}
	#banner .slides li .ban-txt h2{
		height: 54px;
		line-height: 54px;
	}
	#banner .slides li.s1 .ban-txt h3{
		font-size: 12px;
	}
	#banner .slides li.s2 .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li.s2 .ban-txt h3{
		font-size: 22px;
	}
	#banner .slides li.s3 .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 22px;
	}
	#banner .slides li.s3 .ban-txt h4{
		font-size: 12px;
	}
	#banner .flex-control-nav{
		bottom: -5px;
	}
	.ul-list li,.ul-case li{
		width: calc(50% - 10px);
  		margin: 0px 5px 10px;
	}
	.ul-solution li{
		width: 100%;
	}
	.ul-webset li.li1 .block,.ul-webset li.li2 .block{
		width: 100%;
	}
	.ul-webset li{
		width: 100%;
	}
	.ul-webset li .block img{
		/*width: 100%;*/
	}
	.ul-tab li{
		width: 100%;
	}
	#ban-in{
		height: 250px;
	}
	.team .flex-direction-nav{
		background: none;
	}
	.ul-case li .txt{
		/*display: none;*/
	}
	.ul-list li .pic img{
		transform: perspective(000px) rotateY(0deg);
		transition: all 1s ease 0s;
		-moz-transform: perspective(000px) rotateY(0deg);
		-moz-transition: all 1s ease 0s;
		-webkit-transform: perspective(000px) rotateY(0deg);
		-webkit-transition: all 1s ease 0s;
		-o-transform: perspective(000px) rotateY(0deg);
		-o-transition: all 1s ease 0s;
		-ms-transform: perspective(000px) rotateY(0deg);
		-ms-transition: all 1s ease 0s;
	}
	.web-con .shou{
		position: relative;
		display: none;
	}
	.team .flexslider li .pic{height: 245px;}
	#banner .slides li.s1 .ban-txt h3{/*margin-left: -40%;*/top: 30%;}
	#banner .slides li.s1 .ban-txt h2{line-height: 43px;}
	#banner .slides li.s2 .ban-txt h4{font-size: 12px;}
	#banner .slides li.s2 .ban-txt h6{display: none;}
	#banner .slides li.s3 .ban-txt{top: 0;}
	#banner .slides li.s3 .ban-txt h4{line-height: 18px;}
	#banner .slides li.s3 .ban-txt h2{height: 50px;line-height: 50px;}
	.yunu-footer-fix {
		display:block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #307bf8;
		z-index: 10;
		border-top:2px solid #fff;
	}
	.yunu-footer-fix li {
		float: left;
		width: 25%;
	}
	.yunu-footer-fix li a {
		display: block;
		text-align: center;
		color: #fff;
		padding: 10px 0;
		font-size: 14px;
		line-height: 1;
	}
	.yunu-footer-fix li i {
		display: block;
		height: 1rem;
		background: no-repeat center;
		background-size: contain;
		margin-bottom: 0.25rem;
	}

	.tit-i{
		text-align: center;
		padding: 20px 0;
		line-height: 36px;
		overflow: hidden;
	}
	.tit-i h3 {
	  font-size: 30px;
	  color: #000;
	  margin-bottom: 10px;
	  padding-top:5px;
	  background: url(../images/tit-bg.png) center top no-repeat;
	  line-height: 48px;
	  font-weight: bold;
	  letter-spacing: 5px;
	  background-size:80%
	}

	#fd .ul-fd li .dh h3{
		background: url(../images/in-_127.jpg) left center no-repeat;
		font-size:14px;
		line-height:30px;
		text-indent: 30px;
		text-align:left;
	}
	#fd .ul-fd li .dh h2{
		font-size:18px;
		text-indent: 30px;
	}
	.heit20{
		margin-bottom: 20px;
	}
	.father{
		background: #fff;
		border-radius:2px;
		position: relative;
		top: 0px;
		left: 0px;
		width:1px;
		height:60px;
		float:left;
		margin-right:20px;
	}
	#fd dl {
	  margin-top: 20px;
	}
	.fd-wc{ text-align: center;}
	.ft-wp{ margin: 0px auto 60px;}

	.kuang1{ width:100%;margin-right: 0%;}
	.kuang2{ width:100%;}

	.about_l{ width:100%; margin-right:0%; float:left; margin-bottom:15px;}
	.about_r{ width:100%; float:left;}
	.jj-w{ margin-top:15px;}
	.jj-w .at_bottom{
		padding: 0px 0px;
		border:0px solid #ccc;
		border-radius:0px;
	}
	.jj-w .at_bottom .br-none{border-right:1px solid #ccc;}
	.jj-w .at_bottom .ab_con{
	    width: calc(50% - 12px);
	    text-align: center;
	    margin:10px 5px;
		padding: 20px 0px;
		border:1px solid #ccc;
		border-radius:10px;
	}
	.mbmap{display:block;}
	.ul-webmap{display:none;}
	.ul-hz-i li img{
	height:60px;
	}

	.ab-l{
		float:left;
		width:100%;
		margin-right: 0%;
	}
	.ab-r{
		float:left;
		width:100%;
		text-align:center;
		margin-top: 20px;
	}
	.ul-about li{
		float: left;
		width: calc(50% - 12px);
		text-align: center;
		font-size: 16px;
		line-height: 32px;
		color: #666;
		display: block;
		margin:10px 5px;
		border-radius:10px;
		padding:10px 5px;
		border:1px solid #ccc;
	}
	.ul-about li h3{
		font-size: 36px;
		color: #307bf8;
		line-height: 60px;
		border-bottom: 1px solid #307bf8;
		font-weight: bolder;
		font-family:'黑体';
	}
	.ul-contact{text-align:center;}
	.contact-l, .contact-r {
	  width: calc(100% - 30px);
	  clear: both;
	  padding: 10px 15px;
	}
	/* .lcbg{display:none;} */
	.m-lcbg{
		display:block;
		background-image:url(../images/m-a-2-2.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		background-size:100%;
		width: 100%;
		height:100%;
		position: relative;
		color:#317bf8;
	}
	.m-lcbg .lc-l{ width:50%; margin-right:50%;}
	.m-lcbg .lc-r{ width:50%; margin-left:50%;}
	.m-lcbg h1{
		background-color:#317bf8;
		font-size:12px;
		padding:3px 5px;
		line-height:24px;
		border-radius:10px;
		color:#fff;
		text-align:center;
		margin: 5px 0px;
	}
	.m-lcbg h3{
		font-size:20px;
		line-height:24px;
	}
	.m-lcbg p{
		line-height:22px;
		font-size:12px;
	}
	.qywh{ margin:10px 0px 30px; padding:0px 15px;}
	.wh-l{ width:100%; margin-right:0px; float:left;}
	.wh-r{
		width:100%;
		float:left;
	}
	.wh-r li{
		background-image:url(../images/m-ab-3-3.jpg);
		background-repeat:no-repeat;
		background-position:left 8px;
		text-indent:20px;
		margin-bottom: 30px;
		color:#000;
		font-size:16px;
		line-height: 32px;
	}
	.qywh dl{
		margin-bottom:30px;
		font-weight: bold;
	}
	.qywh dl dt{
		font-size: 26px;
		line-height:60px;
		color:#317bf8;
		border-bottom:3px solid #317bf8;
		display:inline-block;
		letter-spacing: 2px;
	}
	.qywh dl dd{
		font-size: 22px;
		display:block;
		line-height: 48px;
		text-indent: 2em;
		color: #000;
	}
	.pages a{
		display: inline-block;
		width: 36px;
		height: 36px;
		background-color: #eaeaea;
		border-radius: 3px;
		text-align: center;
		line-height: 36px;
		font-family: Arial;
		font-size: 16px;
		color: #666;
		margin: 0 3px;
	}
	/*product*/
	.slider .bd li{ width:50%;  overflow:hidden;
	}
	.slider .bd li img{ display:block; width:100%; height:180px; }
	.slider .tempWrap{ overflow:visible !important }
	.slider .tempWrap ul{  margin-left:-25% !important
	}
	.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center
	}
	.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden;
		background:url(../images/slider-btn.png) 0 -10px no-repeat;
		margin:0 5px; cursor:pointer; filter:alpha(opacity=60);opacity:0.6
	}
	.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1
	}
	.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:180px; cursor:pointer
	}
	.slider .prev{ left:-50%; margin-left:-25%
	}
	.slider .next{ left:50%;  margin-left:25%
	}
	.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:180px;
		background:#000; filter:alpha(opacity=50);opacity:0.5
	}
	.slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:60px; height:180px;
	}

	.jgbox .jl{float: none;margin-right: 0px}
	.jgbox .jr{float: none;}
	.jgbox .jl-img{ width: 100%; }
	.jgbox .jl-wen{ width: 100%; font-size:16px}
	.ul-case-i li.nyli {
	  float: left;
	  width: calc(100% - 20px);
	  padding: 0px 10px;
	  overflow: hidden;
	}

	.ul-news dl dt{width:100%; float: none;margin-right: 0px; }
	.ul-news dl dd{width:100%; float: none; text-align: left;}
	.ul-zhanhui dl dt{width:calc(100% - 0px); float: none;margin-right: 0px; }
	.ul-zhanhui dl dd{width:100%; float: none; text-align: left;}
	.newbox .news-img{ width: 100%; float: none; margin-right: 0px}
	.newbox .news-wen{ width: calc(100% - 0px); float: none; }
	.lx-l{ width:100%; margin-right:0%; float:none;}
	.lx-r{
		width:calc(100% - 30px);
		float:none;
		background-size:cover;
		background-image:url(../images/lx1.jpg);
		background-repeat:no-repeat;
		background-position:center  top;
		padding: 20px 15px;
	}
	.zc-l{ width:100%; float:left;margin-right:0%;}
	.zc-r{ width:100%; float:left; font-size:18px;line-height:40px;}
	.jgbox .jl{float: none;margin-right: 0px}
	.jgbox .jr{float: none;}
	.jgbox .jl-img{ width: 100%; }
	.jgbox .jl-wen{ width: calc(100% - 0px); font-size:16px}
	.stbox .stl{float: none;margin-right: 0px}
	.stbox .str{float: none;}
	.stbox .stl-img{ width: 100%; }
	.stbox .stl-wen{ width: calc(100% - 0px); font-size:16px;}

	.stbox2 .stl{float: none;margin-right: 0px}
	.stbox2 .str{float: none;}
	.stbox2 .stl-img2{ width: 100%; }
	.stbox2 .stl-wen2{ width: calc(100% - 0px); font-size:16px;}
	.qywh{ margin:10px 0px 30px 0px;position:relative;height: auto;  }
	.qywh ul li{  width:calc(50% - 5px); height:200px; background:url(../images/qi.png) no-repeat; background-size:100%;
		text-align:center; float:left; margin-right:5px; padding-top:36px;margin-bottom:5px;}
	.qywh ul li p{line-height:20px;font-size:12px;}
	.qywh .uyu{position: relative;
	    top: 0px;
	    left: 0px;}

	.qywh .uyu01{position: relative;
	    top: 0px;
	    left:0;}

	.qywh .uyu02{position: relative;
	    top: 0px;
	    left: 0px;}
	.qywh .uyu0 li:nth-of-type(4),.qywh .uyu01 li:nth-of-type(4){ margin-left:0%; }
	.qywh .uyu0 li:nth-of-type(4),.qywh .uyu0 li:nth-of-type(5),.qywh .uyu01 li:nth-of-type(4),.qywh .uyu01 li:nth-of-type(5){margin-top:0px; margin-left:0px}
	.qywh .uyu li:nth-of-type(4){margin-left:0%;margin-top:0px;}



}
@media screen and (max-width: 414px){
	#banner .slides li.s1 .ban-txt h3{top: 40%;font-size: 12px;}
	#banner .slides li.s1 .ban-txt h2{line-height: 20px;}
	#banner .slides li.s3 .ban-txt{top: 20px;}
	#ban-in{display: none;}
	#m-hd{border-bottom: 1px solid #ccc;}
	.qywh{ margin:10px 0px 30px 0px;position:relative;height: auto;  }
	.qywh ul li{  width:calc(50% - 5px); height:190px; background:url(../images/qi.png) no-repeat; background-size:100%;
		text-align:center; float:left; margin-right:5px; padding-top:36px;margin-bottom:5px;}
	.qywh ul li p{line-height:20px;font-size:12px;}
	.qywh .uyu{position: relative;
	    top: 0px;
	    left: 0px;}

	.qywh .uyu01{position: relative;
	    top: 0px;
	    left:0;}

	.qywh .uyu02{position: relative;
	    top: 0px;
	    left: 0px;}
}


@media screen and (max-width: 375px){
	.qywh{ margin:10px 0px 30px 30px;position:relative;height: auto;  }
	.qywh ul li{  width:232px; height:268px; background:url(../images/qi.png) no-repeat; background-size:100%; text-align:center; float:none; margin-right:0px; padding-top:86px;}
	.qywh .uyu{position: relative;
	    top: 0px;
	    left: 0px;}

	.qywh .uyu01{position: relative;
	    top: 0px;
	    left:0;}

	.qywh .uyu02{position: relative;
	    top: 0px;
	    left: 0px;}
	#banner .slides li.s1 .ban-txt h3{top: 37%;font-size: 12px;}
}
@media screen and (max-width: 320px){
	.qywh{ margin:10px 0px 30px 0px;position:relative;height: auto;  }
	.qywh ul li{  width:232px; height:268px; background:url(../images/qi.png) no-repeat; background-size:100%; text-align:center; float:none; margin-right:0px; padding-top:86px;}
	.qywh .uyu{position: relative;
	    top: 0px;
	    left: 0px;}

	.qywh .uyu01{position: relative;
	    top: 0px;
	    left:0;}

	.qywh .uyu02{position: relative;
	    top: 0px;
	    left: 0px;}
	#banner .slides li.s1 .ban-txt h3{font-size: 12px;}
	#banner .slides li .ban-txt{
		/*background: none;*/
	}
	#banner .slides li .ban-txt h5{
		font-size: 12px;
		margin-top: -5px;
	}

	#banner .slides li .ban-txt h2{
		font-size: 18px;
		height: 30px;
		line-height: 30px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 12px;
	}


	#banner .slides li.s2 .ban-txt h2{
		font-size: 18px;
		height: 20px;
		line-height: 20px;
	}
	#banner .slides li.s2 .ban-txt h3{
		font-size: 14px;
	}
	#banner .slides li.s3 .ban-txt h2{
		font-size: 18px;
		height: 24px;
		line-height: 24px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 14px;
	}
	#banner .slides li.s3 .ban-txt h4{
		font-size: 12px;
		margin-top: 5px;
	}


	.team .flexslider li .pic{height: 160px;}
	.ul-customer li{width: 100%;}

}