@media screen and (min-width:319px) and (max-width:961px) {
	.mobile-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
	}

	/* header style */

	.header {
		height: 1.17333333rem;
		background: rgba(0,0,0,.9);
	}

	.header .logo-normal img {
		height: 0.72rem;
	}

	.header .logo-normal .logo-txt {
		margin-left: 0.18rem;
	}

	.header .logo-normal .logo-txt>span {
		font-size: 0.37333333rem;
		height: 0.54rem;
	}

	.header .logo-normal .logo-txt>font {
		font-size: 0.24rem;
		height: 0.36rem;
	}

	.header .navbox {
		width: 100%;
		height: calc(100vh - 1.17333333rem);
		position: fixed;
		top: 1.17333333rem;
		left: 0;
		background: rgba(0, 0, 0, .9);
		display: none;
	}

	.header .navbox .nav-ul {
		width: 100%;
		padding: 0.96rem 0;
		display: block;
		height: auto;
	}

	.header .navbox .nav-ul li.nav-li {
		padding: 0.32rem 0 !important;
		height: auto;
	}

	.header .navbox .nav-ul li.nav-li .nav-a {
		height: auto;
		font-size: 0.32rem;
	}

	.header .navbox .nav-ul li.nav-li .nav-a>font {
		font-size: 0.24rem;
	}

	.header .navbox .button-ul {
		height: auto;
		margin-left: 0;
	}

	.header .navbox .button-ul .lang-btn {
		font-size: 0.24rem;
	}

	.header .navbox .button-ul .lang-btn a {
		width: 0.74666666rem;
		height: 0.48rem;
	}

	.header .navbox .button-ul .lang-btn a.cn {
		margin-right: 0.26666666rem;
	}

	.header .navbox .button-ul .lang-btn a.en {
		margin-left: 0.26666666rem;
	}

	.header .navbox .button-ul .user-btn {
		height: 0.85333333rem;
		font-size: 0.24rem;
	}

	.header .navbox .button-ul .user-btn a {
		height: 0.72rem;
		line-height: 0.72rem;
		font-size: 0.29333333rem;
		padding: 0 0.32rem;
	}

	/* menu-btn style */
	.header .menu-btn {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 0.72rem;
		height: 100%;
	}

	.header .menu-btn>span {
		width: 100%;
		height: 0.10666666rem;
		border-radius: 4px;
		background: #fff;
		position: relative;
	}

	.header .menu-btn > span:before {
		content: "";
		width: 100%;
		position: absolute;
		top: -0.24rem;
		height: 0.10666666rem;
		border-radius: 4px;
		background: #fff;		
		display: inline-block;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transition: -webkit-transform .2s;
		transition: -webkit-transform .2s;
		transition: transform .2s;
		transition: transform .2s, -webkit-transform .2s;
	}

	.header .menu-btn > span:after {
		content: "";
		width: 100%;
		height: 0.10666666rem;
		position: absolute;
		bottom: -0.24rem;
		border-radius: 4px;
		background: #fff;		
		display: inline-block;
		transition: all .5s;
		-webkit-transition: all .5s;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transition: -webkit-transform .2s;
		transition: -webkit-transform .2s;
		transition: transform .2s;
		transition: transform .2s, -webkit-transform .2s;
	}

	.header.mobile-triger .menu-btn > span {
		background: transparent;
	}
	
	.header.mobile-triger .menu-btn > span:before{
		-webkit-transform:translateY(0.24rem)  transrotate(-45deg);
		transform:translateY(0.24rem) rotate(-45deg);
		content: "";
	}
	
	.header.mobile-triger .menu-btn > span:after{
		-webkit-transform:translateY(-0.24rem) rotate(45deg);
		transform:translateY(-0.24rem) rotate(45deg);
		content: "";
	}
	
	/* nav2 style */
	.header .navbox .nav-ul li.nav-li:hover .trip {
		display: none;
	}

	.header .navbox .nav-ul li.nav-li ol.nav2-ul {
		height: calc(100vh - 1.17333333rem);
		background: transparent;
		top: 1.17333333rem;
		left: 0;
		padding: 0.96rem 0;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	.header .navbox .nav-ul li.nav-li ol.nav2-ul>li.nav2-li {
		width: 100%;
		border-right: none;
		padding: 0.32rem 0;
	}

	.header .navbox .nav-ul li.nav-li ol.nav2-ul>li.nav2-li>a {
		font-size: 0.32rem;
		color: #fff;
	}

	.header .navbox .nav-ul li.nav-li ol.nav2-ul>li.nav2-li>a font {
		font-size: 0.24rem;
		color: rgba(255, 255, 255, .8);
	}

	.header .navbox .nav-ul li.nav-li ol{
		position: relative;
		left: 0;
		transform: translateX(0);
		width: 100%;
		text-align: center;
	}
	.header .navbox .nav-ul li.nav-li:nth-child(2) ol,
	.header .navbox .nav-ul li.nav-li:nth-child(3) ol,
	.header .navbox .nav-ul li.nav-li:nth-child(4) ol{
		width: 100%;
		text-align: center;
	}


	/* banner style */
	.fSection.banner .indexSwiper .swiper-slide .banner-con h1{
		font-size:0.66rem;		
		margin-bottom: 0;
	}
	.fSection.banner .indexSwiper .swiper-slide .banner-con h2{
		font-size:0.36rem;		
		/* margin-bottom: 1.08rem; */
	}
	
	.banner-con a.banner-btn{
		width: 5.33333333rem;
		height: 1.17333333rem;
		border-radius: 44px;
		font-size:0.48rem;		
	}
	
	.fSection.banner .indexSwiper .swiper-pagination{
		bottom: 0.8rem;
	}
	
	/* .fSection.banner .indexSwiper .swiper-pagination-bullet{		
		margin: 0 0.13333333rem;
		width: 0.53333333rem;
		height: 0.10666666rem;
		border-radius: 4px;		
	} */
	
	/* index-s1 style */
	.index-s1{
		position: relative;
		padding: 1.70666666rem 0 0 0;
		display: none;
	}
	
	.index-s1 h2{
		font-size: 0.58666666rem;		
		padding-top:0.54rem;
		background: url(../images/print.png) center center no-repeat;
		background-size: 94% auto;		
	}
	
	.index-s1 h2:before,
	.index-s1 h2:after{
		content: "";
		width:1.28rem;
		height: 0.26666666rem;		
	}
	
	.index-s1 h3{		
		font-size: 0.32rem;
		padding: 0 .48rem;
		word-break: break-all;
		text-align: center;
	}
	
	.index-s1 .s1-flex {
		-moz-box-lines: multiple;
		/*Firefox*/
		-webkit-box-lines: multiple;
		/*Safari,Opera,Chrome*/
		box-lines: multiple;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		padding: 0 .48rem;
		-webkit-box-align: start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		-ms-flex-line-pack:center;
		align-content:center;		
		position: absolute;
		top: 1.70666666rem;
	}
	
	.index-s1 .s1-flex .s1-flex-item{
		width: 50%;		
		font-size: 0.32rem;	
		padding: .48rem 0 .96rem 0;
	}
	
	.index-s1 .s1-flex .s1-flex-item .more-btn{		
		font-size: 0.24rem;		
	}
	
	.index-s1 .s1-flex .s1-flex-item .item-pic{
		width: 2rem;
		height: 2rem;		
		padding: 0.53333333rem 0;
	}
	
	.index-s1 .s1-flex .s1-flex-item .item-txt{		
		margin-top: 0.32rem;
	}
	
	.index-s1 .s1-flex .s1-flex-item .item-txt p{
		font-size: 0.24rem;
	}
	
	.index-s1 .s1-flex .s1-flex-item:hover{
		height: auto;
		background: rgba(8,118,214,.6);
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	
	.index-s1 .s1-flex .s1-flex-item:hover .item-txt{
		font-size: 0.32rem;	
		position: relative;
		top: auto;
		left: auto;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		width: 100%;		
	}
	
	.index-s1 .s1-flex .s1-flex-item:hover .item-txt p{
		font-size:  0.24rem;		
	}
	
	.index-s1 .s1-flex .s1-flex-item:hover .more-btn{
		display: block;
		font-size: 0.24rem;	
		position: absolute;
		bottom: .24rem;
	}
	
	.index-s1 .s1-flex .s1-flex-item:hover .item-pic{
		width: 2rem;
		height: 2rem;		
		padding: 0.53333333rem 0;	
	}
	
	/* mobile index-s1 style */
	.m-section{
		display: block;
		position: relative;
	}
	
	.index-s1.m-section{
		padding:0 ;
		overflow: hidden;
	}
	
	.m-section .s1-bg-pic{
		width: auto;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		max-width: none;
		z-index: 10;
	}
	
	.m-section .con{
		position: relative;
		width: 100%;
		height: 100%;
		background:rgba(8,118,214,.3);
		z-index: 20;
		padding:1.44rem 0;
	}
	
	.m-s1-item{
		/* padding-top: 0.48rem;
		height: 100%; */
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.m-s1-item .item-txt{
		margin-bottom: 0;
	}
	
	.m-s1-item .item-txt h4{
		font-size: 0.48rem;
		color: #fff;
		margin-top: 0;
		text-align: center;
	}
	
	.m-s1-item .item-txt p{
		font-size: 0.34666666rem;
		color: #fff;
		line-height: 1.5;
		margin-bottom: 0.42666666rem;
		text-align: center;
	}
	
	.m-s1-item .item-pic{
		width: 7.2rem;
		height: 7.2rem;
		background: url(../images/pic-frame.png) center center no-repeat;
		background-size: cover;
		padding: 0.48rem;
		margin-bottom: 0.36rem;
		margin-top: 0.36rem ;
	}
	
	.m-s1-item .item-pic img{
		height: auto;
		width: 100%;
		max-width: none;
	}
	
	.m-section .more-btn{
		font-size: 0.4rem;
		color: #fff;
	}
	
	/* footer style */
	.fSection.footer{
		max-height: 100vh;	
		padding-bottom: .72rem;
		position: relative;
	}
	.fSection.footer .footer-s1{		
		position: relative;
		padding: 0.53333333rem 0 0.53333333rem 0;
	}
	
	.fSection.footer .footer-s1 .footer-logo{		
		width: 1.49333333rem;
		height: 1.49333333rem;
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
	}
	
	.fSection.footer .footer-s1 .w1200{
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
	}
	
	.fSection.footer .footer-s1 .footer-l{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.32rem;
	}
	
	.fSection.footer .footer-s1 .footer-l .contact-ul{
		width: 100%;
		height: auto;
		margin-bottom: 0.4rem;
	}
	
	.fSection.footer .footer-s1 .footer-l .contact-ul li{
		width: 33.3%;
		height: 1.5rem;		
	}
	
	.fSection.footer .footer-s1 .footer-l .contact-ul li .contact-hover{		
		position: absolute;
		top: -4.53333333rem;
		left: 50%;
		transform:translate(-50%,0) ;
		-webkit-transform: translate(-50%,0);
		box-shadow: 0 0 15px rgba(0,0,0,.2);
		width: 4.26666666rem;
		height:4.53333333rem;		
		font-size: 0.26666666rem;
		z-index: 999;
	}
	
	.fSection.footer .footer-s1 .footer-l .contact-ul li .contact-hover > img{
		width: 3.2rem;
		height: 3.2rem;
	}
	
	.fSection.footer .footer-s1 .footer-l p{
		font-size: 0.26666666rem;		
	}
	
	.fSection.footer .footer-s1 .footer-r{
		width: 100%;
	}
	
	.fSection.footer .footer-s1 .footer-r ul{
		display: block;
	}
	
	.fSection.footer .footer-s1 .footer-r ul li{
		padding: 0;
		width: 100%;
		margin-bottom: .24rem;
		display: block;
		font-size: 0;
	}
	
	.fSection.footer .footer-s1 .footer-r ul li a{
		text-align: center;
		font-size: 0.24rem;
		width: 25%;
		display: inline-block;
		line-height: 0.4rem;
		/* height: 0.6rem; */
	}
	
	.fSection.footer .footer-s1 .footer-r ul li a.nav1-a{
		font-size: 0.24rem;		
		margin-bottom:0;
		width: 100%;
		font-weight: bold;
		line-height: 0.6rem;
		
	}
	
	.fSection.footer .footer-s2{
		height: 0.72rem;		
		font-size: .24rem;
		position: absolute;
		bottom: 0;
		width: 100%;
		left: 0;
		z-index: 20;
	}
	
	.footer-s1 .mobile-nav{
		display: none!important;
	}
	
	.tab-ul{
		width: 100%;
		padding: 0 .48rem;
		bottom: 0.53333333rem;

		left: 50%;
		transform: translateX(-50%);
	}
	.tab-ul.onflex {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.tab-ul .tab-li{
		font-size: 0.28rem;		
	}	
	
	/* .tab-ul .tab-li.onthis:after {
		content: "";
		width: 100%;
		height:0.08rem;
		background: #2760AD;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.tab-ul .tab-li:first-child.onthis:after {
		content: "";
		width: 100%;
		height:0.08rem;
		background: #2760AD;
		position: absolute;
		bottom: 0;
		left: 0;
	} */

	.tab-ul .tab-li.onthis:after{
		content: "";
		width:100%;
		height:0.08rem;		
	}
	
	.tab-ul .tab-li:first-child.onthis:after{		
		content: "";
		width: 100%;
		height:0.08rem;		
	}	
	
	.page-banner .banner-con h1{
		font-size: 0.8rem;		
	}
	
	.page-banner .banner-con h2{
		font-size: 0.34666666rem;		
		padding: 0.2rem 0;
	}
	
	.page-banner .banner-con h3{
		font-size: 0.48rem;		
	}
		
	.v-sec .tab-con{
		padding: 2rem 0;
		
	}	
	
	.sec-title h4{
		font-size: 0.48rem;
		padding: 0;		
	}
	
	.sec-title p{
		font-size: 0.34666666rem;		
		opacity: .6;
		padding: 0 .48rem;	
	}
	
	.v-sec .section-con{
		padding: .48rem;
			width: 100%;
	}	
	
	.v-sec .section-con .v-box .video-item .play-btn{
		width: 1.06666666rem;
		height: 1.06666666rem;		
	}
	
	.profile-sec .section-con{
		width: 100%;		
		padding: .48rem;
	}
	
	.profile-sec .section-con .sec-title{
		width: 100%;		
		margin-bottom: .48rem;
	}
	
	.profile-sec .section-con p{
		width: 100%;
		font-size: 0.32rem;		
	}
	
	.videos video {
	    width: 9.6rem;
	    height: 5.4rem;	   
	}
	
	.videos img.vclose {
	    width: 0.8rem;
	    height:0.8rem;	    
	}
	
	.page-s1.m-section .con{
		background: transparent;
	}
	
	.page-s1 .s1-flex-item{		
		width: 90.4%;
	}
	
	.page-s1 .s1-flex-item .item-pic img{
		width: 100%;
	}
	
	.page-s1 .s1-flex-item .item-txt {
		font-size: 0.4rem;		
		padding: 0.26666666rem 0.48rem;		
	}
	
	.page-s1 .s1-flex-item .item-txt h4 {
		font-size: 0.4rem;		
	}
	
	.page-s1 .s1-flex-item .item-txt p {		
		padding-top:0.16rem;
	}
	
	.page-banner .banner-btn{
		margin-top: 1.08rem;
	}
	
	.yj-sec .section-con{
		padding: 1.44rem 0;
	}
	
	.yj-sec .section-con .context{	
		margin-top:0;
		width: 100%;
		height: auto;
		display: block;
		padding: .48rem;
		text-align: center;
	}
	
	.yj-sec .section-con .context .txtbox{
		width: 100%;
		height: auto;			
		padding: 0.4rem 0.8rem;
		font-size: 0.32rem;	
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		margin: 0 auto;
	}
	
	.yj-sec .section-con .context img{
		width: 60%;
		height: auto;
		margin:0 auto 0.48rem auto;
	}
	
	
	.yj-sec .section-con .context .pro-txt{
		font-size: 0.32rem;			
		padding-top: .48rem;
		max-height: 3.30666666rem;
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	.end-pro{
		padding-bottom: 1.33333333rem;
		padding-right: .48rem;
		padding-left: .48rem;
	}
	
	.yj-sec .section-con.zr-con{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.banner-bg{
		height: 100%;
	}
	.tab-ul.tab-aside{
		width: 100%;
		padding: 0 .48rem;
		/* left: 0; */
		bottom: 0.26666666rem;
	}
	
	.tab-ul.tab-aside .tab-li{
		margin: 0;
		font-size: 0.4rem;
	}
	
	.tab-ul.tab-aside .tab-li:first-child.onthis:after {
	    content: "";
	    width: 100%;
	    height: 0.08rem;	  
	    bottom: 0;
	    right: 0;
	    left: auto;
	}
	
	.client-sec .section-con{
		width: 100%;
		height: 100%;
		padding: 1.44rem 0;
	}
	
	.client-sec .section-con{		
		padding: 0;
	}
	
	.sortTab-ul{		
		padding: 1.44rem 0;
	}
			
	.sortTab-ul li{
		height: 2.66666666rem;
	}

	.sortTab-ul li .img-circle{
		width:1.33333333rem;
		height:1.33333333rem;
		border-radius: 80px;		
	}	

	.sortTab-ul li.onflex,
	.sortTab-ul li:hover{		
		border-left: 0.13333333rem solid #2760AD;
	}
	
	.sortTab-ul li.onflex .img-circle,
	.sortTab-ul li:hover .img-circle{
		width: 1.6rem;
		height:1.6rem;
		border-radius: 70px;
	}
	
	.conSlide .con-main{		
		padding: 0 0.48rem;
	}
	
	.conSlide .con-main h4{
		font-size: 0.42666666rem;		
		margin-bottom: 0.21333333rem;		
	}
	
	.conSlide .con-main h5{
		font-size: 0.32rem;		
		margin-bottom: 0.42666666rem;		
	}
	
	.conSlide .con-main p{
		font-size: 0.26666666rem;		
		margin-bottom: 0.21333333rem;		
	}
	
	.client-sec2 .sortTab-ul{
		width: 20%;
	}
	
	.client-sec2 .conSlide{
		width: 80%;
	}
	
	.client-sec2 .conSlide .con-main{		
		padding: 1.44rem 0.32rem;
	}
	
	.client-sec2 .sortTab-ul .sortTab-li {
	    height: 25%;
	    width: 100%;
	    font-size: 0.32rem;	   
	}
	
	.client-sec2 .sortTab-ul .sortTab-li img {
	    margin-bottom: 0.24rem;
	}
	
	.client-sec2 .con-main .con-item {
	    width: 48%;
	    height: auto;
	}
	
	.client-sec2 .con-main .con-item .item-img {	   
	    height:auto;	   
	    padding: 0.26666666rem;
	}
	
	.client-sec2 .con-main .con-item h4 {	   
	    font-size: 0.32rem;
	    line-height: .6rem;	    
	}
	
	.client-sec2 .sortTab-ul .sortTab-li img{
		width: 0.6rem;
	}
}