@media screen and (max-width: 1600px){
	.head .head-r .nav li{
		padding: 0 30px;
	}
	.head .head-r .hd-phoe{
		margin-left: 30px;
	}
	.webtop .webcon{
		top: 10%;
	}
	.webtop .webcon p{
		margin: 30px auto;
	}
	.webtop .webbt .bottom{
		padding: 40px 25px;
	}
	.head .head-r .nav li .product_center_link a{
		font-size: 14px;
		height: 48px;
		line-height: 48px;
	}
}
@media screen and (max-width: 1366px){
	.casebox{
		padding: 80px 20px 110px;
	}
	.casebox .morebox{
		margin: 70px auto 0;
	}
	.brandbox{
		padding: 80px 0;
	}
	.hdcenter{
		width: 1200px;
		margin: 0 auto;
		position: relative;
	}
	.head .head-l{
		left: 0;
	}
	.head .head-r{
		right: 0;
	}
	.dealbox .deal-r .con{
		width: 70%;
	}
	.dealbox .deal-r .con h2{
		font-size: 30px;
	}
	.dealbox .deal-r .con p{
		margin: 30px 0;
	}
	.webtop .webcon{
		top: 12%;
	}
	.webtop .webcon h2{
		font-size: 40px;
	}
	.webtop .webcon p{
		margin: 30px auto;
	}
	.webtop .webbt .bottom{
		padding: 30px 25px;
	}
	.webys{
		padding: 80px 0 110px;
	}
	.webys .ysbox{
		margin-top: 150px;
	}
	.webtop .webbt .bottom h3{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.webtop .webbt .bottom .jzli .jsitem p:nth-child(2){
		font-size: 16px;
		margin-top: 20px;
	}
	.cxtop .cxcon p span{
		width: 400px;
	}
	.smwhybox{
		padding: 80px 0 110px;
	}
	.cxtop .cxcon h2{
		font-size: 80px;
	}
	.weixnbox{
		padding: 80px 0 110px;
	}
	.weixnbox .fwbox{
		margin-top: 60px;
	}
	.needbox{
		padding: 80px 0 110px;
	}
	.sevcase{
		padding: 80px 0 110px;
	}
	.sevcase ul{
		margin: 60px 0 50px;
	}
	.webhz{
		padding: 100px 0;
	}
	.smartcase{
		padding: 80px 0 110px;
	}
	.smartcase ul{
		margin: 70px 0;
	}
	.sevlc{
		padding: 80px 0 110px;
	}
	.sevlc ul{
		margin-top: 60px;
	}
	.smwhybox ul{
		margin-top: 70px;
	}
}
@media screen and (max-width: 1280px) {
	.tagcloud a.tag1{
		left: 150px;
		bottom: 80px;
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
	.tagcloud a.tag2{
		left: 180px;
		top: 20px;
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.tagcloud a.tag3{
		left: 450px;
		top: 60px;
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.tagcloud a.tag4{
		right: 180px;
		top: 30px;
		width: 120px;
		height: 120px;
		line-height: 120px;
	}
	.tagcloud a.tag5{
		left: 250px;
		top: 120px;
		width: 120px;
		height: 120px;
		line-height: 120px;
	}
	.tagcloud a.tag6{
		right: 360px;
		top: 150px;
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
	.tagcloud a.tag7{
		left: 420px;
		bottom: 140px;
		width: 90px;
		height: 90px;
		line-height: 90px;
	}
	.tagcloud a.tag8{
		right: 340px;
		bottom: 70px;
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.tagcloud a.tag9{
		right: 160px;
		bottom: 150px;
		width: 90px;
		height: 90px;
		line-height: 90px;
	}
	.tagcloud a.tag10{
		left: 320px;
		bottom: 30px;
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	.tagcloud a.tag11{
		left: 350px;
		top: 50px;
		width: 30px;
		height: 30px;
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag12{
		left: 130px;
		bottom: 160px;
		width: 40px;
		height: 40px;
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag13{
		left: 50%;
		bottom: 30px;
		width: 40px;
		height: 40px;
		transform: translateX(-50%);
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag14{
		right: 130px;
		bottom: 60px;
		width: 50px;
		height: 50px;
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag1:hover,.tagcloud a.tag2:hover,.tagcloud a.tag3:hover,.tagcloud a.tag4:hover,.tagcloud a.tag5:hover,.tagcloud a.tag6:hover,.tagcloud a.tag7:hover,.tagcloud a.tag8:hover,.tagcloud a.tag9:hover,.tagcloud a.tag10:hover{
		font-size: 18px;
		transform: scale(1.1);
	}
	.hdcenter{
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	.wapper{
		width: 960px;
	}
	.head .head-l{
		left: 0;
	}
	.head .head-r{
		right: 0;
	}
	.head .head-r .nav li{
		padding: 0 30px;
	}
	.head .head-r .hd-phoe{
		margin-left: 30px;
	}
	.banner .swiper-slide .lunbox .left img{
		width: 50%;
	}
	.banner .swiper-slide .lunbox .right h2{
		font-size: 26px;
	}
	.banner .swiper-slide .lunbox .right h2:nth-child(1){
		margin-top: 30px;
	}
	.banner .swiper-slide .lunbox .right p{
		font-size: 20px;
	}
	.title-hd h2{
		font-size: 30px;
	}
	.title-hd p{
		font-size: 16px;
	}
	.severbox .sevlist li .con p:nth-child(2){
		height: 60px;
		line-height: 60px;
		font-size: 16px;
	}
	.severbox .sevlist li .modal p{
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
	.casebox ul li .word{
		height: 65px;
		line-height: 65px;
		font-size: 16px;
	}
	.casebox .morebox{
		margin: 50px auto 0;
	}
	.dealbox .deal-r .con{
		left: 60px;
		width: 75%;
	}
	.dealbox .deal-r .con h2{
		font-size: 28px;
	}
	.dealbox .deal-r .con p{
		font-size: 16px;
		margin: 15px 0;
	}
	.brandbox{
		padding: 100px 0;
	}
	.brandbox .brand-l{
		top: 30px;
	}
	.brandbox .brand-l .zh{
		font-size: 30px;
		width: 30px;
		line-height: 40px;
	}
	.brandbox .brand-r li{
		height: 80px;
		line-height: 80px;
	}
	.brandbox .brand-r li .modal{
		line-height: 80px;
	}
	.aboutbox .aboutdt h2{
		font-size: 30px;
	}
	.aboutbox .aboutdt .hr{
		margin: 50px auto 40px;
	}
	.advanbox .wapper{
		height: 480px;
	}
	.advanbox .wapper .adv-r{
		height: 480px;
	}
	.advanbox .wapper .adv-r:before{
		background-size: cover;
	}
	.advanbox.active .list:before{
		width: 200px;
		height: 200px;
		margin: -100px 0 0 -100px;
	}
	.advanbox.active .list .list-02{
		left: 15px;
		top: 30px;
	}
	.advanbox.active .list .list-03{
		right: 15px;
		top: 30px;
	}
	.advanbox.active .list .list-04{
		top: 40px;
	}
	.advanbox .list p:nth-child(1){
		font-size: 28px;
		padding: 10px 0 20px;
	}
	.advanbox .list p:nth-child(2){
		font-size: 16px;
	}
	.advanbox.active .list .list-04 p:nth-child(1){
		padding: 25px 0 15px;
	}
	.advanbox .list li{
		width: 140px;
		height: 140px;
	}
	.advanbox .list li:before{
		margin: -70px 0 0 -70px;
	}
	.casedt .caselogo .cdlogo p:nth-child(1) img{
		max-width: 200px;
		max-height: 80px;
	}
	.casedt .caselogo .cdlogo p:nth-child(2){
		margin: 30px 0;
		font-size: 24px;
	}
	.wxtop .wxcon h2{
		font-size: 40px;
	}
	.wxtop .wxcon p{
		font-size: 28px;
	}
	.needbox .con{
		height: 500px;
	}
	.cxtop .cxcon h2{
		font-size: 70px;
	}
	.cxtop .cxcon p span{
		font-size: 18px;
	}
	.smbdbox .con h2{
		font-size: 45px;
	}
	.smartcase ul li .top{
		top: 85px;
		width: 183px;
	}
	 .tagcloud{
		min-width: 300px !important;
		height: 500px;
	}
	.webys .ysbox .ys-l img{
		width: 56%;
	}
	.webys .ysbox .ys-r{
		padding-left: 5%;
	}
	.webys .ysbox .ys-r li{
		line-height: 45px;
		font-size: 14px;
	}
	.webys .ysbox .ys-r li img{
		margin-right: 10px;
	}
	.webhert .wapper ul li .con{
		padding: 0 20px;
	}
	
}
@media screen and (max-width: 1024px){
	.hdcenter{
		width: 768px;
		margin: 0 auto;
		position: relative;
	}
	.wapper{
		width: 768px;
	}
	.head .head-l{
		left: 0;
	}
	.head .head-r{
		right: 0;
	}
	.head .head-r .nav li {
	    padding: 0 15px;
	}
	.head .head-r .hd-phoe{
		margin-left: 20px;
	}
	.banner .swiper-slide .lunbox .left img{
		width: 40%;
	}
	.banner .swiper-slide .lunbox .right h2{
		font-size: 20px;
		line-height: 30px;
		margin-top: 10px;
	}
	.banner .swiper-slide .lunbox .right h2:nth-child(1){
		margin-top: 15px;
	}
	.banner .swiper-slide .lunbox .right h2:nth-child(3){
		margin-bottom: 10px;
    	padding-bottom: 10px;
	}
	.banner .swiper-slide .lunbox .right p{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.title-hd h2{
		line-height: 75px;
	}
	.title-hd p{
		line-height: 40px;
	}
	.severbox{
		padding: 40px 0 70px;
	}
	.severbox .sevlist{
		margin-top: 40px;
		overflow: hidden;
	}
	.severbox .sevlist li .con p:nth-child(1){
		height: 240px;
		line-height: 240px;
	}
	.severbox .sevlist li .con p:nth-child(1) img{
		max-width: 60%;
		max-height: 60%;
	}
	.morebox a{
		font-size: 14px;
	}
	.casebox{
		padding: 40px 20px;
	}
	.casebox ul li .word{
		overflow: hidden;
		height: 65px;
		font-size: 14px;
	}
	.casebox .morebox{
		margin: 40px auto;
	}
	.dealbox .deal-r .con{
		left: 60px;
		width: 75%;
	}
	.dealbox .deal-r .con h2{
		font-size: 24px;
	}
	.dealbox .deal-r .con p{
		font-size: 14px;
		margin: 10px 0;
		line-height: 22px;
	}
	.dealbox .deal-r .con li{
		margin-bottom: 10px;
		font-size: 12px;
		height: 32px;
		line-height: 32px;
	}
	.brandbox{
		padding: 70px 0;
	}
	.brandbox .brand-l .eg{
		font-size: 18px;
	}
	.brandbox .brand-l .zh{
		font-size: 26px;
		line-height: 36px;
	}
	.brandbox .brand-r{
		padding-left: 160px;
	}
	.aboutbox{
		padding: 40px 0 120px 0;
	}
	.aboutbox .aboutdt h2{
		font-size: 26px;
	}
	.aboutbox .aboutdt .hr{
		margin: 35px auto;
	}
	.aboutbox .aboutdt .word{
		line-height: 26px;
		margin-bottom: 30px;
	}
	.aboutbox .con{
		padding: 30px 0;
		bottom: -77px;
	}
	.aboutbox .con li p:nth-child(1) span{
		font-size: 40px;
	}
	.aboutbox .con li p:nth-child(1){
		font-size: 14px;
	}
	.aboutbox .con li p:nth-child(2){
		margin-top: 18px;
	}
	.newbox{
		padding: 110px 0 60px;
	}
	.newbox ul{
		margin-top: 10px;
	}
	.newbox .morebox{
		margin-top: 50px;
	}
	.footer .top{
		padding: 35px 0;
	}
	.footer .top h2{
		margin-bottom: 30px;
	}
	.footer .top p{
		margin-bottom: 20px;
	}
	.footer .top p img{
		width: 80%;
	}
	.footer .bottom{
		line-height: 60px;
	}
	.footer .bottom .fl i{
		margin: 0 10px;
	}	
	.casetop .con h2{
		margin-bottom: 30px;
		font-size: 26px;
	}
	.casetop .con .list a{
		margin-left: 20px;
		width: 110px;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
	}
	.jianjie .con h2{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.jianjie .con .bd p{
		font-size: 22px;
		padding: 15px 0;
	}
	.pphjbox{
		padding: 80px 0;
	}
	.pphjbox .topli.centbox p:nth-child(1){
		font-size: 28px;
	}
	.pphjbox .topli.centbox p:nth-child(2){
		margin: 20px auto;
	}
	.pphjbox .topli.centbox p:nth-child(3){
		font-size: 14px;
		line-height: 28px;
	}
	.advanbox .wapper{
		height: 384px;
	}
	.advanbox .wapper .adv-l .con p:nth-child(1){
		font-size: 28px;
	}
	.advanbox .wapper .adv-l .con p:nth-child(2){
		font-size: 16px;
		margin: 30px 0;
	}
	.advanbox .wapper .adv-r{
		height: 384px;
	}
	.advanbox.active .list:before{
		width: 150px;
		height: 150px;
		margin: -75px 0 0 -75px;
	}
	.advanbox .list li{
		width: 100px;
		height: 100px;
		
	}
	.advanbox .list li:before{
		margin: -50px 0 0 -50px;
	}
	.advanbox .list p:nth-child(1){
		font-size: 16px;
		padding: 5px 0 10px;
	}
	.advanbox .list p:nth-child(2){
		font-size: 12px;
		line-height: 1.5;
	}
	.advanbox.active .list .list-02{
		left: 25px;
    		top: 45px;
	}
	.advanbox.active .list .list-03{
		right: 25px;
    		top: 45px;
	}
	.advanbox.active .list .list-04{
    		top: 55px;
	}
	.advanbox.active .list .list-04 p:nth-child(1){
		padding: 15px 0 7px;
	}
	.futurebox .conbox h2{
		font-size: 30px;
		margin-bottom: 40px;
	}
	.futurebox .conbox p{
		font-size: 16px;
	}
	.newdtbox .newdt-hd h2{
		font-size: 24px;
	}
	.casedt .caselogo .cdlogo p:nth-child(2){
		font-size: 18px;
		margin: 20px 0;
	}
	.contact .con h2{
		margin-bottom: 0;
	}
	.contactbox .ct-l{
		width: 260px;
	}
	.contactbox .ct-r{
		padding-left: 260px;
	}
	 .contactbox .ct-r li{
	 	padding-left: 40px;
	 }
	 .weixnbox .fwbox li .top{
	 	width: 170px;
	 	height: 170px;
	 }
	 .weixnbox .fwbox li .top p{
	 	line-height: 100px;
	 }
	 .weixnys .ysbox{
	 	width: 800px;
	 }
	 .weixnys .ysbox p:nth-child(3) img{
	 	width: 430px;
	 }
	 .weixnys .ysbox p:nth-child(3) img:nth-child(1){
		/*width: 450px;*/
	}
	.weixnys .ysbox p:nth-child(3) img:nth-child(2){
		margin-left: -220px;
		margin-top: 60px;
		/*width: 430px;*/
	}
	.weixnys .ysbox p:nth-child(3) img:nth-child(3){
		margin-left: -220px;
		margin-top: 120px;
		/*width: 450px;*/
	}
	 .openbox .con h2{
	 	font-size: 30px;
	 }
	 .openbox .con p{
	 	margin-top: 30px;
	 }
	 .cxtop .cxcon h2{
	 	font-size: 60px;
	 }
	 .cxtop .cxcon p img{
	 	width: 16%;
	 	height: 46px;
	 }
	 .sevlc{
	 	padding: 70px 0;
	 }
	 .sevlc ul{
	 	margin-top: 50px;
	 }
	 .smbdbox .con h2{
	 	font-size: 30px;
	 }
	 .smbdbox .con .morecase{
	 	margin-top: 40px;
	 }
	 .smartcase ul li .top{
	 	top: 70px;
	    width: 150px;
	    left: 50px;
	 }
	 .tagcloud{
		min-width: 300px !important;
		height: 500px;
	}
	.webbanner .con h2{
		font-size: 30px;
	}
	.webbanner .con p{
		margin-top: 25px;
		font-size: 14px;
	}
	.webhz .wapper .con p:nth-child(2){
		margin: 10px 0 15px;
		font-size: 18px;
	}
	.webhz .wapper .con p:nth-child(3){
		margin-bottom: 25px;
	}
	.webhz .wapper .con p:nth-child(4){
		width: 180px;
	}
	.webhz .wapper .con p:nth-child(4) span{
		font-size: 16px;
		
	}
}
@media screen and (max-width: 768px) {
	.tagcloud a{
		font-size: 12px;
	}
	.tagcloud a.tag1{
		left: 40px;
		bottom: 40px;
		width: 40px;
		height: 40px;
		line-height: 30px;
	}
	.tagcloud a.tag2{
		left: 40px;
		top: 10px;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.tagcloud a.tag3{
		left: 150px;
		top: 20px;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.tagcloud a.tag4{
		right: 40px;
		top: 10px;
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.tagcloud a.tag5{
		left: 70px;
		top: 80px;
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.tagcloud a.tag6{
		right: 100px;
		top: 70px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.tagcloud a.tag7{
		left: 140px;
		bottom: 70px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.tagcloud a.tag8{
		right: 100px;
		bottom: 60px;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.tagcloud a.tag9{
		right: 50px;
		bottom: 80px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.tagcloud a.tag10{
		left: 90px;
		bottom: 10px;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.tagcloud a.tag11{
		left: 110px;
		top: 30px;
		width: 30px;
		height: 30px;
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag12{
		left: 40px;
		bottom: 120px;
		width: 30px;
		height: 30px;
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag13{
		left: 50%;
		bottom: 15px;
		width: 35px;
		height: 35px;
		transform: translateX(-50%);
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag14{
		right: 40px;
		bottom: 30px;
		width: 40px;
		height: 40px;
		background-color: rgba(30,118,228,0.3);
	}
	.weixnys .ysbox p:nth-child(3){
		margin-left: 0;
		margin-right: 0;
	}
	.weixnys .ysbox p:nth-child(3) img{
	 	/*width: 185px;*/
	 	width: 49%;
	 }
	.weixnys .ysbox p:nth-child(3) img:nth-child(1){
		/*width: 200px;*/
	}
	.weixnys .ysbox p:nth-child(3) img:nth-child(2){
		margin-left: -26%;
		margin-top: 30px;
		/*width: 180px;*/
	}
	.weixnys .ysbox p:nth-child(3) img:nth-child(3){
		margin-left: -26%;
		margin-top: 60px;
		/*width: 190px;*/
	}
	.advanbox .wapper .adv-l .con p:nth-child(3){
		width: 14px;
		height: 14px;
		border: 3px solid #ffffff;
	}
	.zizhi .zz-r p:nth-child(3){
		width: 14px;
		height: 14px;
		border: 3px solid #999999;
	}
	.smwhybox .title-hd p{
		text-align: left;
		text-indent: 2em;
	}
	.companyjs .jsbox .word p{
		display: none;
	}
	.companyjs .jsbox .word p.mbp{
		display: block;
		text-align: left;
		text-indent: 2em;
	}
	.casedtbox .thank{
		padding: 20px 0;
	}
	.severbox .sevlist li .con p:nth-child(1){
		width: 100%;
	}
	.caselist ul li{
		border: 1px solid #666;
	}
	.caselist ul li a{
		color: #777;
	}
	.mt60 {
		margin-top: 60px;
	}
	.head {
		display: none;
	}
	.nav-box.navlist {
		display: none;
	}
	.wapper {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.mt50{
		margin-top: 50px;
	}
	.banner .swiper-pagination-bullets{
		bottom: auto !important;
		top: 50%;
	}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 5px;
	}
	.banner .swiper-slide .lunbox .right{
		padding-right: 0;
	}
	.banner .swiper-slide .lunbox .left img{
		max-height: 80%;
		max-width: 100%;
	}
	.banner .swiper-slide .lunbox .right h2{
		font-size: 14px;
		line-height: 20px;
		margin-top: 5px;
	}
	.banner .swiper-slide .lunbox .right h2:nth-child(1){
		margin-top: 0;
	}
	.banner .swiper-slide .lunbox .right h2:nth-child(3){
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	.banner .swiper-slide .lunbox .right p{
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 0;
	}
	.title-hd h2{
		font-size: 24px;
		line-height: 60px;
	}
	.title-hd p{
		font-size: 16px;
		line-height: 24px;
	}
	.severbox{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.severbox .title-hd{
		padding: 0 15px;
	}
	.severbox .sevlist{
		margin-top: 20px;
	}
	.severbox .sevlist li{
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	.severbox .sevlist li .con p:nth-child(2){
		padding-top: 0;
	}
	.casebox{
		padding: 40px 15px;
	}
	.casebox ul li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.casebox ul li a{
		box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.15);
	}
	.casebox ul li:nth-child(4n+1){
		margin: 0 0 20px 0
	}
	.dealbox .deal-l{
		width: 100%;
		padding-right: 0;
	}
	.dealbox .deal-l img{
		padding-right: 0;
	}
	.dealbox .deal-r{
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
	}
	.dealbox .deal-r .con{
		position: relative;
		top: 0;
		transform: translateY(0);
		width: 100%;
		left: 0;
		padding: 40px 15px;
	}
	.dealbox .deal-r .con p{
		margin: 30px 0;
	}
	.brandbox{
		padding: 40px 0;
	}
	.pchd{
		display: block;
	}
	.brandbox .brand-l{
		display: none;
	}
	.brandbox .brand-l .eg{
		font-size: 16px;
	}
	.brandbox .brand-l .zh{
		width: 18px;
		font-size: 18px;
		line-height: 26px;
		margin-left: 10px;
	}
	.brandbox .brand-r{
		margin-top: 30px;
		padding-left: 0;
	}
	.brandbox .brand-r li{
		width: 32%;
		height: 70px;
		line-height: 70px;
		margin-left: 2%;
		margin-bottom: 20px;
		/*box-shadow: 0 7px 15px rgba(0,0,0,0.1);*/
	}
	.brandbox .brand-r li:nth-child(3n+1){
		margin-left: 0;
	}
	.aboutbox{
		padding: 30px 0 80px 0;
	}
	.aboutbox .aboutdt{
		width: 100%;
		padding: 0 15px;
	}
	.aboutbox .aboutdt h2{
		font-size: 24px;
	}
	.aboutbox .aboutdt .hr{
		margin: 25px auto;
	}
	.aboutbox .aboutdt .word{
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 25px;
	}
	.aboutbox .con{
		padding: 15px 0;
		bottom: -40px;
		width: 100%;
    		left: 0;
    		transform: translateX(0);
	}
	.aboutbox .con li p:nth-child(1){
		font-size: 12px;
	}
	.aboutbox .con li p:nth-child(2){
		margin-top: 10px;
		font-size: 12px;
	}
	.aboutbox .con li p:nth-child(1) span{
		font-size: 24px;
		margin-right: 5px;
		vertical-align: middle;
	}
	.morebox{
		width: 130px;
		height: 36px;
		line-height: 36px;
	}
	.morebox a{
		font-size: 12px;
	}
	.morebox a i{
		margin-left: 10px;
		font-size: 24px;
	}
	.newbox{
		padding: 70px 0 40px;
	}
	.newbox li{
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
		/*box-shadow: 5px 5px 18px rgba(0,0,0,0.15);*/
	}
	.newbox li:hover h3,.newbox li:hover i{
		color: #1e76e4;
	}
	.newbox .morebox{
		margin-top: 20px;
	}
	.footer .top{
		text-align: center;
		padding: 30px 0 20px;
	}
	.footer .top .fl{
		display: inline-block;
		float: none;
		margin-bottom: 15px;
	}
	.footer .top .fr{
		display: inline-block;
		float: none;
	}
	.footer .top h2{
		margin-bottom: 20px;
	}
	.footer .top p{
		margin-bottom: 10px;
	}
	.footer .top p img{
		width: 120px;
	}
	.footer .bottom{
		padding: 15px 0;
		line-height: 30px;
	}
	.footer .bottom .fl{
		float: none;
		text-align: center;
		width: 100%;
	}
	.footer .bottom .fl a{
		font-size: 12px;
	}
	.footer .bottom .fr{
		float: none;
		text-align: center;
		width: 100%;
		font-size: 12px;
	}
	.footer .link_box{
		display: none;
	}
	.listbox {
		margin-top: 0;
	}
	.nav-box.moble {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	.nav-box {
		width: 100%;
		height: auto;
		padding: 5px 10px;
		background: #FFFFFF;
		display: block;
	}
	.nav-box h1 {
		padding: 0;
		display: block;
		height: 100%;
	}
	.nav-box h1 a{
		display: block;
		height: 100%;
	}
	.nav-box .nav {
		position: fixed;
		top: 0;
		left: 0;
		padding: 0 20px;
		padding-top: 50px;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		display: none;
	}
	.banner .swiper-pagination-bullet{
		width: 35px;
	}
	.bannerlunbo .swiper-slide img {
		max-height: 100%;
		position: relative;
		left: -20%;
	}
	.bannerlunbo .swiper-container {
		height: 200px;
	}
	.bannerlunbo .swiper-slide {
		overflow: hidden;
	}
	.bannerlunbo .swiper-button-prev {
		background-image: url(../images/icon-left.png) !important;
		width: 25px !important;
		height: 25px !important;
		background-size: 100% 100%;
	}
	.bannerlunbo .swiper-button-next {
		background-image: url(../images/icon-right.png) !important;
		width: 25px !important;
		height: 25px !important;
		background-size: 100% 100%;
	}
	.casetop>h2{
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		color: #FFFFFF;
		font-weight: normal;
		font-size: 24px;
		width: 100%;
		text-align: center;
	}
	.casetop .con{
		top: 100%;
		transform: translateY(0);
	}
	.casetop .con{
		display: none;
	}
	.caselist{
		display: block;
	}
	.caselist ul{
		margin-top: 20px;
	}
	.casebox.pdbox{
		background: #FFFFFF;
		padding: 0 15px;
	}
	.casebox.pdbox ul{
		margin: 0 -10px;
	}
	.loadtip{
		padding: 30px 0;
	}
	.banner .swiper-container{
		height: 50%;
		z-index: 10;
	}
	.banner .swiper-button-white{
		display: none;
	}
	.lbbox{
		background-size: cover;
	}
	.jianjie>img{
		display: block;
		height: 200px;
		object-fit: cover;
	}
	.jianjie .con h2{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.jianjie .con .bd p{
		font-size: 14px;
		padding: 6px 0;
	}
	.companyjs .jsbox .word{
		margin-top: -30px;
		font-size: 14px;
		line-height: 2;
	}
	.companyjs .jsbox .fazhanbox{
		padding: 60px 0;
	}
	.companyjs .jsbox .fazhanbox li p:nth-child(1){
		font-size: 12px;
	}
	.companyjs .jsbox .fazhanbox li p:nth-child(1) span{
		font-size: 24px;
	    margin-right: 5px;
	    vertical-align: middle;
	}
	.companyjs .jsbox .fazhanbox li p:nth-child(2){
		margin-top: 10px;
    		font-size: 12px;
	}
	.pphjbox{
		padding: 60px 15px;
	}
	.pphjbox .topli{
		width: 100%;
		margin-bottom: 15px;
	}
	.pphjbox .topli:nth-child(1){
		margin-right: 0;
	}
	.pphjbox .topli.centbox{
		position: static;
		transform: translateX(0);
		padding: 50px 0;
	}
	.pphjbox .topli.centbox p:nth-child(2){
		margin: 35px auto;
	}
	.pphjbox .topli.centbox div{
		position: static;
		top: 0;
		transform: translateY(0);
	}
	.pphjbox .btli{
		width: 100%;
		margin-bottom: 15px;
		margin-top: 0;
	}
	.pphjbox .btli:nth-child(1){
		padding-right: 0;
	}
	.pphjbox .btli:nth-child(2){
		padding-left: 0;
	}
	.advanbox{
		overflow: hidden;	
		padding: 80px 0 100px;
	}
	.advanbox .wapper{
		height: auto;
	}
	.advanbox .wapper .adv-l{
		position: static;
		top: 0;
		padding-right: 0;
		transform: translateY(0);
		width: 100%;
	}
	.advanbox .wapper .adv-r{
		width: 100%;
		position: relative;
		height: auto;
		margin-top: 80px;
	}
	.advanbox.active .list:before{
		transform: translate(-50%,-50%);
		margin: 0;
		/*width: 50%;
		height: 50%;
		margin: -35% 0 0 -25%;*/
	}
	.advanbox.active .list .list-01{
		top: -15px;
	}
	.advanbox.active .list .list-02{
		left: 10px;
    		top: 8px;
	}
	.advanbox.active .list .list-03{
		right: 10px;
    		top: 8px;
	}
	.advanbox.active .list .list-04{
		top: 15px;
	}
	.advanbox .wapper .adv-l .con p:nth-child(1){
		font-size: 24px;
	}
	.advanbox .wapper .adv-l .con p:nth-child(2){
		margin: 20px 0;
	}
	.zizhi{
		display: block;
		padding: 40px;
	}
	.zizhi .pchd{
		display: block;
	}
	.zizhi .zz-l, .zizhi .zz-r{
		float: none;
		width: 100%;
	}
	.zizhi .zz-l{
		padding-right: 0;
		margin-top: 30px;
	}
	.zizhi .zz-l::before{
		top: 40px;
		bottom: 40px;
		right: 0;
	}
	.zizhi .zz-r{
		padding-left: 0;
	}
	.zizhi .zz-r p:nth-child(1){
		display: none;
	}
	.zizhi .zz-r p:nth-child(2){
		font-size: 14px;
		margin: 35px 0 20px;
	}
	.futurebox>img{
		height: 200px;
		display: block;
		object-fit: cover;
	}
	.futurebox .conbox{
		width: 100%;
		padding: 0 15px;
	}
	.futurebox .conbox h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.futurebox .conbox p{
		font-size: 12px;
	}
	.newlist{
		padding: 0;
	}
	.newlist li:last-child{
		margin-bottom: 0;
	}
	.newlist li a{
		padding: 30px 20px 60px;
	}
	.newlist li .conbox p{
		margin-top: 20px;
	}
	.newlist li span{
		bottom: 15px;
		right: 40px;
		top: auto;
	}
	.newlist li:hover .conbox h3{
		color: #1E76E4;
	}
	.newlist li:hover span i{
		color: #1E76E4;
	}
	.newdtbox .newdt-hd{
		padding: 30px 0
	}
	.newdtbox .newdt-hd h2{
		font-size: 18px;
		line-height: 1.5;
	}
	.newdtbox .newdt-hd p{
		margin-top: 20px;
	}
	.newdtbox .con p{
		margin-bottom: 20px;
	}
	.relabox ul{
		margin: 30px 0;
	}
	.relabox ul li{
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.casedt .caselogo>img{
		height: 200px;
		display: block;
		object-fit: cover;
	}
	.casedt .caselogo .cdlogo p:nth-child(2){
		margin: 30px 0 0;
	}
	.casedt .caselogo .cdlogo p:nth-child(3){
		margin-top: 30px;
	}
	.casedt .watchbox{
		padding: 30px 15px;
	}
	.casedt .watchbox .wh-l{
		float: none;
		width: 100%;
		font-size: 14px;
		line-height: 1.4;
	}
	.casedt .watchbox .wh-r{
		float: none;
		margin: 30px auto 0;
	}
	.casedtbox{
		padding: 40px 15px 0 15px;
	}
	.casedtbox .thank .th-l img{
		height: 30px;
	}
	.casedtbox .thank .th-r a{
		font-size: 16px;
	}
	.casetop>img{
		height: 200px;
		object-fit: cover;
		display: block;
	}
	.casetop.contact .con h2{
		display: block;
	}
	.casetop.contact .con{
		display: block;
		top: 50%;
		transform: translateY(-50%);
	}
	.contactbox{
		margin: 0 0 20px 0;
		padding: 0 20px;
		border: 0;
	}
	.contactbox .ct-l{
		display: none;
	}
	.contactbox .ct-r{
		padding-left: 0;
	}
	.contactbox .ct-r li{
		height: 120px;
		line-height: 120px;
		font-size: 14px;
		padding-left: 0;
	}
	.contactbox .ct-r li:last-child{
		border-bottom: 1px solid #eaeaea;
	}
	.contactbox .ct-r li img{
		max-height: 80px;
	}
	.mapbox .map-mb{
		display: block;
	}
	.mapbox .map-pc{
		display: none;
	}
	.wxtop .fixbox{
		height: 50%;
	}
	.wxtop .wxcon div{
		width: 100%;
	}
	.wxtop .wxcon h2{
		font-size: 28px;
	}
	.wxtop .wxcon p{
		font-size: 18px;
	}
	.weixnys .ysbox{
		width: 100%;
		top: 50%;
	}
	.weixnbox .fwbox{
		margin-top: 40px;
	}
	.weixnys .ysbox p:nth-child(2){
		/*padding-bottom: 20px;*/
		font-size: 16px;
		padding: 30px 25px 20px;
		line-height: 24px;
	}
	/*.weixnys .ysbox p:nth-child(3) img{
		width: 200px;
	}*/
	.morecase{
		width: 160px;
		height: 40px;
		line-height: 40px;
	}
	.weixnbox{
		padding: 40px 0;
	}
	.weixnbox .fwbox li{
		width: 50%;
		margin-bottom: 30px;
	}
	.weixnbox .fwbox li .top{
		width: 150px;
		height: 150px;
	}
	.weixnbox .fwbox li .top p{
		line-height: 84px;
	}
	.weixnbox .fwbox li .top p img{
		max-width: 45px;
		max-height: 45px;
	}
	.weixnbox .fwbox li .word{
		font-size: 16px;
		margin-top: 15px;
	}
	.weixnys{
		height: 580px;
	}
	.weixnys .ysbox p:nth-child(1){
		font-size: 28px;
	}
	.needbox{
		padding: 40px 0;
	}
	.needbox .con{
		height: 250px;
		margin-top: 30px;
	}
	.b_10_3 canvas{
		margin-top: 0;
	}
	.sevcase{
		padding: 40px 0;
	}
	.sevcase ul {
	    margin: 30px 0 30px;
	}
	.sevcase ul li{
		width: 100%;
		margin-left: 0;
	}
	.openbox img{
		display: block;
		height: 260px;
		object-fit: cover;
	}
	.openbox .con h2{
		font-size: 20px;
	}
	.openbox .con p a{
		width: 160px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.cxtop .fixbox{
		height: 50%;
	}
	.cxtop .cxcon{
		width: 100%;
		left: 0;
		transform: translate(0,-50%);
	}
	.cxtop .cxcon h2{
		font-size: 40px;
	}
	.cxtop .cxcon p span{
		font-size: 16px;
		width: 255px;
	}
	.smwhybox{
		padding: 50px 0;
	}
	.smwhybox ul{
		margin-top: 40px;
	}
	.smwhybox ul li{
		width: 50%;
		margin-bottom: 30px;
	}
	.smwhybox ul li .top{
		width: 120px;
		height: 120px;
		line-height: 120px;
	}
	.smwhybox ul li p{
		margin-top: 20px;
		font-size: 16px;
	}
	.smartcase{
		padding: 50px 0;
	}
	.smartcase ul{
		margin: 30px 0;
	}
	.smartcase ul li{
		width: 50%;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.smbdbox>img{
		height: 260px;
		object-fit: cover;
	}
	.smbdbox .con h2{
		font-size: 22px;
	}
	.smbdbox .con .morecase{
		width: 160px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	.sevlc ul::before{
		content: '';
		position: absolute;
		width: 1px;
		top: -20px;
		/*bottom: 0;*/
		height: 0;
		left: 61px;
		background: #1E76E4;
		transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	.sevlc ul.bdac::before{
		/*bottom: 0;*/
		height: calc(105%);
	}
	.sevlc ul li{
		width: 100%;
		margin-left: 0;
		padding-left: 40px;
		position: relative;
		text-align: left;
		display: flex;
		margin-bottom: 20px;
	}
	.sevlc ul li:last-child{
		margin-right: 0;
	}
	.sevlc ul li p:nth-child(1){
		display: inline-block;
	}
	.sevlc ul li p:nth-child(2){
		position: absolute;
		left: 100px;
		margin-top: 0;
		align-self:center;
		margin-left: 20px;
	}
	.smartcase ul li .top{
		top: 46px;
    		width: 111px;
    		left: 19px;
	}
	.tagcloud{
		min-width: 250px !important;
		height: 250px;
	}
	.tagcloud a{
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 12px;
	}
	.smwhybox .title-hd{
		padding: 0;
	}
	.h2pc{
		display: none;
	}
	.h2mb{
		display: block;
		line-height: 1.5 !important;
	}
	.cxtop .cxcon p{
		margin-top: 30px;
	}
	.sevlc ul li p:nth-child(1) img{
		width: 42px;
	}
	.sevlc ul li p:nth-child(1) span{
		width: 26px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
		transform: translateX(-13px);
	}
	.mblc{
		display: block;
	}
	.lc{
		display: none;
	}
	.webtop .fixbox{
		height: 70%;
	}
	.webtop .webcon{
		top: 13%;
	}
	.webtop .webcon h2{
		font-size: 28px;
	}
	.webtop .webcon p{
		font-size: 18px;
		margin: 25px auto;
	}
	.webtop .webcon p span{
		margin-right: 10px;
	}
	.webtop .webcon a{
		width: 130px;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}
	.webbanner img{
		height: 260px;
		display: block;
		object-fit: cover;
	}
	.webbanner .con h2{
		font-size: 24px;
	}
	.webbanner .con p{
		font-size: 14px;
	}
	.webys{
		padding: 30px 0 60px;
	}
	.webys .ysbox{
		margin-top: 90px;
	}
	.webys .ysbox .ys-l{
		padding-right: 0;
	}
	.webys .ysbox .ys-r{
		position: relative;
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	.webys .ysbox .ys-l img{
		width: 62%;
	}
	.webys .ysbox .ys-l img:nth-child(1){
		margin-top: -150px;
	}
	.webys .ysbox .ys-l img:nth-child(2){
		margin-top: -90px;
	}
	.webbanner{
		height: 260px;
	}
	.webhz .wapper{
		padding: 0;
	}
	.webhz .wapper>img{
		height: 260px;
		display: block;
		object-fit: cover;
	}
	.webhz .wapper .con p:nth-child(2){
		font-size: 16px;
		margin: 10px 0;
	}
	.webhz .wapper .con p:nth-child(3){
		margin-bottom: 15px;
		font-size: 12px;
	}
	.webhz{
		padding: 0;
	}
	.webhz .wapper .con p:nth-child(4) span{
		height: 40px;
		line-height: 40px;
	}
	.webhz .wapper .con{
		width: 100%;
	}
	.webhert .wapper .tt{
		padding-top: 50px;
		font-size: 28px;
	}
	.webhert .wapper ul li{
		width: 50%;
	}
	.webbanner .con .ppc{
		display: none;
	}
	.webbanner .con .pmb{
		display: block;
	}
	.webtop .webbt{
		width: 88%;
	}
	.webys .title-hd h2{
		font-size: 24px;
	}
	.webtop .swiper-pagination{
		display: block;
	}
	.webtop .webbt .bottom{
		padding: 25px 20px;
	}
	.webtop .webbt .bottom h3{
		margin-bottom: 20px;
		padding-left: 5px;
		font-size: 18px;
	}
	.webtop .webbt .bottom .jzli .jsitem{
		padding: 0;
	}
	.webtop .webbt .bottom .jzli .jsitem p:nth-child(2){
		font-size: 14px;
		margin-top: 15px;
	}
	.webtop .swiper-pagination{
		top: 25px;
		right: 20px;
	}
	.webtop .swiper-pagination-bullet{
		margin: 0 6px;
	}
	.webtop .webbt .top{
		height: 32px;
		line-height: 32px;
	}
	.webtop .webbt .top img{
		vertical-align: middle;
		height: 12px;
	}
	.webhert{
		height: 430px;
	}
	.webhert .wapper ul{
		position: relative;
		height: auto;
		padding: 0;
		margin-top: 50px;
	}
	.webhert .wapper ul li{
		width: 46%;
		margin: 15px 2% 0;
		height: 110px;
		border-left: 0 !important;
		border-right: 0;
	}
	.webhert .wapper ul li .con{
		position: relative;
		top: 0;
		background: rgba(0,0,0,0.3);
		padding: 20px 10px 10px 30px;
		height: 100%;
	}
	.webhert .wapper ul li .word{
		display: none;
	}
	.webhert .wapper ul li .tt1 img{
		height: 30px;
	}
	.webhert .wapper ul li .line{
		margin: 12px 0;
	}
	.webhert .wapper ul li .wd{
		font-size: 12px;
	}
	.webtop{
		height: 500px;
	}
	.webtop .fixbox{
		height: 500px;
	}
	.casedtbox .con{
		padding: 30px 15px;
	}
	.severbox .sevlist li:nth-child(1){
		animation-delay: 0.3s;
	}
	.severbox .sevlist li:nth-child(2){
		animation-delay: .9s;
	}
	.severbox .sevlist li:nth-child(3){
		animation-delay: 1.5s;
	}
	.sevlc{
		padding: 50px 0;
	}
}
@media screen and (min-width: 768px) {
	.tagcloud a.tag1{
		left: 198px;
		bottom: 125px;
		width: 105px;
		height: 105px;
		line-height: 105px;
	}
	.tagcloud a.tag2{
		left: 218px;
		top: 40px;
		width: 130px;
		height: 130px;
		line-height: 130px;
	}
	.tagcloud a.tag3{
		left: 526px;
		top: 95px;
		width: 128px;
		height: 128px;
		line-height: 128px;
	}
	.tagcloud a.tag4{
		right: 250px;
		top: 53px;
		width: 160px;
		height: 160px;
		line-height: 160px;
	}
	.tagcloud a.tag5{
		left: 320px;
		top: 160px;
		width: 160px;
		height: 160px;
		line-height: 160px;
	}
	.tagcloud a.tag6{
		right: 410px;
		top: 190px;
		width: 104px;
		height: 104px;
		line-height: 104px;
	}
	.tagcloud a.tag7{
		left: 517px;
		bottom: 184px;
		width: 110px;
		height: 110px;
		line-height: 110px;
	}
	.tagcloud a.tag8{
		right: 407px;
		bottom: 118px;
		width: 130px;
		height: 130px;
		line-height: 130px;
	}
	.tagcloud a.tag9{
		right: 227px;
		bottom: 197px;
		width: 120px;
		height: 120px;
		line-height: 120px;
	}
	.tagcloud a.tag10{
		left: 380px;
		bottom: 53px;
		width: 130px;
		height: 130px;
		line-height: 130px;
	}
	.tagcloud a.tag11{
		left: 430px;
		top: 90px;
		width: 40px;
		height: 40px;
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag12{
		left: 190px;
		bottom: 230px;
		width: 54px;
		height: 54px;
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag13{
		left: 50%;
		bottom: 63px;
		width: 40px;
		height: 40px;
		transform: translateX(-50%);
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag14{
		right: 174px;
		bottom: 98px;
		width: 80px;
		height: 80px;
		background-color: rgba(30,118,228,0.3);
	}
	.tagcloud a.tag1:hover,.tagcloud a.tag2:hover,.tagcloud a.tag3:hover,.tagcloud a.tag4:hover,.tagcloud a.tag5:hover,.tagcloud a.tag6:hover,.tagcloud a.tag7:hover,.tagcloud a.tag8:hover,.tagcloud a.tag9:hover,.tagcloud a.tag10:hover{
		font-size: 18px;
		transform: scale(1.1);
	}
	.severbox .sevlist li:nth-child(1){
		animation-delay: 0.3s;
	}
	.severbox .sevlist li:nth-child(2){
		animation-delay: 1.5s;
	}
	.severbox .sevlist li:nth-child(3){
		animation-delay: .9s;
	}
	.c-btn--border-line:hover::after,.c-btn--border-line:hover::before {
		height:100%;
		width:100%;
	}
	.c-btn--border-line:hover::after {
		border-right-color:#1e76e4;
		border-top-color:#1e76e4;
		transition:width 0.2s ease-out 0s,height 0.2s ease-out 0.2s;
	}
	.c-btn--border-line:hover::before {
		border-bottom-color:#1e76e4;
		border-left-color:#1e76e4;
		transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
	}
	
	.c-btn--line:hover::after {
		transform:scaleX(1);
		transform-origin:left center 0;
		transition:transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s,-webkit-transform 0.6s cubic-bezier(0.55,0,0.1,1) 0s;
	}
	.mbp{
		display: none;
	}
	.webtop .swiper-pagination{
		display: none;
	}
	.morebox:hover::before {
		opacity: 1;
		width: 100%;
	}	
	.morebox:hover a {
		color: #ffffff;
	}
	/*.severbox .sevlist li:hover{
		transform: translateY(-30px);
	}*/
	/*.severbox .sevlist li:hover .modal {
		opacity: 1;
		transition-delay: 0s;
		transform: translate(0px, 0px);
		transition: all .5s;
	}*/
	.pd70{
		padding-top: 60px;
	}
	.mt70{
		margin-top: 60px;
	}	
	.severbox .sevlist li:hover .modal a {
		transform: translateY(-50%);
		transition-delay: 0.2s;
	}	
	.casebox ul li:hover a{
		box-shadow: 2px 3px 15px rgba(0, 0, 0, 0.15);
	}	
	.casebox ul li:hover .conbox img {
		-webkit-filter: brightness(0.6);
		transform: scale(1.1);
	}	
	.casebox ul li:hover .conbox .overlay {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-50%);
		transform: scale(1) translateY(-50%);
	}	
	.casebox ul li:hover .conbox button {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.brandbox .brand-r li:hover{
		box-shadow: 0 7px 15px rgba(0,0,0,0.1)
	}	
	.newbox li:hover{
		box-shadow: 0px 0px 22px rgba(0,0,0,0.1);
	}
	.newbox li:hover h3{
		color: #1e76e4;
	}
	.newbox li:hover i{
		color: #1e76e4;
		right: 30px;
		transform: translateX(0);
	}
	.aboutbox .morebox:hover{
		border: 1px solid #1e76e4;
	}
	.aboutbox .morebox:hover::before{
		background: #1e76e4;
	}
	.aboutbox .morebox:hover a{
		color: #FFFFFF;
	}
	.casebox ul li:nth-child(4n+1){
		animation-delay: 0s;
	}
	.casebox ul li:nth-child(4n+2){
		animation-delay: 0.1s;
	}
	.casebox ul li:nth-child(4n+3){
		animation-delay: 0.2s;
	}
	.casebox ul li:nth-child(4n+4){
		animation-delay: 0.3s;
	}
	.dealbox .deal-r .con h2{
		animation-delay: 0s;
	}
	.dealbox .deal-r .con p{
		animation-delay: 0.2s;
	}
	.dealbox .deal-r .con ul{
		animation-delay: 0.4s;
	}
	.pphjbox li:hover img{
		transform: scale(1.2);
	}
	.newlist li:hover{
		box-shadow: 0 0 30px rgba(0,0,0,0.1);
		transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
	}
	.newlist li:hover h3{
		color: #1E76E4;
	}
	.newlist li:hover span{
		color: #1E76E4;
		right: 70px;
	}
	.relabox ul li:hover{
		box-shadow: 0 0 28px rgba(0,0,0,0.15);
	}
	.relabox ul li:hover h3{
		color: #1E76E4;
	}
	.casedt .watchbox .wh-r:hover{
		color: #FFFFFF;
		border: 1px solid #1E76E4;
	}
	.casedt .watchbox .wh-r:hover::before{
		opacity: 1;
    		width: 100%;
	}
	.casedtbox .thank .th-r a:hover{
		color: #1E76E4;
	}
	.morecase:hover{
		color: #FFFFFF;
		border: 1px solid #1e76e4 !important;
		z-index: 1;
		box-shadow: 0 0 30px rgba(0,0,0,0.3);
	}
	.morecase:hover::before{
		opacity: 1;
		width: 100%;
	}
	.sevcase ul li:hover img{
		transform: scale(1.1);
	}
	.weixnbox .fwbox li:hover .top{
		transform: translateY(-30px);
	}
	.openbox .con p a:hover{
		border: 1px solid #dddddd;
		color: #dddddd;
	}
	/*.openbox .con p a:hover::before{
		width: 100%;
		opacity: 1;
		z-index: 1;
		border-radius: 25px;
		
	}*/
	.smwhybox ul li:hover .top img{
		animation: swing 1s infinite linear;0 0 24px rgba(0,0,0,0.2);
	}
	.sevlc ul::before{
		content: '';
		width: 0;
		height: 1px;
		background: #1E76E4;
		position: absolute;
		left: 0;
		top: 30px;
		transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	.sevlc ul.bdac::before{
		width: calc(100%);
	}
	.cxtop .cxcon{
		top: 40%;
	}
	.smartcase ul li:nth-child(4){
		display: none;
	}
	.webhert .wapper ul li:hover .con{
		 top: 270px;
		 animation-delay: 1s;
	}
	.webhert .wapper ul li:hover .line{
		transform: translateY(47px);
	}
	.webhert .wapper ul li:hover .wd{
		transform: translateY(-33px);
	}
	.webhert .wapper ul li:hover .word{
		opacity: 1;
		transform: translateY(0);
		animation-delay: .8s;
	}
	.webhert .wapper ul li:hover .modal{
		opacity: 1;
		transform: translateY(0);
		animation-delay: .3s;
	}
	.severbox .sevlist li .con p:nth-child(1):hover img{
		transform: scale(1.1);
	}
	.head .sub_menu .sub_menu_list .product_center_link .child_a:hover{
		color: #1E76E4;
	}
}

/*首页-业务范围-ui修改*/
@media (max-width:768px){
	.severbox{
		padding-bottom: 40px;
		overflow: hidden;
	}
	.severbox .sevlist{
		margin-top:10px;
	}
	.sevlist .swiper-container{
		width: 100%;
		margin:0;
	}
	.sevlist .swiper-slide{
		width: 100%;
		padding:0;
	}
	.sevlist .li{
		width: 176%;
		margin-left:-38%;
	}
	.sevlist .swiper-slide-active .li{
		margin-left:-38%;
	}
	.sevlist .swiper-slide-next .li{
		margin-left:48%;
	}
	.sevlist .swiper-slide-prev .li{
		margin-left:-124%;
	}
}


/* 首页新闻修改 */
@media (max-width:768px){
	.newbox .newsnav{
		margin-top: 0;
		display: block;
		padding-bottom: 10px;
	}
	.newbox .newsnav .li{
		float: left;
		width: 31%;
		margin: 0 1% 0 1%;
		text-align: center;
	}
	.newbox .newsnav .li a{
		padding: 6px 0;
		font-size: 14px;
	}
}