.whtie-fff{background-color: #fff;}
.gray-f3f3f3{background-color: #f3f3f3;}
img{transition: all .5s ease-out;}
.first-screen{width: 100%;background: #2A2D3C;height: 320px;}
.first-screen .view{width: 1246px;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.first-screen .view .left{width: 200px;height: 320px;padding: 56px 54px 56px;font-size: 46px;line-height: 52px;box-sizing: border-box;color: #FFFFFF;letter-spacing: 0;text-align: center;background: url("../images/consultation-bg.png") no-repeat center center;background-size: 100% 100%;}
.first-screen .view .left>p{font-size: 46px;font-family: PingFangSC-Semibold;}
.first-screen .view .right{flex: 1;height: 320px;box-sizing: border-box;padding: 45px 0 0 20px;}
.first-screen .view .right>p:nth-child(1){font-size: 20px;color: #FFFFFF;letter-spacing: 0;}
.first-screen .view .right>p:nth-child(2){font-size: 46px;color: #FFFFFF;letter-spacing: 0;font-family: PingFangSC-Medium;}
.first-screen .view .right .tag{margin-top: 6px;}
.first-screen .view .right .tag a{font-size: 16px;line-height: 16px;color: #FFFFFF;letter-spacing: 0;display: inline-block;padding-right: 12px;padding-left: 12px;border-right: 1px solid #fff;text-decoration: none;cursor: text;}
.first-screen .view .right .tag a:nth-child(1){padding-left: 0px;}
.first-screen .view .right .tag a:nth-last-child(1){border: none;padding-right: 0;}
.first-screen .view .right .line{opacity: 0.5;background: #FFFFFF;width: 100%;height: 1px;margin: 25px auto;}
.first-screen .view .right p:nth-child(5){font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: justify;line-height: 22px;height: 90px;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.tag-view{width: 1246px;height: 90px;margin: 0 auto;display: flex;align-items: flex-start;justify-content: flex-start;}
.tag-view .l{width: 200px;height: 60px;font-size: 26px;line-height: 60px;background: #F3F3F3;box-shadow: 0 1px 3px 0 rgba(204, 204, 204, 0.80);border-radius: 0 0 2px 2px;color: #444444;letter-spacing: 0;text-align: center;position: relative;font-family: PingFangSC-Medium;}
.tag-view .l i{background: url('../images/icon.png') no-repeat -146px -243px;width: 8px;height: 14px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.tag-view .r{height: 36px;margin-top: 12px;}
.tag-view .r ul{display: flex;align-items: flex-start;justify-content: center;}
.tag-view .r ul li{cursor: pointer;width:120px;height: 36px;font-size: 16px;line-height: 36px;background-color: #fff;color: #444444;letter-spacing: 0;text-align: center;align-items: center;}
.tag-view .r ul li:hover{background: #FF1240;border-radius: 2px;color: #ffffff;}
.tag-view .r ul li:hover a{color: #ffffff;}
.tag-view .r ul li.active{background: #FF1240;color: #ffffff;}
.content-view{width: 100%;}
.content-view, .content-view ul{width: 100%;}
.content-view>ul>li{background: #F6F6F6;margin-bottom: 40px;height: 560px;width: 100%;}
.content-view>ul>li .view{width: 1246px;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;display: -moz-flex;overflow: hidden;}
.content-view>ul>li .view .l{width: 200px;height: 100%;background: #FF1240;box-sizing: border-box;padding: 101px 30px 77px;background-repeat: no-repeat;background-position: top left;}
.content-view>ul>li .view .l>p{font-size: 40px;color: #FFFFFF;letter-spacing: 3.24px;text-align: center;line-height: 56px;}
.content-view>ul>li .view .l .desc{margin-top: 50px;text-align: center;}
.content-view>ul>li .view .l .desc p{font-size: 16px;color: #FFFFFF;letter-spacing: 0;}
.content-view>ul>li .view .l .desc p:nth-child(2){margin-top: 13px;}
.content-view>ul>li .view .l .button a{display: block;margin-top: 80px;background: #FFFFFF;border-radius: 2px;width: 144px;height: 38px;text-align: center;line-height: 38px;font-size: 18px;color: #333;letter-spacing: 0;text-decoration: none;font-weight: bold;font-family: PingFangSC-Semibold;}
.content-view>ul>li .view .l .bottom{margin-top: 28px;cursor: pointer;}
.content-view>ul>li .view .l .bottom a{font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-decoration: underline;text-align: center;display: block;}
.content-view>ul>li .view .l .bottom a:nth-child(2){margin-top: 14px;}
.content-view>ul>li .view .r{flex: 1;height: 100%;box-sizing: border-box;padding: 29px 0 0 60px;}
.content-view>ul>li .view .r .title div{display: inline-block;font-size: 28px;color: #444444;letter-spacing: 0;padding-bottom: 14px;border-bottom: 3px solid #FF1240;font-family: PingFangSC-Medium;}
.content-view>ul>li .view .r .desc{font-family: PingFangSC-Light;font-size: 36px;color: #444444;letter-spacing: 0;margin-top: 14px;}
.content-view>ul>li .view .r .desc-view{margin-top: 20px;display: flex;align-items: center;justify-content: space-between;}
.content-view>ul>li:nth-child(2) .l{padding-top: 40px;text-align: center; background:#1772E0;}
.content-view>ul>li:nth-child(2) .l .desc{margin-top: 30px;}
.content-view>ul>li:nth-child(2) .view .l .desc p:nth-child(2){margin-top: 5px;}
.content-view>ul>li:nth-child(2) .view .l .button a{margin-top: 30px;}
.content-view>ul>li:nth-child(2) .view .l .bottom{margin-top: 20px;}
.content-view>ul>li:nth-child(2) .view .l .bottom a:nth-child(2){margin-top: 5px;}
.content-view>ul>li.center-6 .l,
.content-view>ul>li.center-7 .l{padding-top: 70px;text-align: center;}
.content-view>ul>li.center-6 .l .desc,
.content-view>ul>li.center-7 .l .desc{margin-top: 30px;}
.content-view>ul>li.center-6 .view .l .desc p:nth-child(2),
.content-view>ul>li.center-7 .view .l .desc p:nth-child(2){margin-top: 5px;}
.content-view>ul>li.center-6 .view .l .button a,
.content-view>ul>li.center-7 .view .l .button a{margin-top: 30px;}
.content-view>ul>li.center-6 .view .l .bottom,
.content-view>ul>li.center-7 .view .l .bottom{margin-top: 20px;}
.content-view>ul>li.center-6 .view .l .bottom a:nth-child(2),
.content-view>ul>li.center- .view .l .bottom a:nth-child(2){margin-top: 5px;}
.content-view .desc-view .left{width: 410px;height: 260px;background: #FFFFFF;padding: 24px 30px 0 30px;position: relative;}
.content-view .desc-view .left>p{font-weight: 600;font-size: 20px;color: #444444;letter-spacing: 0;ont-family: PingFangSC-Medium;}
.content-view .desc-view .left .list{margin-top: 12px;}
.content-view .desc-view .left .list>li{font-size: 14px;color: #444444;letter-spacing: 0;line-height: 30px;overflow: hidden;width: 98%;white-space: nowrap;text-overflow: ellipsis;}
.content-view .desc-view .left a{position: absolute;right: 20px;bottom: 20px;background: #EEEEEE;border-radius: 2px;display: flex;align-items: center;justify-content: center;font-family: PingFangSC-Regular;font-size: 12px;color: #999999;letter-spacing: 0;text-align: justify;width: 70px;height: 25px;margin-top: 10px;cursor: pointer;}
.content-view .desc-view .right{width: calc(100% - 430px);height: 260px;background-color: #fff;padding: 24px 100px 0 30px;box-sizing: border-box;position: relative;}
.content-view .desc-view .right a{position: absolute;right: 20px;bottom: 20px;background: #EEEEEE;border-radius: 2px;display: flex;align-items: center;justify-content: center;font-family: PingFangSC-Regular;font-size: 12px;color: #999999;letter-spacing: 0;text-align: justify;width: 70px;height: 25px;margin-top: 10px;cursor: pointer;}
.content-view .desc-view .right>p{font-size: 20px;color: #444444;letter-spacing: 0;font-weight: 600;}
.content-view .desc-view .right .box{margin-top: 12px;display: flex;justify-content: space-between;}
.content-view .desc-view .right .box ul{flex: 1;/* margin-right: 10px;*/}
.content-view .desc-view .right .box ul p{line-height: 30px;font-size: 14px;color: #807e7e;letter-spacing: 0;}
.content-view .desc-view .right .box ul li{line-height: 30px;font-size: 14px;color: #afacac;letter-spacing: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 98%;}
.content-view .bottom-box{margin-top: 27px;}
.content-view .bottom-box .title{display: flex;justify-content: space-between;align-items: center;padding-left: 30px;box-sizing: border-box;}
.content-view .bottom-box>ul{margin-top: 15px;display: flex;justify-content: flex-start;flex-wrap:wrap;}
.content-view .bottom-box>ul>li{width: 239px;margin:0 3px 20px;display: flex;align-items: center;}
.content-view .bottom-box>ul>li a{text-decoration: none;width: 100%;}
.content-view .bottom-box>ul .lis-more{height: 157.5px;background: #ffffff;margin-right: 0px;}
.content-view .bottom-box>ul .lis-more a{width: 100%;height: 100%;font-family: PingFangSC-Regular;font-size: 18px;color: #666666;letter-spacing: 0;display: flex;align-items: center;justify-content: center;}
.content-view .bottom-box>ul>li .img-main{width:239px;height: 157.5px;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;background: url("../images/loading.gif") no-repeat center center;background-size: 100px 100px;}
.content-view .bottom-box>ul>li img{width: 239px;height: 157px;object-fit: cover;}
.content-view .bottom-box>ul>li img:hover{transform: scale(1.1);}
.content-view .bottom-box>ul>li p{font-size:16px;color: #444444;letter-spacing: 0;margin-top: 12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;text-align: center;}

.content-view>ul>li:nth-of-type(2) .view .l{background: #FF7212;}
.content-view>ul>li:nth-of-type(3) .view .l{background: #FC9C12;}
.content-view>ul>li:nth-of-type(4) .view .l{background: #F5BA1E;}
.content-view>ul>li:nth-of-type(5) .view .l{background: #C8DC19;}
.content-view>ul>li:nth-of-type(6) .view .l{background: #68E4EA;}
.content-view>ul>li:nth-of-type(7) .view .l{background: #2FB5EA;}
.content-view>ul>li:nth-of-type(8) .view .l{background: #1772E0;}
.content-view>ul>li:nth-of-type(9) .view .l{background: #3434CE;}
.content-view>ul>li:nth-of-type(10) .view .l{background: #9626ED;}
.listpic{ width:1246px; margin: 0 auto;}
/* 1280*/@media screen and (max-width: 768px){
.pc{display: none;}
.mo{display: block;}
html, body{min-width: 100%!important;}
.content-view .bottom-box>ul::-webkit-scrollbar{height: 0 !important;width: 0 !important;background-color: transparent;display: none;}
.content-view .bottom-box>ul{-ms-overflow-style: none;}
.content-view .bottom-box>ul{overflow: -moz-scrollbars-none;}
.first-screen{width: 100%;height: auto;background: url(../images/consultation-bg.png) no-repeat center center;background-size: 100% 100%;}
.first-screen .view{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 0.79rem 0.26rem 0.65rem;}
.first-screen .view .left{width: 100%;display: flex;justify-content: center;height: auto;background: none;padding: 0;}
.first-screen .view .left p{text-align: center;font-size: 0.58rem;font-family: 'PingFangSC-Regular';line-height: 0.58rem;}
.first-screen .view .right{width: 100%;background: none;padding-top: 0.38rem;padding-left: 0;height: auto;flex: none;}
.first-screen .view .right p:nth-child(1){text-align: center;font-size: 0.2rem;font-family: 'PingFangSC-Regular';line-height: 0.2rem;margin-bottom: 0.17rem;}
.first-screen .view .right p:nth-child(2){text-align: center;font-size: 0.3rem;font-family: 'PingFangSC-Regular';line-height: 0.3rem;}
.first-screen .view .right p{}
.first-screen .view .right .tag, .first-screen .view .right p:last-child, .tag-view, .content-view>ul>li .view .r>.title, .content-view>ul>li .view .r .desc, .content-view .desc-view .left .list, .fixed-tag-view{display: none!important;}
.first-screen .view .right .line{display: block;opacity: 1;margin: 0 auto;margin-top: 0.32rem;height: 0.3rem;width: 0.3rem;background: url(../images/mobile_desc_white.png) center center no-repeat;background-size: 100% auto;cursor: pointer;}
.content-view{padding: 0.31rem 0.17rem 0.38rem;}
.content-view>ul>li{height: auto;background: none;border-radius: 0.1rem;position: relative;padding-bottom: 0.46rem;overflow: hidden;}
.content-view>ul>li .view{height: auto;width: 100%;display: block;}
.content-view>ul>li .view .l{width: 100%;padding: 0.43rem;}
.content-view>ul>li .view .r{width: 100%;padding: 0;}
.content-view>ul>li .view .l .bottom{display: none;}
.content-view>ul>li .view .l>p{font-size: 0.41rem;line-height: 0.41rem;}
.content-view>ul>li .view .l .desc{margin: 0.27rem auto 0.38rem;}
.content-view>ul>li .view .l .desc p{font-size: 0.26rem;font-family: 'PingFangSC-Regular';line-height: 0.26rem;letter-spacing: 0.07rem;}
.content-view>ul>li .view .l .desc p:first-child{margin-bottom: 0.14rem;}
.content-view>ul>li .view .l .button a{margin: 0 auto;width: 1.09rem;height: 0.38rem;border-radius: 0.19rem;font-size: 0.19rem;line-height: 0.38rem;font-family: 'PingFangSC-Regular';font-weight: normal;}
.content-view>ul>li .view .r .desc-view{display: block;height: auto;margin: 0;}
.content-view .desc-view .left{width: 100%;padding: 0;margin: 0.17rem 0;background: #F5F5F5;position: relative;display: flex;justify-content: space-between;padding: 0.26rem 0.17rem;height: auto;align-items: center;}
.content-view .desc-view .left p{font-size: 0.22rem;color: #222222;font-family: 'PingFangSC-Regular';line-height: 0.2rem;font-weight: normal;}
.content-view .desc-view .left a{width: 100%;height: 100%;background: none;position: absolute;left: 0;top: 0;bottom: auto;text-align: left;text-indent: -1000px;background: url('../images/mobile_point_black.png') 96% center no-repeat;background-size: 0.14rem;margin-top: 0;}
.content-view .desc-view .right{width: 100%;padding: 0;background: #F5F5F5;padding: 0.26rem 0.17rem;height: auto;}
.content-view .desc-view .right>p{font-size: 0.22rem;line-height: 0.26rem;color: #222222;font-family: 'PingFangSC-Regular';font-weight: normal;}
.content-view .desc-view .right .box{margin-top: 0.2rem;flex-wrap: wrap;justify-content: flex-start;}
.content-view .desc-view .right .box ul li{font-size: 0.2rem;color: #666666;line-height: 0.36rem;}
.content-view .desc-view .right .box ul p{color: #222222;font-size: 0.2rem;line-height: 0.36rem;}
.content-view .desc-view .right .box ul li:nth-child(n+4){display: none;}
.content-view .desc-view .right .box ul:nth-of-type(3n){margin-right: 0;}
.content-view .desc-view .right .box ul:nth-of-type(n+4){margin-top: 0.14rem;display: none;}
.content-view .desc-view .right a{background: none;width: 0.38rem;height: 0.24rem;text-indent: -999px;position: absolute;right: 0.17rem;/* top: 0.26rem;*/top: 0.06rem;display: block;overflow: hidden;}
.content-view .desc-view .right a:before{position: absolute;content: '';width: 0.38rem;height: 0.24rem;line-height: 0.1rem;right: 0;top: 0rem;background: url(../images/mobile_radio.png) center center no-repeat;background-size: 0.38rem 0.24rem;}
.content-view .bottom-box>ul{overflow: auto;}
.content-view .desc-view .right .box ul{margin-right: 1.5%;flex: none;width: 32.333333%;}
.content-view .desc-view .right .box ul:first-child{flex: 1;}
.content-view .bottom-box>ul li{margin-right: 0.17rem;margin-top: 0.17rem;width: 1.91rem;background: #f5f5f5;flex: none;}
.content-view .bottom-box>ul li:nth-of-type(3n){/* margin-right: 0;*/}
.content-view .bottom-box>ul>li .img-main{width:100%;height: 1.43rem;overflow: hidden;}
.content-view .bottom-box>ul>li .img-main img{width:100%;height: 1.43rem;}
.content-view .bottom-box>ul>li .img-main img:hover{transform: scale(1);}
.content-view .bottom-box>ul .lis-more{width: 1.91rem;height: auto;background: #f5f5f5;}
.content-view .bottom-box>ul .lis-more a{width: 1.91rem;color: #f5f5f5;background: url(../images/mobile_radio.png) center center no-repeat;background-size: 0.38rem 0.2rem;}
.content-view .bottom-box>ul>li p{line-height: 0.24rem;font-size: 0.2rem;padding: 0.12rem 0.05rem 0.1rem;color: #222222;text-align: center;margin-top: 0;}
.content-view .bottom-box{margin-top: 0.27rem;}
.content-view .bottom-box>ul{margin-top: 0.1rem;justify-content: flex-start;flex-wrap: wrap;overflow: hidden;width: 100%;}
.content-view .bottom-box>ul li{width: calc((100% - 0.34rem)/2);}
.content-view .bottom-box>ul .lis-more{width: calc((100% - 0.34rem)/2);}
.content-view .bottom-box>ul li:nth-of-type(2n){margin-right: 0;}
.content-view .bottom-box .title{padding-left: 0.17rem;}
.content-view .bottom-box .title span:nth-child(1){font-size: 0.2rem;line-height: 0.2rem;color: #222222;font-family: 'PingFangSC-Regular';font-weight: normal;display: block;}
.content-view>ul>li .view{border-radius: 0.1rem;overflow: hidden;}
.content-view>ul>li{margin-bottom: 0.55rem;}
.popSolution .view{width: 90%;border-top: solid 3px #FF1240;padding: 0 0.2rem;}
.popSolution .view .z_index{padding-top: 0.3rem;}
.popSolution .view .z_index h2{font-size: 0.3rem;}
.popSolution .view .cont{padding: 0.3rem;}
.popSolution .view .z_index .cont ul{margin: 0 auto;width: 100%;}
.popSolution .view .z_index .cont ul li{font-size: 0.19rem;color: #222222;line-height: 0.32rem;margin-top: 0;margin-left: 0.2rem;}
.popSolution .view .z_index .cont ul li span{font-size: 0.19rem;color: #222222;line-height: 0.3rem;left: -0.2rem;}
.popSolution .view .box_close{right: 0px;}
.content-view>ul>li:before{content: '';position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 0);width: 0;height: 0;border-left: solid 0.1rem transparent;border-right: solid 0.1rem transparent;border-bottom: solid 0.14rem #FF1240;}
.content-view>ul>li:nth-of-type(2):before{border-bottom-color: #FF7212;}
.content-view>ul>li:nth-of-type(3):before{border-bottom-color: #FC9C12;}
.content-view>ul>li:nth-of-type(4):before{border-bottom-color: #F5BA1E;}
.content-view>ul>li:nth-of-type(5):before{border-bottom-color: #C8DC19;}
.content-view>ul>li:nth-of-type(6):before{border-bottom-color: #68E4EA;}
.content-view>ul>li:nth-of-type(7):before{border-bottom-color: #2FB5EA;}
.content-view>ul>li:nth-of-type(8):before{border-bottom-color: #1772E0;}
.content-view>ul>li:nth-of-type(9):before{border-bottom-color: #3434CE;}
.content-view>ul>li:nth-of-type(10):before{border-bottom-color: #9626ED;}
.connect-form{margin-top: 0!important;}
.content-view{padding-bottom: 0;}
.listpic{ width:100%; margin: 0 auto;}
}