/*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) {
	html{
		font-size: 14.8px;
	}
	.home .wrap{
		width: 72.91666666666667rem;
	}
}
@media only screen and (max-width:1280px) {
	html{
		font-size: 13px;
	}
	
}
@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;
	}
	
	
	.wrap{
		width: auto;padding: 0 15px;
	}
	.layout{
		padding-top: 50px;
	}
	.header{
		height: 50px;padding: 0 15px;
	}
	.header .logo{
		max-width: 160px;
	}
	.header .logo img{
		height: 40px;width: auto;
	}
	.gh{
		position: absolute;right: 15px;top: 12px;display: block;
	}
	.header .naver{
		position: absolute;
		left: 0;right: 0;
		top: 100%;z-index: 12;background: #fff;display: none;
		max-height: calc(100vh - 50px);
		overflow-y: scroll;
	}
	.header .naver li span{
		display: none;
	}
	.header .naver ul{
		display: block;padding: 0 15px;
	}
	.header .naver li a{
		font-size: 16px;line-height: 46px;
	}
	.header .naver li{
		border-bottom: 1px solid #eee;
	}
	.header .naver li .nli{
		position: static;
		display: block;
	}
	.mcbanner{
		height: 50vw;
	}
	.header .rts{
		display: block;
	}
	.header .form{
		margin: 0 50px 0 0;
	}
	.header .seach{
		display: none;
	}
	.header .naver li{
		margin: 0;
	}
	.header .naver li .nli dl{
		padding: 0;
		display: block;
	}
	.header .naver li .nli dd .img{
		display: none;
	}
	.header .naver li .nli{
		box-shadow: none;display: none;
	}
	.header .nli .wrap{
		width: auto;
	}
	.header .naver li .nli dd{
		width: auto;margin: 0;
		border-bottom: 1px solid #ccc;
		padding: 0;border-radius: 0;
	}
	.header .naver li .nli dd p,
	.header .naver li .nli dd h6{
		text-align: left;
	}
	.header .naver li{
		position: relative;
	}
	.header .naver li i{
		position: absolute;
		right: 0;
		top: 0;
		width: 30px;
		height: 46px;
		background: url(../images/prev.png) no-repeat center/30% auto;
		transform: rotate(180deg);
		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;
		display: block;z-index: 11;
	}
	.header .naver li i.on{
		transform: rotate(270deg);
	}
	.header .naver li .nli dd:last-child{
		border: none;
	}
	.home .wrap{
		width: auto;
	}
	.mcnews{
		padding: 40px 0;
	}
	.mcnews ul{
		justify-content: space-between;
	}
	.mcproduct ul li,
	.mcnews ul li{
		width: 49% !important;
		margin: 0 0 15px 0 !important;
	}
	.mcnews ul li a .pic{
		height: 35vw;
	}
	.mmore a{
		width: 140px;
		line-height: 40px;
		font-size: 14px;
	}
	.mcproduct{
		padding: 0 0 40px;
	}
	.mcproduct ul li a{
		height: 40vw;
	}
	.mcsector{
		padding: 0 0 40px;
	}
	.mcsector li{
		width: 25%;
		margin-bottom: 24px;
	}
	.mcsector ul{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.mcmap{
		padding: 0 0 40px;
	}
	.mcvideo .video{
		height: 60vw;
		object-fit: cover;
	}
	.mcpublic{
		padding: 40px 0  ;
	}
	.mcpublic .wrap{
		display: block;
	}
	.mcpublic .pic{
		height: auto;
		width: auto;
	}
	.mcpublic .pic .img{
		height: auto;
	}
	.mcpublic .wrap h3{
		height: auto;
	}
	.mcpublic ul{
		width: auto;
		margin-top: 20px;
	}
	.mcpublic ul li a{
		display: block;
	}
	.mcpublic ul li .img{
		width: auto;
		height: auto;
	}
	.mcpublic ul .txt{
		width: auto;
		padding: 20px;
	}
	.mcpublic .wrap h5 i{
		font-size: 14px;
	}
	.footer .tps{
		display: block;
		padding: 20px;
	}
	.footer .tps .lts{
		display: none;
		width: auto;
	}
	.footer .tps .rts{
		padding: 0;
		width: auto;
	}
	.copyright{
		margin: 0;
	}
	.copyright a{
		font-size: 14px;
	}
	.footer .tps .txt h3{
		font-size: 22px !important;
	}
	.uitnavs ul{
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		justify-content: space-between;
		padding-top: 10px;
	}
	.uitnavs{
		border-radius: 0;
		margin: 0;
	}
	.uitnavs li a{
		font-size: 14px;
		line-height: 42px;
	}
	.uitnavs li{
		width: 49%;
		border: 1px solid #ccc;
		margin-bottom: 5px;
	}
	.uitnavs li:nth-child(2n){
		display: none;
	}
	.uitnavs li h3 i{
		right: 5px;
	}
	.banner{
		height: 30vw;
	}
	.crumbs dd span, .crumbs dd a{
		font-size: 14px;
	}
	.chany_canyin .pge2,
	.chany_canyin .pge1{
		padding: 40px 0;
	}
	.chany_canyin .uittext{
		margin-bottom: 0;
	}
	.chany_canyin .pge2 .hds ul{
		overflow-x: scroll;
		white-space: nowrap;
		display: block;
	}
	.chany_canyin .pge2 .hds li{
		font-size: 14px;
		padding: 0 15px;
		line-height: 38px;
	}
	.chany_canyin .pge3{
		padding: 40px 0;
	}
	.chany_canyin .pge3 .box{
		position: static;
		width: auto;
		margin-top: 20px;
	}
	.chany_canyin .pge4{
		padding: 40px 0;
	}
	.chany_canyin .pge4 .hds li{
		margin: 0 10px;
	}
	.chany_shengwu .ds ul{
		display: block;
	}
	.chany_shengwu .ds li{
		width: auto;margin: 0 0 10px 0;
		padding: 15px;
	}
	.chany_shengwu .ds{
		margin-bottom: 20px;
	}
	.contact .bds{
		display: block;
		padding: 20px 0;
	}
	.contact .bds .txt{
		width: auto;
	}
	.contact .bds .wxs{
		width: 120px;
	}
	.contact .bds .wx{
		height: auto;
	}
	.contact .bds .form{
		width: auto;
		margin-top: 20px;
	}
	.contact .maps{
		height: 60vw;
		margin-top: 0;
	}
	.contact .bds .form .t1{
		width: 100%;
		margin-bottom: 10px;
		height: 40px;
		font-size: 14px;
	}
	.contact .bds .form li.on{
		flex-wrap: wrap;
	}
	.contact .bds .form li{
		margin: 0;
	}
	.propb_koufu .bds li h6,
	.contact .bds .form .button{
		width: 140px;
		line-height: 40px;
		font-size: 14px;
	}
	.contact{
		padding-top: 40px;
	}
	.gongy_shij .bds li a{
		display: block;
	}
	.gongy_shij .bds li .txt{
		width: auto;
	}
	.gongy_shij .bds li .pic{
		width: auto;
		height: auto;
		margin-top: 10px;
	}
	.gongy_shij .bds li h3{
		font-size: 30px !important;
	}
	.gongy_shij{
		padding: 40px 0;
	}
	.gongy_shij .bds li{
		margin-bottom: 20px;
	}
	.pages dd a{
		font-size: 14px;
		line-height: 34px;
		min-width: 34px;
		text-align: center;
	}
	.uitnavs ul{
		padding: 15px 0;
	}
	.news_gongs .hds .swiper-slide a{
		display: block;
	}
	.shiye_xiaofei::before{
		display: none;
	}
	.news_gongs .hds .swiper-slide .txt{
		width: auto;margin-top: 15px;
	}
	.news_gongs .hds .swiper-slide p{
		margin-bottom: 10px;
	}
	.news_gongs .bds li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.news_gongs .bds li .pic{
		height: auto;
	}
	.newsdel .hds dd{
		font-size: 14px;
		padding-left: 24px;
		background-size: 14px auto !important;
	}
	.propb_cprz .bds ul{
		justify-content: space-between;
		margin-top: 20px;
	}
	.propb_cprz .bds ul li{
		width: 49%;
		margin: 0 0 15px 0;
		height: auto;
	}
	.propb_koufu .bds li a{
		display: block;
	}
	.propb_koufu .bds li .pic{
		width: auto;height: auto;
	}
	.propb_koufu .bds li .txt{
		width: auto;
	}
	.propb_koufu .bds li p{
		margin: 10px 0;
	}
	.propb_koufudel .tps{
		display: block;
	}
	.propb_koufudel .tps .lts{
		width: auto;
	}
	.propb_koufudel .swippic .hds .swiper-slide{
		height: auto;
	}
	.propb_koufudel .tps .text{
		width: auto;
		margin-top: 15px;
	}
	.propb_koufudel .tps .text .btn{
		width: 140px;
		line-height: 40px;
		font-size: 14px;
		margin-top: 15px;
	}
	.propb_suanjp .bds{
		display: block;
	}
	.propb_suanjp .bds .pic{
		width: auto;
		height: auto;
	}
	.propb_suanjp .bds .uittext{
		width: auto;
		margin: 15px 0 0;
		font-size: 14px;
	}
	.shiye_jiazhi .ovs,
	.shiye_jiazhi .bds .tps{
		display: block;
	}
	.shiye_jiazhi .bds .tps .pic{
		width: auto;
		height: auto;
	}
	.shiye_jiazhi .bds .tps .txt{
		width: auto;
	}
	.shiye_jiazhi .ovs .rs,
	.shiye_jiazhi .ovs .ls{
		width: auto;
		margin-top: 20px;
	}
	.shiye_jiazhi .ovs{
		margin-bottom: 20px;
	}
	.shiye_jiazhi{
		padding: 40px 0;
	}
	.shiye_xiaofei{
		padding: 40px 0;
	}
	.zuojin_fazhan .bds li{
		display: block;
	}
	.zuojin_fazhan .bds li .rts{
		width: auto;
	}
	.zuojin_fazhan .bds ul::before{
		left: 2px;right: auto;
	}
	.zuojin_fazhan .bds li .flax{
		display: block;
	}
	.zuojin_fazhan .bds li .pic{
		width: auto;
	}
	.zuojin_fazhan .bds li .txt{
		width: auto;margin-top: 10px;
	}
	.zuojin_fazhan .bds li .rts{
		padding: 0 0 0 15px !important;
	}
	.zuojin_fazhan .bds li:nth-child(2n) .rts::before{
		right: auto;
		left: -0.20833333333333334rem;
	}
	.zuojin_meigzb .bds li{
		display: block;margin-bottom: 20px;
	}
	.zuojin_meigzb .bds li .pic{
		width: auto !important;
	}
	.zuojin_meigzb .bds li .txt{
		width: auto !important;margin-top: 15px;
	}
	.zuojin_meigzb{
		padding-bottom: 30px;
	}
	.zuojin_qiye .wrap{
		display: block;
	}
	.zuojin_qiye .pic{
		width: auto;height: 50vw;
	}
	.zuojin_qiye .lts{
		width: auto;
		margin-top: 20px;
	}
	.zuojin_qiye{
		padding: 40px 0;
	}
	.zuojin_qiyewh .bds li{
		display: block;margin-bottom: 15px;
	}
	.zuojin_qiyewh .bds li .pic{
		width: auto;height: auto;
	}
	.zuojin_qiyewh .bds li .txt{
		width: auto;margin: 15px 0 0;
	}
	.mcnews .text h3{
		font-size: 16px !important
	}
	.mcnews .text h4{
		font-size: 14px !important;
	}
	.chany_shengwu .ds li .ico,
	.mcsector li .ico{
		width: 40px;height: 40px;
	}
	.header .naver li .nli dd:hover{
		top: 0;box-shadow: none;
	}
	.zuojin_qiyewh .bds li h6{
		font-size: 24px !important;line-height: 1.2;
	}
	.zuojin_qiyewh .bds li .flax{
		display: block;
	}
	.propb_cprz .bds li .tbs p{
		font-size: 12px !important;
	}
	.uitswipovs,
	.chany_canyin .pge2 .ovs{
		margin: 0 30px;
	}
	.shiye_rens .bds li .txt{
		font-size: 14px;padding: 15px;
	}
	.uitnavs .dnli dd a{
		font-size: 14px;
		line-height: 36px;
	}
	.topbar-Selectc{
		margin-right: 50px;
	}
	.side-bar{
		display: none;
	}
	.prmap li{
		width: 10px;
	}
	.mswiperlist{
		width: auto;
	}
	.mswiperlist .mspans{
		font-size: 14px;
	}
	.mproduct_hd a{
		display: block;
	}
	.mproduct_hd .pic{
		width: auto;height: auto;
		background: none;
	}
	.mproduct_hd .pic img{
		margin: 0;
	}
	.mrenshilist .list .text,
	.mproduct_hd .text{
		width: auto;
	}
	.mrenshilist .list li a{
		display: block;padding: 10px 0;
	}
	.mrenshilist .list .pic{
		width: auto;height: auto;
	}
	.mrenshilist .list .text{
		margin-top: 15px;
	}
	.mrenshilist .list .time{
		display: none;
	}
	.mrenshilist .list .text h3{
		width: auto;
	}
	.mrenshilist{
		background: none;
	}
	.lpages ul a{
		line-height: 36px;width: 36px;
		font-size: 14px;
	}
	.lpages ul .pbtn{
		margin: 0 5px;
	}
	.lpages ul .pbtn a{
		line-height: 36px;
		font-size: 14px;
	}
	.mrenshilist{
		margin-bottom: 40px;
	}
	.mrenshilist .list .umore{
		display: none;
	}
}
@media only screen and (max-width:768px) {
.chany_canyin .pge3 .bds .pors{
		transform: scale(0.5);
		transform-origin: left top;
		height: 70vw;margin-top: 40px;
	}
}