/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 28px;
    width: 28px;
    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: #000e33;
    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: #000e33;
    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;
}

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

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

.selected .gh a {
    background-color: transparent !important;
}





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

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

}
@media only screen and (max-width: 750px) {
.product .thumb, .product .plt, .product .prt {
display: block !important;
width: 100% !important;
margin-top: 0 !important;
text-align: center;
}
.product .thumb img {
max-height: 300px;
margin-bottom: 20px;
}
}

@media only screen and (max-width:1100px) {
  html{
  	font-size:14px;
  }
	.wrap{
		width: auto;padding: 0 10px;
	}
	.layout{
		padding-top: 60px;
	}
	.header{
		position: fixed;
		left: 0;right: 0;
		top: 0;z-index: 23;height: 60px;background: #fff;
	}
	.header .wrap{
		display: block;
		margin-top: -15px;
	}
	.layouts{
		padding-top: 0;
	}
	.header .logo{
		margin-top: 12px;margin-left: 17px;
	}
	.header .logo img{
		max-width: 110px;
	}
	.header .naver{
		display: block;position: absolute;right: 0;top: 0;background: #fff;width: 320px;height: 100vh;z-index: 2;
	}
	.hbanner .wrap{
		height: 50vw;
	}
	h2{
		font-size: 24px !important;
	}
	.hbanner .txt h4{
		font-size: 18px;
	}
	.crumbs dt, .crumbs dd i, .crumbs dd a{
		font-size: 12px;line-height: 36px;
	}
	.tab,
	.productdel .rtetx{
		width: auto;float: none;
	}
	.productdel .rtetx{
		margin-bottom: 30px;
	}
	.productdel{
		padding: 20px 0;
	}
	.productdel .prhd{
		display: block;
	}
	.productdel .prhd .pic{
		width: auto;height: auto;
	}
	.productdel .prhd .ptext{
		width: auto;margin-top: 10px;
	}
	.productdel .prhd .ptext h1{
		font-size: 18px;
	}
	.productdel .prhd .ptext h6 i{
		width: 11px;height: 11px;
	}
	.productdel .prhd .ptext h6 span{
		font-size: 12px;padding-left: 24px;
	}
	.productdel .prhd .ptext h6{
		margin: 10px 0 20px;
	}
	.productdel .ptext dd{
		font-size: 13px;
	}
	.productdel .ptext .ubtn{
		margin-top: 20px;
	}
	.productdel .pbd h2{
		font-size: 18px !important;
	}
	.productdel .pbd{
		margin-top: 30px;
	}
	.productdel .pbd table td{
		font-size: 14px;padding: 6px 10px;line-height: 1.6;
	}
	.tab dt{
		font-size: 18px;
	}
	.tab .qmlist dd a{
		font-size: 13px;background-size: 4px auto;
	}
	.tab .dlcon dd i{
		font-size: 14px;line-height: 1.6;
	}
	.footer .ftop{
		padding: 0;border-bottom: none;
	}
	.footer{
		padding-top: 30px;
	}
	.footer .ftop .flogo img{
		width: 110px;
	}
	.footer .ftab ul{
		display: none;
	}
	.footer .fbd dl{
		display: none;
	}
.footer .fbd dl:nth-child(3){
	display: block;
}	
.footer .fbd dd, .footer .fbd dd a,
	.footer .fbd dt{
		font-size: 14px;
	}
	.footer .copyright a{
		font-size: 12px;line-height: 1.7;padding: 5px 0;
	}
	.footer .fbd .weix h6{
		font-size: 12px;
	}
	.product .tab dt{
		display: none;
	}
	.product{
		padding: 20px 0 30px;
	}
	.product .rtetx{
		width: auto;float: none;
	}
	.tab dl.pro1{
		background: none;
	}
	.tab dl.pro1 i{
		display: none;
	}
	.tab dl.pro1 dd h3 a{
		padding: 0 14px;font-size: 14px;line-height: 32px;
	}
	.tab dl.pro1 dd{
		padding: 0;margin-right: 20px;margin-bottom: 6px;
	}
	.tab dl.pro1{
		display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;
	}
	.tab dl.pro1 dd h3 a:hover,
	.tab dl.pro1 dd.on h3 a{
		background: rgb(238, 0, 30);color: #fff;
	}
	.product .tab{
		margin-bottom: 0;padding: 0 10px;
	}
	.product .hd h5{
		display: none;
	}
	.product .hd .hform .txt{
		width: calc(100% - 80px);height: 30px;font-size: 13px;
	}
	.product .rtetx .hd{
		padding: 10px 6px;
	}
	.product .hd .hform .sub{
		width: 60px;height: 30px;
	}
	.product .rtetx .hd{
		display: block;
	}
	.product .list li a{
		padding: 18px 10px;
	}
	.product .list .plt{
		width:calc(100% - 26.833333333333336rem);
		margin-top: 30px;
	}
	.product .list .prt{
//		display: flex;justify-content: space-between;align-items: baseline;margin-top: 10px;
margin-top: 50px;
	}
	.product .list .plt h2{
		font-size: 18px !important;margin-bottom: 10px;
	}
	.product .list{
		margin-top: 0;
	}
	.product .wrap{
		padding: 0;
	}
	.product .list .plt dd{
		font-size: 13px;
	}
	.product .list .prt li{
		width: 11px;height: 11px;
	}
	.product .list .prt .ubtn i{
		background: rgb(238, 0, 30);color: #fff;font-size: 13px;line-height: 24px;
	}
	.product .list .prt h5{
		font-size: 13px;padding-left: 24px;margin: 0 40px;
	}
	.product .list li a:hover{
	//	background: #fff;
	}
	.pages dd a{
		font-size: 12px;padding: 0 3px;
	}
	.pages dd .forms{
		margin-left: 5px;
	}
	.pages dd .forms .tx{
		width: 26px;
	}
	.pages{
		margin-top: 24px;
	}
	.about .ahd{
		padding: 20px 0 0;display: block
	}
.about .abd1{
margin-top: 0;
width: 80%;
}
	.about .ahd .text h1{
		margin-bottom: 10px;
	}
	.about .ahd .text .del{
		font-size: 13px;line-height: 1.8;
	}
	.about .ahd .text ul{
		margin-top: 14px;
	}
	.about .ahd .pic,
	.about .ahd .text{
		width: auto;
	}
	.about .ahd .pic{
		margin-top: 20px;
	}
	.about .abd{
		padding: 30px 0;
	}
	.about .abd li{
		width: 50%;margin-bottom: 30px;
	}
	.about .abd ul{
		flex-wrap: wrap;
	}
	.about .abd h6{
		font-size: 13px;line-height: 1.7;
	}
	.about .abd h4{
		font-size: 15px;
	}
	.about .abd li .icon{
		width: 66px;height: 66px;
	}
	.hcooperate{
		padding: 20px 0 40px;
	}
	.tit .l h2{
		font-size: 20px !important;
	}
	.tit .l h4{
		font-size: 18px;
	}
	.tit{
		display: block;
	}
	.tit .l{
		text-align: center;
	}
	.hhezuolist ul{
		margin-top: 20px;
	}
	.hhezuolist li{
		width: calc((100% - 12px)/2);margin-right: 0;height: 80px;margin-bottom: 12px;
	}
	.hhezuolist li:nth-child(2n){
		float: right;
	}
	.service .sert{
		width: auto;float: none;
	}
	.service .stit h2{
		font-size: 18px !important;line-height: 1.8;
	}
	.service .stit h2 i{
		border-bottom: 2px solid rgb(238, 0, 30);padding-bottom: 3px;
	}
	.service .sbd .sedel,
	.service .sbd table td,
	.service .sbd table th{
		font-size: 13px;
	}
	.service .sbd .sti{
		font-size: 14px;
	}
	.service .sbd li{
		margin-bottom: 24px;
	}
	.tab dd li a{
		font-size: 13px;
	}
	.tab dd h3 a{
		font-size: 15px;
	}
	.service .tab dt{
		margin-bottom: 10px;
	}
	.solution{
		padding: 20px 0 40px;
	}
	.solution li{
		float: none;width: auto;margin-right: 0;margin-bottom: 24px;
	}
	.solution li dd a{
		font-size: 15px;
	}
	.solution li .item{
		height: auto;padding: 30px 0 30px 60px;margin-top: 10px;
	}
	.solution .text{
		font-size: 16px;margin-left: 0;margin-top: 0px;
	}
	.banner{
		height: 60vw;
	}
	.banner .wrap .text{
		bottom: 20px;left: 10px;right: 10px;
	}
	.banner .swiperbtn{
		bottom: 5px;right: 5px;left: auto;
	}
	.banner .wrap .text h2{
		font-size: 18px !important;
	}
	.banner .wrap .text h3{
		font-size: 14px;
	}
	.banner .wrap .text p{
		font-size: 12px;
	}
	.banner .swiperbtn .span{
		margin-right: 0px;font-size: 15px;
	}
	.banner .swiperbtn .prev, .banner .swiperbtn .next{
		margin: 0 4px;background-size: 8px auto;
	}
	.hservice{
		padding: 20px 0;
	}
	.tit .r{
		margin-top: 14px;
	}
	.htab li a{
		padding: 0 20px;font-size: 14px;line-height: 30px;background: #dcdcdc;
	}
	.htab li{
		margin-left: 0;margin: 0 10px;
	}
	.htab ul{
		justify-content: center;
	}
	.hservice .ul{
		margin-top: 20px;
	}
	.hservice .ul .li{
		margin: 0 10px;
	}
	.hservice .text dd a{
		font-size: 13px;padding: 0 10px;
	}
	.hservice .text dd{
		margin-bottom: 12px;
	}
	.hservice .text dl{
		margin-bottom: 20px;
	}
	.hservice .ul .li .swfs{
		display: block;
	}
	.hservice .pic,
	.hservice .text{
		width: auto;
	}
	.hservice .pic img {
		margin-top: 20px;
	}
	.more{
		background-color: rgb(238, 0, 30);width: 110px;line-height: 26px;text-align: center; 
	}
	.more a{
		color: #fff;display: inline-block;   background: url(../images/qms31-2.png) no-repeat right center;padding-right: 28px;
		background-size: 14px auto;line-height: 26px;
	}
	.hproduct{
		padding: 20px 0;
	}
	.hproductlist{
		padding-top: 30px;
	}
	.hproductlist li{
		float: none;width: auto;margin-right: 0;margin-bottom: 20px;
	}
	.hproduct .more{
		margin: 0 auto;
	}
	.inakrecord-contcolumn {
		padding: 36px !important;
		height: auto !important;
		left: 0 !important;
		top: -25px;
	}
	.hproductlist li a{
		padding: 20px;
		width: 92% !important;
	}
	.hproductlist li .more i{
		background-size: 14px auto;
	}
	.hproductlist li .pic{
		height: 180px;
	}
	.habout{
		padding: 20px 0;
	}
	.habout .more{
		margin: 20px auto 0;
	}
	.habout .r .deltext{
		width: auto;margin-top: 20px;
	}
	.habout .r .deltext h1{
		font-size: 18px;
	}
	.habout .r .deltext p{
		font-size: 14px;line-height: 1.8;margin-bottom: 20px;
	}
	.hcooperate .more{
		margin: 0 auto;
	}
	.uittops{
		display: block;background: url(../images/qms44.png) no-repeat center/cover;
		position: fixed;
		right: 0;
		bottom:10%;z-index: 12;width: 36px;height: 36px;
		display: none;
	}
	.sjico{
		display: block;
	}
	.sjico dl{
		display: flex;justify-content: flex-end;align-items: center;
	}
	.sjico dd{
		width: 26px;height: 26px;margin-left: 16px;
	}
	.sjico dd img,
	.sjico dd a{
		display: block;width: 100%;
	}
	.header .seach{
		display:none;
	}
	.sjdibu{
		display: block;position: absolute;
		left: 0;right: 0;
		bottom: 10px;z-index: 1; 
	}
	.sjdibu dl{
		display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #cacbcb;
		margin: 0 14px;padding: 30px 0 40px;
	}
	.sjdibu dd p{
		font-size: 14px;
		line-height: 1.7;
		color: rgb(238, 0, 30);margin-top: 5px;
	}
	.sjdibu dd .ico{
		width: 42px;height: 42px;margin: 0 auto;
	}
	.sjdibu dd img{
		width: 100%;display: block;
	}
	.header .naver ul{
		padding: 60px 22px 0;
	}
	.msk{
		position: absolute;
		left: 0;right: 0;
		top: 0;z-index: 1;bottom: 0;background: rgba(0,0,0,0.5); display: block;width: 100%;height: 100vh;
	}
	.header .naver li{
		float: none;margin-right: 0;margin-bottom: 24px;position: relative;
	}
	.header .naver li a{
		font-size: 16px;line-height: 36px;
	}
	.header .naver li i{
		    position: absolute;
		    right: 0;
		    top: 0;
		    background: url(../images/qms2.png) no-repeat center;
		    width: 36px;
		    display: block;
		    height: 36px;background-size: 5px auto;
		    cursor: pointer;
			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);
	}
	.sjqhds{
		display: flex;justify-content: space-between;align-items: center;margin: 20px 18px 0;
	}
	.sjqhds .logos{
		display: block;max-width: 100px;
	}
	.sjqhds .logos img{
		width: 100%;display: block;
	}
	.sjqhds .gb{
		background: url(../images/gb.png) no-repeat center;
		width: 26px;
		display: block;
		height: 26px;background-size: 26px auto;
	}
	.qmicos{
		display: block;width: 26px;position: absolute;
		right: 20px;
		top: 22px;z-index: 1;
	}
	.qmicos img{
		width: 100%;display: block;
	}
	.msk{
		display: none;
	}
	.header .naver{
		transform:translateX(100%);
		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;
	}
	.layout.selected .header .naver{
		transform:translateX(0%);
	}
	.hnli dl{
		display: block;
	}
	.hnli{
		position: static;
	}
	.hnli dd{
		padding: 0;
	}
	.hnli dd .ds{
		display: block;
	}
	.hnli dd .ds .l{
		margin: 0;
	}
	.hnli dl{
		height: auto;
		background: none;
		padding-top: 10px;
	}
	.hnli dd .ds{
		height: 160px;
		overflow-y: scroll;
		display: none;
	}
	.hnli dd h3{
		line-height: 40px;
		position: relative;
		font-size: 14px;
	}
	.hnli dd h3::before{
		content: "";
		position: absolute;
		right: 0;top: 0;background: url(../images/qms2.png) no-repeat center;
		width: 36px;
		height: 36px;
		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;
	}
	.hnli dd h3.on::before{
		transform:rotate(90deg);
	}
	.header .naver ul{
		padding-top: 10px;
	}
	.header .naver li{
		margin-bottom: 8px;
	}
	.header .naver li a{
		display: block;
	}
	.header .naver li dd a{
		margin-bottom: 0;font-size: 14px;
		line-height: 30px;
	}
	.hnli dd{
		border: none;
	}
	.hnli dd .ds{
		margin-top: 0;
	}
	
	
	
	
}