@charset "utf-8";
/* CSS Document */
/* ============================
          	单页样式
   ============================*/

.danye_box{
       float: left;
       width: 100%;
       height: 128px;
}

.danye_zt{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.danye_zt .dy_logo{
    margin-top: 20px;
    width: 380px;
}
.danye_zt .dy_logo img{
    float: left;
    width: 100%;
}
.dy_nav{
    float: left;
}
.dy_nav a{
    font-size: 16px;
    color: #333;
    margin-left: 50px;
    line-height: 128px;
}
.dy_nav a:hover{
    color: #4487f3;
}

.danye_box1{
    float: left;
    width: 100%;
    height: 346px;
    overflow: hidden;
    background: url(../img/jpg28.jpg) top center no-repeat;

}
.danye_zt1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.danye_box1 .dy_zt1_img{
    width: 432px;
    height: 259px;
    margin-top: 88px;
    margin-right: 270px;
}
.danye_box1 .dy_zt1_zz{
    margin-top: 50px;
    margin-left: 170px;
    width: 510px;
}
.dy_zt1_zz h2{
    float: left;
    margin-top: 30px;
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}
.dy_zt1_zz p{
    float: left;
    margin-top: 10px;
    width: 100%;
    height: 26px;
}
.dy_zt1_zz p i{
    float: left;
    margin-top: 10px;
    width: 6px;
    height: 6px;
    background: #fff;
}
.dy_zt1_zz p span{
    float: left;
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}
.dy_zt1_zz a{
    float: left;
    margin-top: 20px;
    width: 108px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #fff;
    font-size: 14px;
    color: #4487f3;
    border-radius: 3px;
    border: 1px solid #fff;
}
.dy_zt1_zz a:hover{
    background: none;
    font-size: 14px;
    color: #fff;
}
.danye_box2{
    float: left;
    width: 100%;
    padding: 80px 0;
    background: #fff;
}
.tydbt_bt{
    margin: 70px 0 30px 0;
    float: left;
    width: 100%;
    text-align: center;
    line-height: 42px;
    font-size: 42px;
    font-weight: bold;
    color: #333;
    height: 42px;
    background: url(../img/png41.png) top center no-repeat;
}
.tyzy_bt{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.jtnr_ul_xs{
    float: left;
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jtnr_ul_xs .jtnr_li_mk{
    width: 328px;
    height: 200px;
    cursor: pointer;
    border-radius: 3px 3px 0 0;
    background: #f4f6f9;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;;
}
.jtnr_ul_xs .jtnr_li_mk:hover{
    box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0,-1px,0);
}


.jtnr_li_mk .dy_bt_ng2{
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: 74px;
    background: #3a7cff;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}
.dy_bt_ng2 img{
    width: 37px;
    margin-top: 18px;
    height: 37px;
    margin-right: 15px;
}
.dy_bt_ng2 span{
    margin-top: 18px;
    font-size: 16px;
    color: #fff;
    line-height: 37px;
}
.jtnr_li_mk .dy_bt_nr2{
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 94%;
    margin-left: 3%;
    font-size: 16px;
    color: #333;
}

/* 过度1 */
.guodu_dy1{
    float: left;
    width: 100%;
    height: 105px;
    background: url(../img/jpg29.jpg) top center no-repeat;
}
.guodu_dy2{
    float: left;
    width: 100%;
    height: 105px;
    background: url(../img/jpg30.jpg) top center no-repeat;
}

.danye_box3{
    float: left;
    width: 100%;
    background: #f4f5f8;
    padding: 40px 0;
}
.jtnr_ul_xs3{
    float: left;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 40px;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.jtnr_ul_xs3 .jgk_mj_hz3{

    width: 328px;
    height: 382px;
    background: #fff;
    text-align: center;
}
.jgk_mj_hz3 img{
    margin-top: 90px;
}
.jgk_mj_hz3 h2{
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 46px;
}
.jgk_mj_hz3 i{
    margin-top: 20px;
    display: inline-block;
    width: 58px;
    height: 6px;
    background: #3a7cff;
}
.jgk_mj_hz3 p{
    margin-top: 30px;
    margin-left: 3%;
    width: 92%;
    font-size: 14px;
    color: #333;
}
.danye_box4{
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0;
}
.dynghe_jg4_pd1{
    float: left;
    margin: 30px 0;
    width: 100%;
    text-align: center;
}
.dynghe_jg4_pd1 a{
    display: inline-block;
    width: 288px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color: #fff;
    background: #3a7cff;
    border-radius: 3px 3px;
    border: 1px solid #3a7cff;
    transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.dynghe_jg4_pd1 a:hover{
    color: #3a7cff;
    background: #fff;
    border-radius: 3px 3px;
    border: 1px solid #3a7cff;
}
.dynghe_jg4_pd{
    float: left;
    margin: 40px 0;
    position: relative;
    width: 1400px;
    height: 362px;
    background: url(../img/jpg31.jpg) no-repeat;
}
.dynghe_jg4_pd .dw_nrbf{
    width: 167px;
    height: 246px;
    cursor: pointer;
}
.dw_nrbf i{
    float: left;
    width: 167px;
    height: 167px;
}
.dw_nrbf p{
    float: left;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.dw_nrbf p a{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.dw_nrbf p a:hover{
    color: #3a7cff;
}
.dtx1{
    position: absolute;
    left: 36px;
    top: 92px;
}
.dtx1 i{
background: url(../img/png46.png) no-repeat;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.dtx1:hover i{
    background: url(../img/png46a.png) no-repeat;
    transform: translate3d(0,-1px,0);
}


.dtx2{
    position: absolute;
    left: 340px;
    top: 56px;
}
.dtx2 i{
background: url(../img/png47.png) no-repeat;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.dtx2:hover i{
    background: url(../img/png47a.png) no-repeat;
    transform: translate3d(0,-1px,0);
}

.dtx3{
    position: absolute;
    left: 620px;
    top: 110px;
}
.dtx3 i{
background: url(../img/png47.png) no-repeat;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.dtx3:hover i{
    background: url(../img/png47a.png) no-repeat;
    transform: translate3d(0,-1px,0);
}

.dtx4{
    position: absolute;
    left: 890px;
    top: 70px;
}
.dtx4 i{
background: url(../img/png48.png) no-repeat;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.dtx4:hover i{
    background: url(../img/png48a.png) no-repeat;
    transform: translate3d(0,-1px,0);
}

.dtx5{
    position: absolute;
    right: 90px;
    top: 10px;
}
.dtx5 i{
background: url(../img/png48.png) no-repeat;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.dtx5:hover i{
    background: url(../img/png48a.png) no-repeat;
    transform: translate3d(0,-1px,0);
}

.danye_box5{
    float: left;
    width: 100%;
    background: #f4f5f8;
    padding: 40px 0;
}
.danye_box5 .khjzd_box{
    float: left;
    width: 100%;
    margin-top: 50px;
}
.khjzd_box .khzy_ul{
    float: left;
    margin-right: -12px;
}
.khzy_ul .khjzd_li{
    float: left;
    cursor: pointer;
    width: 164px;
    height: 102px;
    margin-right: 12px;
    margin-bottom: 12px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.khzy_ul .khjzd_li img{
    width: 164px;
    height: 102px;
}
.khzy_ul .khjzd_li:hover{
    box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0,-1px,0);
}



.danye_box6{
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0;
}
.danye_zt6 .khjzd_box6{
    float: left;
    width: 100%;
    margin-top: 60px;
    overflow: hidden;
}
.khjzd_box6 .khzy_ul_6{
    float: left;
    margin-right: -15px;

}
.khzy_ul_6 .khjzd_li_6{
    float: left;
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 218px;
    height: 150px;
    border: 1px solid #fff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.khjzd_li_6 img{
    width: 218px;
    height: 150px; 
    float: left;
}
.khzy_ul_6 .khjzd_li_6:hover{
    border: 1px solid #3a7cff;
}


/* 寄售 */

.jmfw_box{
    float: left;
    width: 100%;
    padding: 50px 0;
}
.jmfw_dbt_bt{
    float: left;
    width: 100%;
    height: 100px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid #f1efef;
}

.jmfw_dbt_bt p{
    width: 100%;
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    color: #333;
}
.jmfw_dbt_bt i{
    width: 48px;
    margin-top: 36px;
    height: 2px;
    background: #3a7cff;
}
.jmfw_nr_qb{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.jmfw_jzkd_jz ul{
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jmfw_jzkd_jz ul li{
    width: 280px;
    height: 386px;
    text-align: center;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.jmfw_jzkd_jz ul li:hover{
    box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0,-10px,0);
}
.jmfw_jzkd_jz ul li img{
    width: 131px;
    height: 131px;
    margin-top: 72px;
}
.jmfw_jzkd_jz ul li i{
    display: block;
    margin-left: 124px;
    margin-top: 30px;
    width: 32px;
    height: 4px;
    background: #fff;
}
.jmfw_jzkd_jz ul .jmfw_li2 i{
    display: block;
    margin-left: 124px;
    margin-top: 30px;
    width: 32px;
    height: 4px;
    background: #3a7cff;
}
.jmfw_jzkd_jz ul li p{
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
}
.jmfw_jzkd_jz ul .jmfw_li1 p{
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    color: #fff;
}
.jmfw_jzkd_jz ul .jmfw_li1{
    background: #3a7cff;
}
.jmfw_jzkd_jz ul .jmfw_li2{
    background: #f4f4f4;
}
.jmfw_box2{
    width: 100%;
    float: left;
    padding: 50px 0;
}
.jmfw_nr_qb2{
    float: left;
    margin-top: 30px;
    width: 100%;
    height: 484px;
    background: url(../img/jpg33.jpg) top center no-repeat;
}
.jmfw_gudd{
    float: left;
    margin-top: 80px;
    width: 100%;
}
.jmfw_gudd ul{
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.gdbf_li_1{
    width: 170px;
}
.gdbf_li_1 .gdjfli_li{
    float: left;
    width: 124px;
    height: 124px;
    margin-left: 23px;
    position: relative;
    text-align: center
}
.gdjfli_li .xxg_yy{
    position: absolute;
    width: 124px;
    height: 124px;
    left: 0;
    cursor: pointer;
    top: 0;
}
.gdjfli_li .xxg_yy:hover{
    -webkit-animation: rotate 2s linear infinite;
    -moz-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;

}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

.gdjfli_li .xxg_ico{
    margin-top: 30px;
}
.gdbf_li_1 p{
    float: left;
    margin-top: 30px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
}


.gdbf_li_2{
    width: 56px;
    margin: 0 25px;
}
.gdbf_li_2 i{
    float: left;
    margin-top: 44px;
    margin-left: 2px;
    width: 52px;
    height: 52px;
    background: url(../img/png56.png) no-repeat;
}
.jmfw_gudd1{
    float: left;
    margin-top: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.jmfw_gudd1 a{
    display: block;
    width: 208px;
    height: 66px;
    text-align: center;
    line-height: 66px;
    font-size: 16px;
    color: #333;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #FFF;
}
.jmfw_gudd1 a:hover{
    background: none;
    color: #fff;
    border: 1px solid #FFF;
}

.zxtjdy_box{
    float: left;
    width: 100%;
    padding: 50px 0;
    background: #fff;
}
.zxtjdy_nr_qb{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.zxtjdy_jzkd_jz{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zxtjdy_jzkd_jz .zxtjdy_zuo{
    width: 586px;
    height: 300px;
    border: 4px dashed #666;
    background: #f2f2f2;
}
.zxtjdy_jzkd_jz  .zxtjdy_you{
    width: 710px;
    height: 228px;
    padding: 40px 40px;
    background: #3a7cff;
}
.zxtjdy_you h2{
    float: left;
    font-size: 20px;
    color: #fff;
    width: 100%;
}
.zxtjdy_you i{
    float: left;
    width: 44px;
    height: 6px;
    background: #fff;
    margin: 20px 0;
}
.zxtjdy_you p{
    float: left;
    font-size: 16px;
    color: #fff;
    width: 100%;
}
.gshjbf_box{
    float: left;
    width: 100%;
    padding: 50px 0;
    background: #fff;
}
.gshjbf_nr_qb{
    float: left;
    width: 100%;
    margin-top: 30px;
}

.gshjbf_jzkd_jz ul{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gshjbf_jzkd_jz ul li{
    width: 340px;
    height: 340px;
    position: relative;
    cursor: pointer;
}
.gshjbf_jzkd_jz ul li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 340px;
    height: 261px;
}
.gshjbf_jzkd_jz ul li p{
    position: absolute;
    top: 228px;
    left: 50px;
    width: 240px;
    height: 70px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 70px;
    background: #3a7cff;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;

}
.gshjbf_jzkd_jz ul li:hover p{
    box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0,-10px,0);
}

.yxfgnr_box{
    float: left;
    width: 100%;
    background: #fff;
}
.yxfgnr_nr_qb{
    float: left;
    margin-top: 30px;
    width: 100%;
    height: 352px;
    background: url(../img/jpg38.jpg) top center no-repeat;
}
.yxfgnr_jzkd_jz ul{
    width: 100%;
    float: left;
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.yxfgnr_jzkd_jz ul li{
    width: 94px;
    margin: 0 30px;
    height: 140px;
    background: #fff;
}
.yxfgnr_jzkd_jz ul li img{

    float: left;
    margin-left: 2px;
    margin-top: 24px;
    width: 92px;
    height: 60px;

}
.yxfgnr_jzkd_jz ul li p{
    float: left;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
}


/* 提交上传 */
.zxtjd_djsc{
    display: block;
    float: left;
    margin-top: 75px;
    margin-left: 182px;
    width: 210px;
    height: 54px;
    line-height: 54px;
    background: #3a7cff;
    text-align: center;
    font-size: 16px;
    border-radius: 3px;
    color: #fff;
    font-style:normal

}
.btmc1{
    float: left;
    margin-top: 32px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.btmc2{
    float: left;
    margin-top: 36px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #999;
}