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

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


@media only screen and (max-width:1480px) {
	html {
		font-size: 14.8px;
	}
}

@media only screen and (max-width:1280px) {
	html {
		font-size: 13px;
	}

	.mkvideo {
		max-width: 1000px;
	}
}

@media only screen and (max-width:1180px) {
	html {
		font-size: 14px;
	}

	.mkvideo {
		max-width: 1000px;
	}

}

@media only screen and (max-width:1040px) {
	.mkvideo {
		width: 95%;
	}

	.mkvideo .icos {
		right: 0;
		transform: scale(0.8);
		-ms-transform: scale(0.8);
		/* IE 9 */
		-moz-transform: scale(0.8);
		/* Firefox */
		-webkit-transform: scale(0.8);
		/* Safari 鍜� Chrome */
		-o-transform: scale(0.8);
	}

	html {
		font-size: 16px;
	}

	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;
	}

	.header {
		height: 50px;
		background: linear-gradient(to right,#023466,#064c7a);
	}

	.header .naver li {
		margin-left: 0;
		margin-bottom: 4px;
	}

	.header .naver li a {
		font-size: 16px;
		line-height: 36px;
	}

	.layout {
		padding-top: 50px;
	}

	.header .logo {
		max-width: 90px;
		width: auto;
	}
	.header .logo img{
		height: 45px;
	}
.header .wrap{
	height: 100%;
}
	.header .naver {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		z-index: 11;
		background: #192d72;
		display: none;
	}

	.header .naver ul {
		display: block;
		padding: 0 15px;
	}

	.gh {
		display: block;
		right: 20px;
		top: 12px;
	}
	.header .rts{
		width: auto;
	}
	.header .seach{
		display: none;
	}
	.header .rts{
		margin-right: 50px;
	}
	.header .naver li{
		margin: 0;border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.header .naver li h3::before{
		display: none;
	}
	.header .naver li a{
		font-size: 16px !important;
		line-height: 44px;
	}
	.banner{
		height: 160px;
	}
	.banner .txt1 h3,
	.banner .txt p{
		margin-top: -40px;font-size: 20px !important;
	}
	.banner .txt1 p,
	.banner .txt h3{
		font-size: 30px !important;
	}
	.crumbs dd span, .crumbs dd a{
		font-size: 14px;line-height: 36px;
	}
	.banner .wrap{
		height: 80%;
	}
	.asection1{
		padding: 30px 0;
	}
	.asection1 .wrap{
		display: block;
	}
	.asection1 .text{
		width: auto;
	}
	.asection1 .pic{
		width: auto;
		margin: 20px 0 0;
		border-radius: 10px;
	}
	.asection1 .pic .icon{
		width: 60px;height: 60px;
	}
	.asection2{
		padding: 30px 0;
	}
	.asection2 ul{
		flex-wrap: wrap;
	}
	.asection2 ul li{
		width:33.33%;height: 50vw;
		padding: 10px;
	}
	.asection2 ul li .txt{
		left: 10px;
	}
	.asection3{
		padding: 30px 0;
	}
	.asection3 .list li{
		width: 100%;padding: 15px;
		margin-bottom: 10px !important;
	}
	.asection3 .list{
		display: block;
	}
	.asection3 .list ul{
		width: auto;
	}
	.asection4{
		padding: 30px 0;
	}
	.asection4 .list ul{
		justify-content: space-between;
	}
	.asection4 .list ul li{
		width: 49%;height: 30vw;
		margin: 0 0 10px 0;
	}
	.asection4 .list ul li a{
		height: 100%;
	}
	.asection5{
		padding: 30px 0;
	}
	.asection5 .amap{
		width: auto;
	}
	.asection5 .amap li h4{
		font-size: 0.6rem !important;
	}
	.asection5 .amap li .ico{
		width: 1rem;
	}
	.asection6{
		padding: 30px 0;
	}
	.asection6 ul li{
		width: calc((100% - 17px)/4);
		margin: 0 5px 5px 0 !important;
		height: 16.2vw;border-radius: 5px;
	}
	.asection6 ul li:nth-child(4n){
		margin-right: 0 !important;
	}
	.asection7{
		padding: 30px 0;
	}
	.por .swiperlist .pic{
		height: auto;
	}
	.asection7 .por{
		margin: 20px 20px 0;
	}
	.asection7 .por .prev, .asection7 .por .next{
		margin-left: 60px;margin-right: 60px;z-index: 11;
	}
	.footer .tps{
		display: none;
	}
	.footer .tbs{
		display: block;padding-top: 20px;padding-bottom: 10px;
	}
	.footer .tbs .ls{
		width: auto;
		display: block;
		display: none;
	}
	.footer .tbs .wx ul{
		justify-content: center;
	}
	.footer .flax{
		display: block;
		text-align: center;
	}
	.footer .flax dl{
		display: none;
	}
	.footer{
		padding-bottom: 15px;
	}
	.footer .flax .h6{
		font-size: 14px;
	}
	.footer .tbs .wx li{
		margin: 0 10px;
	}
	.chaxun{
		padding: 30px 0;
	}
	.chaxun .hds{
		padding: 20px;
	}
	.chaxun .hds .t1{
		width: 100%;
		margin: 0 0 10px 0;
		height: 40px;
	}
	.chaxun .list ul{
		display: block;
	}
	.chaxun .list ul li{
		width: auto;
		margin: 0 0 10px 0;
		padding: 10px 0;
	}
	.chaxun .list li .ls{
		padding-left: 10px;
	}
	.chaxun .list li h5{
		width: 7rem;
	}
	.chaxun .shuju{
		margin: 30px 0;
	}
	.contact{
		padding: 30px 0;
	}
	.contact .wrap{
		display: block;
	}
	.contact .fms{
		width: auto;
		margin-top: 20px;
		padding: 20px;
	}
	.contact .text{
		width: auto;
	}
	.contact .fms li dl{
		display: block;
	}
	.contact .fms li dd{
		width: auto;
		margin-bottom: 10px;
	}
	.quanjiu .maps{
		margin-top: 20px;
	}
	.quanjiu .maps li h4{
		font-size: 0.6rem !important;
	}
	.quanjiu{
		padding: 40px 0;
	}
	.diaoyanb{
		padding: 30px 0;
	}
	.diaoyanb .txtbox{
		padding: 20px;
	}
	.diaoyanb .ul ul li{
		width: 100%;
		margin: 0 0 0 0;
	}
	.diaoyanb h3{
		margin-top: 15px;
		font-size: 16px !important;
	}
	.diaoyanb .lis .txt{
		width: 200px;
	}
	.diaoyanb .lis{
		margin-top: 10px;
	}
	.diaoyanb .lis dd{
		font-size: 14px;margin-right: 20px;
		margin-bottom: 8px;
	}
	.diaoyanb .lis .txt{
		width: 125px;
	}
	.uitfexi{
		display: none;
	}
	.hbanner{
		height: 100vw;
	}
	.hbanner .swiper-slide p{
		margin: 10px 0 20px;
	}
	.hbanner .flax{
		bottom: 10px;
	}
	.habout{
		padding: 30px 0;
	}
	.habout .ab_hd{
		display: block;
	}
	.habout .ab_hd .text{
		width: auto;
	}
	.habout .ab_hd ul{
		width: auto;
		margin-top: 20px;
	}
	.habout .ab_hd li{
		margin-bottom: 10px;
	}
	.hpiclist{
		padding: 30px 0;
	}
	.hpiclist .list ul{
		flex-wrap: wrap;
		display: block;
	}
	.hpiclist .list ul li{
		height: 100px;width: auto;
		border: none;
		border-bottom: 1px solid rgba(255,255,255,0.25);
	}
	.hpiclist .list ul li .icon{
		top: 50%;transform:translateY(-50%);
		-ms-transform:translateY(-50%);  /* IE 9 */
		-moz-transform:translateY(-50%);     /* Firefox */
		-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
		-o-transform:translateY(-50%);bottom: auto;
	}
	.hproduct{
		padding: 30px 0;
	}
	.hproduct ul{
		display: block;
	}
	.hproduct ul li{
		width: auto;
		margin: 0 0 10px 0;
		padding: 15px;
	}
	.hproduct ul li img{
		width: 30px;
	}
	.hotproduct{
		padding: 30px 0;
	}
	.hotproduct .hlist li{
		width: calc(100vw - 30px);
	}
	.hotproduct .hlist li .pic{
		height: 20.5rem;
	}
	.hotproduct .hlist .prev{
		left: 15px;
	}
	.hotproduct .hlist .next{
		right: 15px;
	}
	.htech{
		padding: 30px 0;
	}
	.htech .list{
		display: block;
	}
	.htech .list .pics{
		width: auto;height: auto;
	}
	.htech .list ul{
		width: auto;
		margin-top: 10px;
		display: block;
	}
	.htech .list ul li{
		width: auto;height: auto;
		margin-bottom: 10px;
	}
	.htech .list li a{
		padding: 15px;
	}
	.jszybox{
		padding: 30px 0;
	}
	.jszybox .ziyuan li,
	.jszybox .fuwu li{
		width: 49%;margin: 0 0 10px 0;
		padding: 10px;
	}
	.jszybox .fuwu li h3{
		font-size: 14px !important;
	}
	.jszybox .ziyuan li h3{
		font-size: 16px !important;
	}
	.jszybox .ziyuan{
		margin-top: 30px;
	}
	.jszybox .list{
		margin-top: 20px;
	}
	.jszybox .list .ds{
		padding: 15px;
	}
	.katit h4{
	    	font-size: 18px !important;
	}
	.jishu_danb .dantit,
	.katit{
		font-size: 18px;
	}
	.jszybox .list .ds dl{
		display: block;
	}
	.jszybox .list .ds dd{
		width: auto;
	}
	.jishu_danb{
		padding:  0;border-radius: 0;
	}
	.jishu_danb .wrap{
		padding: 15px;border-radius: 0;
	}
	.jishu_danb .txt{
		margin: 15px 0;
	}
	.jishu_danb .swiplist .swiper-slide a{
		display: block;
	}
	.jishu_danb .swiplist .img{
		width: auto;
		height: auto;
	}
	.jishu_danb .swiplist .ts{
		width: auto;margin-top: 15px;
	}
	.jishu_danb .fanf li h4{
		font-size: 14px !important;
		word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.jishu_danb .fanf li .pic{
		width: 120px;height: 90px;
	}
	.jishu_danb .fanf li .ts{
		width: calc(100% - 140px);
	}
	.jishu_danb .fanf{
		margin: 20px 0;
	}
	.jishu_danb .fuwu li{
		margin-bottom: 10px;
	}
	.jishu_danb .wenz{
		margin-top: 20px;
	}
	.jishu_danb .wenz ul{
		justify-content: space-between;
	}
	.jishu_danb .wenz li{
		width: 48%;margin: 0 0 10px 0;
	}
	.jishu_danb .wenz li p{
		height: auto;
	}
	.hmain{
		padding: 30px 0;
	}
	.hmain .wrap{
		display: block;
	}
	.uitlts{
		width: auto;
	}
	.uitrts{
		width: auto;
		padding: 15px;
		margin-top: 10px;
	}
	.jishuzy li a{
		display: block;
	}
	.jishuzy li .pic{
		width: auto;height: auto;
	}
	.jishuzy li .txt{
		width: auto;
		margin: 20px 0 0;
	}
	.jishuzydel .hds{
		margin-top: 10px;
	}
	.jishuzydel .hds h1{
		font-size: 20px;
	}
	.jishuzydel .fots a{
		font-size: 14px;
	}
	.join{
		padding: 30px 0;
	}
	.join .hds{
		padding: 20px;
	}
	.join .hds ul{
		flex-wrap: wrap;justify-content: space-between;
	}
	.join .hds ul li{
		width: 48%;
		margin: 0 0 10px 0;
	}
	.join .hds li .ico{
		height: 40px;width: 40px;
		margin: 0 auto;
	}
	.join .bds{
		margin: 20px 0;
	}
	.join .bds li .tps{
		padding: 10px;
		flex-wrap: wrap;
	}
	.join .bds li .tps h3{
		font-size: 14px !important;
		width: 100%;line-height: 20px;
	}
	.join .bds li .tps h4{
		line-height: 1.6;
	}
	.join .bds li .tps h5{
		height: 20px;
	}
	.join .bds li .tbs{
		padding: 20px;
	}
	.pages dd a{
		font-size: 14px;
		line-height: 36px;
		padding: 0 12px;
	}
	.kangtifx .ktbgs{
		padding: 15px;
	}
	.kangtifx .kant1 .bds li{
		padding: 10px;
	}
	.kangtifx .kant1 .list li a{
		font-size: 12px;
		padding: 10px;
	}
	.kangtifx .kant2 .bds ul li{
		width: 100%;
		margin: 0 0 10px 0;
		padding: 10px;
	}
	.kangtifx .kant2 .bds li h3{
		font-size: 16px !important;
	}
	.kangtifx .kant3 .bds h3{
		font-size: 14px !important;
	}
	.kangtifx .kant3 .bds .del{
		padding: 15px;
		font-size: 14px;
	}
	.uitnavs li .dnli dd a{
		font-size: 14px;
	}
	.kangtifx .section1{
		padding: 30px 0;
	}
	.kangtifx .section1 .tit{
		margin-top: 20px;
	}
	.kangtifx .section1 ul{
		flex-wrap: wrap;margin-top: 20px;
	}
	.kangtifx .section1 .icon{
		width: 60px;height: 60px;
		margin: 0 auto;
	}
	.kangtifx .section1 li:nth-child(2n){
		/*display: none;*/
	}
	.kangtifx .section1 li{
		width: auto;
	}
	.kangtifx .section1 li h4{
		font-size: 12px !important;
	}
	.section2{
		padding: 30px 0;
	}
	.section2 li{
		width: 49%;
		margin: 0 0 10px 0 !important;
	}
	.section2 ul{
		justify-content: space-between;
	}
	.section2 li a{
		padding: 10px;height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.section2 li h4{
		line-height: 1.4;
	}
	.section3{
		padding: 30px 0;
	}
	.section3 li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.section3 li p{
		height: calc(28px * 3);
	}
	.section4{
		padding: 30px 0;
	}
	.section4 li{
		width: 49%;
		margin: 0 0 10px 0;
	}
	.section4 ul{
		justify-content: space-between;
	}
	.section4 li a{
		padding: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		height: 100%;
	}
	.section5{
		padding: 30px 0;
	}
	.section5 .list{
		margin-top: 10px;
	}
	.section5 .list li p{
		padding: 15px;
	}
	.section6{
		padding: 30px 0;
	}
	.section6 ul li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.layout.on{
		margin-top: 0;
	}
	.hmy .ltsc{
		float: none;
		width: auto;
	}
	.hmy .rtsc{
		width: auto;
		float: none;
		margin-top: 15px;
	}
	.hmy .rtsc .padbor{
		padding: 15px;
	}
	.hmy .rtsc ul li{
		width: 100%;
		margin: 0 0 5px 0;
	}
	.hmy{
		padding-bottom: 20px;
	}
	.crumbs dl{
		flex-wrap: wrap;
	}
	.product .tops{
		margin: 20px 0 0;
		display: block;
	}
	.product .tops .swippro{
		width: auto;
	}
	.product .tops .swippro .hs{
		height: auto;
	}
	.product .tops .text{
		width: auto;margin-top: 20px;
	}
	.product .tops .text dd{
		margin-bottom: 8px;
	}
	.kangtifx .kant6 ul{
		justify-content: space-between;
	}
	.kangtifx .kant6 ul li{
		width: 49%;margin: 0 0 10px 0;
	}
	.uitsuanx .tbs li h3,
	.uitsuanx .tps h3{
		font-size: 16px !important;
	}
	.uitsuanx .tbs li dd label{
		font-size: 14px;
	}
	.usbgs{
		padding: 15px;
	}
	.kangtifx .kant4{
		display: block;
	}
	.kangtifx .kant4 .pic{
		width: auto;
	}
	.kangtifx .kant4 .ts{
		width: auto;
		margin: 20px 0 0;
	}
	.uitprolist li a{
		display: block;
	}
	.uitprolist li .pic{
		width: auto;
		height: 47vw;
	}
	.uitprolist li{
		padding: 15px;
	}
	.uitprolist li .text{
		width: auto;
	}
	.uitprolist li h3{
		font-size: 16px !important;
	}
	.uitprolist li h6 span,
	.uitprolist li p span,
	.uitprolist li p i{
		font-size: 12px;
	}
	.shiyotk{
		padding: 30px 0;
	}
	.shiyotk .wrap{
		display: block;
	}
	.shiyotk .uitnavs{
		width: auto;
	}
	.shiyotk .rts{
		width: auto;
		margin: 15px 0 0;
		padding: 15px;
	}
	.uitnavs li h3 a{
		font-size: 14px;
	}
	.sousjg{
		padding: 30px 0;
	}
	.sousjg .hds .fms{
		width: auto;height: auto;
	}
	.sousjg .hds .fms .t1{
		height: 40px;
	}
	.sousjg .hds .fms .btn{
		width: 90px;
	}
	.sousjg .hds .fms .btn span{
		font-size: 14px;line-height: 40px;
	}
	.sousjg .hds h2,
	.sousjg .hds h3{
		font-size: 16px !important;
	}
	.sousjg .hds dd a{
		font-size: 14px;
	}
	.sousjg .bds{
		padding: 30px 0;
	}
	.sousjg .box{
		padding: 15px;
	}
	.sousjg .box .tps ul{
		display: block;
		white-space: nowrap;
		overflow-x: scroll;
	}
	.sousjg .box .tps ul li{
		display: inline-block;
	}
	.sousjg .box .tps li a{
		font-size: 14px;
		padding: 0 8px;
	}
	.sousjg .box .flax{
		display: block;
	}
	.sousjg .box .uitsuanx{
		width: auto;padding-right: 0;
	}
	.sousjg .box .rts{
		width: auto;
		margin: 20px 0 0;
		padding: 0;border: none;
		margin-top:10px;
	}
	.sousjg .box .list li{
		padding: 15px 0;
	}
	.hmy .rtsc .ovas{
		overflow-x: scroll;
	}
	.hmy .rtsc .mtable{
		width: 800px;
	}
	.hmy .rtsc ul.ul2 li{
		width: 100%;
		margin: 10px 0 0  !important;
	}
	.hmy .rtsc .list dd{
		padding: 15px 0;
	}
	.header .engsh{
		z-index: 121;
	}
	.header .engsh dd a{
		font-size: 14px;
	}
	
	.product .tops .swiper-slide{
	    height: 80vw;
	}
	.product .tops .swippro img{
	    
	}
	.product .tops .text .flax .b2{
	    padding: 0;margin-bottom: 10px;min-width: 32%;margin: 0 1% 1% 0;
	}
	.product .tops .text .flax{
	    flex-wrap: wrap;
	}
	.kangtifx .kant1 .text{
	    overflow-x: scroll;
	}
	.kangtifx .kant1 .text table{
	    width: 800px;
	}
	.kangtifx .section1 ul{
	    
	}
	.section4 li p{
	    height: auto;line-height: 1.6;
	}
	.header .naver li .flax{
	    display: block;
	}
	.header .naver li{
	    position: relative;
	}
	.header .naver li i{
	    position: absolute;
	    right: 0;top: 0;width: 44px;
	    height: 44px;z-index: 11;display: block;
	    background: url(../images/qms4.png) no-repeat center/20% auto;transition: all 0.3s;
	}
	.header .naver li i.on{
	    transform: rotate(180deg);
	}
	.header .naver li .nli{
	    position: static;
	    width: auto !important;
	    max-height: 240px;
	    overflow-y: scroll;
	}
	.header .naver li .ovs{
	    padding: 0;
	}
	.header .naver li .flax{
	    padding: 15px;
	}
	.header .naver li .flax dl{
	    width: auto !important;margin-bottom: 10px;
	}
	.header .naver li .flax dd a{
	    border-bottom: 1px solid #f1f1f1;
	    line-height:36px;font-size: 14px !important;
	    padding: 0 8px ;
	}
	.header .naver li .flax dd{
	    margin-bottom: 0;
	}
	.header .naver li .flax dt a{
	    margin-bottom: 0;
	}
	
	.webpc{
        display: none !important;
    }
    .webmobile{
        display: block !important;
    }

}