﻿
/*直销商城页面*/
.content2 {
    margin: 10px auto 0px;
    width: 958px;
    overflow: hidden;
    padding-top: 5px;
}


/* banner */
.csslider{position:relative}
.csslider>ul{position:relative;font-size:0;line-height:0;margin:0 auto;padding:0;overflow:hidden;white-space:nowrap;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.csslider>ul>li{position:relative;display:inline-block;width:100%;height:100%;overflow:visible;font-size:15px;font-size:initial;line-height:normal;-moz-transition:all .5s cubic-bezier(.4,1.3,.65,1);-o-transition:all .5s ease-out;-webkit-transition:all .5s cubic-bezier(.4,1.3,.65,1);transition:all .5s cubic-bezier(.4,1.3,.65,1);vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal}

#slider1{width:100%}


.csslider>ul>li{min-height:328px}
.csslider>ul>li{background:url(../images/ico/1.jpg) no-repeat top;background-size:cover}

.bg-theme{background:#031f9a}
.bg-theme1{background:#0fcef7}

h3.w3ls_pvt-title{color:#fff;text-transform:capitalize;font-weight:700;font-size:3.5em;text-shadow:2px 5px 3px rgba(0,0,0,.06)}

.button-style{padding:12px 25px;border:none;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px;border:2px solid #fff;background:#fc427b}
.button-style-2:hover,.button-style:hover{background:#fff;color:#000}
.welcome-left h3{font-size:40px;letter-spacing:1px;font-weight:100;text-shadow:2px 5px 3px rgba(0,0,0,.06)}
.welcome-left h4{font-size:22px;line-height:1.5;letter-spacing:1px;font-family:initial;color:#464646}
.support-grid h5{letter-spacing:1px;color:#343a40}
.icon-effect span{font-size:28px;color:#fff;border-radius:50%;background:#fc427b;padding:1em}

.w3ls_banner_txt {
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3.5em;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
    padding-top:83px;
    padding-left:380px;
}



.page-title{text-align:center;}
.page-title .main{font-size:24px;color:#333;}
.page-title .small{font-size:16px;color:#666;margin-top:8px;line-height:1.5;}
.page-title.white .main{color:#fff;}

.brand-first{margin-top:55px;}
.brand-first .img-box-1{text-align:center;margin:85px 0;}
.brand-first .img-box-2{text-align:center;margin:30px 0;}

.brand-second{background:url(../images/new_retail/page-bg-1.jpg) top center;padding:48px 0 58px 0;}
.brand-second .content{width:1200px;margin:0 auto;background:url(../images/new_retail/icon-group.png) no-repeat center;}
.brand-second .content:after{content:'';display:block;width:0;height:0;clear:both;}
.brand-second .content .list{float:left;width:450px;padding:45px 0;}
.brand-second .content .list:nth-child(odd){text-align:right;margin-right:300px;}
.brand-second .content .list .name{font-size:20px;color:#fff;font-weight:bold;margin-bottom:10px;}
.brand-second .content .list .small{font-size:16px;color:#fff;line-height:1.5;}

.brand-third{margin:50px 0 120px 0;}
.brand-third .img-box{text-align:center;margin:60px 0 50px 0;}
.brand-third .small-box{text-align:center;font-size:16px;color:#666;line-height:1.8;margin-bottom:55px;}
.brand-third .content{width:1200px;margin:60px auto 0 auto;}
.brand-third .content:after{content:'';display:block;width:0;height:0;clear:both;}
.brand-third .content .list{float:left;width:388px;text-align:center;border:solid 1px #ededed;padding:45px 0 35px 0;margin-right:15px;}
.brand-third .content .list .name{font-size:24px;color:#333;margin:35px 0 25px 0;}
.brand-third .content .list .small{font-size:16px;color:#888;display:inline-block;text-align:left;line-height:2;}
.brand-third .content .list .small li:before{content:'';vertical-align:middle;display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#cfcfcf;margin:-2px 7px 0 0;}
.brand-third .content .list:last-child{margin-right:0;}





.content2 .reason .reasonList li.active p{display:block;color:#fff;font-size:14px;margin:32px;margin-bottom:0;line-height:24px}
.content2 .spec{width:100%;height:570px;background:#f5f5f5}
.content2 .spec h3{font-weight:400;font-size:30px;text-align:center}
.content2 .spec h3 span{color:#b80404}
.content2 .spec>p{font-size:16px;color:#6e6e6e;width:560px;text-align:center;margin:20px auto 0}
.content2 .spec .specList{width:1200px;margin:38px auto 0;display:flex;flex-flow:row wrap}
.content2 .spec .specList li{width:286px;height:119px;margin-top:12px;margin-right:51px;margin-bottom:33px;margin:12px 51px 21px 0;padding:26px 32px 0 108px;box-sizing:border-box}
.content2 .spec .specList li h4{font-size:16px;color:#333;font-weight:600;font-family:MicrosoftYaHei-Bold}
.content2 .spec .specList li>p{font-size:14px;color:#666;height:37px;line-height:24px;margin-top:5px}
.content2 .spec .specList li.slist1{background:url(/images/retail/s_01.png) no-repeat}
.content2 .spec .specList li.slist2{background:url(/images/retail/s_02.png) no-repeat}
.content2 .spec .specList li.slist3{background:url(/images/retail/s_03.png) no-repeat}
.content2 .spec .specList li.slist4{background:url(/images/retail/s_04.png) no-repeat}
.content2 .spec .specList li.slist5{background:url(/images/retail/s_05.png) no-repeat}
.content2 .spec .specList li.slist6{background:url(/images/retail/s_06.png) no-repeat}
.content2 .spec .specList li.current{margin-top:0;margin-bottom:33px}
.content2 .spec .specList li.current h4{color:#fff;font-weight:600}
.content2 .spec .specList li.current p{color:#fff}
.content2 .spec .specList li.current.slist1{background:url(/images/retail/s11.png) no-repeat}
.content2 .spec .specList li.current.slist2{background:url(/images/retail/s12.png) no-repeat}
.content2 .spec .specList li.current.slist3{background:url(/images/retail/s13.png) no-repeat}
.content2 .spec .specList li.current.slist4{background:url(/images/retail/s14.png) no-repeat}
.content2 .spec .specList li.current.slist5{background:url(/images/retail/s15.png) no-repeat}
.content2 .spec .specList li.current.slist6{background:url(/images/retail/s16.png) no-repeat}
.content2 .spec .specList li:nth-of-type(3n+0){margin-right:0}

.content2 .show{width:100%;height:850px;background-color:#fff}
.content2 .show h3{text-align:center;font-size:30px}
.content2 .show h3 span{color:#b80404}
.content2 .show p{font-size:16px;height:16px;line-height:30px;color:#666;text-align:center;margin-top:20px}
.content2 .show .showBanner{margin:65px auto 0;width:1080px;height:540px}
.content2 .show .showBanner img{display:block;width:100%;height:100%}

