.j-inner {

    width:1350px;

    margin:0 auto;

}



/*招商加盟banner*/

.join-banner {

    width: 1200px;

    height:1060px;

    margin: 0 auto;

    position: relative;

}

.join-banner img {

    display: block;

    width: 1920px;

    position: absolute;

    left: -360px;

}



/*招商加盟栏目标题*/

.tit {

    padding:45px 0;

}

.tit .en {

    font-size: 38px;

    color:#615a5b;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    font-family:"Times New Roman";

    animation-delay: 0.1s; 

    animation-duration: 2s; 

    visibility: visible;

}

.tit .cn {

    font-size: 38px;

    color:#000;

    text-align: center;

    height:76px;

    line-height: 76px;

        visibility: visible;

}

.tit .p1 {

    font-size: 16px;

    color:#666;

    text-align: center;

    padding-bottom: 8px;

    animation-delay: 0.6s; 

    animation-duration: 2s; 

    visibility: visible;

}

.tit .p2 {

    font-size: 16px;

    color:#666;

    text-align: center;

    animation-delay: 0.9s; 

    animation-duration: 2s; 

    visibility: visible;

}

.tit p span {

    color: #182D57;

}



/*华艺·未来*/

.about-wrap {

    height:230px;

    transform: translate(0px,-260px);

    -webkit-transform:translate(0px,-260px);

    -moz-transform:translate(0px,-260px);

    -ms-transform:translate(0px,-260px);

    -o-transform:translate(0px,-260px);

}

.join-about {

    padding:20px 0;

    background:#fff;

    box-shadow: 0px 5px 15px #ccc;

    

}

.about-tab {

    margin:40px 0;

}

.about-tab ul {

    text-align: center;

}

.about-tab ul li  {

    display:inline-block;

    padding: 20px 60px 20px 50px;

    background: url(../images/tab-Bg.png) no-repeat scroll center right;

    cursor:pointer;

}

.about-tab ul li strong  {

    display:block;

    height:50px;

    font-size: 64px;

    color:#3a3a3a;

    font-family:"Times New Roman";

    transition: all 0.2s;



}

.about-tab ul li p {

    font-size: 16px;

    color:#666;

}

.about-tab ul li:hover strong  {

    color: #182D57;

    transform: translate(0px,-3px);

    -webkit-transform:translate(0px,-3px);

    -moz-transform:translate(0px,-3px);

    -ms-transform:translate(0px,-3px);

    -o-transform:translate(0px,-3px);

}

.about-tab ul li:hover p {

    color: #182D57;

}



/*华艺·企业实力*/

.join-power {

    height:1170px;

    background: url(../images/power-Bg.jpg) no-repeat scroll center right;

}

.join-power .tit {

    padding:45px 0;

}

.join-power .tit .en {

    color:#715f47;

}

.join-power .tit .cn {

    color:#f5f4f3;

}

.join-power .tit .p1 {

    color:#efecec;

	font-size:18px;

}

.join-power .tit .p2 {

    color:#b9b0b0;

	font-size:12px;

}



.join-power .power-box {

    margin-top: 30px;

}

.join-power .power-box ul {}

.join-power .power-box ul li {

    display:inline-block;

    width:667px;

    height:394px;

    margin:0 2px;

    overflow:hidden;

    position: relative;

    cursor:pointer;

}

.join-power .power-box ul li img {

    width:100%;

    transition: all 0.8s;

}

.join-power .power-box ul li:hover img {

    transform:scale(1.08);  

}

.join-power .power-box ul li .txt {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    padding: 100px;

    box-sizing: border-box;

    background: rgba(0, 0, 0, 0);

    transition: all 0.8s;

}

.join-power .power-box ul li:hover .txt {

    background: rgba(0, 0, 0, 0.5);

}

.join-power .power-box ul li .txt p {

    width:100%;

    height:100%;

    line-height:196px;

    color:#fff;

    text-align: center;

    background: rgba(0, 0, 0, 0);

}





/*产品·5大系列*/

.series {}

.series .series-box {}

.series .series-centent {

    display:none;

}

.series .series-centent .left {

    float:left;

    width:933px;

}

.series .series-centent .left img {}

.series .series-centent .right {

    float:right;

    width:417px;

    height:568px;

    background:#ebeff8;

    padding:60px 70px 0 70px;

    box-sizing:border-box;

}

.series .series-centent .right h6 {

    font-size: 26px;

    text-transform: uppercase;

    font-family: "Times New Roman";



}

.series .series-centent .right h3 {

    font-size: 26px;

    color:#000;

    padding:24px 0;

}

.series .series-centent .right p {

    color: #182D57;

    padding-bottom: 5px;

}

.series .series-centent .right p span {

    color: #3a3a3a;

    

}

.series .series-centent .right>a{

    display: block;

    width: 120px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background: #182D57;

    border-radius: 25px;

    margin-top: 10px;

}

.series .series-tab {

    padding:60px 0;

    text-align: center;

}

.series .series-tab ul li  {

    display:inline-block;

    padding: 20px 100px;

    cursor:pointer;

}

.series .series-tab ul li strong  {

    display:block;

    height:50px;

    font-size: 42px;

    color:#3a3a3a;

    font-family:"Times New Roman";

    transition: all 0.2s;

}

.series .series-tab ul li p {

    font-size: 16px;

    color:#3a3a3a;

}

.series .series-tab ul li.cur strong {

    color: #182D57;

}

.series .series-tab ul li.cur p {

    color: #182D57;

}



/*装修效果·展示图*/

.effect {

    background:#f6f6f6;

    padding-bottom: 80px;

}

.effect .fullSlide{ position:relative;width:1000px;z-index:0;margin:0 auto;}

.effect .fullSlide .bd{ position:relative; z-index:0; }

.effect .fullSlide .bd li {width:100%;}

.effect .fullSlide .bd li img {width:100%;}

.effect .fullSlide .hd{ position:absolute; left:0; bottom:-50px;line-height:1em;text-align:center; width:100%;}

.effect .fullSlide .hd ul{ text-align:center;  padding-top:5px;  }

.effect .fullSlide .hd ul li{ cursor:pointer; display:inline-block;zoom:1; width:12px; height:12px;border-radius: 50%; margin:10px; overflow:hidden; font-size:0;background:#ccc;}

.effect .fullSlide .hd ul .on{ background:#182D57;}



/*华艺·推广优势*/

.advanagte {

    padding:30px 0 80px 0;

}

.advanagte .case {

    float:left;

    width:646px;

}

.advanagte .case .fullSlide{ position:relative;width:646px;z-index:0;margin:0 auto;}

.advanagte .case .fullSlide .bd{ position:relative; z-index:0; }

.advanagte .case .fullSlide .bd li {width:100%;}

.advanagte .case .fullSlide .hd{ position:absolute; left:0; bottom:-50px;line-height:1em;text-align:center; width:100%;}

.advanagte .case .fullSlide .hd ul{ text-align:center;  padding-top:5px;  }

.advanagte .case .fullSlide .hd ul li{ cursor:pointer; display:inline-block;zoom:1; width:12px; height:12px;border-radius: 50%; margin:10px; overflow:hidden; font-size:0;background:#ccc;}

.advanagte .case .fullSlide .hd ul .on{ background:#182D57;}



.advanagte .case .fullSlide .bd li img {

   float:left;

   width:576px; 

   height:464px;

}

.advanagte .case .fullSlide .bd li p {

   float:left;

   width:70px; 

   height:464px;

   padding: 40px 20px;

   line-height: 36px;

   box-sizing: border-box;

   font-size: 30px;

   color:#fff;

   background:#182D57;

}



.advanagte .brand {

    float:right;

    width:606px;

}

.advanagte .brand .en {

    font-size: 26px;

    color:#666;

    text-transform: uppercase;

}

.advanagte .brand .cn {

    font-size: 24px;

    color:#000;

    padding:20px 0;

}

.advanagte .brand .logo {

    font-size: 14px;

    color:#000;

    margin:10px 0;

}

.advanagte .brand .logo ul {


}
.advanagte .brand .logo ul li {
	 float:left;
	 width:25%;
}
.advanagte .brand .logo ul li img {

    width:100%;

}

.advanagte .brand .txt {

    font-size: 14px;

    color:#000;

    text-indent: 2em;

}

.advanagte .brand .more {

    display:block;

    width:157px;

    height:47px;

    line-height: 47px;

    text-align: center;

    color:#fff;

    background:#182D57;

    border-radius: 25px;

    margin-top: 60px;

}



/*畅销全球100多个国家和地区*/

.word {

    height:850px;

    background: url(../images/world.jpg) no-repeat scroll top center;

}



.word .word-tit {

    padding:40px 0 0 50px;

    width:60%;

}

.word .word-tit>span {

    display:block;

    font-size: 28px;

    color:#fff;

    text-transform: uppercase;

    animation-delay: 0.3s; 

    animation-duration: 2s;

}

.word .word-tit h4 {

    font-size: 24px;

    color:#fff;

    height:40px;

    padding:5px 0 0 0;

    animation-delay: 0.6s; 

    animation-duration: 3s;

}

.word .word-tit h4 span  {

    font-size: 28px;

    color: #182D57;

    padding:0 5px;



}

.word .word-tit p {

    font-size: 14px;

    color:#908982;

    animation-delay: 0.9s; 

    animation-duration: 5s;

}



/*华艺·三大经营模式*/

.run {

    height:900px;

    background: url(../images/run-Bg.jpg) no-repeat scroll center top;

}

.run .tit .en {

    color:#e4e2e0;

}

.run .tit .cn {

    color:#e4e2e0;

}

.run .tit .p1 {

    color:#e4e2e0;

}

.run .tit .p2 {

    color:#e4e2e0;

}



.run-box {

    padding:40px 0;

    overflow:hidden;

}



.run-centent  {

    text-align: center;

    margin-top: 50px;

}

.run-centent li {

    display:inline-block;

    width:383px;

    height:551px;

    background:#fff;

    margin:0 5px;

    box-shadow: 0px 2px 15px #c7c5c3;

    padding:93px 63px;

    box-sizing: border-box;

    cursor:pointer;

}



.run-centent li i {

    display:block;

    width:100px;

    height:100px;

    line-height: 100px;

    border-radius: 50%;

    margin:0 auto;

    background:#f6f6f6;

    color:#332216;

    font-size: 42px;

    font-family: "Times New Roman";

}

.run-centent li h3 {

    color:#000;

    font-size: 22px;

    margin:40px 0 16px 0;

}

.run-centent li .cn {

    color:#827a7a;

    font-size: 16px;

    line-height: 30px;

}

.run-centent li .en {

    height:60px;

    color:#bdbaba;

    font-size: 8px;

    text-transform: uppercase;

    text-align: center;

    line-height: 18px;

    font-family: "Times New Roman";

    padding:5px 0;

}

.run-centent li span {

    display:block;

    width:100px;

    height:100px;

    margin:0 auto;

    background: url(../images/run-more.png) no-repeat scroll center center;

}



/*hover效果*/

.run-centent li:hover

{

    background:#182D57;

}

.run-centent li:hover h3 {

    color:#fff;

    font-size: 28px;

}

.run-centent li:hover .cn {

    color:#f1efef;

}

.run-centent li:hover .en {

    color:#efe5e5;

}

.run-centent li:hover span {

    background: url(../images/run-more-hover.png) no-repeat scroll center center;

}



/*华艺·七大保障*/

.guarantee {}

.guarantee .left {

    float:left;

    width:764px;

}

.guarantee .right {

    float:right;

    width:568px;

}

.guarantee .right ul li {

    height:143px;

    background:#f6f6f6;

    padding:40px 28px;

    box-sizing: border-box;

    margin-bottom: 24px;

    cursor:pointer;

    animation-duration: 2s;

}

.guarantee .right ul li:nth-last-child() {

    margin-bottom: 0;

}

.guarantee .right ul li h4 {

    color:#000;

    font-size: 20px;

}

.guarantee .right ul li p {

    color:#666;

    font-size: 14px;

    margin-top: 5px;

}



.guarantee .right ul li:hover {

    background:#182D57;

}

.guarantee .right ul li:hover h4 {

    color:#fff;

    font-weight: bold;

}

.guarantee .right ul li:hover p {

    color:#fff;

}

.guarantee .right ul li:nth-of-type(1) {

    animation-delay: 0.3s;

}

.guarantee .right ul li:nth-of-type(2) {

    animation-delay: 0.5s;

}

.guarantee .right ul li:nth-of-type(3) {

    animation-delay: 0.7s;

}

.guarantee .right ul li:nth-of-type(4) {

    animation-delay: 0.9s;

}

.guarantee .right ul li:nth-of-type(5) {

    animation-delay: 1.1s;

}



.guarantee .right ul li:nth-of-type(6) {

    animation-delay: 1.3s;

}

.guarantee .right ul li:nth-of-type(7) {

    animation-delay: 1.5s;

}

/*华艺·九大销售渠道*/

.channel {

    height:684px;

    padding:86px 0 0 0;

    background: url(../images/channel-Bg.jpg) no-repeat scroll center center;

}

.channel .tit .en {

    color:#e4e2e0;

}

.channel .tit .cn {

    color:#e4e2e0;

}

.channel .tit .p1 {

    color:#e4e2e0;

}



.channel-box  {

    text-align: center;

    margin-top: 50px;

    overflow:hidden;

}

.channel-box ul li {

    float:left;

    width:150px;

    height:317px;

    padding:74px 10px;

    box-sizing: border-box;

    cursor:pointer;

    background: url(../images/channel-01.png) no-repeat scroll center center;

    animation-delay: 0.3s;

    animation-duration: 2s;

}



.channel-box ul li i {

    display:block;

    width:60px;

    height:60px;

    line-height: 60px;

    border-radius: 50%;

    margin:0 auto;

    background:#f6f6f6;

    color:#332216;

    font-size: 26px;

}

.channel-box ul li h3 {

    color:#000;

    font-size: 16px;

    font-weight: bold;

    margin:12px 0 4px 0;

}

.channel-box ul li .cn {

    color:#827a7a;

    font-size: 16px;

    line-height: 30px;

}

.channel-box ul li .en {

    height:60px;

    color:#bdbaba;

    font-size: 8px;

    text-align: center;

    line-height: 18px;

    padding:5px 0;

}



/*hover效果*/

.channel-box ul li.cur {

    background: url(../images/channel-01.jpg) no-repeat scroll center center;

    box-shadow: 0px 4px 10px #1e1e20;

}

.channel-box ul li.cur i {

    background:#fff;

}

.channel-box ul li.cur h3 {

    color:#fff;

    font-size: 17px;

    font-weight: bold;

}

.channel-box ul li.cur .en {

    color:#fbf4f4;

}





/*全国办事处*/

.hotline {

    height:680px;

    padding:50px 0;

    background:#f6f6f6;

}



.hotline .hotline-tit {

    padding:40px 0 0 50px;

    width:60%;

}

.hotline .hotline-tit>span {

    display:block;

    font-size: 28px;

    color:#000;

    text-transform: uppercase;

    animation-delay: 0.3s; 

    animation-duration: 2s;

}

.hotline .hotline-tit h4 {

    font-size: 24px;

    color:#000;

    height:40px;

    padding:5px 0 0 0;

    animation-delay: 0.6s; 

    animation-duration: 3s;

}

.hotline .hotline-tit h4 span  {

    font-size: 28px;

    color: #182D57;

    padding:0 5px;

}

.hotline .hotline-tit p {

    font-size: 14px;

    color:#908982;

    animation-delay: 0.9s; 

    animation-duration: 5s;

}



.hotline-box .map {

    float:left;

    width:560px;

    padding-top:150px;

}

.hotline-box .contact {

    float:right;

    width:660px;

}

.hotline-box .contact table {

    width: 100%;

    border: 1px solid #ddd;

    border-collapse: collapse;

    font-size: 16px;

}



.table thead tr th,.table tbody tr td {

    padding: 12px 12px;

    text-align: center;

    color: #333;

    border: 1px solid #ddd;

    border-collapse: collapse;

}



.table thead tr {

    background:#d5e4f1 !important;

}

tr:nth-child(odd){

    background:#f9f9f9;



} 

tr:nth-child(even){

    background:#fff;

} 



/*模范加盟商*/

.busser-box {

	height:906px;

	background: url(../images/busser.png) no-repeat scroll center center;

	background-size:100%;

}

.busser-box .txt {

	width:580px;

	padding-top: 770px;

}

.busser-box .txt h3 {

	font-size: 28px;

    color: #182D57;

    font-weight: bold;

	height:40px;

}

.busser-box .txt p {

	font-size: 14px;

    color:#3a3a3a;

}

/*招商加盟留言标题*/

.join-title {

    text-align: center;

}

.join-title .en {

    height:86px;

}

.join-title .china {

    font-size: 50px;

    color:#3e3e3e;

    height:60px;

}

.join-title span {

    display:inline-block;

    width:80px;

    height:4px;

    background:#182D57;

}



/*申请加盟*/

.join-message {

    padding:50px 0 40px 0;

    background:#fff;

}

.msg-box {

    border:1px solid #dadada;

    background: #fff;

    overflow: hidden;

    padding: 15px 25px 35px;

    margin-top: 40px;

}

.msg-list {

    float: left;

    width: 50%;

    margin-top: 20px;

    position: relative;

}

.msg-list label {

    display: block;

    left: 1px;

    line-height: 35px;

    outline: 0 none;

    position: absolute;

    text-align: center;

    top: 1px;

    width: 90px;    font-size: 14px;

    color: #3a3a3a;    font-style: normal;

}

.msg-list em {

    float: left;

    margin-left: 90px;

    display: block;

}

.msg2-input {

    border: 1px solid #ddd;

    font-size: 14px;

    height: 38px;

    line-height: 36px;

    width: 440px;

    color: #666;

}

.msg2-textarea {

    border: 1px solid #ddd;

    font-size: 14px;

    height: 90px;

    line-height: 18px;

    padding: 8px 8px 8px 8px;

    width: 1014px;

    color: #666;

}

.msg-box .submit button {

    background: #182D57 none repeat scroll 0 0;

    border: 0 none;

    border-radius: 3px;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    height: 42px;

    line-height: 42px;

    overflow: hidden;

    vertical-align: middle;

    width: 200px;

    margin: 20px 0 0 90px;

}

.msg-list select {

    border: 1px #ddd solid;

    color: #6a6a6a;

    float: left;

    height: 40px;

    margin-right: 10px;

    width: 120px;

    padding: 0 5px;

    float: left;

}

.w100{width:100%;}



.message-box .select {

    float: left;

    width: 50%;

    margin-top: 20px;

    position: relative;

}

.message-box .select select {

    width: 440px;

}