@charset "utf-8";
.banner {
    width:100%;
    height:600px;
    position:relative;
    z-index:100;
}
.banner .center {
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    align-items:flex-start;
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    -ms-align-items:flex-start;
    -o-align-items:flex-start;
    height:600px;
}
.banner .center .left,.banner .center .right {
    position:relative;
    z-index:20;
    width:220px;
    height:600px;
    flex-shrink:0;
    -webkit-flex-shrink:0;
    background:#fff;
}
.banner .con {
    width:760px;
    height:600px;
    flex-shrink:0;
    -webkit-flex-shrink:0;
    position:relative;
    z-index:10;
    overflow:hidden;
}
.banner .con .con_body {
    position:relative;
    z-index:5;
}
.banner .con .con_body img {
    display:block;
    width:760px;
    height:600px;
    object-fit:cover;
}
.banner .con .prev,.banner .con .next {
    display:block;
    width:30px;
    height:60px;
    text-align:center;
    line-height:60px;
    background:rgba(0,0,0,.2);
    color:rgba(255,255,255,.3);
    font-size:20px;
    position:absolute;
    z-index:20;
    top:50%;
    margin-top:-30px;
    transition:all .3s;
    -webkit-transition:all .3s;
}
.banner .con .prev:hover,.banner .con .next:hover {
    background:rgba(0,0,0,.4);
    color:rgba(255,255,255,.8);
}
.banner .con .prev {
    left:0;
}
.banner .con .next {
    right:0;
}
.banner .con .con_head {
    width:100%;
    position:absolute;
    z-index:20;
    left:0;
    bottom:30px;
}
.banner .con .con_head ul {
    display:flex;
    display:-webkit-flex;
    flex-wrap:nowrap;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    -o-flex-wrap:nowrap;
    justify-content:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    -o-justify-content:center;
    align-items:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    -ms-align-items:center;
    -o-align-items:center;
}
.banner .con .con_head ul li {
    display:block;
    width:8px;
    height:8px;
    overflow:hidden;
    font-size:0;
    line-height:9999999999px;
    cursor:pointer;
    border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid rgba(0,0,0,.05);
    background:rgba(255,255,255,.4);
    margin:0 5px;
}
.banner .con .con_head ul li.on {
    border:3px solid rgba(0,0,0,.1);
    background:rgba(255,255,255,.8);
}
.banner .left ul li {
    padding-left:7px;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
}
.banner .left ul li img {
    width:16px;
    height:16px;
    margin-right:7px;
    padding-top:2px;
}
.banner .left ul li a {
    color:#000;
}
.banner .left ul li span {
    color:#000;
    padding:0 2px;
}
.banner .left ul li a:hover {
    color:#38C24E;
}
.banner .left ul li div {
    line-height:1.6;
}
.banner .left ul li:hover {
    background:#F7F8FA;
}
.banner .left ul li .sonnav {
    background:#F7F8FA;
    width:760px;
    height:600px;
    position:absolute;
    z-index:20;
    left:220px;
    overflow-x:hidden;
    overflow-y:auto;
    display:none;
    padding:16px 16px 0 16px;
}
.banner .left ul li:hover .sonnav {
    display:none;
}
.banner .left ul li .sonnav dd a {
    padding:0 16px 16px 0;
    width:25%;
    box-sizing:border-box;
}
.banner .left ul li .sonnav dd a:nth-child(4n+4) {
    padding-right:0;
}
.banner .left ul li .sonnav dd a img {
    width:64px;
    height:64px;
    object-fit:cover;
    margin-right:8px;
}
.banner .left ul li .sonnav dd a p {
    color:#272E3B;
    overflow:hidden;
    text-overflow:ellipsis;
}
.banner .left ul li .sonnav dd a:hover p {
    color:#38C24E;
}
.banner .left ul li .sonnav dt {
    margin-bottom:16px;
    padding-bottom:4px;
    border-bottom:1px solid #DCDEE0;
}
.banner .right .login,.banner .right .reg {
    color:#323233;
}
.banner .right .login:hover,.banner .right .reg:hover {
    color:#38C24E;
}
.banner .right .userInfo {
    height:32px;
    background:linear-gradient(122deg,#61E48C 0%,#38C24E 100%);
    border-radius:17px;
    color:#fff;
    margin-top:16px;
}
.banner .right .news li {
    margin-bottom:10px;
}
.banner .right .news li:nth-last-child(1) {
    margin-bottom:0;
}
.banner .right .news span {
    white-space:nowrap;
    height:24px;
    background:#38C24E;
    border-radius:2px;
    line-height:24px;
    color:#28A03B;
    font-size:12px;
    padding:0 4px;
    margin-right:8px;
    background:rgba(56,194,78,.09);
}
.banner .right .news a {
    white-space:nowrap;
    font-size:12px;
    color:#646566;
    overflow:hidden;
    text-overflow:ellipsis;
}
.banner .right .news a:hover {
    color:#38C24E;
}
.banner .right .tool img {
    width:28px;
    height:28px;
    margin:0 auto 4px auto;
}
.banner .right .tool a p {
    color:#000;
}
.banner .right .tool a:hover p {
    color:#38C24E;
}
.ggwlcpzq {
    width:1200px;
    height:636px;
    margin:33px auto 37px auto;
    background:url(https://www.yihuichuang.com/Public/Home/images/bj.gif) no-repeat center center;
}
.ggwlcpzq_con {
    width:1047px;
    height:386px;
    background:url(https://www.yihuichuang.com/Public/Home/images/ggwlcpzq_bj.png) no-repeat center center;
    position:relative;
}
.ggwlcpzq_con_bgc {
    margin:0 20px 0 22px;
    padding-top:103px;
}
.ggwlcpzq_con_bd {
    overflow:hidden;
    position:relative;
}
.ggwlcpzq_con_bd li {
    width:239px !important;
    height:262px;
    background:#FFFFFF;
    border-radius:16px;
    margin-right:16px;
}
.ggwlcpzq_con_bd li:nth-last-child(1) {
    margin-right:0;
}
.ggwlcpzq_con_bd li a img {
    transition:all .3s;
}
.ggwlcpzq_con_bd li a:hover img {
    transform:scale(1.1);
}
.ggwlcpzq_con_bd li .title {
    color:#000;
    margin-bottom:4px;
    transition:all .3s;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ggwlcpzq_con_bd li .desc {
    color:#A9AEB8;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ggwlcpzq_con_bd li a:hover .title {
    color:#29D350;
}
.rmsj {
    width:1200px;
    margin:0 auto 32px auto;
}
.rmsj a.title {
    color:#323233;
}
.rmsj a.title:hover {
    color:#29D350;
}
.rmsj .zoomPic p {
    color:#323233;
    transition:all .3s;
}
.rmsj .zoomPic img {
    transition:all .3s;
}
.rmsj a.zoomPic:hover p {
    color:#29D350;
}
.rmsj a.zoomPic:hover img {
    transform:scale(1.1);
}
.rmsj .tabTit {
    margin-bottom:16px;
}
.rmsj .tabTit li {
    margin-right:16px;
}
.rmsj .tabTit li a {
    width:64px;
    height:24px;
    background:rgba(100,101,102,.05);
    border-radius:15px;
    color:#646566;
    transition:all .3s;
}
.rmsj .tabTit li a:hover,.rmsj .tabTit li.on a {
    color:#fff;
    background:#4E9F5B;
}
.rmsj .tabCon dd {
    margin-bottom:16px;
}
.rmsj .tabCon dd:nth-last-child(1) {
    margin-bottom:0;
}
.rmsj .tabCon dd img {
    width:60px;
    height:60px;
    margin-right:8px;
    object-fit:cover;
    transition:all .3s;
}
.rmsj .tabCon dd h1 {
    color:#000;
    margin-bottom:6px;
    height:40px;
    line-height:20px;
    position:relative;
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    transition:all .3s;
}
.rmsj .tabCon dd p {
    color:#969799;
}
.rmsj .tabCon dd a:hover img {
    transform:scale(1.1);
}
.rmsj .tabCon dd a:hover h1 {
    color:#29D350;
}
.rmsj .hbsj {
    width:256px;
    height:273px;
    position:relative;
    margin:0 auto;
}
.rmsj .hbsj .prev,.rmsj .hbsj .next {
    cursor:pointer;
    width:24px;
    height:30px;
    position:absolute;
    z-index:20;
    top:94px;
}
.rmsj .hbsj .prev {
    left:-16px;
}
.rmsj .hbsj .next {
    right:-16px;
}
.rmsj .hbsj .hbsj_bd {
    position:relative;
    overflow:hidden;
    width:256px;
    height:273px;
    z-index:10;
}
.rmsj .hbsj .hbsj_bd img {
    width:256px;
    height:273px;
    object-fit:cover;
    transition:all .3s;
}
.rmsj .hbsj .hbsj_bd a:hover img {
    transform:scale(1.1);
}
.rmsj .xcdsj li {
    margin-bottom:16px;
}
.rmsj .xcdsj li:nth-last-child(1) {
    margin-bottom:0;
}
.rmsj .xcdsj a {
    width:256px;
    height:112px;
    padding:10px;
}
.rmsj .xcdsj a img {
    width:92px;
    height:92px;
    object-fit:cover;
    margin-left:16px;
    transition:all .3s;
}
.rmsj .xcdsj a .font-size-14 {
    color:#272E3B;
    margin-bottom:10px;
    margin-top:2px;
    height:60px;
    line-height:20px;
    position:relative;
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    line-clamp:3;
    -webkit-box-orient:vertical;
    transition:all .3s;
}
.rmsj .xcdsj a .font-size-12 {
    color:#969799;
}
.rmsj .xcdsj a:hover img {
    transform:scale(1.1);
}
.rmsj .xcdsj a:hover .font-size-14 {
    color:#29D350;
}
.rxcp {
    width:1200px;
    margin:0 auto 44px auto;
}
.rxcp a img {
    transition:all .3s;
    overflow:hidden;
}
.rxcp a:hover img {
    transform:scale(1.1);
}
.rxcp a:hover p {
    color:#29D350 !important;
}
.clhc {
    width:1200px;
    margin:0 auto 44px auto;
}
.clhc a img {
    transition:all .3s;
    overflow:hidden;
}
.clhc a:hover img {
    transform:scale(1.1);
}
.clhc a:hover p {
    color:#29D350 !important;
}
.prod {
    width:1200px;
    margin:0 auto;
}
.prod_title {
    width:1200px;
    transition:all .3s;
}
.prod_title li {
    width:136px;
    height:48px;
    margin-right:16px;
    margin-bottom:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    background:#EBEDF0;
    padding:0 10px;
    border:1px solid #EBEDF0;
}
.prod_title li:nth-child(8n+8) {
    margin-right:0;
}
.prod_title li a {
    display:block;
    width:100%;
    height:48px;
    line-height:48px;
    color:#1D2129;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
}
.prod_title li.on {
    background:#F2FFF5;
    border:1px solid #29D350;
}
.prod_title li.on a {
    color:#29D350;
}
.prod_body dd a img {
    transition:all .3s;
}
.prod_body dd a .font-size-14 {
    transition:all .3s;
}
.prod_body dd a:hover img {
    transform:scale(1.06);
}
.prod_body dd a:hover .font-size-14 {
    color:#29D350 !important;
}
#catenav {
    display:none;
    position:fixed;
    z-index:500;
    box-shadow:2px 2px 2px rgba(0,0,0,.1);
    left:0;
    top:0;
}
.prod_title_bg {
    width:100%;
    position:relative;
    z-index:300;
    left:0;
    top:0;
}
.prod_title_bg_on {
    position:fixed;
    top:80px;
    box-shadow:2px 2px 2px rgba(0,0,0,.1);
    background:#fff;
    height:208px;
    overflow:hidden;
}
.prod_title_bg_on .prod_title {
    transform:translate(0,266px);
}
.orderCount a:hover p,.orderCount a:hover h1 {
    color:#29D350 !important;
}
.prod_loading {
    width:8px;
    height:70px;
    background:linear-gradient(180deg,rgba(83,235,136,0) 0%,rgba(41,211,80,0.4) 100%);
    border-radius:100px;
    margin:64px auto 0 auto;
}
.loadProd {
    width:150px;
    height:48px;
    border:1px solid #29D350;
    border-radius:4px;
    color:#29D350;
    margin:0 auto;
}
.prod_title_bg_on_auto {
    height:auto;
    padding-bottom:16px;
}
.prod_title_bg_on_auto ul {
    transform:translate(0,16px) !important;
}
#xcxewms {
    width:331px;
    height:354px;
    background:url(https://www.yihuichuang.com/Public/Home/images/xcxewms.png?v=1.0.0) no-repeat center center;
    position:fixed;
    z-index:200;
    left:40px;
    bottom:40px;
    animation:hotmove_xcx .5s ease infinite;
    -webkit-animation:hotmove_xcx .5s ease infinite;
    display:none;
}
.xcxewms_close {
    width:40px;
    height:40px;
    border-radius:50%;
    background:#fff;
    position:absolute;
    z-index:20;
    top:0;
    right:0;
}