/* pc */

/* pc_banner */
.pc_banner_about {
    position: relative;
    height: 450px;
    background: url(../banner/banner_about.jpg) no-repeat center;
    background-size: cover;
}

.banner_inner {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.banner_inner>p {
    font-family: "SourceHanSerifCN-Heavy", Arial;
    font-size: 30px;
    font-weight: 800;
    color: #343434;
    line-height: 1.5em;
}

.banner_inner>p>span {
    color: #2364B5;
}

/* pc_banner结束 */
.wwa{
  float:left;
  width:100%;
  min-height: 120px;
  background: linear-gradient(to right,#212121 12px,#726E6E 585px);
  text-align:center;
  color:#fff;
  font-size:14px;
  padding:0 50px 30px 50px;
}
.wwa .title{
font-size: 20px;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-weight:blod;
height:45px;
line-height:45px;
}


.about_redcatt{ 
  background: -webkit-gradient(linear, left center, right center, from(#d6d6d6),color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left,#d6d6d6 ,#ffffff 1262px);
  background: linear-gradient(to right,#d6d6d6 ,#ffffff 1262px);
  font-size:14px;
}
.about_redcatt .title{
font-size: 22px;
line-height: 66px;
height:66px;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-weight:500;
text-align:center;

}

.about_redcatt .about_l{float:left;width:45%;}
.about_redcatt .about_r{float:right;width:45%;}
.about_redcatt2{
  margin-top:10px;
  background: -webkit-gradient(linear, left center, right center, from(#d6d6d6),color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left,#d6d6d6 ,#ffffff 1170px);
  background: linear-gradient(to right,#d6d6d6 ,#ffffff 1170px);
  padding:10px 50px 0 50px;
  font-size:14px;
  margin-bottom:20px;
}
.about_redcatt2 .title{
font-size: 22px;
line-height: 66px;
height:66px;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-weight:500;
text-align:center;

}
.about_redcatt2 .about_c{width:100%;}

.about_list{float:left;width:100%;}
.about_list li{float:left;padding-left:15px;height:30px;line-height:30px;width:100%;}
/* pc_nav */
.nav2{width:100%;-moz-border-radius:12px;-khtml-border-radius: 12px;-webkit-border-radius:12px;border-radius:12px;}
/* nav */
.nav_about{margin:0 auto;width:630px;height:36px;background:#f0f0f0;border: 1px solid #ccc;	
	-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}
*html .nav_about{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.nav_about li{float:left;height:36px; line-height:36px; width:156px; padding:0 8px; border-right:1px solid #d3d3d3; text-align:center; cursor:pointer}
.nav_about li a{display:block; height:34px;font-size:14px;color:#333;}
.nav_about li a:hover{background:#f9f9f9; text-decoration:none}
.nav_about li:last-child{border-right:none}
.nav_about li a.cur{color:#f60;background:#fff; }
/* box */
.box{height:1200px; margin: 0 10px}
.box h3{height:32px; line-height:32px; padding-left:20px; font-size:14px}
.box p{line-height:30px; margin:20px; text-align:center; font-size:28px}
.box p span{margin:10px}
#weare,#wedo,#facility{padding-top:130px; margin-top:-130px;}
#qua{padding-top:90px; margin-top:-90px;}

/* pc结束 */

/* m */
.mnav2{width:100%;-moz-border-radius:12px;-khtml-border-radius: 12px;-webkit-border-radius:12px;border-radius:12px;}
/* nav */
.mnav_about{margin:0 auto;width:100%;height:36px;background:#f0f0f0;border: 1px solid #ccc;	
	-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}
*html .mnav_about{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.mnav_about li{float:left;height:36px; line-height:36px; width:24.5%; padding:0 8px; border-right:1px solid #d3d3d3; text-align:center; cursor:pointer}
.mnav_about li a{display:block; height:34px;font-size:14px;color:#333;}
.mnav_about li a:hover{background:#f9f9f9; text-decoration:none}
.mnav_about li:last-child{border-right:none}
.mnav_about li a.cur{color:#f60;background:#fff; }
/* m_banner */
.m_banner_box {
    position: relative;
    overflow: hidden;
}

.m_banner {
    display: block;
    width: 100%;
    height: auto;
}
.m_banner img{
    width: 100%;
}

.m_banner_inner {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}

.m_banner_inner>p {
    font-size: 36px;
    font-weight: bold;
    color: #343434;
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .m_banner_inner>p {
        font-size: 20px;
    }
}

/* m_banner结束 */

/* m_breadcrumb */
.m_breadcrumb {
    padding-left: 8px;
    height: 38px;
    font-size: 12px;
    color: #999;
    line-height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.m_breadcrumb>a {
    color: #999;
}*/

.m_breadcrumb>span {
    color: #333;
}

/* m_breadcrumb结束 */

.m_nav2{width:100%;-moz-border-radius:12px;-khtml-border-radius: 12px;-webkit-border-radius:12px;border-radius:12px; position: fixed;
    z-index: 100;top:55px;}
/* nav */
.m_nav_about{margin:0 auto;width:100%;height:36px;background:#f0f0f0;border-bottom: 1px solid #ccc;	
	-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
}
*html .m_nav_about{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.m_nav_about li{float:left;height:36px; line-height:36px; width:25%; padding:0 8px; border-right:1px solid #d3d3d3; text-align:center; cursor:pointer}
.m_nav_about li a{display:block; height:34px;font-size:12px;color:#333;}
.m_nav_about li a:hover{background:#f9f9f9; text-decoration:none}
.m_nav_about li:last-child{border-right:none}
.m_nav_about li a.cur{color:#f60;background:#fff; }


.m_about_redcatt{ 
  background: -webkit-gradient(linear, left center, right center, from(#d6d6d6),color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left,#d6d6d6 ,#ffffff 100%);
  background: linear-gradient(to right,#d6d6d6 ,#ffffff 100%);
  font-size:14px;
}
.m_about_redcatt .title{
float:left;
width:100%;
font-size: 22px;
line-height: 66px;
height:66px;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-weight:500;
text-align:center;

}
.m_about_redcatt .about{margin:15px auto 0;width:96%;padding:0 0 15px 0;}


.m_about_list{float:left;width:100%;}
.m_about_list li{float:left;padding-left:15px;height:30px;line-height:30px;width:100%;}

#m_weare,#m_wedo,#m_facility,#m_qua{padding-top:90px; margin-top:-90px;}

/* m结束 */