@import url("http://at.alicdn.com/t/font_2385173_gmdu0oo0ug.css");
@import url("pcstyle.css");

@media screen and (max-width: 1024px) {
	.logo img {
		height: 0.34rem;
	}

	.slide1 .swiper-slide {
		height: 8rem;
	}

	.slide1 .swiper-slide .text1 {
		top: 1.2rem;
		font-size: 0.54rem;
		text-align: center;
		width: 100%;
	}

	.slide1 .swiper-slide .text2 {
		top: 2.4rem;
		text-align: center;
		width: 100%;
		font-size: 0.24rem;
	}

	.slide1 .swiper-slide .text3 {
		font-size: 0.38rem;
		color: #ffffff;
		top: 3.1rem;
		position: absolute;
		text-align: center;
		width: 100%;
	}

	.slide1 .swiper-slide .btn {
		font-size: 0.3rem;
		color: #ffffff;
		top: 4.4rem;
		position: absolute;
		width: 3.4rem;
		margin-left: -1.7rem;
		left: 50%;
		background: #65a231;
		text-align: center;
		line-height: 0.8rem;
		border-radius: 2px;
		cursor: pointer;
	}

	.index-title .main-title {
		font-size: 0.48rem;
		line-height: 1.4;
		padding: 0 0.3rem;
	}

	.index-title .sub-title {
		padding: 0.3rem 0.2rem;
		font-size: 0.28rem;
	}

	.index-title .sub-title span {
		margin: 0 0.1rem;
		display: inline-block;
	}

	.index-main-func {
		padding: 0.6rem 0 0 0;
	}

	.index-main-func .layui-tab-title {
		height: 0.8rem;
	}

	.index-main-func .layui-tab-title li {
		height: 0.8rem;
		line-height: 0.8rem;
		font-size: 0.28rem;
		margin: 0 0.1rem;
		padding: 0 0.1rem;
	}

	.index-main-func .layui-tab-title {}

	.index-main-func .layui-tab-title .layui-this:after {
		height: 0.82rem;
		border-bottom: 2px solid #65a231;
	}

	.index-main-func .content .img {
		text-align: center;
	}

	.index-main-func .content .img img {
		width: 5rem;
		height: auto;
	}

	.index-main-func .content .s-title {
		font-size: 0.48rem;
		margin-top: 0.3rem;
		padding: 0 0.2rem;
	}

	.index-main-func .content .s-con {
		font-size: 0.28rem;
		line-height: 1.8;
		margin: 0.3rem 0;
		padding: 0 0.2rem;
	}

	.index-main-func .content .s-btn {
		padding: 0 0.2rem;
	}

	.index-main-func .content {
		padding: 0.3rem 0 0.6rem;
	}

	.index-main-func .content .s-btn a {
		width: 2rem;
		height: 0.8rem;
		line-height: 0.8rem;
		margin-right: 0.3rem;
		font-size: 0.28rem;
	}

	.anyou-message2-popup-show .anyou-message2 {
		width: 90%;
		left: 5%;
		padding: 0.3rem 0.3rem 0;
		margin-left: 0;
	}

	.anyou-message2 .layui-form-item .layui-input {
		height: 0.76rem;
	}

	.anyou-message2 .layui-form-item i {
		font-size: 0.36rem;
	}

	.anyou-message2-popup-show .smsbtn {
		padding: 0.16rem 0;
	}

	.index-main-func .content .tags {
		padding: 0 0.2rem;
	}

	.index-main-func .content .tags span {
		padding: 0 0.1rem;
		margin-right: 0.1rem;
		margin-bottom: 0.1rem;
	}

	.index-solution {
		padding: 0.8rem 0;
	}

	.index-solution .layui-tab-title {
		float: none;
		margin: 0;
		padding: 0;
		border: 0;
		min-height: inherit;
		border-bottom: 1px solid #fff;
		margin-bottom: 0.3rem;
		padding-bottom: 0.3rem;
	}

	.index-solution .layui-tab-content {
		float: none;
		width: 100%;
	}

	.index-solution .layui-tab-title li {
		display: inline-block;
		font-size: 0.28rem;
		width: 1.8rem;
		height: 0.7rem;
		line-height: 0.7rem;
	}

	.index-solution .layui-tab-content .title {}

	.index-solution .layui-tab-content .con {
		margin-top: 0.3rem;
		line-height: 1.8;
	}

	.index-solution .layui-tab-content .icons i {
		font-size: 0.6rem;
	}

	.index-solution .layui-tab-content .icons span {
		margin-right: 0.3rem;
		margin-bottom: 0.2rem;
	}

	.index-solution .layui-tab-content .icons p {
		font-size: 0.24rem;
	}

	.index-solution .layui-tab-content .btns {
		margin-top: 0.4rem;
	}

	.index-solution .layui-tab-content .btns a {
		height: 0.6rem;
		line-height: 0.6rem;
		width: 2.4rem;
	}

	.index-news {
		padding: 0.6rem 0;
	}

	.index-news .anyou-list1 .listul li .flex {
		padding: 0.3rem;
	}

	.index-news .layui-tab-title li {
		font-size: 0.48rem;
		margin: 0 0.2rem;
	}

	.index-news .anyou-list1 li .liL-img {
		display: none;
	}

	.index-news .motion .circle {
		width: 6rem;
	}

	.index-custom {
		padding: 0.6rem 0;
	}

	.index-custom .list {
		text-align: center;
		width: 100%;
		padding: 0 0.3rem;
		box-sizing: border-box;
	}

	.index-custom .index-custom-slide {
		width: 100%;
	}

	.index-custom .slide3 {
		width: 100%;
	}

	.index-custom .arrow-left2,
	.index-custom .arrow-right2 {
		display: none;
	}

	.index-custom .list li {
		width: calc(20% - 10px);
		margin: 5px;
	}

	.index-fbar {
		background-size: cover;
		padding: 0.6rem 0;
		background-position: center;
	}

	.index-fbar p {
		font-size: 0.4rem;
		line-height: 1.6;
	}

	.index-fbar .btn {
		display: inline-block;
		line-height: 0.8rem;
		width: 3rem;
		font-size: 0.28rem;
	}

	.index-service {
		padding: 0.6rem 0;
	}

	.index-service ul {
		width: 100%;
	}

	.index-service li {
		width: 33.3%;
		margin: 0.2rem 0;
	}

	.index-service li .img img {
		width: 1.2rem;
	}

	.index-service li p {
		font-size: 0.28rem;
	}

	.page-banner {

		height: 5.8rem;
	}

	.page-banner .title {

		padding-top: 1rem;
	}

	.page-banner .main {

		font-size: 0.48rem;
	}

	.page-banner .sub {

		font-size: 0.28rem;

		padding: 0 0.3rem;
	}

	.color-btn {

		font-size: 0.3rem;

		width: 2.6rem;

		height: 0.8rem;

		line-height: 0.8rem;
	}

	.brand-bar span {
		width: 33.3%;
		font-size: 0.24rem;
	}

	.brand-bar span i {

		font-size: 0.28rem;

		margin-right: 0.1rem;
	}

	.brand-bar {
		padding: 0.24rem 0;
	}

	.function .reason {
		padding: 0.6rem 0;
	}

	.function .reason .list ul {
		width: 100%;
	}

	.function .reason .list li {
		width: calc(25% - 0.36rem);
		margin-left: 0.3rem;
		margin-bottom: 0.3rem;
	}

	.function .reason .list li h3 {
		font-size: 0.28rem;
		padding: 0.2rem 0;
		margin-bottom: 0.6rem;
	}

	.function .reason .list li .box img {
		width: 1.6rem;
	}

	.function .reason .list li p {
		font-size: 0.28rem;
		padding: 0.5rem 0;
	}

	.function .reason .list li:first-child {
		margin-left: 0.3rem;
	}

	.function .funlist .item {
		padding: 0.6rem 0;
	}

	.function .funlist .item .title {

		font-size: 0.48rem;

		margin-top: 0;
	}

	.function .funlist .item .line {
		width: 1rem;
		margin: 0.3rem 0;
	}

	.function .funlist .item .des {
		font-size: 0.28rem;
		line-height: 1.8;
	}

	.function .funlist .item .des p {}

	.function .funlist .item .funimg {
		width: 6rem;
		display: block;
		margin: 0 auto;
	}

	.function .funlist .item .color-btn {
		width: 2rem;
		line-height: 0.7rem;
		height: 0.7rem;
		margin-top: 0.3rem;
	}

	.function .version {
		padding: 0.6rem 0;
	}

	.function .version .item {
		margin-left: 0.3rem;
		width: calc(33.3% - 0.2rem);
	}

	.function .version .list {
		margin-top: 0.3rem;
	}

	.function .version .title {
		height: 1rem;
		line-height: 1rem;
		font-size: 0.32rem;
	}

	.function .version .desc {
		font-size: 0.28rem;
		padding: 0.2rem 0;
	}

	.function .version .lists {
		overflow: hidden;
		padding: 0.3rem;
	}

	.function .version .lists .i {
		line-height: 1.4;
		text-align: left;
		font-size: 0.28rem;
		padding: 0.2rem 0.1rem;
		box-sizing: border-box;
		width: 100%;
	}

	.function .version .lists i {
		margin-right: 0.1rem;
		width: 0.3rem;
		height: 0.3rem;
		line-height: 0.3rem;
		position: relative;
		top: auto;
	}

	.solution .section1 {
		padding: 0.6rem 0;
	}

	.solution .section1 .list ul {
		width: 100%;
	}

	.solution .section1 .list li {
		width: calc(50% - 0.8rem);
		margin-left: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.solution .section1 .list li h3 {
		font-size: 0.32rem;
		padding: 0.2rem 0 0;
		margin: 0;
	}

	.solution .section1 .list li .box img {
		width: 1.2rem;
	}

	.solution .section1 .list li p {
		font-size: 0.28rem;
		padding: 0.3rem;
		height: 2rem;
	}

	.solution .section1 .list li:first-child {
		margin-left: 0.5rem;
	}

	.solution .section1 .list li .box {
		padding: 0.3rem 0 0;
	}

	.solution .section3 .index-title {
		margin-bottom: 0.6rem;
	}

	.solution .section3 .box1 {
		top: 3rem;
		left: 0;
	}

	.solution .section3 .box2 {
		top: 720px;
		left: 300px;
	}

	.solution .section3 .box3 {
		top: 140px;
		left: 260px;
	}

	.solution .section3 .box4 {
		top: 620px;
		left: 560px;
	}

	.solution .section3 .box5 {
		top: 0;
		left: 480px;
	}

	.solution .section3 .box6 {
		top: 180px;
		left: 0;
	}

	.solution .section3 .box7 {
		top: 540px;
		right: 150px;
	}

	.solution .section3 .box8 {
		top: 10px;
		right: 250px;
	}

	.anyou-contact3 {
		margin: 0.6rem 0 0;
	}

	.anyou-contact3 .box h3 {
		font-size: 0.36rem;
	}

	.nav-bar {
		height: 1rem;
		line-height: 1rem;
	}

	.nav-bar a {
		font-size: 0.32rem;
	}

	.nav-bar.contact a {
		margin: 0 0.2rem;
	}

	.news-list {
		margin: 0.6rem 0;
	}

	.about .section1 .content {
		padding: 0;
		font-size: 0.28rem;
		margin-top: 0.3rem;
	}

	.about .section1 {
		padding: 0.6rem 0;
	}

	.about .section3 .about-team li {
		width: calc(25% - 0.4rem);
		margin: 0;
		margin-left: 0.3rem;
		margin-bottom: 0.3rem;
	}

	.about .section1 .index-title {
		margin-bottom: 0.3rem;
	}

	.about .section1 .honor .i {
		width: 33.3%;
		font-size: 0.28rem;
	}

	.about .section2 {
		padding: 0.6rem 0;
	}

	.about .section2 .his-slide .year {
		width: 1.4rem;
		height: 1.4rem;
		line-height: 1.4rem;
		font-size: 0.32rem;
	}

	.about .section2 .his-slide-wrap {
		width: 100%;
		margin: 0.6rem 0 0;
	}

	.about .section2 .his-slide-wrap .swiper-slide {
		width: 1.4rem;
		margin: 0 0.2rem;
	}

	.about .section2 .hiscon {
		width: 100%;
		margin: 0;
		padding: 0.3rem;
		box-sizing: border-box;
	}

	.about .section2 .his-slide-wrap .arrow-left2,
	.about .section2 .his-slide-wrap .arrow-right2 {
		display: none;
	}

	.about .section1 .content p {
		margin-bottom: 0.3rem;
	}

	.about .section1 .honor .i i {
		font-size: 0.56rem;
	}

	.about .section3 .about-team li .img {
		width: 100%;
		height: inherit;
	}

	.about .section3 .about-team {
		width: 100%;
	}

	.about .section3 .about-team li img {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.about .section3 .about-team li .des {
		position: relative;
		opacity: 1;
		padding: 0.3rem;
		left: 0;
		right: 0;
		background: #f6f6f6;
		color: #333;
		height: 3.2rem;
		font-size: 0.24rem;
	}

	.about .section3 .about-team li h3 {
		font-size: 0.32rem;
		padding-top: 0.2rem;
	}

	.about .section3 .about-team li .tag span {
		padding: 0.1rem 0.2rem;
		font-size: 0.28rem;
	}
	.case .case-slide .cover {
		width: 100%;
		height: auto;
	}
	.about .section3 {
		padding: 0.6rem 0;
	}

	.case .case-top {
		padding: 0.6rem 0;
	}

	.case .case-slide .content {
		padding: 0.3rem;
		height: 6rem;
	}
	.case .case-slide .t1{
		font-size: 0.4rem;
	}
	.case .case-slide .t2 {
	    font-size: 0.28rem;
	    margin: 0.2rem 0 0.3rem 0;
	}
	.case .case-slide{
		margin-top: 0.6rem;
	}
	.case .case-more ul li{
		width: calc(50% - 0.15rem);
		margin-left: 0.3rem;
		margin-bottom: 0.3rem;
	}
	.case .case-more ul li:nth-child(4n+1) {
		margin-left: 0.3rem;
	}
	.case .case-more ul li:nth-child(2n+1) {
		margin-left: 0;
	}
	.case .case-more ul li .t1 {
	    font-size: 0.28rem;
	    padding: 0.3rem 0.3rem 0;
	}
	.case .case-more ul li .t2 {
	    font-size: 0.24rem;
	    padding: 0.1rem 0.3rem 0.3rem;
	}
	.case .case-more {
	    padding: 0.6rem 0;
	}
	.custom .section1{
		padding: 0.6rem 0;
	}
	.custom .section1 .ul {
	    margin-top: 0.6rem;
	}
	.custom .section1 .ul .i{
		width: 100%;
		margin: 0 0 0.3rem 0;
	}
	.custom .section1 .ul .wrap{
		padding: 0.3rem;
	}
	.custom .section1 .ul .i .t {
	    margin: 0.3rem 0;
	    font-size: 0.36rem;
	}
	.custom .section1 .ul .i .btn {
	    width: 2.2rem;
	    height: 0.7rem;
	    line-height: 0.7rem;
	    margin: 0.3rem auto 0;
	}
	.custom .section1 .ul .wrap img{
		width: 1.6rem;
	}
	.custom .section2{
		padding: 0.6rem 0;
		background-color: #fafafa;
	}
	.custom .section2 .box img{
		width: 6rem;
		margin-bottom: 0.3rem;
	}
	.custom .section2 .box{
		margin-top: 0.3rem;
	}
	.custom .section2 .box .i{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 0.3rem;
		padding: 0.3rem;
	}
	.custom .section2 .box .i .left {
	    width: 0.8rem;
	    height: 0.8rem;
	    line-height: 0.8rem;
	    font-size: 0.32rem;
	}
	.custom .section2 .box .i .right {
	    margin-left: 0.3rem;
	}
	.custom .section2 .box .i .right .t {
	    font-size: 0.32rem;
	}
	.custom .section2 .box .i .right .n {
	    margin-top: 0.1rem;
	}
	.custom .section3 .lc-img img{
		width: 100%;
	}
	.custom .section3{
		padding: 0.6rem 0;
	}
	.custom .section3 .lc-img{
		margin-top: 0.6rem;
	}
	.hardware .layui-tab-title li {
	    font-size: 0.28rem;
	    width: 2rem;
	    padding: 0.2rem 0;
	    margin: 0;
	}
	.hardware .layui-tab-title li i {
	    font-size: 0.6rem;
	    margin: 0 auto 0.1rem;
	}
	.hardware .list .item .left{
		padding: 0.6rem;
		width: 7rem;
	}
	.hardware .list .item .cover{
		width: 4.8rem;
		height: 4.8rem;
	}
	.hardware .list .item .t1 {
	    font-size: 0.4rem;
	    margin-bottom: 0.3rem;
	}
	.hardware .list .item .t2{
		line-height: 1.8;
		font-size: 0.28rem;
	}
	.hardware .list .item{
		padding: 0.4rem;
	}
	.hardware .des{
		margin: 0.6rem 0;
		font-size: 0.28rem;
	}
	.service .section1 img{
		width: 100%;
	}
	.service .section1{
		padding: 0.6rem 0;
	}
	.join .section1,.join .section2,.join .section3{
		padding: 0.6rem 0;
	}
	.join .section1 .content{
		margin-top: 0.6rem;
		font-size: 0.3rem;
	}
	.join .section3 ul li p{
		font-size: 0.28rem;
	}
	.join .section3 ul li span{
		font-size: 0.24rem;
	}
	.join .section3 ul li img{
		width: 0.6rem;
	}
	.join .section3 ul{
		
height: 1.4rem;
		
margin: 0.6rem 0;
	}
	.join .section3 .btn {
	    width: 4rem;
	    height: 0.8rem;
	    line-height: 0.8rem;
	    border-radius: 20px;
	    font-size: 0.28rem;
	}
	.join .section2 li .wrap{
		padding: 0.6rem 0.4rem;
	}
	.join .section2 li{
		
margin-left: 0.3rem;
		
width: calc(25% - 0.23rem);
	}
	.join .section2 li .wrap p{
		font-size: 0.32rem;
	}
	.join .section2 li .wrap i {

	    line-height: 1.4rem;
	    font-size: 1rem;
	}
	.join .section2 ul{
		margin-top: 0.6rem;
	}
	.case-detail .left{
		float: none;
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		min-height: auto;
	}
	.case-detail .right {
	    width: 100%;
		float: none;
	}
	.case-detail .right .title {
	    font-size: 0.48rem;
		margin-top: 0.3rem;
	}
	.case-detail .right .subtitle {
	    font-size: 0.32rem;
	    margin: 0.3rem 0;
	    padding-bottom: 0.3rem;
	}
	.case-detail .right .content {
	    font-size: 0.28rem;
	}
	.case-detail .right .content p{
	   margin-bottom: 0.3rem;
	}
	.case-detail{
		padding: 0.3rem 0;
	}
	.case-detail .box {
	    padding:0.3rem;
	}
	.case .case-more ul li .cover{
		opacity: 1;
		display: block;
		position: relative;
		padding: 0.3rem;
	}
	.case .case-more ul li .cover .t,.case .case-more ul li .cover .con{
		display: none;
	}
	.function .version .lists .i:last-child{
		margin-top: 0;
	}
	.solution-text{width: 92%;}
	.hiscon li{font-size:0.5rem;}
}

@media screen and (max-width: 500px) {
	.index-title .sub-title span {
		margin: 0 0.1rem;
		display: inline-block;
		width: 40%;
	}

	.index-custom .list li {
		width: 47%;
		margin: 1.5% !important;
	}

	.index-service li {
		width: 50%;
		margin: 0.2rem 0;
	}


	.function .reason .list li {
		width: calc(50% - 0.46rem);
		margin-left: 0.3rem;
		margin-bottom: 0.3rem;
	}

	.function .version .item {
		width: 100%;
		margin-left: 0;
		margin-bottom: 0.3rem;
	}

	.function .version .lists .i {
		width: 50%;
		float: left;
		font-size: 0.24rem;
		padding: 0.2rem 0;
		height: auto;
	}

	.solution .section1 .list li:first-child {
		margin-left: 0;
	}

	.solution .section1 .list li p {
		height: inherit;
	}

	.solution .section1 .list li {
		width: 100%;
		margin-left: 0;
		margin-bottom: 0.3rem;
		padding: 0 0.3rem;
		box-sizing: border-box;
	}

	.about .section3 .about-team li {
		width: calc(50% - 0.46rem);
		margin: 0;
		margin-left: 0.3rem;
		margin-bottom: 0.3rem;
	}
	
	.hardware .list .item .left{
		padding: 0;
		float: right;
		width: 100%;
	}
	
	.hardware .list .item .right{
		float: left;
		width: 100%;
		text-align: center;
	}
	.join .section2 li {
	    margin-left: 0.3rem;
	    margin-bottom: 0.3rem;
	    width: calc(50% - 0.15rem);
	}
	.join .section2 li:nth-child(2n+1){
		margin-left: 0;
	}
	.solution-text p{font-size: 0.26rem;line-height:0.6rem;text-indent:0.6rem;}
}

.color-btn a{
	color: #fff;
}