* {margin:0px; padding:0px;}
li { list-style-type:none; }
em { font-style:normal; }
.clear { clear: both; height: 0px; overflow: hidden; font-size: 1px; line-height: 0; }
.slidingList{text-align: center;}
.describe { font-size: 16px; color: #676767; line-height: 2em; }
.p2{display: none;}
a { text-decoration:none; }
h2 { font-size: 36px; font-weight: normal; color: #000; line-height: 65px; padding-top: 50px;font-weight: bold; margin-top: 0;margin-bottom: 30px; }
.but-a { width: 200px; height: 50px; border-radius: 10px; background: #F08342; display: block; margin: 50px auto; line-height: 50px; text-align: center; color: #fff;font-size: 18px;}
.but-a:focus, .but-a:hover {color: #fff;}
.b2b2c {box-sizing: border-box; overflow: hidden; width: 1200px; margin: 40px auto 80px; background: url(../images/icon-b2b2c.jpg) no-repeat 28px 8px;}
.b2b2c li {box-sizing: border-box; float: left; width: 298px; height: 120px; border: 1px solid #eee; }
.b2b2c li h3 {text-align: left; color: #999; font-size: 16px; line-height: 1.7em; width: 160px; margin-left: 116px; margin-top: 46px; }
.b2b2c li p { color: #F08342; font-size: 12px; line-height: 1.5em; text-align: left; display: none; padding: 8px 7px; }
.b2b2c li:hover {background:#fff;border: 1px solid #F08342;/* height: 120px; */ }
.b2b2c li:hover h3 { display: none; }
.b2b2c li:hover p { display: block; font-size: 14px; }
.bbcModel {height: 732px;background: url("../images/bg-bbc.jpg") no-repeat top center;margin-top: 57px;}
.bbcModelBox { margin: 0 auto; padding-top: 72px; width: 1150px; }
.bbcModelBox ul { display: flex; }
.bbcModelBox ul li { margin-right: 36px; border-radius: 5px; overflow: hidden; flex: 1; transition: 0.4s; width:359px\9; float:left\9; }
.bbcModelBox ul li:last-child { margin-right: 0; }

.bbcModelTop { height: 12px; background: url("../images/bbcModel.jpg") no-repeat top center; background-size: 100% auto; transition: 0.4s; }
.bbcModelBottom { padding-bottom: 40px; height: 515px; background: #fff; border: 1px solid #cfd5eb; border-top: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; box-sizing: border-box; transition: 0.4s; overflow: hidden; }
.bbcModelBottom > a { margin: 35px auto 0; display: block; width: 194px; height: 42px; border-radius: 4px; box-shadow: 0 6px 15px #e0edff; text-align: center; font-size: 14px; line-height: 42px; color: #fff;background:#F08342;}
.bbcModelTxt { padding: 20px 28px 0; height: 160px; border-bottom: 1px solid #e0e5f6; box-sizing: border-box; }
.bbcModelTxt h3 { margin-bottom: 15px; font-size: 28px; line-height: 1; color: #333; text-align: center; }
.bbcModelTxt p { font-size: 14px; line-height: 24px; color: #828282; }
.bbcModelImg { padding-top: 20px; text-align: center; }
.bbcModelImg img { margin-bottom: 35px; }
.bbcModelImg p { font-size: 14px; line-height: 1; color: #828282; }
.bbcIdea {height: 990px;background: #f2f3f5;}
.bbcIdea .bbcTil p {color: #333;font-size: 18px;}
.bbcIdeaImg {margin-top: 40px;text-align: center;}
.bbcDemand { background: #f3f4fa; }
.bbcwhylist{width:1200px; margin: 60px auto;}
.bbcwhylist li{float:left; width:350px; height:300px; display:block; padding:0 125px;box-sizing: content-box;}
.bbcwhylist li span{line-height:32px;font-size: 16px;}
.wap{display: none;}
.bbcwhylist::after{ position: relative; content:''; height:0; clear:both; display:block;}
@media (min-width: 1200px){
.bbcModelBox ul li:hover { margin-top: -28px;}
.bbcModelBox ul li:hover .bbcModelTop { height: 40px; }
.bbcModelBox ul li:hover .bbcModelBottom { height: 598px; }
}

@media (max-width: 1200px){
/* 平板 */
.b2b2c,.bbcModelBox,.bbcwhylist{width: 100%;}
.b2b2c{background: transparent;}
.b2b2c li { float: left; width: 25%;position: relative;}
.b2b2c li h3{text-align: left;margin-left:90px;}
.b2b2c li::before{position: absolute;content: '';width: 70px;height: 80px; background: url(../images/icon-b2b2c.jpg) no-repeat ;background-size: 1121px;left: 15px;top: 20px;}
.b2b2c li:nth-child(1)::before{background-position: -11px -15px;}
.b2b2c li:nth-child(2)::before{background-position: -309px -14px;}
.b2b2c li:nth-child(3)::before{background-position: -608px -15px;}
.b2b2c li:nth-child(4)::before{background-position: -906px -14px;}
.b2b2c li:nth-child(5)::before{background-position: -11px -135px;}
.b2b2c li:nth-child(6)::before{background-position: -308px -135px;}
.b2b2c li:nth-child(7)::before{background-position: -608px -135px;}
.b2b2c li:nth-child(8)::before{background-position: -906px -134px;}
.b2b2c li:nth-child(9)::before{background-position: -11px -255px;}
.b2b2c li:nth-child(10)::before{background-position: -309px -254px;}
.b2b2c li:nth-child(11)::before{background-position: -608px -255px;}
.b2b2c li:nth-child(12)::before{background-position: -906px -254px;}
.b2b2c li:hover h3{display: block;}
.b2b2c li p,.b2b2c li:hover p{display: none;}

.bbcIdeaImg img{width: 100%;}
.bbcwhylist li{padding: 0 4%;width: 42%;}
}

@media (min-width:768px) and (max-width:1024px){
.b2b2c li { float: left; width: 33.33%!important;}
.bbcModelTxt {padding: 20px 10px;}
.bbcIdea {height:auto;padding-bottom: 30px;}
.describe{display: none;}
.p2{display:block;padding: 0 20px;}
}

@media screen and (orientation: portrait) and (max-width:900px){
/* 手机竖屏 css */
h2 {font-size: 24px;padding-top: 10px;margin-bottom: 0;}
.describe {font-size: 14px;}
.bbcIdea .bbcTil p {font-size: 16px;}
.pc{display: none;}
.wap{display: block;}
.b2b2c { margin-bottom: 30px;}
.b2b2c li { float: left; width: 50%;height: 130px;}
.b2b2c li::before{top: 10px;left: 50%;transform:translate(-50%,0);}
.b2b2c li h3 {text-align: center;margin-left: 0;margin-top:92px;width: 100%;}
.b2b2c li:hover h3{display: block;}
.b2b2c li p,.b2b2c li:hover p{display: none;}
.bbcwhylist li span{line-height: 24px;font-size: 14px;}
.bbcwhylist{margin: 0 auto;}
.but-a{margin: 30px auto;}
.bbcModel {background: url(../images/bg-bbc.jpg) repeat-y top center;margin-top: 20px;height: auto;}
.bbcModelBox{padding: 20px 0;}
.bbcModelBox ul {display: block;}
.bbcModelBox ul li {margin:20px 10px !important;}
.bbcIdea{padding-bottom: 3rem;height: auto;}
/*.describe{display: none;}*/
.p2{display:block;}
.describe.p2{display:block;padding: 0 20px;}
}