* {
    margin: 0;
    padding: 0;
    -webkit-appearance: none; /*去掉浏览器默认样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}

html,
body {
   
    overflow-x: hidden;
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%; /*关闭自动调整字体*/
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}


/*pad*/
img{
	max-width:100%;
}

input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
@media only screen and (max-width:1600px) {
	.wrapper{
		width: 1280px;
	}
	.header{
		padding-left: 4%; padding-right: 4%; height: 70px;
	}
	.header .logo img{
		width: 145px;
	}
	.header .attr{
		margin-left: 30px; margin-top: 15px;
	}
	.header .attr li{
		margin-left: 15px;
	}
	.header .nav>ul>li{
		padding: 0 15px; line-height: 70px; font-size: 16px;
	}
	.header .subnav{
		top: 70px; height: 70px;padding-top: 18px;
	}
	.header .subnav li{
		font-size: 15px;
	}
	.footer{
		font-size: 14px; height: 150px; overflow: hidden;  padding: 30px 0;
	}
	.footer .logo{
		margin-left: 3%; margin-right: 40px;
	}
	.footer .logo img{
		width: 180px;
	}
	.footer .txt-l{
		width: 38%;
	}
	.footer .txt-r{
		margin-right: 3%; width: 32%;
	}
	.footer .txt-r .tel{
		font-size: 16px;
	}
	.banner,.banner .img{
		height: 600px;height: calc(100vh - 70px);
	}
	.sidebar li{
		width: 50px; height: 60px; line-height: 60px;
	}
	.sidebar li .txt{
		right: 50px; height: 60px; line-height: 60px; font-size: 20px; width: 170px;
	}
	.sidebar li>a img{
		width: 28px;
	}
	.mbanner{
		height: 230px;
	}
	.mnav{
		height: 80px;
	}
	.mnav dt{
		height: 80px; margin-right: 45px; padding-top: 15px; width: 200px;
	}
	.mnav dt h3{
		font-size: 18px;
	}
	.mnav dd{
		margin-top: 23px;
	}
	.mnav dd{
		font-size: 16px;  line-height: 30px;
	}
	.mnav dd+dd:before{
		height: 30px;
	}
	.mvideo{
		width: 100%; 
	}
	.gmain{
		margin: 40px auto 40px; padding: 25px 30px;
	}
	.mtit h2{
		font-size: 24px;
	}
	.mtit h4{
		font-size: 14px;
	}
	.mvideo,
	.mcomp,
	.mcult,
	.mbrand1,
	.mbrand,
	.mideas{
		margin: 30px auto 20px;
	}
	.pt70{
		padding-top: 40px;
	}
	.mcult-row .txt{
		margin-bottom: 40px;
	}
	.mcult-hd .list{
		margin: 60px 0 60px;
	}
	.mcult-hd .list dt .big{
		width: 100px; height: 100px; line-height: 100px; font-size: 50px;
	}
	.mcult-hd .list dt h4{
		font-size: 22px;
	}
	.mcult-hd .list dd{
		font-size: 14px;
	}
	.mcult-hd .list dd h3{
		font-size: 18px;
	}
	.mcult-hd .list dd p{
		margin-top: 3px;
	}
	.mcult-row .tit{
		font-size: 24px; margin-bottom: 30px;
	}
	.mcult-row .img{
		margin-bottom: 30px;
	}
	.mcult-row .txt h3{
		font-size: 18px;
	}
	.mbrand .logo{
		padding: 150px 0;
	}
	.mbrand1-row .img h2{
		font-size: 36px; left: 32px; top: 30px;
	}
	.mbrand1-row .txt{
		padding: 35px 0;
	}
	.mideas .txt{
		font-size: 16px; margin-bottom: 40px;
	}
	.mcoop{
		margin: 30px 0 40px;
	}
	.mcoop .txt{
		margin-bottom: 50px;
	}
	.gmain1{
		margin: 40px auto;
	}
	.gmain1 .mtit{
		padding-left: 30px;
	}
	.mlist ul{
		margin: -10px -5px;
	}
	.mlist li{
		margin: 10px 5px; width: 312px; padding: 15px 12px;height: 420px;
	}
	.mlist .img{
		margin-bottom: 20px;
	}
	.mlist .txt h3{
		font-size: 16px;
	}
	.mdetail-hd h2{
		font-size: 24px;
	}
	.mdetail-hd h3{
		font-size: 16px;
	}
	.mdetail-hd h3{
		font-size: 14px;
	}
	.mdetail-hd .attr{
		font-size: 16px; margin-top:10px ;
	}
	.mdetail-ft{
		margin-top: 45px; padding: 30px 0;
	}
	.mdetail-ft .btn-l{
		background-size:15px ; padding-left: 30px; font-size: 16px;
	}
	.mdetail-ft .btn-r{
		background-size:15px ; padding-right: 30px;font-size: 16px;
	}
	.mdetail-ft .btn{
		font-size: 16px;
	}
	.mqr{
		padding: 60px 0 90px; font-size: 16px;
	}
	.mqr img{
		width: 350px;
	}
	.mqr p{
		margin-top: 10px;
	}
	.mtxtlist li .wrapper{
		padding: 25px 0;
	}
	.mtxtlist li .img{
		width: 320px; margin-right: 30px;
	}
	.mtxtlist li .time{
		padding-right: 25px; font-size: 18px;
	}
	.mtxtlist li .txt{
		width: 825px;
	}
	.mtxtlist li .txt h3{
		font-size: 20px; margin-bottom: 15px;
	}
	.mtxtlist li .txt p{
		font-size: 16px;
	}
	.pagination{
		margin-top: 30px;
	}
	.pagination li{
		margin: 0 8px;
	}
	.pagination li a{
		font-size: 18px; min-width: 35px; height: 35px; line-height: 35px;
	}
	.pagination .btn-prev,
	.pagination .btn-next{
		width: 35px; height: 35px; margin: 0 20px; background-size:14px ;
	}
	.banner .img .tit{
	position: absolute; top: 50%; left: 0; right: 0;text-align: left;
		width: 1280px; margin: 0 auto;  margin-top: -55px;
	}
	.banner .img .tit{
		margin-top: -45px;
	}
	.banner .img .tit img{
		width: 450px;
	}
}
@media only screen and (max-width:1300px) {
	.wrapper,
	.header .subnav ul{
		width: 980px;
	}
	.header{
		padding-left: 3% ; padding-right: 3%;
	}
	.header .logo{
		margin-top: 10px;
	}
	.header .logo img{
		width: 130px;
	}
	.header .attr{
		margin-left: 20px;
	}
	.header .attr li{
		margin-left: 5px;
	}
	.header .nav>ul>li{
		padding: 0 8px;
	}
	.header .subnav li{
		margin: 0 5px;
	}
	.header .attr .icon{
		width: 35px; height: 34px;
	}
	.mnav dt{
		margin-right: 10px; width: 180px;
	}
	.mnav dd{
		padding: 0 25px; font-size: 15px;
	}
	.gmain{
		margin: 30px auto;
	}
	.footer{
		font-size: 12px;
	}
	.footer .txt-r .tel{
		font-size: 17px;
	}
	.footer .logo{
		margin-right: 25px;
	}
	.footer .logo img{
		width: 160px;
	}
	.footer .txt-r{
		width: 35%;
	}
	.mcult-hd .list dd{
		padding: 0 6px;
	}
	.mcult-hd .list dd h3{
		font-size: 16px;
	}
	.mcoop .img li{
		padding: 0 15px;
	}
	.mlist li{
		width: 221px;    height: 320px;
	}
	.mlist .txt{
		font-size: 12px;
	}
	.mtxtlist li .img{
		width: 300px;
	}
	.mtxtlist li .txt {
	    width: 495px;
	}
	.mtxtlist li .txt h3{
		font-size: 16px; margin-bottom: 10px;
	}
	.mtxtlist li .txt p{
		font-size: 12px;
	}
	.mtxtlist li .time{
		margin-top: 55px;
	}
	.mbanner{
		height: 200px;
	}
	.banner .img .tit{
		margin-top: -45px; width: 980px;
	}
	.banner .img .tit img{
		width: 400px;
	}
}

@media only screen and (max-width:1000px) {
	.wrapper,
	.header .subnav ul{
		width: auto;
		margin-left: 3%; margin-right: 3%;
	}
	.fl,.fr,.left,.right{
		float: none;
	}
	
.gh {
	position:fixed; right: 3%; top: 0; z-index: 999;
	height:28px;
	width:28px;
	border-radius: 2px;
	margin-right:0;
	margin-top:14px;
	background: #000033;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
	padding: 0 6px;
}
.gh.selected {
	/*transform: rotate(90deg);*/
}
.gh a {
	background-color:transparent;
	display: block;
	height: 1px;
	margin-top: -2px;
	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%;
}

.gh a:after, .gh a:before {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	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;
	width:100%;
}
.gh a:after {
	top:3px;
}
.gh a:before {
	top:-3px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
}
.gh.selected a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
	background-color: transparent !important;
}
body{
	padding-top: 50px;
}
.header{
	position: fixed;top: 0; left: 0; right: 0; height: 50px; z-index: 999; padding: 0; background: #fff; border-bottom: 1px solid #eee;
}
.header .logo{
	margin-left: 3%; margin-top: 8px;
}
.header .logo img{
	width: 100px;
}
.header .attr{
	margin-left: 0; margin-right: 3%; margin-top:10px ; padding-right: 45px;
	display: none;
}
.header .attr .icon{
	width: 31px; height: 30px;
}
.header .nav{
	position: fixed; left: 0; right: 0; top: 50px;  display: none;
	    background: #000033;
    background: rgba(0,0,51,0.6);
}
.header .nav>ul>li{
	line-height: 45px;display: block; padding: 0;text-align: center; color: #fff; 
}
.header .nav>ul> li.active, .header .nav>ul> li:hover{
	background: #cc9966; color: #fff;
}
.header .nav>ul> li.active> a:after, .header .nav>ul> li:hover> a:after{
	display: none;
}
.header .subnav{
	position: static; top: auto; height: auto;
}
.header .subnav.t2,
.header .subnav.t1{
	padding-right: 0;text-align: center;
}
.header .attr .qr{
	top: 45px; width: 120px;padding: 10px; height: auto; margin-left: -60px;
}
.header .attr .qr img{
	width: 100px; height: 100px;
}
.mbanner{
	height: 100px;
}
.footer{
	height: auto; padding: 25px 3%;
}
.footer .logo{
	display: block; float: none; margin: 0;text-align: center; margin-bottom: 15px;
	display: none;
}
.footer .txt-l,
.footer .txt-r{
	display: block; float: none; width: auto;
}
.footer .txt-l{
	text-align: center;
}
.footer .txt-r{
	text-align: center; margin: 0; padding-top: 15px;
}

.footer .txt-r .tel{
	display:none;
	
}
.footer .txt-l .tell{
	display:block !important;
	font-size:17px;
	font-weight:bold;
}

.mnav{
	height: auto;text-align: center; /*padding: 10px 0;*/
	padding-top: 0;
}
.mnav .wrapper{
	margin: 0;
}
.mnav dt{
	margin-right: 0; display: block; height: auto; width: 100%;
}
.mnav dd{
	padding: 0 8px; font-size: 12px;  border-radius: 5px; margin: 0;
	width: 33.33%;
	float: left;
	line-height: 35px;
	/*margin-bottom: 5px;*/

}

.mnav dd:nth-child(3n+2):before{
	display: none;
}
.mnav dd:before{
	height: 15px !important;
	top: 50% !important;
	margin-top: -7px;
}
.mnav dd.active:after, .mnav dd:hover:after{
	content: "";
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute; left: 0; bottom: 0;
}
.mnav dt{
	margin-bottom: 5px; padding: 15px; 
}
.mnav dt h3{
	font-size: 16px;
}
.gmain{
	padding: 15px; margin: 15px auto;
}
.mtit h2{
	font-size: 18px;
}
.mtit h4{
	font-size: 12px;
}
.mvideo, .mcomp, .mcult, .mbrand1, .mbrand, .mideas,
.mcoop{
	margin: 15px auto 0; font-size: 13px;
}
.sidebar{
	bottom: 10%;
}
.sidebar li{
	width: 32px; height: 35px; line-height: 35px;
}
.sidebar li>a img{
	width: 18px;
}
.sidebar li .txt{
	right: 32px; height: 35px; line-height: 35px; font-size: 14px; width: 110px;
}
.mcomp{
	font-size: 13px;
}
.mcult-hd .list{
	margin: 30px 0;
}
.mcult-hd .list li{
	display: block; width: auto; 
}
.mcult-hd .list li+li{
	margin-top: 15px;
}
.mcult-hd .list dt .big{
	width: 50px; height: 50px; line-height: 50px; font-size: 24px;
}
.mcult-hd .list dt h4{
	font-size: 18px; margin-top: 0;
}
.mcult-hd .list dd{
	padding: 0 10px;
}
.mcult-hd .list dd h3{
	font-size: 14px;
}
.mcult-hd .list dd{
	font-size: 12px;
}
.mcult-row .tit{
	font-size: 18px;margin-bottom: 15px;
}
.mcult-row .img{
	margin-bottom: 15px;
}
.mcult-row .txt{
	margin-bottom: 15px;
}
.mcult-row .txt{
	font-size: 13px;
}
.mcult-row .txt h3{
	font-size: 16px;
}
.mbrand .logo{
	padding: 30px 0;
}
.mbrand .logo img{
	width: 120px;
}
.mbrand .img{
	line-height: 1.2;
}
.mbrand1-row .img h2{
	top: 15px; left: 15px; font-size: 20px;
}
.mbrand1-row .txt{
	padding: 15px 0; font-size: 13px;
}
.mideas .txt{
	font-size: 13px; margin-bottom: 30px;
}
.mcoop .txt{
	margin-bottom: 20px;
}
.mcoop .img ul{
	padding: 0; display: flex;
	flex-wrap: wrap;
}
.mcoop .img li{
	width: 33.33%; line-height: 1; padding: 15px;
}

.gmain1{
	margin: 0 auto; padding: 15px;
}
.gmain1 .mtit{
	padding-left: 0;
}
.mlist{
	margin-top: 10px;
}
.mlist ul{
	margin: 0; display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mlist li{
	width: 49%; height: auto; margin: 4px 0; padding: 10px 8px 15px;
}
.mlist .img{
	margin-bottom: 10px;
}
.mlist .txt h3{
	font-size: 14px; margin-bottom: 0;
}
.mdetail-hd{
	padding-top: 10px;
}
.mdetail-hd h2{
	font-size: 16px;
}
.mdetail-hd .attr{
	margin-top: 5px; font-size: 14px;
}
.mdetail-bd{
	margin-top: 15px; font-size: 13px;
}
.mdetail-ft{
	margin-top: 15px; padding: 15px 0;
}
.mdetail-ft .btn-l,
.mdetail-ft .btn-r{
	top: 15px; line-height: 35px; font-size: 14px;background-size:10px ;
}
.mdetail-ft .btn-l{
	padding-left: 20px; 
}
.mdetail-ft .btn-r{
	padding-right: 20px; 
}
.mdetail-ft .btn{
	height: 35px; width: 150px; line-height: 35px; font-size: 13px;
}
.mqr{
	padding: 30px; font-size: 14px;
}
.mqr img{
	width: 170px;
}
.mqr p{
	margin-top: 5px;
}
.gmain1 .mtit .wrapper{
	margin: 0;
}
.mtxtlist{
	margin-top: 15px;
}
.mtxtlist li{
	margin-bottom: 5px;
}
.mtxtlist li .wrapper{
	padding:  0; margin: 0;
}
.mtxtlist li .img{
	display: block; width: 100%; margin-right: 0;
}
.mtxtlist li .img img{
	width: 100%;
}
.mtxtlist li .txt{
	padding: 15px; float: none; width: auto;
}
.mtxtlist li .time{
	font-size: 15px; padding:0 15px 15px 15px; margin-top: 0;
}
.mtxtlist li .time br{
	display: none;
}
.pagination{
	margin-top: 15px;
}
.pagination li{
	margin: 0 3px;
}
.pagination li a{
	font-size: 14px; min-width: 30px; height: 30px; line-height: 30px;
}
.pagination .btn-prev, .pagination .btn-next{
	width: 30px; height: 30px; margin: 0 5px; background-size:10px ;
}
.banner, .banner .img{
	height: calc(100vh - 50px );
}
/*第一张图*/
.banner li:nth-child(1) .img{
	
}
/*第2张图*/
.banner li:nth-child(2) .img{
	background-position: right -280px center;
}
/*第3张图*/
.banner li:nth-child(3) .img{
	
}
/*第4张图*/
.banner li:nth-child(4) .img{
	background-position: right -280px center;
}
/*第5张图*/
.banner li:nth-child(5) .img{
	
}





.swiper-container-vertical>.swiper-pagination-bullets{
	right: 10px;
}
.banner .img .tit{
	margin-top: -20px; width: auto; padding-left:8% ; padding-right: 3%;
}
.banner .img .tit img{
	width: 220px;
}
}