/*
*作用：设计圈PC站关于我们样式
*时间：2015-08-05
*作者：陈维烜
*/
.about-banner{min-width:1190px;background: url("../images/about_banner.jpg") no-repeat center center;width:100%;height: 548px;}
.about-about-bg{width:100%;padding: 55px 0 80px;}
.about-about-bg img{margin-bottom: 30px;}
.about-about-bg p{color: #333;margin: 10px;font-size: 14px;}
.about-about-bg .about-about-title{margin:10px;border-radius:4px;width:80px;text-align:center;height:26px;line-height:26px;font-size: 14px;color: #fff;background: #fa9660;}

.about-mien-bg{padding:50px 0;background: #f2f2f2;}
.about-mien-bg .mien-img-list{width:1146px;margin: 50px auto 0;}
.about-mien-bg .mien-img-row{margin-bottom: 24px;}
.about-mien-bg .mien-img-row img{margin-left: 10px;}

.about-active-bg{background:url("../images/my_action_bg.png") no-repeat bottom center;width: 100%;height: 1050px;padding-top: 60px;}
.about-active-bg table{color:#333;font-size:18px;width: 1040px;height: 830px;margin: 76px auto 0;}
.about-active-bg tr{height: 70px;}
.about-active-bg tr:nth-child(2n) td:first-child{text-align: right;}
.about-active-bg td:first-child{padding-left:20px;padding-right: 40px;}
.about-active-bg td:last-child{padding-left:50px;padding-right: 10px;}

.about-jobs-bg{width:100%;height: 170px;padding: 50px 0 40px;}
.about-jobs-content{background: #fafafa;padding-top: 40px;}
.jobs-content-container .active{display: block;}
.jobs-content-wrap{display: none;}
.about-jobs-summary{margin: 30px auto;}
.about-jobs-summary p{margin:10px 0;color: #666;font-size: 16px;text-align: center;}
.jobs-section-wrap{width: 1050px;margin: 0 auto;overflow: hidden;}
.jobs-title-wrap{margin-bottom:30px;padding-left:100px;height: 140px;background: url("../images/job_title1_pic.png") no-repeat 0 20px;}
.jobs-title02{background: url("../images/job_title2_pic.png") no-repeat 0 20px;}
.jobs-title03{background: url("../images/job_title3_pic.png") no-repeat 0 20px;}
.jobs-title-wrap div{font-size: 22px;color: #666;margin-bottom: 20px;}
.jobs-title-wrap li{cursor:pointer;font-size:15px;color:#fff;margin-bottom:10px;margin-right:10px;background: #676767;line-height:38px;float: left;width: 150px;height: 38px;text-align: center;border-radius: 4px;}
.jobs-title-wrap li.active{background:#fa9660;}
.jobs-content-wrap .jobs-title{font-size: 16px;color: #000;}
.jobs-content-wrap .active{display: block;}
.jobs-content-wrap ul{padding-left: 15px;}
.jobs-content-wrap li{list-style: disc;color: #686868;font-size: 14px;margin: 6px 0;}
.jobs-content-wrap p{color: #444;font-size: 14px;margin: 10px 0;}
.contact-method{background:#e0e0e0;color:#686868;font-size:14px;border-radius:4px;margin:40px auto;text-align: center;height: 48px;line-height: 48px;}

.about-call-bg{background: #f2f2f2;}
.about-call-wrap{height: 430px;padding: 60px 0;}
.about-call-content{margin-top: 60px;overflow: hidden;}
.about-call-content .about-call-left{float: left;padding-left: 40px;}
.about-call-content .about-call-left div{padding-left:40px;margin:15px 0;color: #000;font-size: 20px;font-weight: bold;}
.about-call-content .about-call-left p{padding-left:40px;font-size: 14px;color: #666;margin: 10px 0;}
.about-call-content .about-call-right{float: right;}
.about-call-content .map-content{margin-right: 130px;}
.about-call-content .map-content{border:3px solid #fff;width: 460px;height: 290px;}

.about-pay-bg{width:100%;padding: 60px 0;}
.about-pay-bg .pay-content-wrap{overflow: hidden;width: 1110px;margin: 50px auto 0;}
.about-pay-bg .pay-content{float: left;}
.about-pay-bg .pay-content img{float: left;}
.about-pay-bg .pay-content p{padding-left: 250px;margin-bottom: 5px;}
.about-pay-bg .pay-content{width: 550px;color: #444;font-size: 14px;}

.friendly-link-wrap{width: 100%;background: #f5f5f5;padding: 50px 0 0;}
.friendly-img-wrap{margin: 30px auto;overflow: hidden;}
.friendly-img-wrap img{width: 182px;height: 80px;border:1px solid #eee;padding: 10px;margin-left: 26px;margin-bottom:20px; }
.friendly-text-wrap{margin: 30px auto;overflow: hidden;}
.friendly-text-wrap li{float: left;width: 200px;text-align:center;margin-left: 26px;margin-bottom:20px;}
.friendly-text-wrap li a:hover{text-decoration: underline;color: #F35828;}

/*边侧栏*/
/*图标*/
.mien-hover{background:url("../images/about_bar.png") no-repeat 0px 0px;height:19px;padding-left:25px;}
.mien-link{background:url("../images/about_bar.png") no-repeat 0px -19px;height:19px;padding-left:25px;}
.phone-link{background:url("../images/about_bar.png") no-repeat 0px -38px;height:23px;padding-left:25px;}
.phone-hover{background:url("../images/about_bar.png") no-repeat 0px -61px;height:23px;padding-left:25px;}
.about-hover{background:url("../images/about_bar.png") no-repeat 0px -84px;height:23px;padding-left:25px;}
.about-link{background:url("../images/about_bar.png") no-repeat 0px -107px;height:23px;padding-left:25px;}
.pay-link{background:url("../images/about_bar.png") no-repeat 0px -130px;height:24px;padding-left:27px;}
.trends-hover{background:url("../images/about_bar.png") no-repeat 0px -154px;height:25px;padding-left:25px;}
.trends-link{background:url("../images/about_bar.png") no-repeat 0px -179px;height:25px;padding-left:25px;}
.jobs-hover{background:url("../images/about_bar.png") no-repeat 0px -204px;height:25px;padding-left:23px;}
.jobs-link{background:url("../images/about_bar.png") no-repeat 0px -229px;height:25px;padding-left:23px;}
.pay-hover{background:url("../images/about_bar.png") no-repeat 0px -254px;height:25px;padding-left:27px;}
.about-bar-wrap{position: fixed;left: 20px;top:35%;z-index: 10;}
.about-bar-link{width: 24px;height: 22px;margin-bottom: 2px;background: #d3d3d3;padding: 10px;cursor: pointer;position: relative;}
.about-bar-link>span:first-child{display: block;width: 25px;}
.about-bar-link>div:last-child{height: 44px;position: absolute;top: 0;left: 0;background: #f35828;width: 0;overflow: hidden;}
.about-bar-link>div:last-child a{color: #fff;display: inline-block;padding-left: 30px;margin: 12px;width: 100px;}