@charset "utf-8";
/* CSS Document */

*{
   margin: 0;padding: 0;font-family:'Microsoft YaHei', PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,simsun,sans-serif;}
.bbc_bg{background: #e4393c;}
h1,h2,h3,h4,h5{font-weight: 500;}
li{list-style: none;}
a{text-decoration: none;color:#6e6e6e;}
img{
    border:none;vertical-align: top;
}
/*B2B批发顶部图片*/
.top_banner{height: 370px;background-color: #3a3434;padding-left:8%;}
.top_banner .tab-text-header{margin-top: 110px;width:35%;}
.top_banner .tab-text-header span{margin: 10px 0;display: inline-block;}
.top_banner .main-header{color: #ffffff;}
.top_banner .main-header hr{background-color: #ffffff;width: 2px;height: 30px;text-align: left;margin: 6px 0 6px 2px;}
.top_banner .main-header .small-tit {font-weight: normal;font-size: 24px;}
.top_banner .main-header .text-tit{font-size: 30px;}
.banner04{background:url("../../image/sub/retail-B2Bpifa/background6.png");background-repeat:no-repeat;background-position: center top;background-size: cover;}


   .a1 p,.a5 p,.a7 p{
        line-height:26px!important;
		text-align: center;
    }

    .a1{
		width: 1200px;
        background: #fff;
        padding-top:100px;
        padding-bottom:82px;
		margin: 0 auto;
    }

   .a1 h2,.a2 h2,.a3 h2,.a4 h2{
       font-size: 28px;
	   color: #222222;
	   margin-bottom:27px;
	   text-align: center;
   }
    .a1 img{
		display: block;
        margin:49px auto 0;
		width: 1073px;
    }
   .a2{
       height:585px;
       padding-top:70px;
       background:url("../../image/sub/retail-B2Bpifa/e13.png")bottom center no-repeat #C4ECFF;
	   background-size: 650px 498px;
   }
.a2 p {width:969px;text-align:center;line-height:30px;margin: 0 auto 65px;font-size: 15px;color: #6e6e6e;}
    .ax2{
        width: 1200px;
        margin:0 auto;
        padding-left:62px;
    }
    .a3{
        margin:0;
        height:721px;
    }
    .ax3{
        width: 1200px;
        padding-top:67px;
        margin:0 auto;
        padding-bottom:75px;
    }

    .ax3 p{
        text-align: center;
        margin:0 auto;
        font-size: 14px;
    }
    .a3 img{
        display: block;
        width:1100px;
        margin: 0 auto;
    }
    .ax3 ul{
        width: 956px;
        height: 607px;
        margin:0 auto;
        text-align: center;
    }

    .ax3 ul li{
        color: #CEF2FF;
        position: relative;
        left:5px;
    }
    .ax3 ul li:first-child{
        padding: 0;
        position: relative;
        top:0!important;
        left:0!important;
    }
    .ax3 ul li:nth-of-type(2){
        top:156px;
    }
    .ax3 ul li:nth-of-type(3){
        top:265px;
    }
    .ax3 ul li p{
        width: 100%;
        height: 28px;
        font-size: 14px;
    }
    .ax3 ul li p:nth-of-type(1){
        font-size: 18px;
    }
    .ax3 ul li p span{
        float: left;
        display: inline-block;
        text-align: right;
        width: 180px;
    }
    .ax3 ul li p em{
        float: right;
        display: inline-block;
        text-align:left;
        width: 190px;
    }
    .a4{
        color: #000;
        height:735px;
        background:#F3F9FF;
    }
    .ax4{
        width: 1200px;
        text-align: center;
        padding-top:75px;
        margin: 0 auto;
    }
    .ax4 p{
        text-align: center;
        margin-bottom:23px;
        font-size: 14px;
    }
    .ax4 p img{
        display: inline-block;
    }
    .ax4 ul{
        width: 1029px;
        margin:0 auto;
    }
    .ax4 ul li{
        width: 82px;
        float: left;
        margin-right:36px;
    }
    .ax4 ul li:last-child{
        margin-right:0;
    }
    .ax4 ul li img{
        width: 100%;
        margin-bottom:20px;
        transition:0.6s;
        transition-timing-function:linear ;
    }
    .ax4 ul li img:hover{
        transform: rotateY(360deg);
    }
    .ax4 ul li span{
        font-size: 15px;
    }
    .a5{
        background: #fff;
        height:841px;
    }
    .ax5{
        width: 1200px;
        margin:0 auto;
        padding-top:79px;
        text-align: center;
        padding-bottom:63px;
    }
    .ax5 p{
        width:970px;
        margin:0 auto;
        font-size: 15px;

    }
    .mv5{
        width: 1073px;
        margin: 0 auto;
        text-align: center;
    }
    .mv5 img{
        display: inline-block;
		width: 600px;
    }

    .a6{
        height:728px;
        background:#E7E7E7;
        padding-bottom:83px;
    }
    .ax6{
        text-align: center;
        width: 1200px;
        margin:0 auto;
        padding:75px 0 50px 0;
    }
	.ax5 h1,.ax6 h1{
        font-size: 28px;
        margin-bottom:25px;
		color: #222222;
    }

    .box02{
        width: 1200px;
        height: 720px;
        margin:0 auto;
    }
    .box02 dl{        
        float: left;
        width: 211px;
        height: 203px;
        background: #fff;
        padding: 31px 29px 46px 27px;
        text-align: center;
        border: 1px solid #E2E2E2;
        margin:0 30px 40px 0;
    }
    .box02 dl:nth-of-type(4),.box dl:last-child{
        margin-right:0;
    }
    .box02 dl dt{
        height: 76px;
        text-align: center;
    }
    .box02 dl dt img{
        height: 100%;
        display: inline-block;
    }
    .box02 dl dd:nth-of-type(1){
        font-size: 18px;
        padding:20px 0;
    }
    .box02 dl dd:nth-of-type(2){
        font-size: 14px;
        width: 216px;
        text-align: left;
    }
    .box02 dl:hover{
        border-color:transparent;
        box-shadow:1px 1px 15px 1px rgba(0,0,0,0.2) ;
		cursor: pointer;
		background-color: #e4f6ff;
    }