/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #111;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #111;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;background: #111;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    width: 100%;
}

.selected .gh a {
    /* background-color: transparent !important; */
	background: #111;
}

@media only screen and (max-width:1480px) {
	html{
		font-size: 16px;
	}
}
@media only screen and (max-width:1280px) {
	html{
		font-size: 14px;
	}
	.hnews .list li p{
		font-size: 12px;
	}
	.team ul li a .text h6 {
	    font-size: 12px;
	}
}
@media only screen and (max-width:1120px) {
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	.team ul li a .text h6 {
	    margin-top: 5px;
	}
	.wrap {
		width: auto;
		padding: 0 15px;
	}
	.header .naver .ph{
		display: none;
	}
	.header .rts .shop{
		margin-right: 50px;
	}
	.header{
		position: fixed;top: 0;left: 0;right: 0;
	}
	.gh{
		display: block;
		right: 20px;top: 20px;
	}
	.banner{
		height: 80vw;
	}
	.header .wrap{
		height: 60px;
	}
	html{
		font-size: 16px;
	}
	.header .naver{
		position: absolute;
		left: 0;right: 0;
		top:100%;z-index: 11;
		height: calc(100vh - 60px);
		display: none;
		background: #fff;
	}
	.header .rts .naver ul{
		display: block;
	}
	.header .rts .naver li a{
		display: block;
		line-height: 42px;
		margin: 0 20px;
	}
	.header .rts .naver li{
		border-bottom: 1px solid #f1f1f1;
		margin-right: 0;
	}
	.header .naver li i{
		position: absolute;
		right: 0;top: 0;
		width: 42px;height: 42px;
		background: url(../images/cico1.png) no-repeat center;
		transition:all 0.3s;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 和 Chrome */
		-o-transition:all 0.3s;
	}
	.header .naver li i.on{
		transform:rotate(90deg);
	}
	.header .naver .nli{
		position: static;
	}
	.header .naver .nli dl::before{
		display: none;
	}
	.header .naver .nli dl{
		border-radius: 0;
		padding: 0 30px;
	}
	.header .naver .nli dd a{
		border-bottom: 1px solid #f1f1f1;
	}
	.header .logo img{
		width: auto;height: 40px;
	}
	.header .logo{
		margin-left: 5px;
	}
	.hporduct{
		padding: 30px 0;
	}
	.layout{
		padding-top: 60px;
	}
	.tit h5{
		margin-top: 0;line-height: 1.6;
	}
	.htab li a{
		width: 100%;
	}
	.htab li{
		width: 49%;
		margin: 0 0 10px 0;
	}
	.htab ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.hporduct .list ul{
		margin-top: 20px;
		display: block;
	}
	.hporduct .list li{
		width: auto;margin-bottom: 10px;
	}
	.hporduct .list li .pic{
		width: 260px;height: 260px;
		margin: 0 auto;
	}
	.hvideo{
		padding: 0 0 30px;
	}
	.hvideo .uvideo .icon{
		width: 40px;height: 30px;
	}
	.hteama li a{
		display: block;
	}
	.hteama li .pic{
		width: auto;height: auto;
	}
	.hteama li .text{
		width: auto;margin-top: 10px;
	}
	.hteama li .text p{
		margin-top: 0;
	}
	.hteama li .text .btn{
		margin-top:10px;
	}
	.hteama li{
		margin-bottom: 15px;
	}
	.hteam .ova .tswiper .pic{
		position: static;width: 50%;margin: 0 auto;
	}
	.hteam .ova .tswiper .swiper-slide{
		height: auto;
	}
	.hteam .ova{
		margin-top: 0;
	}
	.hteam{
		padding: 30px 0;
	}
	.hteam .ova .bswiper{
		position: static;
		margin: 20px 0 0;
	}
	.hteam .ova .tswiper .text{
		width: auto;margin-top: 10px;
	}
	.hteam .ova .tswiper h4{
		margin: 10px 0;
	}
	.hteam .ova .tswiper p{
		height: auto;line-height: 1.6;
	}
	.hpartner{
		padding: 30px 0;
	}
	.hpartner ul li{
		width: 49%;margin: 0 0 10px 0;
	}
	.hpartner ul{
		justify-content: space-between;
		margin-top: 20px;
	}
	.footer .flax .lt{
		display: none;
	}
	.footer .flax .rt{
		padding: 0;
		border: none;
	}
	.footer .flax .rt li h4{
		font-size: 14px !important;
	}
	.footer .logo1{
		padding: 15px 0;
	}
	.copyright a{
		font-size: 14px;
	}
	.fban{
		height: 180px;
	}
	.about .hd{
		padding: 30px 0;
	}
	.about .hd .flax{
		margin-top: 20px;
		display: block;
	}
	.about .hd .flax ul{
		width: auto;
		padding: 20px ;
	}
	.about .hd .flax h2 i,
	.about .hd .flax h2{
		font-size: 24px !important;
	}
	.about .hd .flax li:nth-child(2){
		width: 50%;
	}
	.about .hd .flax .text{
		width: auto;padding: 15px;
	}
	.about .bd{
		padding: 30px 0;
	}
	.about .bd .wrap{
		display: block;
	}
	.about .bd h2{
		line-height: 50px;font-size: 18px !important;
		margin: 0 auto;
	}
	.about .bd .por{
		width: auto;
		margin: 0 50px;
		margin-top: 20px;
	}
	.about .bd .por .pic{
		height: 48vw;
	}
	.about .bd .por h4{
		padding-bottom: 0;
	}
	.about .alic{
		padding: 30px 0 80px;
	}
	.about .alic h2{
		font-size: 90px !important;
	}
	.about .alic .por{
		padding-top: 130px;
		margin: 0 30px;
	}
	.about .alic .swiperlist{
		width: auto;
	}
	.about .alic .swiperbd{
		width: auto;margin: 0 -20px;
		margin-top: 30px;
	}
	.contain{
		padding: 30px 0;
	}
	.contain .hd ul{
		margin-top: 15px;
		display: block;
	}
	.contain .hd li{
		width: auto;margin-bottom: 10px;
	}
	.contain .hd li dl{
		padding: 20px;
	}
	.contain .hd li dd h6 strong{
		font-size: 20px;
	}
	.contain .bd{
		margin-top: 30px;
	}
	.contain .bd .item{
		padding: 20px;
	}
	.contain .bd .item p br{
		display: none;
	}
	.contain .bd .flca{
		display: block;margin-top: 20px;
	}
	.contain .bd ul{
		width: auto;
	}
	.contain .bd .rtc{
		width: auto;
	}
	.contain .bd .rtc .txt1{
		height: 100px;
	}
	
	.mtabs li{
		margin-right: 6px;
	}
	.mtabs ul{
		flex-wrap: wrap;
		display: block;
		white-space: nowrap;
	}
	.mtabs{
		position: relative !important;
		z-index: 11;top: auto;
	}
	.mtabs ul li{
		display: inline-block;
	}
	.mtabs li dd a{
		font-size: 12px;
		line-height: 36px;
	}
	.mtabs li a{
		font-size: 12px;
		line-height: 46px;
	}
	.mtabs{
		position: static;
	}
	.join{
		padding: 30px 0;
	}
	.join .jtab{
		margin-top: 20px;
		padding: 15px;
	}
	.join .hd li a{
		font-size: 14px;
	}
	.join .jtab .jsearch .tx{
		width: calc(100% - 80px);
	}
	.join .jtab .jsearch{
		width: auto;
		height: 40px;
	}
	.join .jtab .jsearch .btn{
		width: 80px;
	}
	.join .joinlist .jth .flac{
		padding: 0 10px;
	}
	.join .jtb{
		padding: 0 10px;
	}
	.join .jtb .flac{
		padding: 15px 0;
	}
	.join .flac h4:nth-child(n+2){
		display: none;
	}
	.join .flac h4:nth-child(1){
		width: 80%;
	}
	.join .jth .flac .icon{
		right: 10px;
	}
	.join .jtb .box dd{
		margin-top: 10px;width: auto;
		margin-right: 30px;font-size: 14px;
	}
	.join .jtb .box .dels{
		margin: 10px 0;font-size: 14px;
	}
	.join .jtb{
		padding-bottom: 20px;
	}
.join .joinlist .jth .flac{
	height: 50px;
}
	.join .bd{
		margin-top: 20px;
		padding: 25px;
	}
	.join .bd p{
		margin-top: 20px;
	}
	.join .bd ul{
		flex-wrap: wrap;
		margin-top: 30px;
		display: block;
		text-align: center;
	}
	.join .bd li h4{
		width: auto;line-height: 40px;
	}
	.join .bd li img{
		margin: 5px auto;
		transform: rotate(90deg);
	}
	.join .hd li{
		margin: 0 10px;
	}
	.mylist{
		margin-top: 20px;
	}
	.mylist li a{
		display: block;
		padding: 15px;
	}
	.mylist li .pic{
		width: auto;
		height: auto;
		display: block !important;
		margin-bottom: 10px;
	}
	.mylist li.on .mtxt{
		width: auto;
	}
	.mylist li .txq{
		width: auto;
	}
	.mylist li .mtxt .mico{
		display: none !important;
	}
	.mylist li{
		margin-bottom: 10px;
	}
	.news{
		padding: 30px 0;
	}
	.news .nlist ul{
		display: block;
	}
	.news .nlist li{
		width: auto;margin: 0 0 10px 0;
	}
	.news .nlist a{
		padding: 10px;
	}
	.news .nlist .pic{
		height: auto;
	}
	.news .nlist h3{
		padding-top: 10px;
	}
	.crumbs{
		display: none;
	}
	.newsdel .wrap{
		padding: 20px;
	}
	h1{
		font-size: 22px !important;
	}
	.newsdel .dels{
		font-size: 14px;
		line-height: 1.6;
	}
	.newsdel{
		padding-bottom: 20px;
	}
	.newsdel{
		padding-top: 1px;
	}
	.product{
		padding: 30px 0;
	}
	.product .hd ul{
		flex-wrap: wrap;
	}
	.product .bd ul{
		margin-top: 20px;
		display: block;
	}
	.product .bd li{
		width: auto;
		margin: 0 0 10px 0;
	}
	.product .bd li .pic{
		height: 200px;
	}
	.product .bd li .txt{
		padding: 10px 0 30px;
	}
	.qmore a{
		font-size: 14px;
	}
	.productdel .hd{
		padding: 0 0 30px;
	}
	.productdel .hd .wrap{
		display: block;
	}
	.productdel .hd .ltc{
		width: auto;
	}
	.productdel .hd .ltc .pichd{
		height: 60vw;
	}
	.productdel .hd .text{
		width: auto;
	}
	.productdel .bd{
		padding: 20px 0;
	}
	.team{
		padding: 30px 0;
	}
	.team ul{
		display: block;
	}
	.team ul li{
		width: auto;
		margin: 0 0 10px 0 !important;
	}
	.team ul li .pic{
		height: 72vw;
	}
	.team ul li a .text {
	    top: 72vw;
	}
	.team ul li a .text{
		padding: 25px;
	}
	.team ul li a .text h3{
		margin: 10px 0;
	}
	.team ul li a .text p{
		height: auto;
	}
	.tanteam{
		width: auto;
		margin: 0 20px 0;
		display: block;
		padding: 25px 15px;
	}
	.tanteam .pic{
		width: auto;height: auto;
	}
	.tanteam .text{
		width: auto;margin:10px 0 0;
	}
	.tanteam .text h4{
		margin: 8px 0;
	}
	.xinchou .hd{
		padding: 0 0;
	}
	.mylist ul{
		display: block;
	}
	.mylist li{
		width: auto;
	}
	.xinchou .wrap{
		overflow: hidden;
	}
	.xinchou .hd .xpg1 .text{
		float: none;
		padding: 25px;
		width: auto;
	}
	.xinchou .hd .xpg1{
		margin: 30px 0;
	}
	.xinchou .hd .list{
		padding: 30px 0;
	}
	.xinchou .hd .list li{
		width: 49%;
		margin: 0 0 10px 0;
		padding: 15px;height: auto;
	}
	.xinchou .hd .list ul{
		justify-content: space-between;
	}
	.xinchou .hd .list p{
		line-height: 1.6;
	}
	.xinchou .hd .list p br{
		display: none;
	}
	.xinchou .xswipers .mtit p{
		line-height: 1.6;
	}
	.xinchou .xswipers .por{
		margin-top: 30px;
	}
	.xinchou .xjksh{
		padding: 30px 0;
	}
	.xinchou .shswiper .swiper-slide{
		width: 80vw;
	}
	.xinchou .shswiper .swiper-slide img{
		height: auto;
	}
	.xinchou .shswiper .spans{
		margin-top: 0;
	}
	.myinp{
		padding: 30px 0;
	}
	.myinp .hd li a{
		width: auto;
		padding: 0 25px;
	}
	.myinp .dels{
		font-size: 14px;
		line-height: 1.6;
		padding: 25px;
	}
	.zhiye{
		padding: 30px 0;
	}
	.zhiye ul{
		display: block;
	}
	.zhiye ul li{
		width: auto;margin-bottom: 10px;
	}
	.zhiye li .pic{
		height: auto;
	}
	.about .bd .por .prev{
		display: block;
		left: -3.229166666666667rem;
		transform: rotate(0);
	}
	.contain .bd .txt{
		font-size: 14px;
	}
	.xinchou .swiperlist .spans span,
	.xinchou .shswiper .spans span{
		margin: 0 5px;
	}
	.xinchou .swiperlist .spans{
		display: block;
	}
	.header .rts .naver li dd a{
		font-size: 14px;
		text-align: left;
		padding: 0 0px;
		border-bottom: 1px solid #f6f6f6;
	}
	.header .rts .naver li dl{
		padding: 0;position: static;
	}
	.header .rts .naver li a{
		font-size: 16px;
	}
	.join .jtab li dd a{
		font-size: 14px;
	}
	.team .wrap{
		display: block;
	}
	.team .lt,
	.team .rt{
		width: auto;
	}
	.team .lt p{
		margin: 15px 0;
	}
	.team .lt dd{
		margin-bottom: 0;
	}
	.team .lt{
		padding: 20px;
	}
	.team .box{
		padding: 20px;
		margin-top: 20px;
	}
	.team .box .dels{
		margin-top: 15px;
	}
	.prnebtn .wrap {
		display: block;
	}
	.prnebtn .wrap a {
		width: 100%;
		margin-bottom: 15px;
		padding: 10px 5px;
		font-size: 14px;
		line-height: 1.4;
	}


}
@media only screen and (max-width:768px) {
	.myinp .hd ul,
	.mtabs ul {
		overflow-x: scroll;
		white-space: nowrap;
		overflow-y: hidden;
	}
	.myinp .hd li {
		display: inline-block;
	}
	.about .hd .flax ul {
		display: block;

	}
	.about .hd .flax ul li {
		width: auto !important;
		border: none !important;
		margin-bottom: 10px;
	}
	.about .hd .flax h2 i,
	.about .hd .flax h2 {
		font-size: 22px !important;
		line-height: 1.3;
	}



}