@charset "utf-8";
/*banner*/
body{ background: url(../images/base/bg_about.png) repeat; }
.about_banner{ width:100%; height: 510px; background: url(../images/about/about_banner.png) no-repeat center top;}
.about_white{ width:100%; padding: 60px 0; background: #fff; overflow: hidden;}
.about_white .title{ width:270px; float: left;}
.about_white .title .cn{line-height: 50px; font-size: 36px; color:#87231d;}
.about_white .title .en{line-height: 30px; font-size: 20px; color:#666;}
.about_span{ width:920px; height: 60px; margin: 20px auto;}
.about_span span{float: left; display: block; box-sizing: border-box; position: relative;}
.about_span span i{ width:42px; height: 42px; position: absolute; top:7px; left:0;}
.about_span span h3{ font-size: 20px; color:#333; line-height: 30px;}
.about_span span p{ font-size: 16px; color:#666; line-height: 25px;}
.about_span span.phone{ padding: 0 80px 0 50px;}
.about_span span.phone i{ background: url(../images/about/about_phone.png) no-repeat;}
.about_span span.adress{ padding: 0 36px 0 50px;}
.about_span span.adress i{ background: url(../images/about/about_adress.png) no-repeat;}
.about_span span.email{ padding: 0 0 0 50px;}
.about_span span.email i{ background: url(../images/about/about_email.png) no-repeat; top:7px}
.public_con{ padding: 50px 0;}
.about_tab{ width:860px; height: 80px; background: #fff; border-radius:40px; box-shadow: 0 0 5px rgba(0,0,0,.2); text-align: center; margin:-150px auto 40px; position: relative; z-index: 10;}
.about_tab span{ display: inline-block; margin: 0 40px; padding-left: 25px; position: relative; cursor: pointer; height: 80px; line-height: 80px; font-size: 24px; color:#666;}
.about_tab span i{ display: inline-block; width:10px; height: 10px; border-radius:5px; background: #fff; position: absolute; top:35px; left:0;}
.about_tab span.cur i{ background: #87231d;}
.about_tab span.cur{ color:#333;}
.about_show{ margin-top: 20px;}
.about_show .item{ display: none;}
.about_info{ width:1200px; margin: 0 auto;}
.about_info h3{ font-size: 36px; line-height: 50px; color:#333; text-align: center; padding-bottom: 20px;}
.about_info p{ line-height: 40px; text-indent:2em; font-size: 24px; color:#666;}
.about_list{ width:1200px; overflow: hidden; margin: 0 auto;}
.about_list ul{ width:1300px; margin-top: -40px;}
.about_list ul li{ float: left; width:388px; height: 380px; margin: 40px 20px 0 0; display: inline;}
.about_list ul li .img_box{ width:100%; height: 254px;}
.about_list ul li .img_box img{ width:100%; height: 254px;}
.about_list ul li p{ font-size: 16px; color:#666; line-height: 30px; padding:10px 20px 0; height: 100px; overflow: hidden; text-align: center;}
.map_box{ width:100%; height: 590px; background: #fff; position: relative; z-index: 1; }
.map_con{ width:100%; padding:50px 0; background: url(../images/about/about_fot.png) no-repeat center bottom #faf7f2; overflow: hidden;}
.map_left{ float: left; width:600px;}
.map_left ul li{ margin-bottom: 50px;}
.map_left ul li h3{ font-size: 24px; color:#333; line-height: 40px;}
.map_left ul li p{ font-size: 18px; color:#666; line-height: 30px;}
.map_right{ float: right; width:420px;}
.map_right .input_bg{ width:100%; height: 40px; box-sizing: border-box; border: 1px solid #f5f5f5; background: #fff; padding: 9px 10px; line-height: 20px; font-size: 16px; color:#666; margin-bottom: 10px; outline: none;}
.map_right .textarea_bg{ width:100%; height: 190px; box-sizing: border-box; border: 1px solid #f5f5f5; background: #fff; padding: 9px 10px; line-height: 20px; font-size: 16px; color:#666; margin-bottom: 10px; outline: none;}
.submit{ width:137px; height: 43px;}
.submit a{ display: inline-block; width:137px; height: 43px; text-align: center; line-height: 43px; font-size: 16px; color:#fff; background: url(../images/recruit/r_btn_pre.png) no-repeat;}
.submit a:hover{ background: url(../images/recruit/r_btn_nor.png) no-repeat; color:#87231d;}