@charset "utf-8";

.freeCoding{line-height:18px}
.freeCoding strong{font-weight:normal;font-family:'kiab'}
.freeCoding .coreValues{position:relative;margin:auto;min-height:500px}
.freeCoding .coreValues .valueCon{position:relative;width:940px;margin:auto;padding-top:45px}
.freeCoding .coreValues .valueCon>div{position:absolute;padding:80px 25px 0;background-repeat:no-repeat;background-position:left top}
.freeCoding .coreValues .valueCon .valueList01{top:59px;left:0;width:178px;background-image:url('../img/bg_value01.png')}
.freeCoding .coreValues .valueCon .valueList02{top:150px;left:228px;width:170px;background-image:url('../img/bg_value02.png')}
.freeCoding .coreValues .valueCon .valueList03{top:40px;left:444px;width:178px;padding:0 25px 80px;background-image:url('../img/bg_value03.png');background-position:left bottom}
.freeCoding .coreValues .valueCon .valueList04{top:86px;left:672px;width:170px;background-image:url('../img/bg_value04.png')}
.freeCoding .coreValues .valueCon .valueList05{top:1px;left:892px;width:178px;background-image:url('../img/bg_value05.png')}
.freeCoding .coreValues .valueCon strong{font-size:18px;color:#000}
.freeCoding .coreValues .valueCon p{font-size:13px;color:#666}

.freeCoding .vehicleView{padding-bottom:70px;width:100%;max-width:940px;margin:auto;}
.freeCoding .vehicleView .carMove{overflow:hidden;position:relative;max-width:940px;height:100%;margin:0 auto}
.freeCoding .vehicleView img{width:100%}
.freeCoding .vehicleView .car_back{overflow:hidden;position:absolute;top:0;right:0;width:100%;height:100%;background:url('../img/img_body_front.jpg') no-repeat 100% 0;background-size:cover}
.freeCoding .vehicleView .btn_handle{position:absolute;bottom:0;width:47px;height:100%;margin-right:-24px;background:url('../img/bg_line.gif') repeat-y 50% 0;z-index:2}
.freeCoding .vehicleView .btn_handle button{overflow:hidden;display:block;text-indent:-9999px;position:absolute;bottom:24px;left:0;width:47px;height:47px;background:url('../img/btn_handle.png') no-repeat}
.freeCoding .vehicleView .control_btn{overflow:hidden;position:relative;margin-top:25px;text-align:left}
.freeCoding .vehicleView .control_btn button{display:inline-block;color:#fff;font-family:'kiab';text-transform:uppercase;background-color:#7e8083}
.freeCoding .vehicleView .btnSmall{padding:0 12px;line-height:25px;font-size:12px;border-radius:13px;text-decoration:none}
.freeCoding .vehicleView .control_btn .btnBack{float:right}
.freeCoding .vehicleView .btnIcon:before,
.freeCoding .vehicleView .btnIcon:after{content:'';display:inline-block;background-image:url('../img/spr_button.png')!important;background-repeat:no-repeat;vertical-align:top}
.freeCoding .vehicleView .arrow_l:before{width:6px;height:9px;margin:8px 8px 0 0;background-position:0 -69px}
.freeCoding .vehicleView .arrow_r:after{width:6px;height:9px;margin:8px 0 0 8px;background-position:0 -57px}

@media(min-width:1121px){
	.freeCoding .coreValues .valueCon .valueList01{width:140px;background-image:url('../img/bg_value01.png')}
	.freeCoding .coreValues .valueCon .valueList02{left:188px;width:140px}
	.freeCoding .coreValues .valueCon .valueList03{top:7px;left:374px;width:140px}
	.freeCoding .coreValues .valueCon .valueList04{left:562px;width:140px}
	.freeCoding .coreValues .valueCon .valueList05{left:750px;width:140px;background-image:url('../img/bg_value05.png')}
}
@media(max-width:1120px){
	.freeCoding .coreValues .valueCon{margin:auto}
	.freeCoding .coreValues .valueCon>div{position:static;/*margin-bottom:30px;*/padding:0 0 30px 200px;min-height:100px;box-sizing:border-box;background-repeat:no-repeat;background-position:left top}
	.freeCoding .coreValues .valueCon .valueList01{width:100%;background-image:url('../img/bg_value01_t.png')}
	.freeCoding .coreValues .valueCon .valueList02{width:100%;background-image:url('../img/bg_value02_t.png')}
	.freeCoding .coreValues .valueCon .valueList03{width:100%;padding:0 0 0 200px;background-image:url('../img/bg_value03_t.png');background-position:left top}
	.freeCoding .coreValues .valueCon .valueList04{width:100%;background-image:url('../img/bg_value04_t.png')}
	.freeCoding .coreValues .valueCon .valueList05{width:100%;background-image:url('../img/bg_value05_t.png')}
	.freeCoding .vehicleView .control_btn{padding:0 15px}
}
@media all and (max-width:1024px){
	.freeCoding .coreValues{position:relative;margin:auto;min-height:580px;max-width:960px}
	.freeCoding .coreValues .valueCon{width:auto;margin:0 14px 0;padding-top:22px}
}
@media all and (max-width:767px){
	.freeCoding .coreValues .valueCon{padding-top:32px}
	.freeCoding .coreValues .valueCon>div{margin-bottom:15px;padding:0 0 0 100px}
	.freeCoding .coreValues .valueCon .valueList01{background-size:88px 28px}
	.freeCoding .coreValues .valueCon .valueList02{background-size:88px 28px}
	.freeCoding .coreValues .valueCon .valueList03{padding:0 0 0 100px;background-size:88px 28px}
	.freeCoding .coreValues .valueCon .valueList04{background-size:88px 28px}
	.freeCoding .coreValues .valueCon .valueList05{background-size:88px 28px}
	.freeCoding .coreValues .valueCon strong{font-size:14px;color:#000}
	.freeCoding .coreValues .valueCon p{font-size:12px;color:#666}
	.freeCoding .vehicleView{padding-bottom:40px}
	.freeCoding .vehicleView .btn_handle{width:30px;margin-right:-15px}
	.freeCoding .vehicleView .btn_handle button{width:30px;height:30px;background:url('../img/btn_handle_m.png') no-repeat;background-size:30px auto}
}