.banner1{
width: 100%;
height: 720px;
background: url(../img/TwoPjoin/meinvbanner.jpg) no-repeat center center;
background-size: 1920px 720px;
position: relative;
}
.advantage{
width: 100%;
height: 827px;
background: url(../img/TwoPjoin/advantage/Advantage_images2.png);
background-repeat:no-repeat,no-repeat;
background-size: 1920px 827px;
background-position:center top,center 715px;
}
.advantage1{
width: 1200px;
height: 205px;
margin: 0 auto;
text-align: center;
}
.advantage1p1{
font-family: Bodoni BT Roman;
/*  font-style: italic;*/
font-size:48px;
color: #666;
padding-top: 32px;
}
.advantage1p2{
color: #666;
font-size:24px;
}
.advantage1p3{
color: #666;
font-size:16px;
padding-top: 24px;
}
.successl{
width: 100%;
/* float: left;*/
margin-top: 722px;
text-align: center;
}
.successl img{
width: 476px;
height: 72px;
}
.successlCon{
padding-top: 33px;
}
.successlCon p{
color: #310101;
text-align: center;
line-height: 26px;
font-size: 16px;
}
.chuizlb{
width: 1200px;
padding-top: 44px;
margin: 0 auto;
}
.Accordion{
width: 100%;
height: 410px;
}
.Accordion_l{
float: left;
width: 202px;
height: 410px;
padding-top: 7px;
color:#310101;
font-size: 18px;
}
.Accordion_l li{
width: 72px;
height: 33px;
margin: 38px  auto 0;
text-align: center;
cursor: pointer;
}
.Accordion_r{
float: left;
width:945px;
/*background: orange;*/
height:410px;
background: black;
overflow: hidden;
}
.Accordion_r li{
width: 189px;
height: 410px;
float: left;
overflow: hidden;
/*transition:all 2s;*/
position: relative;
transition: 0.2s linear;
}
/*.Accordion_r li:nth-of-type(5){
float: right;
}*/
.Accordion_r li>a>img{
width: 213px;
height: 410px;
}
.Accordion_t{
margin-left: 14px;
position: absolute;
top:240px;
}
.Accordion_t img{
width: 60px;
/*  height: 28px;*/
}
.Accordion_c{
margin-left: 20px;
position: absolute;
top:274px;
color: #fff;
}
.Accordion_img{
margin-left: 20px;
position: absolute;
top:300px;
}
.support{
width: 100%;
height: 682px;
background: url(../img/TwoPjoin/Support/system_background.png) no-repeat center;
background-size: 1920px 749px;
}
.support1{
width: 100%;
height: 520px;
background: url(../img/TwoPjoin/Support/2017.0522.png) no-repeat center;
background-size: 1920px 752px;
}
.support2{
width: 1200px;
height: auto;
margin: 0 auto;
position: relative;
}
.support2_T{
padding-top: 31px;
float:left;
width: 360px;
}
.support2_T>img{
width: 480px;
height: 75px;
}
/*这块难写死了*/
.bee li{
width: 118px;
height: 118px;
position: absolute;
}
.tixiBg{
background: url(../img/TwoPjoin/Support/system_hover.png);
background-size: 129px 129px;
color: #fff;
}
.tixiBg.active{
background: url(../img/TwoPjoin/Support/system_default.png);
background-size: 118px 118px;
background-position:center 1px ;
color: #73C9FF;
}
.bee1{
left: 250px;
top:140px;
/* background: url(../img/TwoPjoin/Support/system_default.png);
background-size: 118px 118px;*/
}
.bee2{
left: 376px;
top:110px;
/* background: url(../img/TwoPjoin/Support/system_default.png);*/
/* background: url(../img/TwoPjoin/Support/system_hover.png);*/
/* background-size: 118px 118px;*/
/*background-size: 129px 129px;*/
/* background-position:center 1px ;*/
}
.bee3{
left: 215px;
top:260px;
/*  background: url(../img/TwoPjoin/Support/system_hover.png);
background-size: 129px 129px;
background-position:center 1px ;*/
}
.bee4{
left: 339px;
top:230px;
/*   background: url(../img/TwoPjoin/Support/system_hover.png);
background-size: 129px 129px;
background-position:center 1px ;*/
}
.bee5{
left: 179px;
top:377px;
/*   background: url(../img/TwoPjoin/Support/system_hover.png);
background-size: 129px 129px;
background-position:center 1px ;*/
}
.bee6{
left: 305px;
top:349px;
/*  background: url(../img/TwoPjoin/Support/system_hover.png);
background-size: 129px 129px;
background-position:center 1px ;*/
}
.bee-c1{
width: 100%;
padding-top: 30px;
font-size: 24px;
text-align: center;
}
.bee-c2{
width: 100%;
font-size: 24px;
text-align: center;
}
/*.bee-c1.active{
color: white;
}
.bee-c2.active{
color: white;
}*/
.support2_r{
width: 650px;
height: 520px;
margin-left: 550px;
display: none;
}
.support2_r.active{
display: block;
}
.drawer{
width:100%;
height: 75px;
overflow: hidden;
}
.drawer_t{
color: #310101;
font-size: 18px;
width: 300px;
height: 29px;
font-weight: 400;
border-bottom: 1px solid #666;
font-family: PingFang SC;
}
.drawer_c{
font-family: PingFang SC;
color: #666;
font-size: 17px;
line-height: 28px;
}
.dra1{padding-left: 120px;}
.dra2{padding-left: 100px;}
.dra3{padding-left: 80px;}
.dra4{padding-left: 60px;}
.dra5{padding-left: 40px;}
.dra6{padding-left: 20px;}
.dra7{padding-left: 0;}
.choub{
width: 55%;
margin-left: 45%;
margin-top: 14px;
padding-left: 30px;
height: 24px;
line-height: 24px;
font-size: 16px;
color: #c28d47;
background: url(../img/TwoPjoin/Support/line_02.png)repeat-x bottom left;
}
/*这块难写死了*/
.joinsome{
width: 100%;
height: 847px;
border-bottom: 20px #d5d7dc solid;
border-top: 20px #d5d7dc solid;
background: #bbc0c9;
background-size: 1920px 847px;
}
.joinsomeC{
width: 1200px;
margin: 0 auto;
}
.joinsomel{
width: 668px;
height:807px;
float: left;
background: url(../img/TwoPjoin/joinsome/path.png)no-repeat center right ;
background-size: 622px 613px;
}
.joinsomer{
width:532px;
height: 807px;
float: left;
padding-left: 100px;
}
.join_t{
width: 250px;
height: 125px;
padding-top: 57px;
}
.join_c{
height: auto;
line-height: 26px;
font-size: 14px;
letter-spacing: -1px;
color:#666;
font-family: PingFang SC;
}
.telephone{
padding-top:72px;
color: #666;
letter-spacing: -1px;
font-size:29px ;
line-height: 46px;
font-weight: 500;
font-family: PingFang SC;
}
.joinsomeBtn{
width:418px;
height: 126px;
background: url(../img/TwoPjoin/joinsome/button.png) no-repeat center;
background-size: 100%;
position: relative;
}
.Pjoin>a{
font-size: 24px;
font-family: PingFang SC;
color: #666;
position: absolute;
left:46px;
top:46px
}
.iWanner>a{
font-size: 24px;
font-family: PingFang SC;
color: #310101;
position: absolute;
left:275px;
top:46px
}
.professional{
width: 100%;
height:694px ;
background: #efefef;
}
.professional1{
width: 1200px;
height:694px;
margin: 0 auto;
padding-top:55px;
}
.titleBox{
padding-left: 594px;
padding-top:54px;
width: 100%;
}
.titleC{
width: 483px;
height: 88px;
}
.probox{
width: 1200px;
height: auto;
margin: 0 auto;
}
.proboxL{
width: 590px;
float: left;
position: relative;
}
.proBtnL{
width: 13px;
height: 24px;
background: url(../img/TwoPjoin/LeftArrow.png)no-repeat center;
background-size: cover;
position: absolute;
left:34px;
top:244px;
}
.proboxR{
width: 610px;
float: left;
position: relative;
}
.proList{
margin-top:72px;
}
.proList li{
float: left;
width: 66px;
height: 66px;
border-radius: 33px;
overflow: hidden;
text-align: center;
margin-left: 30px;
}
.proList li:nth-of-type(1){
margin-left: 0;
}
.proLimg{
width: 66px;
height: 66px;
border-radius: 33px;
vertical-align: middle;
}
.proLimg.active{
border: 2px solid #fa7620;
}
.proName{
width: 100%;
line-height: 44px;
height: 44px;
font-size: 28px;
}
.proName span{
margin-left: 10px;
}
.ProPosition{
color: #666;
width: 100%;
font-size: 14px;
}
.Procont{
margin-top: 14px;
font-size: 16px;
width: 512px;
line-height: 26px;
color: #666;
max-height: 104px;
overflow: hidden;
}
.xiangxiBtn{
position: absolute;
left: 0;
top:425px;
width: 194px;
height: 51px;
background: url(../img/TwoPjoin/xiangxiBtn.png) no-repeat center;
background-size: 194px 51px;
cursor: pointer;
}
.proBtnR{
width: 13px;
height: 24px;
background: url(../img/TwoPjoin/RightArrow.png)no-repeat center;
background-size: cover;
position: absolute;
right:34px;
top:244px;
}
.choiceLove{
position: relative;
width: 100%;
height: 500px;
/* background: url(../img/06.27.jpg)no-repeat center;*/
/* background-size: 1920px 548px;*/
}
.choiceT1{
width: 100%;
padding-top: 46px;
color:#633f3f ;
font-size: 40px;
text-align: center;
}
.choiceT2{
font-size: 16px;
text-align: center;
color:#633f3f ;
padding-bottom: 28px;
}
.choiceListBox{
width: 100%;
}
.choiceList1{
float: left;
width: 25%;
}
.choiceT{
width: 250px;
margin: 0 auto;
line-height:38px;
}
.choiceT span{
display: inline-block;
width:49px;
}