.fl {
    float: left;
}

.fr {
    float: right;
}

p {
    margin: 0;
}

.out-head {
    background: #f2f2f2;
    border-bottom: 1px solid #dedede;
    height: 30px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.wel {
    font: 400 12px/30px "微软雅黑";
    color: #999999;
}

.seoo {
    font: 400 12px/30px "微软雅黑";
    color: #999999;
}

.seoo a {
    color: #999;
}

.out-hh {
    height: 105px;
}

.logo {
    padding-top: 22px;
    margin-left: 25px;
}

.menu {
    padding-left: 66px;
    margin-top: 30px;
}

.dianhua {
    background: url(../images/phone.png) no-repeat 0% 50%;
    font: 600 21px/35px "微软雅黑";
    color: #145fa7;
    padding-left: 42px;
    margin-top: 38px;
}

.con1 {
    background: url(../images/con1.png) no-repeat right 44px;
    margin-top: 36px;
}

.title1 {
    font: 400 53px/53px "impact";
    color: #145fa7;
    text-transform: uppercase;
}

.title2 {
    font: 600 30px/30px "微软雅黑";
    color: #333;
    background: url(../images/c1.png) no-repeat 100% 50%;
    width: 254px;
    margin-top: 6px;
}

.con1a {
    width: 156px;
    padding-top: 30px;
}

.sort1 li {
    line-height: 43px;
    color: #666666;
    font-size: 18px;
}

.sort1 li a {
    color: #666;
    padding-left: 22px;
}

.con1a-m {
    line-height: 43px;
    color: #666666;
    font-size: 16px;
    padding-left: 22px;
}

.con1a-m a {
    color: #666;
}

.sort1 li.on {
    background: url(../images/heng.png) no-repeat 100% 50%;
}

.sort1 li.on a {
    background: url(../images/hua.png) no-repeat 0% 50%;
    color: #145fa7;
}

.con1b {
    width: 743px;
    height: 247px;
    background: url(../images/con1a.png) no-repeat;
    margin-left: 56px;
    margin-top: 42px;
}

.con1b-t1 {
    font: 600 30px/86px "微软雅黑";
    color: #333;
    padding-left: 34px;
}

.con1b-t2 {
    font: 400 16px/30px "微软雅黑";
    color: #333;
    padding-left: 34px;
    padding-right: 30px;
    height: 120px;
    overflow: hidden;
    padding-top: 0px;
}

.gundong .content {
    position: relative;
    padding-top: 18px;
}

.l_btn3 {
    position: absolute;
    top: 59%;
    cursor: pointer;
    z-index: 99;
    left: 0px;
}

.r_btn3 {
    position: absolute;
    top: 59%;
    cursor: pointer;
    z-index: 99;
    left: 115px;
}

#mm_demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#mm_indemo {
    float: left;
    width: 800%
}

#mm_demo1 {
    float: left;
}

#mm_demo2 {
    float: left;
}

.gundong1 {
    width: 980px;
}

.product_list1 li {
    float: left;
    position: relative;
    margin-right: 11px;
}

.product_list1 li img{
    width: 300px;
    height: 300px;
}

.product_list1 li h3 {
    width: 100%;
    height: 38px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    text-align: center;
}

.product_list1 li h3 a {
    font: 400 16px/38px "微软雅黑";
    color: #fff;
}

.con2 {
    background: url(../images/con2.jpg) no-repeat center;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 832px;
    overflow: hidden;
    margin-top: 78px;
}

.c2 {
    padding-top: 42px;
}

.c2-t {
    background: url(../images/c2.png) no-repeat center;
    height: 150px;
    position: relative;
}

.c2-title1 {
    font: 600 57px/100px "微软雅黑";
    color: #145fa7;
    font-style: italic;
    position: absolute;
    left: 300px;
    top: 20px;
}

.c2-title2 {
    font: 600 57px/100px "微软雅黑";
    color: #145fa7;
    font-style: italic;
    position: absolute;
    right: 373px;
    top: 54px;
}

.c2-con {
    padding-top: 30px;
    position: relative;
}

.tabli {
    position: absolute;
    left: 0;
    top: 30px;
}

.tabli li.cur {
    background: #145fa7;
}

.tabli li {
    cursor: default;
    width: 165px;
    height: 77px;
    background: #b5b5b5;
    border-bottom: 1px dashed #919191;
    text-align: left;
    line-height: 77px;
}

.con2a1 {
    padding-left: 20px;
    width: 40px;
}

.con2a2 {
    width: 106px;
    font: 400 16px/77px "微软雅黑";
    color: #fff;
    text-align: left;
}

.tabli li:last-child {
    border-bottom: none;
}

.tab {
    margin-top: 0px;
    display: none;
    margin-left: 165px;
}

.t-m {
    width: 552px;
    height: 220px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 338px;
    z-index: 99999;
    box-shadow: -2px 1px 2px #e2e6e8;
}

.t-m h3 {
    padding-left: 40px;
    font: 600 24px/76px "微软雅黑";
    color: #333;
}

.t-m p {
    padding-left: 40px;
    font: 400 16px/30px "微软雅黑";
    color: #666;
    padding-right: 33px;
}

.t-m1 {
    position: absolute;
    right: 38px;
    bottom: 15px;
    z-index: 99999;
}

.t-m2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

.c33 {
    position: relative;
}

.con3 {
    margin-top: 82px;
}

.c3-m {
    width: 157px;
    height: 48px;
    border: 1px solid #d7d7d7;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

.c3-m a {
    font: 400 16px/48px "微软雅黑";
    color: #333;
    text-transform: uppercase;
}

.con3-con {
    position: relative;
    margin-top: 42px;
}

#focus2b {
    width: 1200px;
    height: 449px;
    overflow: hidden;
    position: relative;
}

#focus2b ul {
    height: 449px;
    position: absolute;
}

#focus2b ul li {
    float: left;
    width: 1200px;
    height: 449px;
    overflow: hidden;
    position: relative;
}

#focus2b ul li a img {
    height: 449px;
    width: 797px;
}

#focus2b ul li div {}

#focus2b .btnBg2 {
    position: absolute;
    width: 1200px;
    left: 0;
    bottom: 0;
    display: none;
}

#focus2b .btn2 {
    position: absolute;
    width: 1200px;
    right: 5px;
    bottom: 0;
    text-align: right;
    display: none;
}

#focus2b .btn2 span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 13px;
    height: 13px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: #fff;
}

#focus2b .btn2 span.on {
    background: #fff;
}

#focus2b ul li h3 {
    font: 600 16px/47px "微软雅黑";
    color: #333333;
}

.xianxixi {
    background: #145fa7;
    width: 110px;
    height: 6px;
    position: absolute;
    top: 56px;
    right: 346px;
    z-index: 9999;
}

#focus2b ul li .con3b1 {
    font: 400 16px/30px "微软雅黑";
    color: #666666;
    padding-left: 66px;
    padding-right: 54px;
}

#focus2b ul li .con3a {
    width: 797px;
    height: 449px;
}

#focus2b ul li .con3b {
    background: #eff0f0;
    width: 393px;
    height: 449px;
    overflow: hidden;
}

#focus2b ul li .con3b a h3 {
    color: #333333;
    font-weight: 600;
    font-size: 24px;
    line-height: 78px;
    padding-left: 66px;
    padding-top: 20px;
}

#focus2b ul li .con3b2 {
    width: 277px;
    height: 158px;
    margin: 0 auto;
    padding-top: 34px;
}

.con3-con1 {
    background: url(../images/con3.png) no-repeat;
    width: 126px;
    height: 63px;
    position: absolute;
    bottom: 0;
    right: 403px;
    z-index: 9999;
}

.con3-con .pre2 {
    right: 64px;
    position: absolute;
}

.con3-con .next2 {
    right: 0;
    position: absolute;
}

#amm_demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#amm_indemo {
    float: left;
    width: 800%
}

#amm_demo1 {
    float: left;
}

#amm_demo2 {
    float: left;
}

.product_list01 {
    margin-top: 16px;
}

.product_list01 li {
    float: left;
    text-align: center;
    margin-right: 8px;
    position: relative;
}

.product_list01 li img {
    width: 394px;
    height: 246px;
}

.product_list01 li h3 a {
    font: 400 16px/58px "微软雅黑";
    color: #333;
}

.meng {
    width: 394px;
    height: 246px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}

.product_list01 li:hover .meng {
    display: none;
}

.con4 {
    background: url(../images/con4.jpg) no-repeat center;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 749px;
    overflow: hidden;
    margin-top: 64px;
}

.c4 {
    width: 1205px;
    position: relative;
    left: 50%;
    margin-left: -602px;
    padding-top: 80px;
}

.c44 {
    background: url(../images/c4.png) no-repeat center;
    width: 1205px;
    position: relative;
    left: 50%;
    margin-left: -602px;
    height: 523px;
}

.c4-t1 {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    color: #fff;
}

.c4-t2 {
    text-align: center;
    font: 400 14px/30px "微软雅黑";
    color: #fff;
    padding-top: 14px;
}

.c4-con {
    padding-top: 55px;
}

.c4-con li:nth-child(1) {
    width: 198px;
    height: 168px;
    position: absolute;
    left: 0;
    top: 268px;
}

.c4-con li:nth-child(2) {
    width: 198px;
    height: 168px;
    position: absolute;
    left: 162px;
    top: 170px;
}

.c4-con li:nth-child(3) {
    width: 198px;
    height: 168px;
    position: absolute;
    left: 162px;
    top: 358px;
}

.c4-con li:nth-child(4) {
    width: 198px;
    height: 168px;
    position: absolute;
    left: 335px;
    top: 268px;
}

.c4-con li:nth-child(5) {
    width: 198px;
    height: 168px;
    position: absolute;
    left: 499px;
    top: 170px;
}

.c4-con li:nth-child(6) {
    width: 198px;
    height: 168px;
    position: absolute;
    left: 499px;
    top: 358px;
}

.c4-con li:nth-child(7) {
    width: 198px;
    height: 168px;
    position: absolute;
    left: 672px;
    top: 268px;
}

.c4-con li:nth-child(8) {
    width: 198px;
    height: 168px;
    position: absolute;
    right: 162px;
    top: 358px;
}

.c4-con li:nth-child(9) {
    width: 198px;
    height: 168px;
    position: absolute;
    right: 162px;
    top: 170px;
}

.c4-con li:nth-child(10) {
    width: 198px;
    height: 168px;
    position: absolute;
    right: 0;
    top: 268px;
}

.ph1 {
    background: url(../images/ph.png) no-repeat;
    font-size: 23px;
    color: #fff;
    padding-left: 50px;
    margin-left: 482px;
    margin-top: 37px;
}

.c4-m {
    text-align: center;
}

.c4-m {
    margin-top: 31px;
}

.con5 {
    margin-top: 80px;
}

.c5 {
    position: relative;
}

.title1a {
    font: 400 53px/40px "impact";
    color: #145fa7;
    text-transform: uppercase;
}

.title2b {
    font: 600 30px/38px "微软雅黑";
    color: #333;
    background: url(../images/c11.png) no-repeat 100% 50%;
    width: 254px;
    margin-top: 12px;
}

.c5-m {
    position: absolute;
    right: 0;
    z-index: 9999;
    top: 0;
}

.con55 {
    padding-top: 60px;
}

.con5a {
    width: 452px;
    height: 590px;
    position: relative;
    background: url(../images/about.png) no-repeat;
}

.con5a2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

.con5a1 {
    width: 28px;
    font-weight: 600;
    font-size: 25px;
    color: #145fa7;
    padding-left: 35px;
    padding-top: 52px;
}

.con5b {
    width: 672px;
    padding-top: 30px;
}

.con5b1 {
    font: 400 29px/84px "微软雅黑";
    color: #333;
}

.xian1 {
    width: 53px;
    height: 5px;
    background: #145fa7;
}

.con5b2 {
    font: 400 16px/30px "微软雅黑";
    color: #666;
    height: 182px;
    overflow: hidden;
    margin-top: 24px;
}

.con5b3 {
    width: 142px;
    height: 41px;
    background: url(../images/mm1.png) no-repeat;
    margin-top: 32px;
}

.con5b3 a {
    font: 400 14px/41px "微软雅黑";
    color: #999999;
    padding-left: 14px;
}

.con5b4 {
    margin-top: 42px;
}

.con5b4 li {
    float: left;
    margin-right: 7px;
}

.con5b4 li img {
    width: 219px;
    height: 148px;
    border: 1px solid #b5b5b5;
}

.con5b4 li:last-child {
    float: right;
    margin-right: 0;
}

.con6 {
    background: url(../images/con6.png) no-repeat center;
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    height: 685px;
    overflow: hidden;
    margin-top: 80px;
}

.con66 {}

.con6a {
    width: 342px;
    padding-top: 334px;
}

.con6b {
    width: 334px;
    padding-top: 196px;
}

.con6c {
    width: 412px;
    height: 524px;
    background: #145fa7;
    margin-top: 80px;
}

.con6aa {
    width: 228px;
    height: 45px;
    background: #145fa7;
    text-align: center;
    font: 600 21px/45px "微软雅黑";
    color: #fff;
}

.con6ab {
    padding-left: 138px;
    padding-top: 112px;
}

.con6bb {}

.con6bb li {
    float: left;
    margin-right: 48px;
    margin-bottom: 20px;
}

.con6bb li h3 {
    font: 400 16px/36px "微软雅黑";
    color: #333;
}

.con6bb li:nth-child(3) {
    float: right;
    margin-right: 0;
}

.con6bb li:nth-child(4) {
    margin-left: 63px;
}

.conbb-m {
    width: 118px;
    margin: 0 auto;
    height: 38px;
    background: #145fa7;
    border-radius: 30px;
    text-align: center;
    margin-top: 10px;
}

.conbb-m a {
    font: 400 16px/38px "微软雅黑";
    color: #fff;
}

.con6c-t1 {
    font: 400 37px/50px "微软雅黑";
    color: #fff;
    text-align: center;
    padding-top: 34px;
}

.con6c-t2 {
    font: 400 16px/30px "微软雅黑";
    color: #fff;
    text-align: center;
}

.mess {
    width: 358px;
    margin: 0 auto;
    height: 358px;
    background: #fff;
    border-radius: 10px;
    margin-top: 14px;
}

.mess0 {
    padding-left: 24px;
    padding-top: 30px;
}

.row2 {
    width: 296px;
    height: 46px;
    background: #ececec;
    margin-bottom: 9px;
    border: none;
    padding-left: 14px;
    color: #333;
    font-size: 16px;
    line-height: 46px;
    font-family: "微软雅黑";
    font-weight: 400;
}

.row2 input {
    border: none;
    width: 296px;
    height: 46px;
    background: #ececec;
    font-weight: 400;
}

.row4 {
    width: 296px;
    height: 80px;
    background: #ececec;
    margin-bottom: 9px;
    border: none;
    padding-left: 14px;
    color: #333;
    font-size: 16px;
    line-height: 46px;
    font-family: "微软雅黑";
    font-weight: 400;
}

.row4 textarea {
    border: none;
    width: 296px;
    height: 80px;
    background: #ececec;
    font-weight: 400;
}

.mess0 input[type='text']::-webkit-input-placeholder,
.mess0 textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: #333;
}

.mess0 input[type='text']:-ms-input-placeholder,
.mess0 textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #333;
}

.mess0 input[type='text']::-ms-input-placeholder,
.mess0 textarea::-ms-input-placeholder {
    font-weight: 400;
    color: #333;
}

.mess0 input[type='text']::placeholder,
.mess0 textarea::placeholder {
    font-weight: 400;
    color: #333;
}

.mes {
    width: 308px;
    height: 46px;
    background: #ececec;
    margin-bottom: 9px;
    border: none;
    padding-left: 14px;
    color: #333;
    font-size: 16px;
    line-height: 46px;
    font-family: "微软雅黑";
    font-weight: 400;
}

.mes #checkcode {
    width: 74px;
    height: 24px;
    border: none;
    background: #fff;
    font-weight: 400;
}

.mess0 .submit {
    width: 306px;
    height: 46px;
    background: #dbaf31;
    color: #fff;
    font-size: 18px;
    border: none;
    outline: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.con7 {
    margin-top: 80px;
}

.con7a {
    width: 585px;
}

.con7b {
    width: 585px;
    padding-top: 8px;
}

.con7b1 {
    font: 400 20px/80px "微软雅黑";
    color: #333;
    position: relative;
}

.con7b1 a {
    position: absolute;
    right: 0;
    top: 0;
    color: #999999;
    font-size: 14px;
}

.con7b2 {}

.con7b3 {
    height: 260px;
    background: #f4f4f4;
    width: 585px;
    margin-top: 20px;
    border-radius: 10px;
}

.xlist2 {
    padding: 10px 20px 0 22px;
}

.xlist2 li {
    position: relative;
    background: url(../images/n1.png) no-repeat 0 50%;
}

.xlist2 li h3 {
    line-height: 30px;
    font-size: 14px;
    color: #666;
    padding-left: 11px;
}

.xlist2 li h3 a {
    color: #666;
}

.xlist2 li span {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
    font-size: 12px;
    color: #999999;
}

.xlist2 li:hover {
    background: url(../images/n2.png) no-repeat 0 50%;
}

.xlist2 li:hover h3 a {
    color: #337ccb;
}

.xlist2 li:hover span {
    color: #337ccb;
}

.tabli0 {
    margin-top: 30px;
    position: relative;
    height: 34px;
}

.tabli0 li.cur {
    border-bottom: 2px solid #145fa7;
    color: #145fa7;
}

.tabli0 li {
    cursor: default;
    width: 86px;
    float: left;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    margin-right: 34px;
}

.tabli0 a {
    position: absolute;
    right: 0;
    top: 8px;
    color: #999999;
}

.tab0 {
    margin-top: 24px;
    display: none;
}

.rongBox {
    background: #f4f4f4;
    height: 172px;
    border-radius: 10px;
    position: relative;
}

.newstu1 {
    width: 223px;
    height: 172px;
}

#focus2 {
    width: 585px;
    height: 172px;
    overflow: hidden;
    position: relative;
}

#focus2 ul {
    height: 202px;
    position: absolute;
}

#focus2 ul li {
    float: left;
    width: 585px;
    height: 172px;
    overflow: hidden;
    position: relative;
}

#focus2 ul li a img {
    height: 172px;
    width: 585px;
}

#focus2 ul li div {}

#focus2 .btnBg2 {
    position: absolute;
    width: 585px;
    left: 0;
    bottom: 0;
    display: none;
}

#focus2 .btn2 {
    position: absolute;
    width: 585px;
    right: 5px;
    bottom: 0;
    text-align: right;
    display: none;
}

#focus2 .btn2 span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 13px;
    height: 13px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: #fff;
}

#focus2 .btn2 span.on {
    background: #fff;
}

#focus2 ul li h3 {
    font: 600 16px/47px "微软雅黑";
    color: #333333;
}

.xianxi {
    background: #333333;
    width: 65px;
    height: 1px;
    margin-bottom: 10px;
}

#focus2 ul li .xianxi0 {
    font: 400 14px/24px "微软雅黑";
    color: #666;
    margin-top: 16px;
}

div.newst2 {
    width: 335px;
    margin-left: 12px;
}

.rongBox .pre {
    right: 51px;
    z-index: 9999;
    position: absolute;
    bottom: 0;
}

.rongBox .next {
    right: 10px;
    z-index: 9999;
    position: absolute;
    bottom: 0;
}

#focus2a {
    width: 585px;
    height: 172px;
    overflow: hidden;
    position: relative;
}

#focus2a ul {
    height: 202px;
    position: absolute;
}

#focus2a ul li {
    float: left;
    width: 585px;
    height: 172px;
    overflow: hidden;
    position: relative;
}

#focus2a ul li a img {
    height: 172px;
    width: 585px;
}

#focus2a ul li div {}

#focus2a .btnBg2 {
    position: absolute;
    width: 585px;
    left: 0;
    bottom: 0;
    display: none;
}

#focus2a .btn2 {
    position: absolute;
    width: 585px;
    right: 5px;
    bottom: 0;
    text-align: right;
    display: none;
}

#focus2a .btn2 span {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 13px;
    height: 13px;
    _font-size: 0;
    margin-left: 5px;
    cursor: pointer;
    background: #fff;
}

#focus2a .btn2 span.on {
    background: #fff;
}

#focus2a ul li h3 {
    font: 600 16px/47px "微软雅黑";
    color: #333333;
}

.xianxi {
    background: #333333;
    width: 65px;
    height: 1px;
    margin-bottom: 10px;
}

#focus2a ul li .xianxi0 {
    font: 400 14px/24px "微软雅黑";
    color: #666;
    margin-top: 16px;
}

.rongBox .pre1 {
    right: 51px;
    z-index: 9999;
    position: absolute;
    bottom: 0;
}

.rongBox .next1 {
    right: 10px;
    z-index: 9999;
    position: absolute;
    bottom: 0;
}

.out-foot {
    background: #145fa7;
    padding: 30px 0 50px 0;
    margin-top: 80px;
}

.out-foot a:hover {
    color: #dbaf31;
}

.foot {
    background: url(../images/heng1.png) repeat-x 0 100%;
}

.foot-con {
    width: 412px;
}

.foot-nav {
    /* width: 787px; */
    padding-top: 16px;
    margin-right: 32px;
}

.foot1-t1 {
    font: 400 14px/48px "微软雅黑";
    color: #fff;
    text-transform: uppercase;
}

.foot1-t2 {
    font: 400 18px/20px "微软雅黑";
    color: #fff;
    background: url(../images/jiao.png) no-repeat 115px 50%;
}

.foot-nav li {
    font: 400 16px/82px "微软雅黑";
    color: #fff;
    float: left;
    padding-right: 20px;
}

.foot-nav li a {
    color: #fff;
}

.foot-nav li:last-child {
    padding-right: 0;
}

.foot1 {
    padding-top: 55px;
}

.foota1 {
    width: 714px;
    background: url(../images/shu.png) no-repeat 100% 100%;
    height: 148px;
    color: #fff;
    line-height: 30px;
}

.foota1 a {
    color: #fff;
    line-height: 56px;
}

.foota2 {
    /* width: 325px; */
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    margin-right: 208px;
}

.footer {
    background: url(../images/heng1.png) repeat-x #145fa7;
    text-align: center;
}

.footer .w1200 {
    padding: 24px 0 20px 0;
    font: 400 14px/24px "微软雅黑";
    color: #fff;
}

.footer .w1200 a {
    color: #fff;
}

.footer a:hover {
    color: #dbaf31;
}


/* 左侧分类 */

.leftUl[data-v-4acf3cea] {
    float: left;
    width: 294px;
    position: relative;
    padding: 20px 0;
    height: 483px;
    background: #333;
}

.leftUl .classfyOne[data-v-4acf3cea] {
    font-size: 16px;
    color: #fff;
    line-height: 48px
}

.leftUl .classfyOne .name[data-v-4acf3cea] {
    padding-left: 29px;
    position: relative;
    z-index: 5
}

.leftUl .classfyOne span[data-v-4acf3cea] {
    float: left
}

.leftUl .classfyOne i[data-v-4acf3cea] {
    font-size: 14px;
    margin-left: 19px;
    font-style: normal;
}

.leftUl .classfyOne:hover .name[data-v-4acf3cea] {
    color: #333;
    background: #fff
}

.leftUl .classfyOne:hover .showCase[data-v-4acf3cea] {
    display: block
}

.leftUl .detail[data-v-4acf3cea] {
    width: 770px
}

.leftUl .detail a[data-v-4acf3cea] {
    margin-bottom: 20px;
    float: left;
    height: 20px;
    line-height: 20px
}

.leftUl .detail a i[data-v-4acf3cea] {
    color: #333;
    margin-right: 40px;
    font-style: normal;
}

.leftUl .detail a i[data-v-4acf3cea]:hover {
    color: #1972ea
}

.leftUl2[data-v-4acf3cea] {
    width: 247px;
    background: #fff;
    border-right: 1px solid #ddd
}

.leftUl2 .classfyOne[data-v-4acf3cea] {
    color: #333
}

.leftUl2 .classfyOne:hover .name[data-v-4acf3cea] {
    background: #1972ea;
    color: #fff
}

.leftUl2 .showCase[data-v-4acf3cea] {
    width: 892px;
    left: 247px
}

.leftUl2 .showCase[data-v-4acf3cea]:before {
    content: "";
    position: absolute;
    left: -9px;
    width: 8px;
    top: 0;
    height: 480px;
    background: #fff
}

.leftUl2 .detail[data-v-4acf3cea] {
    width: 749px
}

.showCase[data-v-4acf3cea] {
    display: none;
    padding: 40px 0;
    background: #fff;
    width: 910px;
    min-height: 483px;
    position: absolute;
    left: 290px;
    top: 0;
    z-index: 3;
    font-size: 16px;
    color: #333;
    -webkit-box-shadow: 0 0 8px 2px rgba(15, 61, 124, .1);
    box-shadow: 0 0 8px 2px rgba(15, 61, 124, .1);
}

.showCaseList[data-v-4acf3cea] {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.showCaseList>a[data-v-4acf3cea] {
    width: 140px;
    text-align: center;
    height: 22px;
    line-height: 22px;
    color: #333;
    cursor: auto
}

.showCaseList>a.txtline[data-v-4acf3cea] {
    text-decoration: underline;
    cursor: pointer
}

.showCaseList>a.txtline[data-v-4acf3cea]:hover {
    color: #1972ea
}