@charset "utf-8";
/* CSS Document */
html {color: #000;background: #fff;	-webkit-text-size-adjust:normal;	-ms-text-size-adjust: 100%;	font-family: microsoft yahei; font-size:62.5%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0; padding: 0;}
ol, ul, li { list-style: none; } 
.fl, .fr { _display: inline; } 
.fl { float: left; } 
.fr { float: right; } 
img { border: none; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; -webkit-transition: color .5s; } input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder { color: #c2c2c2; -webkit-transition: color .5s; } 
input[type="button"], input[type="submit"], input[type="reset"], textarea { -webkit-appearance: none; } 
a { text-decoration: none; color:#333;} 
.cl { clear: both; } 
.cl:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.relative{ position:relative;}
.bg_white{ background:#fff;}

/*页面样式*/
html{ background:url(images/bg.gif) repeat #fff;}
.w_conbox { width: 1000px; } 
.wauto { margin: 0 auto; } 
.topbox{ width:100%; background:url(images/topbg.jpg) no-repeat top center; height:540px;}
.topbox2{ position:absolute; width:100%; background:url(images/bg.gif) repeat; height:540px;}
.mrt_logo{ position:absolute; left:-120px; top:10px; width:305px;}
.mrt_pic { width:398px; position:absolute; left:0; top:108px;}
.mrt_name { position:absolute; top:80px; right:0; width:40%; text-align:right; font-size:68px; white-space:nowrap;}
.mrt_ps_info { position:absolute; top:17.5em; right:0; text-align:right; width:470px; font-size:12px;}
.mrt_ps_info>p{ font:2.6em/1.8 microsoft yahei;}
.mrt_ps_info b{ font:bold 2.5em/1.8 microsoft yahei; white-space:nowrap;display:block;}
.mrt_ps_info blockquote { /*padding-top:10px; */text-align:left; line-height:24px;}
.mrt_img { position:absolute; top:390px; right:0; height:130px;}
.mrt_img img{ float:left; margin-left:10px; width:218px; height:130px;}

.backbox { position:absolute; left:195px; top:40px; z-index:99}
.backto { position:relative; padding-right:20px; float:left; height:20px;font-size:14px; font-weight:700; color:#000; text-indent:5px; line-height:20px; cursor:pointer;background: url(images/icon_last.gif) no-repeat right 8px;  text-align:left; }
.backto ul{background:#FFF; display:none;position:absolute; top:20px; left:-1px; border:1px solid #ccc;}
.backto:hover ul{ display:block;}
.backto li a{height:20px;padding-right:25px; font-size:14px; color:#000; line-height:24px; cursor:pointer;}
.backto li:hover { background:#000; color:#fff;} 
.backto li a:hover{color:#bb5e02;}
.backto li:hover a {color:#fff;}



/*导航*/
.menubox { width:100%; border-top:3px solid #000; background:#bdc1c1;margin-top:0 !important;}
.menu{ width:1000px; margin:0 auto; position:relative;}
.menu ul{ float:left;}
.menu li{ width:198px; height:47px; line-height:47px; text-align:center;float:left;  font-family:Microsoft Yahei; font-size:22px; border-right:1px solid #fff;}
.menu li.nobg{width:150px; border:none;}
.menu .aboutli{width:230px;}
.menu li a{color:#000; text-decoration:none; display:block; width:100%;}
.menu h2{ left:-1px;}
.nav-tit{ display:inline-block; position:absolute; top:0; width:200px; height:100px; background:url(images/nav_bg.png) no-repeat center center; color:#fff;}
.nav-tit em,.nav-tit i{ display:block; width:100%; text-align:center;}
.nav-tit em{ font-size:30px; font-weight:bold; font-family:"宋体"; line-height:1.5em;}
.nav-tit i{ font-size:14px; text-transform:uppercase; font-family:"宋体";}

.mt_60{ margin-top:-60px;}
.rw{ float:left; width:100%; background:url(images/conbg01.gif) no-repeat 605px 23px;}
.rw .rw_l{ float:left; width:350px; overflow:hidden;background:url(images/picbg.gif) no-repeat center top; padding:12px 0 12px 12px; margin:70px 0 0 40px;}
.rw .rw_r{ float:right; width:524px; padding:88px 40px 0 0px;}
.rw .rw_r h3{font-family:Microsoft Yahei; font-size:6em; font-weight:700; }
.rw .rw_r p{font-size:14px; line-height:28px;}
.rw .rw_r .sj{ text-indent:2em;}

.part { float:left; width:100%; border-top:dotted 1px #000; margin-top:40px; position:relative;}
.dlg h2{ right:0;}
.dlg .dlg_tit{ float:left; width:700px; }
.dlg .dlg_tit h3{ float:left; width:100%; margin-left:40px; margin-top:30px; font:bold 3em/1.2 microsoft yahei;}
.dlg .dlg_tit p{ float:left; width:100%; margin-left:40px; margin-top:10px; font:1.4em/2 microsoft yahei;}
.dlg_con { float:left; width:100%; background:url(images/img_mrt_25.jpg) repeat; margin-top:30px; padding-bottom:40px;}
.dlg_con dl{ width:440px;  float:left; margin:40px 0 0px 40px;}
.dlg_con dl dt{ float:left; margin-right:9px;}
.dlg_con dl dt span{ float:left; margin-top:8px; width:56px; height:56px;background:url(images/icon_q.gif) no-repeat;}
.dlg_con dd { float:left; width:375px;}
.dlg_con dd p.q_con{ float:right; width:375px; font-size:14px; font-family:Microsoft Yahei; color:#d17808; padding:0 0 15px 0px;font:1.4em/2 microsoft yahei; }
.dlg_con dd p.a_con{ float:right;position:relative; border:1px solid #bdc1c1; width:353px; font:1.4em/2 microsoft yahei; padding:5px 10px;}
.dlg_con dd p.a_con:before{ content:""; position:absolute;display:block; background:url(images/dlg_left_bg.gif) no-repeat; width:52px; height:52px; top:-2px; left:-2px; }
.dlg_con dd p.a_con:after{ content:"";  position:absolute; display:block; background:url(images/dlg_right_bg.gif) no-repeat; width:52px; height:52px; bottom:-2px; right:-2px;  }
.dlg_con a{ color:#feb252;}

.videobox {float: left;  width: 100%;  border-top: dotted 1px #000;   margin-top: 40px;}
.videobox h3{ text-align:center; font:bold 3em/1.2 microsoft yahei; padding:15px 0; microsoft yahei;}
.videobox .video{ width:862px; margin:0 auto;}

.pdc h2{ left:0;}
.pdcbox { float:left; width:100%;}
.pdcbox .b_img{ width:650px; margin:0 auto;}
.pdcbox .b_img li{ position:relative; width:650px;}
.pdcbox .b_img li p{ display:inline-block; width:100%; font:normal 1.6em/2 microsoft yahei; color:#fff; text-align:center; background:url(images/tras_bg50.png) repeat; position:absolute; left:0; bottom:0;}
.pdcbox .b_img img{ vertical-align:top;}

.pdcbox .s_img{ width:100%; position:relative; margin-top:20px;}
.pdcbox .s_img a.prev,.pdcbox .s_img a.next{ display:inline-block; position: absolute; top:-330px; width: 53px; height: 149px; z-index:100; cursor: pointer;}
.pdcbox .s_img a.prev{ background: url(images/btn_l.gif) no-repeat; left:40px;}
.pdcbox .s_img a.next{ background: url(images/btn_r.gif) no-repeat; right:40px;}
.pdcbox .s_img li{ float:left; width:152px; height:108px; margin-left:10px; border:1px solid #e1e1e1;}
.pdcbox .s_img li img{display:inline-block; margin:2px 0 0 2px; }
.pdcbox .s_img li.on{ border:1px solid #feb252;}



.about h2{right:0;}
.about { background:url(images/aboutbg.jpg) repeat; padding-bottom:40px;}
.about_r{ float:right; margin:40px 40px 0 0; padding:12px 0; width:318px; background:url(images/about_imgbg.png) no-repeat top center;}
.about_l{ width:536px; padding:0 0 0 36px; float:left;margin-top: -55px}
.about_l h3{font-family:Microsoft Yahei; font-size:3em; font-weight:700; padding-bottom:20px;}
.about_l b{ display:inline-block; padding:0 24px; margin:18px 0 5px; background:#000; color:#fff; font:1.4em/2.2 microsoft yahei;}
.about_l span{ display:block;font:1.4em/2 microsoft yahei;}
.about_l p{ font:1.4em/2 microsoft yahei;text-indent:2em}
.about_l p a{ color:#feb252; }

.wqhs{ float:left; padding:0px 20px 25px; width:960px;margin:25px 0 0;}
.wqhs_l{ width:709px; float:left; overflow:hidden}
.wqhs_l_t{height:51px; line-height:51px; background:#000; color:#fff;font-family:Microsoft Yahei; margin-bottom:20px;}
.wqhs_l_t h3{ font-weight:700; padding-left:11px; float:left;  font-size:2.4em;}
.wqhs_l_t a{ float:right; color:#fff; font-size:14px; padding-right:25px; cursor:pointer;}

.wqhs_l ul{ overflow:hidden; width:105%}
.wqhs_l li{ overflow:hidden;background:#f5f5f5;  width:167px; float:left; text-align:center; margin-right:11px; display:inline-block; color:#333333;border:1px solid #cccccc;}
.wqhs_l li img{padding:1px;border-bottom:1px solid #cccccc;width:165px;display: block;}
.wqhs_l li p{font:1.2em/1.5 microsoft yahei;display: -webkit-box;overflow:  hidden;text-overflow:  ellipsis;-webkit-line-clamp: 2;text-align: left;-webkit-box-orient: vertical;padding: 2px;}

.wqhs_r{width:216px;height: 210px;float:right;padding:0 12px;background:#000;color:#fff;text-align:center;}
.wqhs_r h3{ border-bottom:1px solid #fff; font-weight:700;text-align:center; font-family:Microsoft Yahei; font-size:2.8em;  padding:5px 0 ; }
.wqhs_r p{ padding:12px 0 0 0px; font:1.4em/2 microsoft yahei; color:#fff;}
.wqhs_r p span{ font:1.2em/2 microsoft yahei; font-weight:bold; }
.wqhs_r b{ color:#ffdf5d; font:bold 1.7em/1.5 microsoft yahei;}
.wqhs_r p img{ margin-right:5px; width:auto;vertical-align:text-bottom;}
.wqhs_r a{  text-align:center; cursor:pointer; margin-top:10px; display:inline-block;}
.wqhs_r a img{ vertical-align:top;}

.fix_float{position: absolute; left:50%; margin-left:590px;top: 0; width:153px; height:356px;}
.fix_nav{width:153px; height:356px; padding-top:73px; background:url(images/img_mrt_19.png) no-repeat;position:fixed;_position:absolute; bottom:212px;_right:-126px; _bottom:"auto"; cursor:pointer;}
.fix_nav a{ display:block; height:29px; line-height:29px; margin-bottom:27px; color:#fff; text-align:center; font-size:20px; font-family:Microsoft Yahei;}
.pdc,.about{ padding-top:100px;}

/*---------------------------------------------------------------------------------------*/

@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%;font-size:48px;}
	.mrt_img{ display:none;}
	.mrt_ps_info { width:70%;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{ padding-top:100px;}
	.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){
	.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;}
	.wqhs,#pc-fixnav{ display:none !important;}
}

@media screen and (max-width:414px){	
	.topbox{height:230px;}
	.topbox2 { height:230px;}
	.mrt_logo{ top:0.5em;}
	.mrt_pic {top:3em;}
	.mrt_name { top:1em;}
	.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.2em/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: 0;}
	.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: 30px; font-size:40px;}
	.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%;}*/
}

#shareBox i{font-style: normal;}