@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1280px){
	html{ max-width:640px; margin:0 auto;}
	*{box-sizing: border-box;}
	html{ font-size:62.5%; padding-bottom:50px;}	
	body{ color:#000;}
	.w_conbox { font-size:10px;}
	.topbox{ background-size:200%; height:355px;}
	.topbox2 { height:355px;}
	.w_conbox { width:100%;}
	.mrt_logo{ width:30%; left:2%;}
	.mrt_pic {top:5em; width:44%;  left:2%;}
	.mrt_name { width:40%;right:2%;}
	.mrt_img{ display:none;}
	.mrt_ps_info { width:64%;right:2%;}
	.mrt_ps_info p{ font:2.0em/2 microsoft yahei;}
	.mrt_ps_info b{ font:bold 2.0em/2 microsoft yahei;}
	
	.menubox{ background:#fff;}
	.menubox .menu{ width:100%;}
	.menubox .menu ul{ position:fixed; left:0; bottom:0; width:100%; background:#000; border-top:1px solid #fff; display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
	display:box; z-index:999;}
	.menubox .menu ul li{ float:none; width:auto;font:bold 1.6em/3 microsoft yahei; color:#fff; height:auto; -moz-box-flex:1.0; /* Firefox */
	-webkit-box-flex:1.0; /* Safari and Chrome */
	box-flex:1.0;}
	.menubox .menu ul li:last-child{ display:none;}
	.menubox .menu ul li:nth-child(4){ border-right:none;}
	.menubox .menu ul li a{ color:#fff;}
	.menubox .menu h2{ float:left; position:inherit; width:100%; text-align:center;}
	.menubox .menu h2 img,.part h2 img{ width:auto;}
	
	.rw .rw_l { width:100%; margin:20px 0 0px; padding:0; text-align:center; padding:12px 0;}
	.rw .rw_l img{ margin-left:-20px; width:auto;}
	
	.rw .rw_r{ width:100%; padding:20px 2%;}
	.rw .rw_r h3 { text-align:center; font-size:4em;}
	.rw .rw_r p{ font:1.6em/2 microsoft yahei;}
	
	.part h2{ width:100%; text-align:center;}
	.dlg .dlg_tit { width:100%; margin:20px 0 0; padding:0 2%;}
	.dlg .dlg_tit h3{ width:100%; margin:0 0 0 0; font: bold 2.4em/1.2 microsoft yahei;}
	.dlg .dlg_tit p{width:100%; margin:10px 0 0 0; font:1.6em/2 microsoft yahei;}
	
	.dlg_con dl { padding:0 2%; width:100%; margin:30px 0 0;
	display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
	display:box;}
	.dlg_con dl dt { float:none;width:56px;		}
	.dlg_con dd {float:none; -moz-box-flex:1.0; /* Firefox */
	-webkit-box-flex:1.0; /* Safari and Chrome */
	box-flex:1.0;}
	.dlg_con dl dt { width:10%;}
	.dlg_con dl dt span {  width:100%; background-size:100%;}
	.dlg_con dd p.q_con,.dlg_con dd p.a_con{ width:100%; font:1.6em/2 microsoft yahei;}
	
	.videobox .video { width:90%;}
	.videobox h3 {font: bold 2.4em/1.2 microsoft yahei;}
	.videobox .video iframe{ width:100%; height:300px;}
	
	.pdcbox .b_img { width:96%; margin:10px 2%;}
	.pdcbox .b_img ul{ width:100%;}
	.pdcbox .b_img li{ width:100%;}
	.pdcbox .b_img li img{ width:100%;}
	.pdcbox .s_img a.prev, .pdcbox .s_img a.next { display:none;}
	.pdcbox .s_img { width:70%; margin:20px auto 0;}
	.pdcbox .s_img li{ text-indent:-999px; width:8%; margin:0 4%; height:3em; border:none; background:#666;}
	.pdcbox .s_img li.on{ width:8%;height:3em;border:none; background:#feb252; padding:0}
	
	.about_l { width:100%; padding:0 2%;}
	.about_l span,.about_l b,.about_l p { font:1.6em/2 microsoft yahei;}
	.about_l h3 { font-size:2.4em;}
	.about_r { width:100%; margin:20px auto 0; text-align:center;}
	.about_r img{ width:auto;}
	
	.backbox{ display:none;}
	.mrt_ps_info blockquote { display:none;}
	/*
	.wqhs { width:100%; padding:0;}
	.wqhs_l { width:100%;}
	.wqhs_l_b { width:100%; padding-bottom:10px;}
	.wqhs_l_b li{ width:40%; margin:10px 0 10px 5.2%;}
	.wqhs_l_b li img{ width:100%;}
	.wqhs_l li p { font: 1.6em/1.5 microsoft yahei;}
	.wqhs_r { width:100%; padding:0 2%; text-align:center;}
	.wqhs_r p { font: 1.6em/2 microsoft yahei;}
	.wqhs_r h3 { font:bold 3.0em/2 microsoft yahei;}
	.fix_float { display:none;}*/
	footer.ft p{ line-height:22px!important; color:#666!important;}
	footer.ft a{ font-size: 14px!important;}
	}

@media screen and (max-width:480px){
	.pdcbox .b_img img{height: 300px}
	.topbox{height:270px;}
	.topbox2 { height:270px;}
	.mrt_pic {top:4em; width:42%}
	.mrt_ps_info { top:15em; }
	.mrt_ps_info p{ font:1.6em/2 microsoft yahei;}
	.mrt_ps_info b{ font:bold 1.6em/2 microsoft yahei;}
	
	.pdcbox .s_img li,.pdcbox .s_img li.on { height:2em;}
}

@media screen and (max-width:414px){	
	.topbox{height:230px;}
	.topbox2 { height:230px;}
	.mrt_logo{ top:0.5em;}
	.mrt_pic {top:3em;}
	.mrt_name { top:5em;}
	.mrt_ps_info { top:12em; }
	.mrt_ps_info p{ font:1.4em/2 microsoft yahei;}
	.mrt_ps_info b{ font:bold 1.4em/2 microsoft yahei;}
	/*.wqhs_l_b li{ width:43%; margin:10px 0 10px 3%;}*/
	
}

@media screen and (max-width:375px){
	.topbox{ height:210px;}
	.topbox2 { height:210px;}
	.mrt_pic { }
	.mrt_ps_info {  top:11em;}
	.mrt_ps_info p{ font:1.3em/2 microsoft yahei;}
	.mrt_ps_info b{ font:bold 1.3em/2 microsoft yahei;}
	
	.rw .rw_l{ background-size:90%;}
	.rw .rw_l img { width:78%;}
	
	.rw .rw_r h3 { font-size:3.6em;}
	
	.dlg .dlg_tit h3{font: bold 2.0em/1.5 microsoft yahei}
	.videobox h3 {font: bold 2.0em/1.5 microsoft yahei;}
	.about_l h3 { font-size:2.0em;}
	.pdcbox .s_img li,.pdcbox .s_img li.on { height:1.8em;}
	.about_r { background-size:86%;}	
	.about_r img { width:78%;}
	/*.wqhs_l_t { height:32px; line-height:32px;}
	.wqhs_l_t h3 { font-size:2.0em;}
	.wqhs_r h3 {font: bold 2.0em/2 microsoft yahei;}
	.wqhs_r p { font: 1.4em/2 microsoft yahei;}*/
}
@media screen and (max-width:360px){
	.topbox{height:200px;}
	.topbox2 { height:200px;}
	.mrt_pic { width:40%;}
	.mrt_name {top: 4em;}
	.mrt_ps_info { top: 10em;}
	.wqhs_l li p { font: 1.4em/1.5 microsoft yahei;}
	.pdcbox .s_img li, .pdcbox .s_img li.on { height: 1.7em;}
}

@media screen and (max-width:320px){
	html{ padding-bottom:32px;}
	.topbox{height:180px;}
	.topbox2 { height:180px;}
	.mrt_name {top: 3.5em;}
	.mrt_ps_info { top: 9em;}
	.mrt_ps_info p { font: 1.2em/2 microsoft yahei;}
	.mrt_ps_info b { font:bold 1.2em/2 microsoft yahei;}
	
	.menubox .menu h2 img,.part h2 img{ width:150px}
	.part { margin-top:10px;}
	.rw .rw_l { margin:10px 0 0;}
	.rw .rw_r { padding:10px 2%;}
	.rw .rw_r p { font:1.4em/2 microsoft yahei;}
	
	.dlg .dlg_tit { margin:10px 0 0;}
	.dlg .dlg_tit p { font: 1.4em/2 microsoft yahei;}
	.dlg_con { margin-top:10px; padding-bottom:10px;}
	.dlg_con dl { margin:10px 0 0;}
	
	.dlg_con dd p.q_con, .dlg_con dd p.a_con { width: 100%;font: 1.4em/2 microsoft yahei;}
	
	.pdcbox .s_img li, .pdcbox .s_img li.on { height: 1.5em;}
	.pdcbox .s_img { margin:10px auto 0}
	.about_l h3 { padding-bottom:10px;}
	.about_l span, .about_l b, .about_l p {  font: 1.4em/2 microsoft yahei;}
	.about { padding-bottom:10px;}
	.menubox .menu ul li{ font:bold 1.5em/2 microsoft yahei;}
	
	/*.wqhs_l li p {font: 1.2em/1.5 microsoft yahei;}
	.wqhs_l_b li {margin: 5px 0 10px 3%;}*/
}