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

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

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



@media only screen and (max-width:1440px){
	.wrap{
		width: 1200px;
	}
	.header .logo{
		width: 240px;margin-top: 10px;
	}
	.header{
		height: 80px;padding: 10px 0;
	}
	.layout{
		padding-top: 80px;
	}
	.header .rt .naver li{
		width: 120px;
	}
	.banner .txt{
		left: 0;
	}
	.qmpad{
		padding: 0;
	}
	.habout .qmswpic li{
		height: 440px;
	}
	.hnews .neswiper li .pic{
		height: 320px;
	}
	
	.hbanner .txt h2{
		font-size: 32px;
	}
	.hbanner{
		height: 40vw;
	}
	.header .rt .seach:hover .t1{
		width: 54vw;
	}

}
@media only screen and (max-width:1240px){
	.wrap{
		width: 1000px;
	}
	.header .rt .seach .t1{
		height: 30px;
	}
	.header .rt .naver li{
		width: 90px;
	}
	.header .rt .naver li a{
		font-size: 14px;line-height: 40px;
	}
	.header .lags .ndl{
		width: 60px;
	}
	.header .lags h3 span{
		font-size: 14px;line-height: 40px;
	}
	.header .lags .ndl dd{
		font-size: 12px;line-height: 1.8;
	}
	.header{
		height: 60px;padding: 0;
	}
	.header .rt{
		margin-top: 8px;
	}
	.header .rt .seach .btn{
		height: 38px;
	}
	.banner .txt h2{
		font-size: 26px;
	}
	.banner .txt h3{
		font-size: 14px;
	}
	.banner .txt h2::before{
		height: 2px;
	}
	.crumbs dd span, .crumbs dd a,
	.crumbs dt,
	.crumbs h2 i{
		font-size: 13px;line-height: 50px;
	}
	.tit h2{
		font-size: 28px;
	}
	.tit h2::before{
		height: 2px;
	}
	.habout .bd .text h1{
		font-size: 22px;
	}
	.habout .bd .text .del{
		font-size: 14px;
	}
	.habout .bd .text .tdl h4{
		font-size: 38px;
	}
	.habout .bd .text .tdl h6{
		font-size: 13px;
	}
	.about .hd .swiperp li{
		height: 190px;
	}
	.about .bd li .ico{
		height: 46px;
	}
	.about .bd li h3{
		font-size: 20px;
	}
	.about .bd li p{
		font-size: 13px;
	}
	.about .ft{
		padding: 70px 0 90px;
	}
	.about .ft .ovs{
		margin-top: 60px;
	}
	.case li .pic{
		height: 175px;
	}
	.case li h3{
		font-size: 16px;line-height: 66px;
	}
	.case li{
		margin-bottom: 40px;margin-right: 30px;    width: calc((100% - 62px)/3);
	}
	.contact .hd li .ico{
		height: 46px;
	}
	.contact .bd h2{
		font-size: 28px;
	}
	.contact .bd{
		padding: 60px 0;
	}
	.news li .pic{
		width: 40%;
	}
	.news li:first-child .text{
		width: 57%;
	}
	.layout{
		padding-top: 60px;
	}
	.hbanner .txt h4{
		font-size: 20px;
		line-height: 1.6;
	}
	.hbanner .txt h2{
		font-size: 24px;
	}
	.habout .qmswpic{
		width: 45%;
	}
	.habout .bd .text{
		width: 48%;
	}
	.hnews .neswiper li .pic{
		height: 26vw;
	}
	.hporduct li {
	    float: left;
	    width: calc((100% - 32px)/4);
	    margin-right: 10px;
	}
	.hcase .uls li{
		height: 26vw;
	}
	.map{
		height: 35vw;
	}
	.hnews .neswiper li .txt h3{
		font-size: 16px;
	}
	

	
}
@media only screen and (max-width:1040px){
	.wrap{
		width: auto;
		margin: 0 15px;
	}
	.header .rt .naver{
		position: fixed;
		left: 0;right: 0;
		top: 60px;
		z-index: 11;
		background: #fff;
		margin: 0;
		display: none;
	}
	.header .rt .naver li{
		float: none;
		width: auto;text-align: left;padding: 0 10px 0 20px;
	}
	.header .rt .naver li h3 i{
		background: url(../images/a6.png) no-repeat center;width: 40px;height: 40px;display: block;position: absolute;
		right: 0;
		top: 50%;z-index: 1;margin-top: -20px;
	}
	.header .rt .naver li h3 i.on{
		transform:rotate(180deg);
		-ms-transform:rotate(180deg);  /* IE 9 */
		-moz-transform:rotate(180deg);     /* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg);
	}
	.qmnli{
		position: static;background: none;
	}
	.qmnli dl{
		text-align: left;
	}
	.header .rt .naver li .qmnli dd{
		display: block;margin-bottom: 5px;margin: 0 0 5px 10px;
	}
	.header .rt .naver li .qmnli dd a{
		font-size: 13px;line-height: 1.8;display: block;
	}
	.header .rt .naver li h3::before{
		display: none;
	}
	.habout .bd .text{
		float: none;
		width: auto;
	}
	.habout .bd .pic{
		float: none;
		width: auto;
	}
	.header .rt .seach{
		display: none;
	}
	.banner{
		height: 160px;
	}
	.banner .txt h2{
		font-size: 20px;
		line-height: 1.6;
	}
	.crumbs .qmpad{
		display: block;
	}
	.crumbs h2 a{
		margin-right: 15px;
	}
	.crumbs h2{
		border-bottom: 1px solid #efefef;
		margin: 0 -15px;
		padding: 0 15px;
	}
	.tit h2{
		font-size: 22px;
	}
	.habout .bd .text h1{
		font-size: 18px;
	}
	.habout .bd .text{
		margin-top: 20px;
	}
	.habout .bd .text .tdl h4{
		font-size: 26px;
	}
	.habout .bd .text .tdl dd{
		width: 100% !important;
		text-align: center !important;
		padding: 5px;border: 1px solid #efefef;
		margin-bottom: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.habout .bd .text .tdl dl{
		display: block;
	}
	.habout{
		padding: 40px 0;
	}
	.about .hd .swiperp{
		padding-bottom: 30px;
		margin-top: 30px;
	}
	.about .bd li{
		width: auto;
		display: block;
		float: none;
		margin: 0 0 15px 0;
	}
	.about .bd li p{
		height: auto;
	}
	.footer .hd .lt ul{
		display: none;
	}
	.footer .hd .rt{
		margin-top: 20px;
		float: none;
	}
	.footer .hd .lt{
		float: none;
	}
	.footer .bd{
		display: block;
	}
	.footer{
		padding: 15px 0;
		text-align: center;
	}
	.footer .hd .lt dd{
		float: none;
		display: inline-block;
	}
	.footer .hd .rt li{
		float: none;
		display: inline-block;
		margin: 0 15px 10px !important;
	}
	.gh{
		display: block;
		right: 20px;
		top: 50%;
		margin-top: -14px;
	}
	.header .rt{
		margin-right: 48px;
	}
	.header .logo{
		width: 50%;
		height: 40px;
	}
	.header .logo img{
		height: 40px;
		object-fit: contain;
	}
	.hbanner .txt h4{
		font-size: 16px;
	}
	.hbanner .txt h2{
		font-size: 18px;
	}
	.habout .qmswpic{
		float: none;
		width: auto;
	}
	.habout .qmswpic li{
		height: auto;
	}
	.hbanner{
		height: 300px;
	}
	.gongg .swipers i{
		display: none;
	}
	.hbanner .txt{
		top: 20%;
	}
	.gongg .h2{
		font-size: 0;
		width: 30px;
	}
	.gongg .swipers{
		width: calc(100% - 38px);
	}
	.tit h4{
		font-size: 16px;
	}
	.habout .bd{
		margin-top: 15px;
	}
	.hporduct{
		padding: 40px 0 ;
	}
	.hporduct li{
		width: 49%;
		margin: 0 0 10px 0;
	}
	.hporduct li:nth-child(2n){
		float: right;
	}
	.hporduct li .pic{
		height: 150px;
	}
	.hporduct li .tx{
		padding: 8px;
	}
	.hporduct li h3{
		word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		margin-bottom: 5px;
	}
	.hporduct ul{
		margin: 18px 0;
	}
	.hnews{
		padding: 40px 15px;
	}
	.hnews .neswiper li .pic{
		height: auto;
	}
	.hnews .neswiper .prev, .hnews .neswiper .next{
		width: 30px;
		height: 30px;
		background-size: 100% auto;
		margin: -50px -30px 0;
		background-color: rgba(0,0,0,0.3);
	}
	.hnews .neswiper{
		margin: 30px 0;
	}
	.hcase{
		padding: 40px 0;
	}
	.hcase .uls{
		margin: 20px 0 0;
	}
	.hcase .uls li{
		float: none !important;
		width: 100% !important;
		height: 40vw !important;
		margin: 0 0 10px 0 !important;
	}
	.map{
		height:300px;
	}
	.hcase .uls li .mk {
	    bottom: 0;
	    top: 0;
	}
	.hcase .uls li .mk h3{
		font-size: 20px;
	}
	.case li{
		float: none;
		width: auto;
		margin: 0 0 10px 0;
	}
	.case{
		padding: 40px 0;
	}
	.case li h3{
		font-size: 14px;
		line-height: 46px;
	}
	.pages dd{
		margin: 0 8px;
	}
	.contact .hd li h6 br{
		display: none;
	}
	.contact .hd li,
	.contact .bd li{
		float: none !important;
		width: auto !important;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.contact .bd .t1{
		margin-top: 0;
	}
	.contact .hd li{
		padding: 15px 5px !important;
		height: auto;
	}
	.contact .hd li h6{
		font-size: 14px !important;
	}
	.contact .hd li .ico{
		height: 30px;
	}
	.contact .ft,
	.contact .bd,
	.contact .hd{
		padding: 40px 0;
	}
	.contact .bd h2{
		font-size: 22px;
	}
	.contact .bd h5{
		font-size: 18px;
	}
	.contact .bd li dd .t2{
		word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.contact .ft li{
		float: none !important;
		width: auto;
		margin: 0 0 10px 0 !important;
		padding: 15px !important;
	}
	.contact .bd h6{
		padding: 0;margin: 8px 0;
	}
	.contact .ft ul{
		margin-top: 30px;
	}
	.news li:first-child .pic{
		display: none;
	}
	.news li:first-child .text{
		width: auto;padding: 0;
	}
	.news li:first-child a{
		display: block;
	}
	.news li{
		padding: 15px !important;
		margin-bottom: 10px !important;
	}
	.news li:first-child .text i{
		float: left;margin: 0;
	}
	.news li:first-child .text span{
		float: right;
	}
	.news{
		padding: 40px 0;
	}
	.news li .text h2{
		font-size: 16px;
	}
	.news li .text p{
		margin-bottom: 10px;
	}
	.newsdel .hd h1{
		font-size: 18px;
	}
	.newsdel{
		padding: 40px 0;
	}
	.newsdel .dels{
		font-size: 14px;
		padding-bottom: 30px;
	}
	.newsdel .ftx{
		display: block;
	}
	.newsdel .ftx a{
		width: 100%;
		text-align: left !important;
	}
	.product{
		padding:40px 0;
	}
	.product .list li{
		float: none !important;
		width: auto !important;
		margin: 0 0 10px 0 !important;
	}
	.product .list li h5{
		font-size: 16px;
		line-height: 46px;
	}
	.productdel .hd li{
		width: auto;
		float: none;
		margin: 0 0 10px 0;
	}
	.productdel{
		padding: 40px 0;
	}
	.productdel .hd h1{
		font-size: 18px;
	}
	.productdel .hd ul{
		margin-top: 20px;
		display: block;
	}
	.productdel .hd li h2{
		font-size: 16px;
	}
	.productdel .hd li p{
		font-size: 14px;
	}
	.productdel .hd li .text{
		padding: 15px;
	}
	.productdel .bd{
		margin-top: 20px;
	}
	.productdel .bd .dels p{
		font-size: 14px;
	}
	.qmtanchua{
		width: auto;margin: 0 30px;
	}
	.qmtanchua .ts{
		height: 50px;
	}
	.qmtanchua .ts .logo{
		width: 40px;padding-left: 20px;
	}
	.qmtanchua .ts .gb{
		width: 20px;height: 40px;
	}
	.qmtanchua .box{
		padding: 10px 15px 30px;
	}
	.qmtanchua .box h6{
		margin: 6px 0;padding-left: 0;
	}
	.qmtanchua .box h2{
		font-size: 18px;
	}
	.qmtanchua .box ul{
		margin-top: 14px;
	}
	.qmtanchua .box li:nth-child(2),
	.qmtanchua .box li{
		float: none;width: auto;
	}
	.qmtanchua .box li .txt{
		height: 34px;font-size: 13px;
	}
	.qmtanchua .box li{
		margin-bottom: 10px;
	}
	.qmtanchua .box .t1{
		height: 80px;font-size: 13px;line-height: 1.7;padding: 5px 10px;
	}
	.qmtanchua .box h6{
		font-size: 12px;
	}
	.qmtanchua .box .btn{
		font-size: 14px;height: 34px;line-height: 34px;
	}
	
	
	.joinwarp{
		margin: 0 30px;width: auto;padding: 20px;top: 14%;
	}
	.joinwarp .jclose{
		width: 30px;height: 30px;right: -10px;top: -10px;
	}
	.joinwarp .tit .h2{
		font-size: 18px;float: none;text-align: left;
	}
	.joinwarp .tit h2::before{
		margin: initial;right: auto;bottom: -2px;
	}
	.joinwarp .tit .tips{
		float: none;margin-top: 20px;margin-right: 0;
	}
	.joinwarp .tit .tips span{
		margin-bottom: 10px;display: block;background: none;
		padding-left: 0;margin-right: 0;text-align: left;
	}
	.joinwarp .tit .tips span i{
		display: inline-block;background: url(../images/join_tips.png) left center no-repeat;
    padding-left: 17px;
	}
	.joinwarp .tmain{
		font-size: 13px;line-height: 1.7;margin: 10px 0;height: 160px;overflow-y: scroll;
	}
	.joinwarp .joupbtns{
		padding-top: 16px;
	}
	.joinwarp .joupbtns .upbtn{
		width: 110px;height: 36px;line-height: 36px;font-size: 13px;
	}
	.hbanner .txt h4{
		font-size: 12px
	}
	.hbanner .txt h2{
		font-size: 14px;
	}
	.hbanner .txt .btn{
		width: 80px;
		line-height: 28px;
		font-size: 12px;
		margin-top: 8px;
	}
.hbanner{
	height: 150px;
}
.hbanner .spans span{
	width: 8px;
	height: 8px;
	margin: 0 2px;
}
}