@charset "UTF-8";
/*颜色*/
/*字体*/
/*主内容区域宽度*/
body { background-color: #f9f9f9; }

body .bread-nav { width: 1200px; margin: 0 auto; height: 56px; line-height: 56px; font-size: 12px; color: #999; }

body .about { width: 1200px; margin: 0 auto; margin-bottom: 85px; }

body .about .about-left { width: 193px; background-color: #fff; padding-left: 40px; box-sizing: border-box; padding-bottom: 70px; }

body .about .about-left .about-left-title { color: #474747; font-size: 16px; line-height: 22px; margin-top: 30px; margin-bottom: 27px; }

body .about .about-left ul li { font-size: 14px; line-height: 20px; margin-bottom: 17px; }

body .about .about-left ul li a { color: #898989; }

body .about .about-left ul .active a { color: #FF9852; }

body .about .about-view { width: 997px; }

body .about .about-view img { width: 997px; height: 153px; }

body .about .about-view .details { width: 997px; background: #fff; margin-top: 16px; padding-top: 35px; padding-left: 64px; box-sizing: border-box; padding-right: 64px; padding-bottom: 157px; }

body .about .about-view .details h4 { color: #A4A4A4; font-size: 26px; border-bottom: 1px solid #E7E7E7; padding-bottom: 15px; line-height: 37px; }

body .about .about-view .details ul li { width: 870px; height: 137px; border: 1px solid #EDEDED; margin-top: 30px; }

body .about .about-view .details ul li .left { float: left; position: relative; }

body .about .about-view .details ul li .left img { width: 267px; height: 137px; }

body .about .about-view .details ul li .left p { position: absolute; top: 43px; left: 55px; width: 158px; height: 52px; background: rgba(71, 79, 104, 0.8); font-size: 16px; color: #fff; text-align: center; line-height: 52px; }

body .about .about-view .details ul li .right { float: left; width: 600px; padding-left: 32px; padding-top: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 26px; }

body .about .about-view .details ul li .right p { font-size: 14px; color: #474747; line-height: 23px; }