/*pad*/
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/
}
.manu{display: none;}
/*导航*/
.gh {
	position: absolute;
	top: 50%;
	height:40px;
	width: 40px;
	border-radius: 50%;
	margin-top:-22px;
	right: 10px;
	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;
	display: none;
	z-index: 9999;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #3e3d42;
	display: block;
	height:3px;
	position: relative;
	top: 50%;
	margin-top: -1px;
	left: 10%;
	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: 80%;
	border-radius: 5px;
}
.gh a:after, .gh a:before {
	border-radius: 10px;
	background-color: #3e3d42;
	content: "";
	display: block;
	height: 2px;
	left: 12%;
	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: 76%;
	overflow: hidden;
}
.gh a:after {
	top: 8px;
}
.gh a:before {
	top: -8px;
}
.gh.selected a:after, .gh.selected a:before {
	top: 0;
	background: #3e3d42;
}
.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{
	min-width:375px;
}


@media screen and (max-width: 1600px) {
	.fullSlide .bd li{
		height: 487px;
		background-size:100%  487px;
	}
	.dising{background: url(../images/bg1.jpg) no-repeat center top;
    background-size: cover;background-attachment: fixed;}
	.about_banner{background: url(../images/bg2.jpg) no-repeat center top;
		background-size:cover;
		background-attachment: fixed;
	}
	.printing_banner {
		background: url(../images/bg3.jpg) no-repeat center top;
		background-size:cover;
		background-attachment: fixed;
	}
	.numbox {
		background: url(../images/bg2.jpg) no-repeat center top;
		background-size: cover;
		background-attachment: fixed;
	}
   .wrapper1{width: 1180px;margin: 0 auto;}
}
@media screen and (max-width: 1500px) {
	.wrapper{
		width: 1000px;
	}
	.casewrap ul{
		margin: 0 -1%;
	}
	.casewrap ul li{
		width: 31.3%;
		margin: 0 1%;
	}
	.pagebox ul li{display: inline-block;width: auto;margin: 0 5px;float: none;}
	.htit2 p{font-size: 50px}
	.fottopbox{width: 384px;top: -90px;}
	.fottopbox .telnum{font-size:34px;}
}
@media screen and (max-width: 1180px) {
	.fullSlide .bd li{
		height: 400px;
		background-size:100% 400px;
	}
	.fullSlide .prev, .fullSlide .next{
		width: 30px;
		height: 90px;
		margin-top: -45px;
	}
	.wrapper {
		width:auto; padding:0 10px;
	}
	.htit6{padding: 20px 10px;}
	.aboutimg{padding: 30px 10px;}
	.subnavli .wrapper{padding: 0;}
	.subnav ul{margin: 0 -0.5%;}
	.subnav ul li{width:9%;margin: 3px 0.5%;float: left;}
	.subnav ul li a{font-size: 14px;}
}
@media screen and (max-width: 1030px) {
	.subnav ul{margin: 0 -1%;}
	.subnav ul li{width:10.5%;margin: 3px 1%;}
}
@media screen and (max-width: 950px) {
	.fullSlide .bd li{
		height: 300px;
		background-size:100% 300px;
	}
	.about_wrap{padding: 60px 0 40px;}
	.printing_list ul li{width: 33.3%;margin-bottom: 3px;}
	.printing_list ul li:first-child .serviceword{border-left: 3px solid #fff;}
	.printing_list ul li .serviceword p{font-size: 24px;}
	.printing_list ul li .serviceword span{transform: scale(1);line-height: 1.2;}
	.subnav ul li{width:14.6%;}
	.header {height: auto;}
	.header_list{display: none;}
	.headertop{padding: 28px 0;}
	.manu{display: block;margin:20px auto;width:60px;}
	.manu img{width: 100%;vertical-align: top;}
	.gh {
		display: none;
		border: 2px solid #3e3d42;
	}
	.nav {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		height: 101vh;
		margin:0;
		background: rgba(255,255,255,1);
		width: auto;
		z-index: 998;
		display: none;
		overflow-y: auto;
	}
	.nav.selected { display:block;}
	.nav .wrapper{padding: 0;height: auto;}
	.nav ul.navlist {
		padding-top: 121px;
		width: 100%;
		float: none;
	}
	.nav ul.navlist li{
		float: none;
		display: block;
		height: 50px;
	}
	.nav ul.navlist li a {
		display: block;
		height: 50px;
		line-height: 50px;
		color: #3e3d42;
		font-size: 16px;
		padding: 0;
		text-align:center;
	}
	.nav .navlist li a:after{
		display: none;
	}
	.nav .navlist li a:hover, .nav .navlist li.selected a{
		color: #fff;
		background: #e12a2f;
	}
	.loginbox{float: none;display: block;width: 100%;margin-top:20px;text-align: center;}
	.loginbox a{color: #6e6e6e;}
	.loginbox a.logon{background: url(../images/loginf.png) no-repeat left center;background-size:14px auto;}
	.htit h4{font-size: 50px;}
	.htit p{font-size: 28px;}
	.serviceword p{font-size: 26px;margin: 12px 0;}
	.serviceword{padding-top: 10px;}
	.servicetip p{font-size: 22px;}
	.htit2 p{font-size: 50px;}
	.htit3 h3{font-size: 28px;}
	.dising{background: url(../images/bg1.jpg) no-repeat center top;
    background-size: cover;background-attachment: fixed;}
	.footer .wrapper{padding: 0;}
	.footernav{height: auto;}
	.footer_item{width: 21%;margin: 0 2%;}
	.fottopbox{position: inherit;right: 0;top: 0;background:#e12a2f;padding:40px 0;width: 100%;height: auto;margin: 40px 0 0;}
	.copy{padding: 40px 2% 0;}
	.numberbg ul li .numberitem{font-size: 46px;}
	.htit5{font-size: 28px;padding: 30px 0;}
	.printing_list ul{padding: 10px 0 20px;}
	.subnav{padding: 20px 0;}
}
@media screen and (max-width: 760px) {
	.dising{background: url(../images/bg1.jpg) no-repeat center top;
		background-size: cover;background-attachment: inherit;}
	.about_banner{background: url(../images/bg2.jpg) no-repeat center top;
		background-size:cover;
		background-attachment: inherit;
	}
	.printing_banner {
		background: url(../images/bg3.jpg) no-repeat center top;
		background-size:cover;
		background-attachment: inherit;
	}
	.numbox {
		background: url(../images/bg2.jpg) no-repeat center top;
		background-size: cover;
		background-attachment: inherit;
	}

	.nav ul.navlist {
		padding-top: 104px;
	}
	.fullSlide .hd li{
		width: 20px;
		height: 2px;
	}
	.fullSlide .bd li{
		height: 180px;
		background-size:auto 180px;
	}
	.fullSlide .prev, .fullSlide .next{
		width: 20px;
		height: 80px;
		margin-top: -40px;
		opacity: .4;
	}
	.fullSlide .prev{
		left: 10px;
	}
	.fullSlide .next{
		right: 10px;
	}
	.printing_list ul li .serviceword p{font-size:14px;}
	.subnav ul li{width: 18%;}
	.subnav ul li a{font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 5px;box-sizing: border-box;}
	.header .logo{width: 240px;margin-left: 5px;}
	.gh{width: 24px;height: 24px;border: 1px solid #3e3d42;margin-top: -13px;}
	.gh a{height: 2px;}
	.gh a:after, .gh a:before{height: 1px;}
	.gh a:before{top: -4px;}
	.gh a:after{top: 5px;}
	.service{padding: 40px 0 20px;}
	.htit h4{font-size: 32px;}
	.htit p{font-size: 20px;margin: 8px 0 10px;}
	.htit span{font-size: 12px;margin-top:0;line-height: 1.4;}
	.serviceword{font-size: 12px;line-height: 1;}
	.serviceword span{transform: scale(0.6);}
	.serviceword p{font-size: 12px;margin:5px 0;}
	.servicelist{padding: 20px 0px 20px;}
	.servicetip p{font-size: 16px;}
	.servicetip span{font-size: 12px;}
	.disingwrap{padding: 60px 0 40px;}
	.htit2 p{font-size: 26px;}
	.htit2 span{font-size: 12px;transform: scale(0.6);white-space: nowrap;line-height: 8px;}
	.p50{padding-top: 30px;}
	.disinglist ul{margin: 0 -1px;}
	.disinglist ul li,.dising.sec .disinglist ul li{width: 31.3%;float: left;padding: 0;margin: 0 1%;}
	.disinglist ul li img{width: 62px;height: 62px;margin-bottom: 10px;}
	.disinglist ul li p{font-size: 16px;}
	.dising.sec .disinglist ul li p{font-size: 12px;}
	.case{padding: 35px 0 40px;}
	.casewrap ul li{width:48%;}
	.casewrap ul li p{line-height: 40px;font-size: 14px;}
	.advbox{margin-bottom:30px;}
	.numberbg{padding: 50px 0;}
	.numberbg ul li{width: 100%;margin: 20px 0;}
	.numberbg ul li .numberitem span{font-size: 40px;}
	.numbertip{font-size: 12px;padding-top:20px;}
	.parter{padding: 40px 0;}
	.htit3 h3{font-size: 16px;}
	.htit3 p{font-size: 12px;}
	.htit3 p.sec{transform-origin:0 0;margin-top: 10px;}
	.parter a img{margin-top: 20px;}
	.dlbox{display: none;}
	.footer{padding: 0 0 20px;background: #e12a2f;}
	.copy{padding-top: 10px;text-align: center;}
	.copytop p{float: none;}
	.rebox{display: none;}
	.fottopbox{margin-top: 0;}
	.printing_wrap h4{font-size: 30px;}
	.printing_wrap p{font-size: 20px;}
	.printing_wrap em{font-size: 16px;}
	.printing_wrap{padding: 40px 0;}
	.htit5{font-size:16px;padding:10px 0;}
	.htit5 a{margin-top: 0px;}
	.subnavli ul li{height: 40px;}
	.subnavli ul li .navimg{width: 12px;height: 11px;margin-right:3px;margin-top: 13px;}
	.subnavli ul li span{font-size: 12px;margin-top: 2px;}
	.htit6{font-size: 16px;padding: 20px 0 10px;}
	.shbox{padding-top: 30px;}
	.subnavli ul li:hover .navimg img.zm{display: block;}
	.subnavli ul li:hover .navimg img.fm{display: none;}
	.subnavli ul li:hover span{color: #3d3d45;}
	.htit4{font-size: 16px;}
	.subnavli ul li:hover{background: #fff;}
	.subnavli ul li.active .navimg img.zm{display: none;}
	.subnavli ul li.active .navimg img.fm{display: block;}
	.subnavli ul li.active span{color: #fff;}
	.subnavli ul li.active{background: #d8262c;}
	.pagebox ul li a{font-size: 12px;line-height: 26px;padding: 0 8px;}
	.pagebox ul li{display: inline-block;width: auto;margin: 0 2px;float: none;}
	.case.sec{padding-bottom: 40px;}
        /*.wckkw{display: none;}*/
        .element.style{display: none;}
		.fottopbox .tel001{line-height: 1;font-weight: 600;display: block;text-align: center;}

     .content .tab-nav .txt{margin-top: 10px;}


	/*   新闻中心-新闻.html  css   */
     .newsList{padding:0 0;overflow:hidden;}
     .newsList ul li{padding:15px 0;border-bottom: 1px solid #ccc; height:auto;}
     .newsList .pic{float:none;width:100%;height:auto;}
     .newsList .text{float:none;width:100%;height:auto;}
     .newsList .text .cont{position:relative;padding:10px 10px 20px;}
     .newsList .text .cont span{display:none;}
     .newsList .text .cont i{bottom:-5px;}
     .pageBlok{padding-top:45px;width:100%;margin:0 auto;}
     .pageBlok ul li{float:left;margin-right:5px;border-bottom:0;}
     .pageBlok ul li a{display:inline-block;padding:0 10px;font-size:12px;}
	 .newsDetail .pageBlock .next{float:left;}

     .content .tab-nav .txt{margin-left:10px;}
     .content .tab-nav{margin-left:0px;}

	 /*   联系我们.html  css   */
	 .content .tab-nav li{float:left;width:100%;margin-left:3%;margin-bottom:100px;position:relative;}
     .content .tab-hd{float:left;width:100%;margin-top:10px;}
	 .map_banner{background: url(../images/map.jpg) no-repeat center 104px;background-size: 100% auto;background-attachment: fixed;height:180px;}


/*   底部漂浮  css   */
.wp {
    margin-left: auto;
    margin-right: auto;
    min-width: 320px;
    max-width: 640px;
}

.mui-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
	display:block;
}

.mui-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #E81626;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mui-tab-label{color: #fff;}

.mui-bar-tab .mui-tab-item .mui-icon{
    top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}

.mui-bar .mui-icon {
    font-size: 24px;
    position: relative;
    z-index: 20;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mui-icon {
    font-family: Muiicons;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}

.cs2 {
    background: url("/static/images/map001.jpg") no-repeat center;
    background-size: 25px;
	margin-top:3px;
	padding-left:20px;
}
.cs3 {
    background: url("/static/images/tel001.jpg") no-repeat center;
    background-size: 25px;
	margin-top:3px;
	padding-left:20px;
}

#login{width:50%;float:left;}
}

@media screen and (max-width:660px) {
}