/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 20px;
    width: 20px;
    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;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #fff;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}



@media only screen and (max-width:1400px) {
	
 
	html{
		font-size: 16px;
	}
	
	
	
	
	
	
}


@media only screen and (max-width:1000px) {
   html{
   	font-size: 14px;
   }
   
}

@media only screen and (max-width:900px) {
  .hmain{
	  display: block;
  }
	.hmain .hlt{
		width: auto;
		min-height: initial;
	}
	.hmain .hlt .logo{
		background-size: 100% 100% !important;
	}
	.hmain .hrt{
		width: auto;
	}
	.qmgerxx .fm .ds li{
		float: none;
		width: auto;
		margin: 0 ;
	}
	html{
		font-size: 16px;
	}
	.qmgerxx .fm .zhaop dd{
		margin-right: 0;width: 48%;
	}
	.qmgerxx .fm .zhaop dd:nth-child(2n){
		float: right;
	}
	.qmdingdel .text .del{
		display: block;
	}
	.qmdingdel .text .del dl{
		width: auto;padding: 0 !important;
	}
	.qmdingdel .text .tb dd{
		display: block;width: auto !important;
		white-space: inherit !important;
	}
	.qmdingdel .text .ftb h5{
		background-size: 1rem auto !important;
	}
	.uitlist li .txs h3{
		background-size: 1.5rem auto !important;
	}
	.qmduizhangzx .fm ul{
		display: block;
	}
	.qmduizhangzx .fm li{
		display: block;
	}
	.qmduizhangzx .fm li dd{
		width: auto;display: block;
		margin-bottom: 10px;
	}
	.qmduizhangzx .fm li dd .t1{
		width: 100%;
	}
	.qmduizhangzx .fm li dd span{
		display: none;
	}
	.qmduizhangzx .fm li .t2,
	.qmduizhangzx .fm li .lsele{
		width: 100%;
	}
	.qmduizhangzx .fm li .sub{
		width: 100%;
	}
	.qmduizhangzx .fm li{
		margin-bottom: 10px;
	}
	.qmduizhangzx .zonge{
		display: block;
	}
	.qmduizhangzx .zonge h2{
		margin: 0;
	}
	.qmxiugmm li{
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	.qmxiugmm .btn{
		margin-top: 10px;
	}
	.qmyijiedd .navs dl{
		overflow-x: scroll;
		white-space: nowrap;
	}
	.qmyijiedd .navs dt{
	}
	.qmyijiedd .navs dd{
		margin-bottom: 6px;margin-right: 6px;
	}
	.page{
		margin-bottom: 30px;
	}
	.hmain .hlt{
		position: fixed;
		left: 0;right: 0;
		top: 0;z-index: 999;
		height: 60px;
	}
	.hmain .hlt ul{
		position: absolute;
		left: 0;right: 0;
		top: 100%;z-index: 11;
		background: #07387f;
		display: none;
	}
	.hmain .hlt .hd{
		padding: 0;position: absolute;
		right: 60px;top: 3px;
	}
	.hmain .hlt .hd .ico{
		width: 50px;
		height: 50px;
	}
	.hmain .hlt .logo{
		height: 60px;
	}
	.hmain .hlt .hd h3{
		display: none;
	}
	.gh{
		display: block;position: absolute;
		right:20px;top: 20px;
	}
	.layout{
		padding-top: 60px;
	}
}