/*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: #000;
    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: #000;
    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: #000;
}

.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: #000;
}


@media only screen and (max-width:1480px) {
	.header .naver li{
		margin: 0 5px;
	}
	.wrap{
		margin: 0 20px;padding: 0;max-width: 100%;
	}
}
@media only screen and (max-width:1040px) {
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	html{
		font-size: 16px;
	}
	.header .naver ul{
		display: block;
		position: absolute;
		left: 0;right: 0;
		top: 100%;
		z-index: 11;
		background: #fff;
		display: none;
	}
	.gh{
		display: block;
		left: auto;
		right: 20px;
	}
	.header .logo img{
		height: 35px;
	}
	.header .wrap{
		height: 55px;
	}
	.layout{
		padding-top: 50px;
	}
	.header .seach{
		display: none;
	}
	.header .rts{
		margin-right: 40px;
	}
	.header .naver li h3 a{
		line-height: 44px;
	}
	.header .naver li i{
		bottom: 0;
	}
	.header .naver li{
		border-bottom: 1px solid #eee;
	}
	.header .naver li span{
		width: 44px;z-index: 11;
		height: 44px;position: absolute;
		right: 0;top: 0;display: block;
		background: url(/static/default/images/jico3.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 .hnli{
		position: static;box-shadow: none;
		width: auto;padding: 10px 0 0;
	}
	.header .naver li span.on{
		transform:rotate(90deg);
	}
	.header .naver .hnli .rs{
		display: none;
	}
	.header .naver .hnli .ls{
		width: auto;
	}
	.header .naver .hnli .ls::before{
		display: none;
	}
	.header .naver .hnli dd a{
		display: block;
	}
	.header .naver li .hnli .flex{
		display: block;
	}
	.header .naver .hnli dd i{
		display: none !important;
	}
	.header{
		height: auto;
	}
	.hban{
		height: 80vw;
	}
	.layout{
		overflow: hidden;
	}
	.hnews{
		padding: 30px 0;
	}
	.wrap{
		margin: 0 15px;
	}
	.uith2{
		font-size: 20px;
	}
	.hnews .hd{
		margin: 15px 0;
	}
	.htab ul{
		overflow-y: hidden;
		white-space: nowrap;
		display: block;
		overflow-x: scroll;
	}
	.htab ul li{
		display: inline-block;
		margin-right: 10px;
	}
	.hnews .htab {
		width: calc(100% - 100px);
	}
	.umore a{
		background: none;
		padding: 0;
	}
	.hnews .hd{
		align-items: center;
	}
	.newslist .lis ul li{
		width: auto;
		margin: 0 0 10px 0;
	}
	.newslist .lis ul{
		display: block;
	}
	.newslist .lis li .picovs{
		height: auto;
	}
	.djnews{
		padding: 30px 0;
	}
	.djnews .flex{
		display: block;
	}
	.djnews .djrt,
	.djnews .djlt{
		width: auto;
	}
	.djnews .djlt .picovs a{
		height: auto;
	}
	.djnews .djlt ul a{
		padding: 15px;
	}
	.djnews .djrt{
		padding: 0 15px;
		margin-top: 10px;
	}
	.djnews .djrt a{
		padding: 15px 0;
	}
	.hlistpic{
		padding: 30px 0;
	}
	.hlistpic ul{
		margin-top: 20px;
	}
	.hlistpic ul li{
		width: 50%;
	}
	.hlistpic ul li .picovs{
		height: 80vw;
	}
	.hlistpic ul li .txt{
		left: 15px;
		right: 15px;
	}
	.hsection1{
		padding: 20px 0 0;
	}
	.hsection1 .hselist ul{
		display: block;
	}
	.hsection1 .hselist li{
		width: auto;margin: 0 0 10px 0;
	}
	.hsection1 .hselist dl{
		flex-wrap: wrap;border-top: none;
	}
	.hsection1 .hselist dd{
		width: 50%;border-top: 1px solid #cecece;
	}
	.hsection1 .hselist dd a{
		padding: 20px 15px;
	}
	
	caursel3d {
	        width: 136px;
	        height: 100px;
	        top: 50px;
	        perspective: 1200px;
	    }
	
	
	    #carousel figure {
	        width: 136px;
	        height: 100px;
	    }
	
	    #carousel figure:nth-child(1) {
	        transform: rotateY(0deg) translateZ(180px);
	    }
	
	    #carousel figure:nth-child(2) {
	        transform: rotateY(45deg) translateZ(180px);
	    }
	
	    #carousel figure:nth-child(3) {
	        transform: rotateY(90deg) translateZ(180px);
	    }
	
	    #carousel figure:nth-child(4) {
	        transform: rotateY(135deg) translateZ(180px);
	    }
	
	    #carousel figure:nth-child(5) {
	        transform: rotateY(180deg) translateZ(180px);
	    }
	
	    #carousel figure:nth-child(6) {
	        transform: rotateY(225deg) translateZ(180px);
	    }
	
	    #carousel figure:nth-child(7) {
	        transform: rotateY(270deg) translateZ(180px);
	    }
	
	    #carousel figure:nth-child(8) {
	        transform: rotateY(315deg) translateZ(180px);
	    }
	    .caursel3d {
	        width: 160px;
	        height: 120px;
	        top: 0;
	        perspective: 700px;
	    }
	.htab.cent ul{
		margin: 15px 0;
	}
	.hsection2{
		padding: 30px 0;
	}
	.hment ul li{
		width: 49%;
		margin: 0 0 10px 0;
	}
	.hment ul{
		justify-content: space-between;
	}
	.footer{
		padding: 30px 0;
	}
	.footer .wrap{
		display: block;
	}
	.footer .lts{
		width: auto;
		margin-top: 20px;
	}
	.footer dl{
		display: block;
	}
	.footer dd{
		margin: 0 0 10px 0;
	}
	.footer dd .lsele{
		width: 100%;
	}
	.uitbanner{
		padding-top: 0;
	}
	.htab.active ul{
		margin: 0;
	}
	.htab.active ul li{
		margin: 0 5px;
	}
	.htab.active ul{
		display: flex;justify-content: center;
		overflow-x: initial;overflow-y: inherit;
	}
	.about .hd{
		padding: 30px 0 120px;
	}
	.atit h1{
		font-size: 24px;
	}
	.about .bd .item li{
		position: static;
		width: 100px;height: 100px;
		margin: 0 5px 15px;
	}
	.about .bd .item ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.about .bd .item{
		height: auto;
		background: none;
		margin-top: 20px;
	}
	.about .bd{
		padding: 30px 0;
	}
	.contact{
		padding: 30px 0;
	}
	.contact .flex ul{
		display: block;
	}
	.contact .flex ul li{
		width: auto;margin: 0;
	}
	.contact .map{
		height: 300px;
		margin: 0;
	}
	.dangjian{
		padding: 30px 0;
	}
	.dangjian .djlist li{
		display: block;
		padding: 15px 0;
	}
	.dangjian .djlist li h4{
		width: auto;padding-bottom: 20px;
	}
	.dangjian .djlist li .text{
		width: auto;margin-top: 15px;
	}
	.dangjian2{
		padding: 30px 0;
	}
	.dangjian2 .djlist2{
		margin: 0;
	}
	.djlist2 ul li{
		width: 100%;
	}
	.djlist2 ul li a{
		padding: 15px 0;
	}
	.djlist2 ul li p{
		margin-top: 5px;
	}
	.pages dl{
		margin-top: 25px;
	}
	.htab li a{
		font-size: 14px;
		padding: 0;
	}
	.gonggyg{
		padding: 30px 0;
	}
	.gonggyg .hd p{
		padding: 20px 0;
	}
	.gonggyg .hd ul{
		display: block;
	}
	.gonggyg .hd ul li{
		width: auto;height: auto;
		margin: 0 0 10px 0;
	}
	.gonggyg .hd li img{
		height: auto;width: 100%;
	}
	.gonggyg .bd{
		margin-top: 30px;
	}
	.gonggyg .bd ul {
		margin-top: 20px;
	}
	.gonggyg .bd ul li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.gonggyg .bd li h4{
		margin: 10px 0;
	}
	.join{
		padding: 30px 0;
	}
	.join .hd ul{
		border-radius: 4px;
		display: block;
		height: auto;
		border: none;
		background: none;
	}
	.join .hd ul li{
		width: 100% !important;margin-bottom: 10px;
	}
	.join .hd li .lsele{
		width: 100%;height: 44px;
		border: 1px solid #157cf5;
		border-radius: 4px;padding: 0 20px;
	}
	.join .hd .btn{
		background-color: #f9fbfe;border: 1px solid #157cf5;
		border-radius: 4px;
		height: 44px;
	}
	.join .hd li:before{
		display: none;
	}
	.join .bd ul{
		flex-wrap: wrap;
		height: auto;
		padding:10px;
	}
	.join .bd .th ul{
		height: auto;
		display: none;
	}
	.join .bd ul li{
		width: 100%;
		line-height: 1.6;
	}
	.join .bd .uli ul{
		height: auto;
	}
	.join .hd ul{
		margin-bottom: 20px;
	}
	.join .bd li:last-child{
		width: 100%;
	}
	.join .bd .uli .text{
		padding: 15px;
	}
	.zhaobiaotj{
		padding: 30px 0;
	}
	.zhaobiaotj li{
		margin-top: 15px;
	}
	.zhaobiaotj li .txt{
		height: 44px;
	}
	.zhaobiaotj .btn{
		line-height: 44px;
	}
	.htab.active ul{
		flex-wrap: wrap;
	}
	.htab.active ul a{
		line-height: 30px;
	}
	.htab.active ul{
		padding: 10px 0;
	}
	.news{
		margin-top: 20px;
	}
	.newsdetail .hd h1{
		font-size: 20px;
	}
	.flexbtn{
		margin-top: 20px;
		display: block;
	}
	.flexbtn a{
		display: block;
	}
	.newszx{
		padding: 30px 0;
	}
	.newszx .newszxlist{
		margin: 20px 0 0;
	}
	.newszx .newszxlist ul{
		display: block;
	}
	.newszx .newszxlist li{
		width: auto;margin: 0 0 10px 0;
	}
	.newszx .newszxlist li a{
		padding: 15px;
	}
	.newszx .newszxlist h4{
		display: none;
	}
	.newszx .newszxlist .txt{
		width: 100%;padding: 0;
		border: none;
	}
	.product .hd .wrap{
		height: auto;
		padding: 50px 15px;
		background: rgba(255,255,255,0.8);
		margin: 0 ;
	}
	.product .pics{
		padding: 30px 0;
	}
	.case{
		padding: 30px 0;
	}
	.case .ovs{
		margin-top: 20px;
	}
	.case .caseswiper{
		margin: 0 20px;
	}
	.rencaibf{
		padding: 30px 0;
	}
	.rencaibf .hd .text{
		padding: 15px 0;
	}
	.rencaibf .hd .flex{
		display: block;
	}
	.rencaibf .hd .pic{
		width: auto;height: auto;
	}
	.rencaibf .hd ul{
		width: auto;margin-top: 20px;
	}
	.rencaibf .hd li{
		padding: 15px 0;
	}
	.rencaibf .list ul{
		display: block;
	}
	.rencaibf .list ul li{
		width: 100% !important;
		margin: 0 0 10px 0 !important;
		padding: 20px 15px;
	}
	.rencaibf .list ul li p br{
		display: none;
	}
	.team ul{
		margin-top: 0;
		justify-content: space-between;
	}
	.team ul li{
		width: 49%;
		margin: 0 0 10px 0;
	}
	.team .uith2{
		margin-bottom: 20px;
	}
	.touzi{
		padding: 30px 0;
	}
	.touzi li a{
		display: block;
	}
	.touzi li .text,
	.touzi li .picovs{
		width: auto;
		height: auto;
	}
	.touzi li .text{
		padding: 15px;
	}
	.zhaobdetail .hd{
		display: block;
	}
	.zhaobdetail .hd h1{
		font-size: 20px;
	}
	.zhaobdetail .hd .lt{
		width: auto;
	}
	.zhaobdetail .hd a{
		margin-top: 10px;
	}
	.htab.active ul li{
		display: flex;
	}
	.zhaobiao .hd{
		padding: 30px 0;
	}
	.zhaobiao .hd .flax{
		display: block;
		margin-top: 20px;
	}
	.zhaobiao .hd .lt{
		width: auto;
	}
	.zhaobiao .hd .rt{
		width: auto;
		margin-top: 20px;
	}
	.zhaobiao .hd .lt li a{
		height: auto;
		display: block;
		padding: 15px;
	}
	.zhaobiao .hd .lt li p{
		width: auto;
	}
	.zhaobiao .hd .lt li{
		margin-bottom: 10px;
	}
	.zhaobiao .hd .rt dd a{
		display: block;
	}
	.zhaobiao .hd .rt dd p{
		width: auto;
	}
	.pages.ltc dl{
		justify-content: center;
	}
	.zhaobiao .bd{
		margin: 0;
	}
	.zblist ul{
		display: block;
		margin-top: 20px;
	}
	.zblist ul li{
		width: auto;
		margin-bottom: 10px;
		display: block;
	}
	.zblist ul li .pic{
		width: auto;
	}
	.zblist ul li .text{
		width: auto;
	}
	.zuzhi{
		padding: 30px 0;
	}
	
	.zubtn li a{
		width: 150px;
	}
	.zubtn ul{
		margin: 20px 0;
	}
	.zuzhi .lis ul{
		padding: 10px;
		display: block;
	}
	.zuzhi .lis li{
		width: auto;
	}
	.zuzhi .lis li a{
		padding:  10px ;
	}
	.hdenglu .hds{
		padding: 10px 15px;
	}
	.hdenglu .hforms{
		width: auto;
		margin: 50px 15px 30px;
		padding: 70px 15px 30px;
	}
	.gerenzx .box{
		display: block;
	}
	.gerenzx .box .lts{
		width: auto;
		padding: 0;
	}
	.gerenzx .box .rts{
		width: auto;
		margin-top: 20px;
		padding:0 15px 15px;
	}
	.gerenzx{
		padding: 30px 0;
	}
	.gerenzx .box .lts li{
		margin-bottom: 0;
	}
	.gerenzx .hds{
		padding: 10px 0;
	}
	.gerenzx .fms{
		margin: 20px 0 0;
	}
	.gerenzx .fms ul li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.gerenzx .zhaob ul li{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0 10px 10px;
	}
	.gerenzx .zhaob ul{
		margin-top: 15px;
	}
	.hdenglu .hforms1{
		padding-top: 30px;
	}
	
    .mtanc{
        max-width: 85%;
    }	
	.gklist li,
	.gerenzx .hds{
	    display: block;
	}
	.gklist li h3{
	    max-width: none;font-size: 15px !important;
	}
	.gerenzx .hds dl,
	.gerenzx .hds .flps{
	    justify-content: flex-start;margin-top: 10px;
	}
	.gerenzx .hds dl,
	.gerenzx .hds .flps dd{
	    margin-left: 0;margin-right: 10px;
	}
	
}