@charset "UTF-8";

/*产品介绍*/
#product .banner{background: url(../images/product_banner.png) no-repeat center;}
#product .column{padding: 40px 0;}
#product .column-list{}
#product .column-list .column-list-item{float: left;border-radius: 4px;overflow: hidden;transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;}
#product .column-list .column-list-item:hover{box-shadow: 0 0 20px 0px rgba(0,0,0,.12);}
#product .column-list .column-list-item-head{height: 140px;background: #eee;padding-top: 20px;}
#product .column-list .column-list-item-head .icon{width: 84px;height: 84px;margin: 0px auto 16px;background-image: url(../images/product_icon.png);background-repeat:  no-repeat;}
#product .column-list .column-list-item-head .title{color: #fff;text-align: center;font-size: 18px;}
#product .column-list .column-list-item-foot{border: 1px solid #ccc;border-top: none;height: 219px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
#product .column-list .column-list-item-foot .text{color: #666;line-height: 28px;font-size: 16px;height: 120px;padding: 20px 10px 10px;}
#product .column-list .column-list-item-foot .btn{display: block;text-align: center;width: 120px;height: 40px;color: #fff;background: #eee;margin: 0 auto;line-height: 40px;font-size: 18px;border-radius: 2px;}
#product .column-list .column-list-item-foot .btn:hover{opacity: .9;}

#product .column-list-3{padding: 30px 15px;}
#product .column-list-3 .column-list-item{width: 314px;margin-right: 88px;}
#product .column-list-3 .column-list-item:last-child{margin-right: 0px;}
#product .column-list-4{padding: 20px 5px;}
#product .column-list-4 .column-list-item{width: 265px;margin: 0 10px;}

#product .gk-column .column-list-item-head,#product .gk-column .column-list-item-foot .btn{background: #0a6cef;}
#product .ms-column .column-list-item-head,#product .ms-column .column-list-item-foot .btn{background: #f67200;}
#product .gn-column .column-list-item-head,#product .gn-column .column-list-item-foot .btn{background: #fd6059;}
#product .ms-column{background: #f4f4f4;}

#product .ys-column{margin-bottom: 20px;}
#product .ys-column .column-list-item{border: 1px solid #e5e5e5;width: 278px;height: 308px;margin: 10px 10px 10px 0;}
#product .ys-column .column-list-item:last-child{margin-right: 0px;}
#product .ys-column .column-list-item .icon{width: 80px;height: 80px;margin: 34px auto 26px;background-image: url(../images/product_icon.png);background-repeat:  no-repeat;}
#product .ys-column .column-list-item .title{color: #5d6168;font-size: 18px;text-align: center;}
#product .ys-column .column-list-item .text{color: #666;line-height: 24px;padding: 20px;}

#product .bg-p_05 {background-position: -2096px -20px;}
#product .bg-p_07 {background-position: -1476px -20px;}
#product .bg-p_09 {background-position: -2220px -20px;}
#product .bg-p_11 {background-position: -2344px -20px;}
#product .bg-p_18 {background-position: -2468px -20px;}
#product .bg-p_21 {background-position: -2592px -20px;}
#product .bg-p_24 {background-position: -2716px -20px;}
#product .bg-p_30 {background-position: -2840px -20px;}
#product .bg-p_32 {background-position: -980px -20px;}
#product .bg-p_34 {background-position: -1104px -20px;}
#product .bg-p_39 {background-position: -1228px -20px;}
#product .bg-p_41 {background-position: -1352px -20px;}
#product .bg-p_43 {background-position: -2964px -20px;}
#product .bg-p_45 {background-position: -1600px -20px;}
#product .bg-p_47 {background-position: -1724px -20px;}
#product .bg-p_49 {background-position: -1848px -20px;}
#product .bg-p_51 {background-position: -1972px -20px;}
#product .bg-p_61 {background-position: -140px -20px;}
#product .bg-p_63 {background-position: -260px -20px;}
#product .bg-p_66 {background-position: -380px -20px;}
#product .bg-p_68 {background-position: -500px -20px;}
#product .bg-p_74 {background-position: -620px -20px;}
#product .bg-p_76 {background-position: -740px -20px;}
#product .bg-p_78 {background-position: -860px -20px;}
#product .bg-p_79 {background-position: -20px -20px;}

/*企业简介*/
#profile .banner{background: url(../images/diy_page_banner.png) no-repeat center;}
#profile .column{padding: 40px 0;}

#profile .profile-column-head{text-align: center;margin-bottom: 30px;}
#profile .profile-column-head .title{font-weight: 800;font-size: 46px;color: #f3590d;line-height: 68px;}
#profile .profile-column-head .text{color: #666;font-size: 16px;line-height: 30px;}

#profile .profile-text p{color: #666;font-size: 16px;line-height: 35px;margin-bottom: 30px;text-indent: 2em;}

#profile .profile-team{font-size: 0;}
#profile .profile-team img{width: 270px;height: 300px;margin-right: 23px;}
#profile .profile-team img:last-child{margin-right: 0;}

#profile .profile-ys{}
#profile .profile-ys li{width: 275px;height: 400px;float: left;position: relative;margin-right: 16px;background-image: url(../images/profile_icon.png);background-repeat: no-repeat;}
#profile .profile-ys li:last-child{margin-right: 0;}
#profile .profile-ys li .box{position: absolute;bottom: 0;left:0;text-align: center;height: 134px;padding-top: 26px;background: rgba(0,0,0,.6);}
#profile .profile-ys li .title{font-weight: 800;font-size: 22px;color: #fff;margin-bottom: 16px;line-height: 32px;}
#profile .profile-ys li .text{color: #fff;line-height: 26px;padding: 0 10px;}

#profile .bg-j_15 {background-position: -0 -0;}
#profile .bg-j_17 {background-position: -275px -0;}
#profile .bg-j_21 {background-position: -550px -0;}
#profile .bg-j_19 {background-position: -825px -0;}

#profile .sm-column{background: #f1f1f4;margin: 40px 0;}
#profile .sm-column .profile-column-head{margin: 0;}
#profile .sm-column .text{font-size: 36px;line-height: 60px;}

#profile .lc{margin: 30px 0;}
#profile .lc .lc-item{position: relative;padding: 16px 36px 36px;border-left: 1px solid #e6eaed;margin-left: 300px;}
#profile .lc .lc-item .text{color: #666;line-height: 28px;margin-bottom: 36px;}

#profile .lc .lc-item .time{position: absolute;left: -300px;width: 300px;height: 20px;top: 20px;}
#profile .lc .lc-item .time:after{display: block;content:'';position: absolute;border-radius: 50%;border:1px solid #c7cfda;background: #fff;width: 10px;height: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;right: -5px;top: 5px;}
#profile .lc .lc-item .time .box{font-size: 14px;color: #fff;display: block;position: absolute;background: #e96a04;right: 40px;top: 0px;width: 70px;height: 20px;text-align: center;line-height: 20px;border-bottom-left-radius: 10px;border-top-left-radius: 10px;}
#profile .lc .lc-item .time .box:after{content: '';width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #e96a04;border-bottom: 10px solid transparent;position: absolute;right: -10px;}

#profile .lc .lc-item:nth-child(odd) .time .box{background: #e96a04;}
#profile .lc .lc-item:nth-child(odd) .time .box:after{border-left: 10px solid #e96a04;}
#profile .lc .lc-item:nth-child(even) .time .box{background: #55acef;}
#profile .lc .lc-item:nth-child(even) .time .box:after{border-left: 10px solid #55acef;}

/*企业文化*/
#culture.main{background: #f1f1f5;}
#culture .banner{background: url(../images/diy_page_banner.png) no-repeat center;}
#culture .column{padding: 40px 0;}
#culture .column-list{padding: 30px 0;}
#culture .column-list .column-list-item{border: 1px solid #e3e2e5;background: #fff;padding: 10px;float: left;box-sizing: border-box;-webkit-box-sizing:border-box;transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;}
#culture .column-list .column-list-item:hover{box-shadow: 0 0 20px 0px rgba(0,0,0,.12);}
#culture .column-list .column-list-item:last-child{margin-right: 0px;}
#culture .column-list .column-list-item .box{width: 100%;height: 94px;padding-top: 21px; background: #eee;}
#culture .column-list .column-list-item .icon{width: 130px;height: 94px;margin: 0 auto; background-image: url(../images/culture_icon.png);background-repeat: no-repeat;}
#culture .column-list .column-list-item .title{color: #333;font-size: 18px;text-align: center;line-height: 50px;margin-top: 10px;}
#culture .column-list .column-list-item .text{color: #666;line-height: 24px;text-align: center;}

#culture .column-list.bg-color-01 .box{background: #2489ff;}
#culture .column-list.bg-color-02 .box{background: #fd6059;}
#culture .column-list.bg-color-03 .box{background: #2a406e;}
#culture .column-list-3{padding: 30px 10px;}
#culture .column-list-3 .column-list-item{width: 280px;height: 320px;margin-right: 145px;}
#culture .column-list-4{padding: 30px 10px 50px;}
#culture .column-list-4 .column-list-item{width: 266px;height: 254px;margin-right: 22px;}

#culture .bg-01 {background-position: -20px -20px;}
#culture .bg-02 {background-position: -190px -20px;}
#culture .bg-03 {background-position: -360px -20px;}
#culture .bg-04 {background-position: -530px -20px;}
#culture .bg-05 {background-position: -700px -20px;}
#culture .bg-06 {background-position: -870px -20px;}
#culture .bg-07 {background-position: -1040px -20px;}
#culture .bg-08 {background-position: -1210px -20px;}
#culture .bg-09 {background-position: -1380px -20px;}
#culture .bg-10 {background-position: -1550px -20px;}

/*企业地址*/
#address .banner{background: url(../images/diy_page_banner.png) no-repeat center;}
#address .column{padding: 40px 0;}
#address .address-name{text-align: center;font-weight: 800;font-size: 38px;line-height: 80px;color: #333;margin: 30px 0 0px;}
#address .address-column-title{font-size: 32px;color: #333;border-bottom: 1px solid #ccc;height: 69px;margin-bottom: 20px;}
#address .address-column-title span{float: left;border-bottom: 3px solid #2572ff;line-height: 67px;}
#address .address-column-text{font-size: 22px;line-height: 46px;}
#address .address-column-text p{}
#address .address-column-map{width: 100%;height: 500px;}
#address #map-box .name{font-weight: 800;color: #f3590d;}

/*企业招聘*/
#recruit .banner{background: url(../images/diy_page_banner.png) no-repeat center;}
#recruit .recruit-column-title{color: #f3590d;font-size: 46px;text-align: center;line-height: 80px;margin: 50px 0 30px;}
#recruit .list{margin-right: -22px;padding-bottom: 50px;}
#recruit .list .item{width: 368px;height: 527px;border-radius: 4px;background: #f5f5f5;color: #666;float: left;margin-right: 22px;margin-bottom: 22px;}
#recruit .list .item .position{font-size: 18px;text-align: center;font-weight: 800;margin: 30px 0 20px;}
#recruit .list .item .box{margin-bottom: 20px;font-size: 12px;line-height: 22px;padding: 0 12px;}
#recruit .list .item .box h3{padding-left: 6px;}
#recruit .list .item .box ol{padding-left: 20px;}
#recruit .list .item .box ol li{list-style: decimal;}
#recruit .list .item .box p{color: #999;}
#recruit .list .item .box .mailto{color: #006ec3;font-size: 14px;}
#recruit .list .item .box .mailto:hover{text-decoration: underline;}
#recruit .list .item .duty{height: 132px;}
#recruit .list .item .demand{height: 220px;}
#recruit .list .item .contact{padding: 0 22px;}

/* 营销相关 */
#market .banner{height: 520px;background: url('../images/market-banner.png') no-repeat center center;}
#market .banner .inner{
    position: relative;
    height: 100%;
}
#market .banner .text{
    position: absolute;
    left: 0;
    top: 50%;
    color: #fff;
    height: 226px;
    margin-top: -113px;
}
#market .banner .text .h1{
    font-size: 76px;
}
#market .banner .text .p{
    font-size: 20px;
    margin: 20px 0 60px;
}
#market .banner .text .btn{
    display: block;
    width: 178px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
}

#market .col .title{
    padding: 10px 20px;
}
#market .col .title .h2{
    font-size: 28px;
    color: #333;
    line-height: 48px;
}
#market .col .title .p{
    font-size: 18px;
    color: #666;
    line-height: 36px;
}
#market .col-js{}
#market .col-js .list{
    padding: 0 20px;
}
#market .col-js .list .item{
    font-size: 16px;
    line-height: 36px;
}
#market .col-js .list .item span{}
#market .col-ts{
    background: #f5f5f5;
}
#market .col-ts .list{}
#market .col-ts .list .item{
    float: left;
    width: 25%;
}
#market .col-ts .list .item .box{
    text-align: center;
    padding: 20px;
}
#market .col-ts .list .item .box .icon{
    margin: 0 auto;
}
#market .col-ts .list .item .box .h3{
    color: #333;
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0 5px;
}
#market .col-ts .list .item .box .txt{
    color: #666;
    line-height: 20px;
}
#market .col-zs{}
#market .col-zs .list{
    padding: 20px 0;
}
#market .col-zs .list .item{
    float: left;
    width: 25%;
}
#market .col-zs .list .item .box{
    text-align: center;
}
#market .col-zs .list .item .box img{
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  cursor: pointer;
}
#market .col-zs .list .item .box img:hover{
  box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}

#market .bg-gg_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -10px -10px;
}
#market .bg-gg_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -150px -10px;
}
#market .bg-gg_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -290px -10px;
}
#market .bg-gg_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -430px -10px;
}
#market .bg-kj_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -570px -10px;
}
#market .bg-kj_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -710px -10px;
}
#market .bg-kj_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -850px -10px;
}
#market .bg-kj_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -990px -10px;
}
#market .bg-lp_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -1130px -10px;
}
#market .bg-lp_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -1270px -10px;
}
#market .bg-lp_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -1410px -10px;
}
#market .bg-lp_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -1550px -10px;
}
#market .bg-ms_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -1690px -10px;
}
#market .bg-ms_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -1830px -10px;
}
#market .bg-ms_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -1970px -10px;
}
#market .bg-ms_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -2110px -10px;
}
#market .bg-pt_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -2250px -10px;
}
#market .bg-pt_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -2390px -10px;
}
#market .bg-pt_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -2530px -10px;
}
#market .bg-pt_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -2670px -10px;
}
#market .bg-xf_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -2810px -10px;
}
#market .bg-xf_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -2950px -10px;
}
#market .bg-xf_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -3090px -10px;
}
#market .bg-xf_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -3230px -10px;
}
#market .bg-yhj_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -3370px -10px;
}
#market .bg-yhj_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -3510px -10px;
}
#market .bg-yhj_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -3650px -10px;
}
#market .bg-yhj_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -3790px -10px;
}
#market .bg-ys_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -3930px -10px;
}
#market .bg-ys_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -4070px -10px;
}
#market .bg-ys_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -4210px -10px;
}
#market .bg-ys_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -4350px -10px;
}
#market .bg-zjd_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -4490px -10px;
}
#market .bg-zjd_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -4630px -10px;
}
#market .bg-zjd_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -4770px -10px;
}
#market .bg-zjd_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -4910px -10px;
}
#market .bg-zp_01 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -5050px -10px;
}
#market .bg-zp_02 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -5190px -10px;
}
#market .bg-zp_03 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -5330px -10px;
}
#market .bg-zp_04 {
  width: 120px; height: 120px;
  background: url('../images/sprites-market.png') -5470px -10px;
}