/*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: #0278ff;
    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: #0278ff;
    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: #0278ff;
    width: 100%;
}

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

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



@media only screen and (max-width:1420px) {
	.wrap{
		width: 1200px;
	}
	.lpage1 li a{
		padding: 15px;
		height: 310px;
	}
	.lpage1 li h3{
		font-size: 16px;
		margin-bottom: 8px;
	}
	.lpage1 li p{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.lpage2 ul li .pic{
		height: 280px;
	}
	.mwuliu,
	.alist,
	.about .bd,
	.about .hd,
	.lpage3,
	.lpage2{
		padding: 40px 0;
	}
	.lpage3 ul li i{
		font-size: 28px;
	}
	.tit h2{
		font-size: 24px;
	}
	.lpage4 .cls ul li h3{
		font-size: 16px;
	}
	.mbanner{
		height: 220px;
	}
	.tit p br{
		display: none;
	}
	.alist ul li img{
		height: 190px;
	}
	.acontain{
		padding-top: 40px;
	}
	.mform .bd .li dd .txt.bor{
		width: 100px;
	}
	.wulbd{
		background-size: cover !important;
	}
	.header .logo h1{
		font-size: 20px;
	}
	
	.woms .wom1 .txt{
		width: calc(100% - 400px);
	}
	.woms .wom1 .pic{
		width: auto;
	}
	.woms .wom2 .bds li p{
		font-size: 15px;
	}
	.woms .wom2 .bds li{
		padding: 30px 15px 0;
	}
}

@media only screen and (max-width:1220px) {
	.wrap{
		width: 980px;
	}
	.mwuliu ul li .pic{
		height: 150px;
	}
	.tit p,
	.wulbd .tit p{
		font-size: 16px;
	}
	.wulbd ul{
		width: auto;
	}
	.header .naver li{
		margin-left: 20px;
	}
	.header .naver dl{
		margin-left: 20px;
	}
	
	.cangshu .cas2 .bds li dd .pic{
		height: 156px;
	}
	.cangshu .cas2 .bds li dd p{
		font-size: 13px;line-height: 1.8;
	}
	.cangshu .cas2 .bds li dd .txt{
		padding-left: 15px;
	}
	.woms .wom3 .ds li h6{
		font-size: 26px;
	}
	.woms .wom3 .ds li .ts h4{
		font-size: 20px;
	}
	.woms .wom3 .ds li p{
		font-size: 16px;
	}
	.woms .wom3 .ds li .pic{
		height: 340px;
	}
	.woms .wom3 .ds .swlf .txt{
		padding-left: 20px;
	}
	.woms .wom3 .ds .swlf .txt h2{
		font-size: 28px;
	}
	.woms .wom2 .bds li h4{
		font-size: 16px;
	}
	.woms .wom2 .bds li p{
		font-size: 13px;
	}
	.woms .wom2 .bds li{
		height: 188px;
	}
	.woms .wom1 .txt h2{
		font-size: 20px;
	}
	.woms .wom1 .txt h2 span{
		font-size: 24px;
	}
	.woms .wom1 .txt h3{
		font-size: 18px;
	}
	.woms .wom1 .txt p{
		font-size: 16px;
	}
	.aizhine .hds{
		height: 460px;
	}
	.aizhine .hds h2{
		font-size: 30px;
	}
	.aizhine .bds .list li h4{
		font-size: 16px;
	}
	.aizhine .bds .list li p{
		font-size: 14px;
	}
	.aizhine .bds .list li{
		padding: 16px 20px 30px;
	}
	
}
@media only screen and (max-width:1000px) {
	.wrap{
		padding: 0 20px !important;
		width: auto;
	}
	.header{
		padding: 0 20px;
		height: 60px;
		position: fixed;
		top: 0;left: 0;right: 0;
	}
	.gh{
		display: block;
		position: static;
	}
	.header .naver{
		position: absolute;
		left: 0;right: 0;
		top: 100%;z-index: 11;
		display: block;
		background: #fff;
		display: none;
	}
	.layout{
		padding-top:60px
	}
.header .logo h1{
	font-size: 12px;
}
.header .logo h6{
	font-size: 12px;
}
.header .logo img{
	width: 50px;
}
.header .naver ul{
	display: block;
}
.header .naver li a{
	line-height: 46px;
	padding: 0 20px;
}
.header .naver li{
	margin: 0;
	border-bottom: 1px solid #eee;
	position: relative;
}
.header .naver li i{
	position: absolute;
	right: 0;top: 0;
	width: 46px;height: 46px;
	display: block;
	background: url(/assets/exact/49e46d38292b-qms20.png) no-repeat center;
	position: absolute;
	right: 0;top: 0;
}
.header .naver li .nli{
	display: block;
	position: static;
	width: auto;
	transform:translateX(0%);
	padding-top: 0;
	display: none;
}
.header .naver li .dd a{
	text-align: left;
}
.header .naver li .dl{
	padding: 0 20px;
}
.header .naver li .dd a{
	padding: 0;
}
.header .naver dl{
	margin: 15px;
	justify-content: center;
}
.tit h2{
	font-size: 20px;
}
.alist ul,
.wulbd ul,
.mwuliu ul{
	justify-content: space-between;
}
.alist ul li,
.wulbd ul li,
.mwuliu ul li{
	width: calc(50% - 5px);
	margin: 0;
	margin-bottom: 10px;
}
.alist ul li img{
	height: 29vw;
}
.wulbd ul li{
	height: 20vw;
}
.mwuliu ul li .pic{
	height: 30vw;
}
.mwuliu ul li .txt{
	padding: 5px 0;
}
p{
	font-size: 14px !important;
}
.wulbd{
	padding: 40px 0;
}
.wulbd ul{
	margin-top: 20px;
}
.footer .flca{
	display: block;
}
.footer .flca .ltc{
	width: auto;
}
.footer .flca ul{
	display: none;
}
.footer .flca .txt{
	padding: 0 0 10px;
}
.footer .copyright{
	padding: 10px 20px !important;
	margin-top: 20px;
}
.about .hd h5{
	font-size: 14px;
}
.about .hd ul li{
	margin: 0 0 20px;
	width: 100%;
}
.about .hd ul{
	flex-wrap: wrap;
	padding: 0 20px;
}
.about .hd ul li:nth-child(2n+1) img{
	width: 100%;display: block;
}
.about .hd ul li:nth-child(2n) img{
	transform: rotate(90deg);margin: 0 auto;
}
.about .bd ul{
	display: block;
}
.about .bd ul li{
	width: 100%;margin-bottom: 10px;
}
.alist ul{
	margin-top: 20px;
}
.acontain .bgc{
	margin-top: 25px;
	display: block;
}
.acontain .bgc .tx{
	width: auto;
}
.acontain .bgc .tx h3{
	font-size: 16px;
}
.acontain .bgc .txt{
	font-size: 14px;
}
.acontain .bgc ul{
	flex-wrap: wrap;
	width: auto;
	margin: 20px 0 0;
}
.acontain .bgc li{
	width: 50%;
	margin-bottom: 10px;
}
.acontain .bgc{
	padding: 10px;
}
.acontain .bgc li img{
	width: 40px;
	height: 40px;
}
.acontain .bgc li h4{
	font-size: 14px;
}
.acontain{
	padding-bottom: 100px;
}
.mform .hd{
	padding: 30px 15px;
}
.mform .hd h2{
	font-size: 18px;
}
.mform .hd h5{
	margin-top: 10px;
}
.mform .bd{
	padding: 10px 0;
}
.mform .bd .li ul{
	display: block;
}
.mform .bd .li ul li{
	width: 100% !important;
	margin-top: 10px;
}
.mform .bd .li{
	margin-bottom: 15px;
}
.mform .bd .li dd{
	width: 50%;margin-right: 0;
}
.mform .bd .li li .txt{
	padding: 0 10px;
}
.mform .bd .li .bg .dd{
	width: 48%;margin-right: 0;
}
.mform .bd .li .bg{
	justify-content: space-between;
}
.mform{
	padding:  0;
}
.mform .wrap{
	padding: 20px !important;
	border-radius: 0 !important;
}
.banner{
	height: 400px;
}
.banner h2{
	font-size: 20px;
	margin: 5px 0 10px;
}
.banner h6{
	font-size: 16px;
}
.lpage1{
	padding: 40px 20px;
}
.lpage1 li{
	float: none;
	width: auto;
	margin-bottom: 10px;
}
.lpage1 li a{
	height: auto;
}
.lpage1 li p{
	height: auto;
}
.lpage2{
	padding-top: 0;
}
.lpage2 ul li{
	width: 100%;
}
.lpage2 ul{
	flex-wrap: wrap;
}
.lpage2 ul li h3{
	color: #fff;
}
.lpage2 ul li p{
	color: #fff;
}
.lpage2 ul li .pic{
	opacity: 1;
}
.lpage2 ul li .icon img.ico1{
	display: none;
}
.lpage2 ul li .icon img.ico2{
	display: block;
}
.lpage2 ul li .pic{
	height: 220px;
}
.lpage3 ul li{
	width: 100%;
	margin: 0 0 10px;
	min-height: 0;
	background-size: 80px auto !important;
	padding: 15px;
}
.lpage3 ul li p{
	margin-top: 5px;
}
.lpage3 ul li i{
	font-size: 20px;
}
.lpage4{
	padding: 40px 0;
}
.lpage4 .cls{
	margin-top: 20px;
	flex-wrap: wrap;
}
.lpage4 .cls ul{
	width: 100%;
}
.lpage5 li .ico img{
	width: 50px;height: 50px;
}
.lpage5{
	padding: 40px 0;
}
.lpage5 li{
	width: 50%;
	margin-bottom: 15px;
}
.lpage5 ul{
	flex-wrap: wrap;
	margin-top: 20px;
}
.lpage5 li:nth-child(2n){
	display: none;
}
.lpage6{
	padding: 40px 0;
}
.lpage6 li{
	width: 100%;
}
.lpage6 li a{
	    border-top: 1px solid #eeeeee !important;
		padding: 10px 0;
}
.lpage6 li .text h3{
	font-size: 16px;
}
.lpage7{
	padding: 40px 0;
}
.lpage7 h2{
	font-size: 20px;
}
.lpage7 .lmore{
	margin-top: 20px;
}


.aizhine .hds{
		height: 60vw;
	}
	.aizhine .hds .txt{
		left: 15px;
	}
	.aizhine .hds h2{
		font-size: 16px;
	}
	.aizhine .hds p{
		font-size: 14px;line-height: 30px;margin: 15px 0 5px;
	}
	.aizhine .hds h3{
		font-size: 18px;
	}
	.aizhine .bds{
		padding: 40px 0;
	}
	.aizhine .bds .list{
		margin-top: 20px;
	}
	.aizhine .bds .list ul{
		display: block;
	}
	.aizhine .bds .list li{
		width: auto;padding: 15px 0;
	}
	.aizhine .bds .list li:nth-child(5), .aizhine .bds .list li:nth-child(6), .aizhine .bds .list li:nth-child(7), .aizhine .bds .list li:nth-child(8){
		    border-bottom: 1px solid #eeeeee;
	}
	.aizhine .bds .fts .swfl{
		display: block;
	}
	.aizhine .bds .fts .img{
		width: auto;margin-bottom: 15px;
	}
	.woms .wom4 .bds .btn,
	.woms .wom1 .txt .btn,
	.aizhine .bds .fts .btn{
		width: 160px;font-size: 14px;line-height: 36px;
	}
	.woms .wom1{
		padding: 40px 0;
	}
	.woms .wom4 .bds .btn{
		margin-top: 26px;
	}
	.woms .wom1 .swfl{
		margin-top: 20px;display: block;
	}
	.woms .wom1 .txt{
		width: auto;
	}
	.woms .wom1 .txt h2{
		font-size: 16px;
	}
	.woms .wom1 .txt h2 span{
		font-size: 20px;
	}
	.woms .wom1 .txt h3{
		font-size: 17px;
	}
	.woms .wom1 .txt p{
		font-size: 14px;margin-top: 15px;
	}
	.woms .wom1 .txt .btn{
		margin-top: 20px;
	}
	.woms .wom1 .pic{
		margin-top: 30px;
	}
	.woms .wom2{
		padding: 40px 0;
	}
	.woms .wom2 .bds{
		margin-top: 20px;
	}
	.woms .wom2 .bds li{
		float: none;width: auto;margin-right: 0;padding: 30px 15px;margin-bottom: 20px;height: auto;
	}
	.woms .wom3{
		padding: 40px 0;
	}
	.woms .wom3 .ds .swlf{
		display: block;
	}
	.woms .wom3 .ds .swlf .txt{
		padding-left: 0;width: auto;
	}
	.woms .wom3 .ds .swlf .pic{
		width: auto;margin-top: 20px;
	}
	.woms .wom3 .ds .swlf .txt h3{
		font-size: 16px;
	}
	.woms .wom3 .ds .swlf .txt h2{
		font-size: 18px;
	}
	.woms .wom3 .ds .img{
		margin-top: 15px;
	}
	.woms .wom3 .ds .h3{
		font-size: 18px;
	}
	.woms .wom3 .ds dl{
		margin-top: 12px;display: block;
	}
	.woms .wom3 .ds dd h5{
		font-size: 16px;margin-bottom: 4px;
	}
	.woms .wom3 .ds dd p{
		font-size: 14px;margin-bottom: 4px;
	}
	.woms .wom3 .ds dd{
		margin-right: 0;margin-bottom: 15px;
	}
	.woms .wom3 .ds dd .sws p{
		width: auto;
	}
	.woms .wom3 .ds dd .sws{
		display: block;max-width: initial;
	}
	.woms .wom3 .ds ul{
		margin-top: 30px;display: block;
	}
	.woms .wom3 .ds li{
		width: auto;margin-bottom: 20px;
	}
	.woms .wom3 .ds li .pic{
		height: auto;
	}
	.woms .wom3 .ds li h6{
		font-size: 16px;
	}
	.woms .wom3 .ds li p{
		font-size: 14px;
	}
	.woms .wom3 .ds li .ts h4{
		font-size: 16px;
	}
	.woms .wom4{
		padding: 40px 0;
	}
	.csbanner .txt p{
		font-size: 12px;
	}
	.csbanner .txt h2{
		font-size: 16px;
	}
	.csbanner .txt h6{
		font-size: 15px;line-height: 30px;margin-bottom: 14px;
	}
	.csbanner .txt{
		left: 10px;right: 10px;
	}
	.csbanner{
		height: 66vw;
	}
	.csbanner .txt h3{
		font-size: 16px;
	}
	.cangshu .cas1{
		padding: 40px 0;
	}
	.cangshu .cas1 h6{
		font-size: 15px;margin: 12px 0 20px;text-align: left;
	}
	.cangshu .cas1 li{
		float: none;width: auto;margin-right: 0;margin-bottom: 20px;height: auto;padding: 30px 15px;
	}
	.cangshu .cas1 li h4{
		font-size: 16px;margin-top: 4px;
	}
	.cangshu .cas1 li p{
		font-size: 14px;height: auto;margin: 5px 0 16px;line-height: 1.7;
	}
	.cangshu .cas1 li .ico{
		width: 22px;
	}
	.cangshu .cas2{
		padding: 40px 0;
	}
	.cangshu .cas2 .bds{
		margin-top: 20px;
	}
	.cangshu .cas2 .bds ul{
		display: block;
	}
	.cangshu .cas2 .bds li{
		width: auto;
	}
	.cangshu .cas2 .bds li h3{
		font-size: 18px;
	}
	.cangshu .cas2 .bds li h4{
		font-size: 15px;
	}
	.cangshu .cas2 .bds li dd{
		display: block;
	}
	.cangshu .cas2 .bds li dd .pic{
		width: auto;height: auto;
	}
	.cangshu .cas2 .bds li dd .txt{
		width: auto;padding-left: 0;padding: 15px 0;
	}
	.cangshu .cas2 .bds li dd p{
		font-size: 14px;
	}
	.cangshu .cas2 .bds li:nth-child(2):before{
		display: none;
	}
	.cangshu .cas3{
		padding: 40px 0;
	}
	.cangshu .cas3 .bds{
		margin-top: 20px;
	}
	.cangshu .cas3 .bds ul{
		display: block;
	}
	.cangshu .cas3 .bds li{
		width: auto;
	}
	.cangshu .cas3 .bds li .tps h3{
		font-size: 15px;padding-right: 30px;background-size: 12px auto;
	}
	.cangshu .cas3 .bds li .tps{
		padding: 10px 0;
	}
	.cangshu .cas3 .bds li .del{
		line-height: 1.8;
	}
	.cangshu .cas4{
		padding: 40px 0;
	}
	.cangshu .cas4 .bds ul{
		flex-wrap: wrap;align-items: flex-start;
	}
	.cangshu .cas4 .bds li .ico{
		width: 50px;height: 50px;
	}
	.cangshu .cas4 .bds li h5{
		font-size: 14px;
	}
	.cangshu .cas4 .bds li p{
		font-size: 12px;line-height: 1.2;
	}
	.cangshu .cas4 .bds li .ts{
		margin-top: 5px;
	}
	.cangshu .cas4 .bds{
		margin-top: 20px;
	}
	.cangshu .cas4 .bds li span{
		display: none;
	}
	.cangshu .cas4 .bds li{
		width: 25%;
	}
	.cangshu .cas4 .bds li:nth-child(2n){
		display: none;
	}
	.banner .spans{
		bottom: 20px;
	}
.layout{
	overflow: hidden;
}
.lpage1 li a:hover{
	top: 0;
}
.aizhine .bds .list li{
	border-right: none;
}

}