/*banner*/
.indexFlash{position:relative; overflow:hidden; padding: 0 60px; background: #f5f5f5;}
.indexFlash .slick img{ width:100%;}
.indexFlash .slick-dots{ padding: 28px 0 38px; width: 100%; text-align: center;}
.indexFlash .slick-dots li{display:inline-block; margin:0 4px; width:17px; height:17px; background:url(../images/ico1.png) center no-repeat;}
.indexFlash .slick-dots .slick-active{ background:url(../images/ico1on.png) center no-repeat;}

/*banner结束*/

.indexFlashTel{position:relative; overflow:hidden; padding: 0 10px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ padding: 25px 0; width: 100%; text-align: center;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 4px; width:17px; height:17px; background:url(../images/ico1.png) center no-repeat;}
.indexFlashTel .slick-dots .slick-active{ background:url(../images/ico1on.png) center no-repeat;}


.indexPart1{ padding: 0 60px; }
.indexPart1 .bigBox{ background: #fff; padding: 89px 90px 85px; overflow: hidden;}
.indexPart1 .leftDiv, .indexPart1 .rightDiv{ width: 50%; }
.indexPart1 .imgDiv{ padding-right: 13.5%; }
.indexPart1 .imgDiv img{ width: 100%; }
.indexPart1 .txt1{ font-size: 60px; color: #393939; padding-top: 30px; font-family:aparaj;}
.indexPart1 .txt2{ font-size: 18px; color: #000; }
.indexPart1 .content{ color: #484848; font-size: 13px; line-height: 36px; padding-top: 45px; padding-right: 22%; padding-bottom: 45px;}
.indexPart1 .btnDiv a{ display: block; width: 117px; height: 38px; line-height: 38px; background: #f7fafb; border:#d9dee0 solid 1px; color: #232227; text-align: center; }

.indexPart2{ padding: 60px; }
.indexPart2 .bigBox{ position: relative; }
.indexPart2 .bigBox a{ display: block; width: 100%; height: 100%; }
.indexPart2 .bigImg img{ width: 100%; }
.indexPart2 .ico{ position: absolute; left: 50%; top: 50%; width: 102px; height: 59px; margin-left: -51px; margin-top: -30px; z-index: 5; }

.indexPart2Tel{ padding: 20px 10px; }
.indexPart2Tel .bigBox{ position: relative; }
.indexPart2Tel .bigBox a{ display: block; width: 100%; height: 100%; }
.indexPart2Tel .bigImg img{ width: 100%; }
.indexPart2Tel .ico{ position: absolute; left: 50%; top: 50%; width: 70px; height: 40px; margin-left: -35px; margin-top: -20px; z-index: 5; }
.indexPart2Tel .ico img{ width: 70px; }

.indexPart3{ padding: 0 60px; }
.indexPart3 .bigBox{ background: #fff; }
.indexPart3 .tou{ padding: 0 90px; height: 172px; position: relative;}
.indexPart3 .txt1{ font-size: 60px; color: #393939; padding-top: 45px; font-family:aparaj;}
.indexPart3 .txt2{ font-size: 18px; color: #000; }
.indexPart3 .tab2{ position: absolute; right: 90px; top: 78px; }
.indexPart3 .tab2 li{ float: left; margin-left: 62px; font-size: 14px; color: #0e0e0e; height: 32px;}
.indexPart3 .tab2 .liNow{ border-bottom: #4b4b4b solid 1px; }
.indexPart3 .tabContentDiv2{ border-top: #f2f2f2 solid 1px; }
.indexPart3 .list li{ float: left; width: 33.33%}
.indexPart3 .list li .box{ border-right:#f2f2f2 solid 1px;  height: 320px;}
.indexPart3 .list li .boxbox{ position: relative; padding-left: 50%; height: 310px; border: #fff solid 5px; -webkit-box-shadow: 0px 0px 20px 2px hsla(230,9%,48%,.1) inset; box-shadow: 0px 0px 20px 2px hsla(230,9%,48%,.1) inset;}
.indexPart3 .list li .imgDiv{ position: absolute; left: 10%; top: 20%; }
.indexPart3 .list li .name{ padding-top: 90px; font-size: 16px; color: #232227; padding-bottom: 10px;}
.indexPart3 .list li .msg{ color: #bcbcbd; padding-bottom: 25px;}
.indexPart3 .list li .btnDiv{width: 120px; height: 40px;}
.indexPart3 .list li .btnDiv a{ display: block; width: 118px; height: 38px; line-height: 38px; border: #d9dee0 solid 1px; background: #f7fafb; color: #232227; text-align: center;}
.indexPart3 .list .li01 .box{ height: 641px; }
.indexPart3 .list .li01 .boxbox{ height: 631px; padding-left: 0px;}
.indexPart3 .list .li01 .imgDiv{ position: relative; text-align: center; padding-top: 64px; left: 0px; top: 0px; }
.indexPart3 .list .li01 .price{ padding: 50px 0 20px; font-size: 28px; color: #666568; text-align: center;  font-family:aparaj;}
.indexPart3 .list .li01 .name{ font-weight: bold; text-align: center; font-size: 18px; padding-top: 0px; }
.indexPart3 .list .li01 .msg{ padding-top: 15px; text-align: center;}
.indexPart3 .list .li01 .btnDiv{ margin: 0 auto; }
.indexPart3 .list .li02 .box{ border-bottom: #f2f2f2 solid 1px; }
.indexPart3 .list li:hover .boxbox{ -webkit-box-shadow: 0 0px 20px 2px hsla(230,9%,48%,.2) inset; box-shadow: 0 0px 20px 2px hsla(230,9%,48%,.2) inset;}

.indexPart4{ padding: 60px 60px 0; }
.indexPart4 .bigBox{ background: #fff; }
.indexPart4 .tou{ padding: 0 90px; height: 172px; position: relative; border-bottom: #f5f5f5 solid 1px;}
.indexPart4 .txt1{ font-size: 60px; color: #393939; padding-top: 45px; font-family:aparaj;}
.indexPart4 .txt2{ font-size: 18px; color: #000; }
.indexPart4 .more{ position: absolute; right: 90px; top: 78px; }
.indexPart4 .more a{ display: block; font-size: 14px; color: #0e0e0e; height: 32px; border-bottom: #4b4b4b solid 1px; }
.indexPart4 .list{ padding: 93px 90px 130px; }
.indexPart4 .list ul{ margin-right: -60px; }
.indexPart4 .list li{ float: left; width: 33.33%; }
.indexPart4 .list li .box{ margin-right: 60px; }
.indexPart4 .list li .imgDiv{ position: relative; }
.indexPart4 .list li .imgDiv img{ width: 100%; }
.indexPart4 .list li .name{ padding-top: 50px; font-weight: bold; font-size: 18px; height: 28px; line-height: 28px; overflow: hidden; text-align: center;}
.indexPart4 .list li .name a{ display: block; color: #232227;}
.indexPart4 .list li .name a:hover{ text-decoration: underline; }
.indexPart4 .list li .msg{ color: #6f6f6f; font-size: 13px; text-align: center; padding-top: 20px; height: 48px; line-height: 24px; overflow: hidden;}
.indexPart4 .list li .time{ text-align: center; color: #4c4c4c; font-size: 16px; font-family:aparaj;}
.indexPart4 .list li .hideBox{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/bg2.png) repeat; display: none; z-index: 5; }
.indexPart4 .list li .hideBox a{ display: block; width: 100%; height: 100%; }
.indexPart4 .list li .btnDiv{ position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -20px; width: 120px; height: 40px; background: #303030; color: #fff; text-align: center; line-height: 40px; }

.news{ padding-top: 45px; }
.news .list ul{ margin-right: -56px; }
.news .list li{ float: left; width: 33.33%; margin-bottom: 50px; max-height:468px;}
.news .list li .box{ margin-right: 56px; background: #fff; padding: 8% 8% 105px;}
.news .list li .imgDiv{ position: relative; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .name{ padding-top: 50px; font-weight: bold; font-size: 18px; height: 28px; line-height: 28px; overflow: hidden; text-align: center;}
.news .list li .name a{ display: block; color: #232227;}
.news .list li .name a:hover{ text-decoration: underline; }
.news .list li .msg{ color: #6f6f6f; font-size: 13px; text-align: center; padding-top: 20px; height: 48px; line-height: 24px; overflow: hidden;}
.news .list li .time{ text-align: center; color: #4c4c4c; font-size: 16px; font-family:aparaj;}
.news .list li .hideBox{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/bg2.png) repeat; display: none; z-index: 5; }
.news .list li .hideBox a{ display: block; width: 100%; height: 100%; }
.news .list li .btnDiv{ position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -20px; width: 120px; height: 40px; background: #303030; color: #fff; text-align: center; line-height: 40px; }
.news .list li:hover .box{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);}

.newShowBox{ padding-bottom: 45px; }
.newShow{ background: #fff; padding: 115px 190px 100px;}
.newShow .name{ text-align: center; color: #232227; font-size: 32px; padding-bottom: 20px;}
.newShow .time{ text-align: center; color: #4c4c4c; font-size: 16px;  font-family:aparaj; padding-bottom: 40px; border-bottom: #f2f2f2 solid 1px;}
.newShow .contentBox{ padding: 50px 0 65px; }
.newShow .videoImg, .newShow .imgDiv{ text-align: center; }
.newShow .videoImg img, .newShow .imgDiv img{ max-width: 900px; }
.newShow .content{ padding: 30px 0; line-height: 36px; font-size: 15px; color: #484848; text-align: center; }

.pageDown{ border-top: #f2f2f2 solid 1px; padding-top: 70px; position: relative;}
.pageDown .list li{ height: 28px; line-height: 28px; overflow: hidden; color: #251e1e;}
.pageDown .list li a{ color: #646464; }
.pageDown .list li a:hover{ text-decoration: underline; }
.pageDown .share{ position: absolute; right: 0px; top: 70px; }
.pageDown .share li{ float: left; width: 40px; height: 40px; margin-left: 10px; }

.video{ padding-top: 45px; }
.video .list ul{ margin-right: -60px; }
.video .list li{ float: left; width: 50%; margin-bottom: 60px;}
.video .list li .box{ margin-right: 60px; background: #fff; padding: 40px 45px 0; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.video .list li .imgDiv{ position: relative; }
.video .list li .imgDiv img{ width: 100%; }
.video .list li .ico{ position: absolute; left: 50%; top: 50%; margin-left: -43px; margin-top: -25px; width: 86px; height: 50px; background: url(../images/nimg102_1.png) no-repeat; background-size: 86px;}
.video .list li .name{ font-weight: bold; font-size: 18px; height: 105px; line-height: 105px; overflow: hidden; text-align: center; color: #232227;}
.video .list li:hover .box{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.about{ background: #fff; padding: 110px 0 50px; }
.about .part1{ padding: 0 6.66%; position: relative; }
.about .part1 .pageTitle{ position: absolute; left: 6.66%; top: 0px; }
.about .part1 .rightDiv{ padding-left: 25%; }
.about .part1 .content{ color: #484848; font-size: 15px; line-height: 38px; padding-bottom: 90px; }
.about .part1 .list{ padding-bottom: 110px; }
.about .part1 .list ul{ margin-right: -110px; }
.about .part1 .list li{ float: left; width: 50%; }
.about .part1 .list li .box{ position: relative; padding-left: 140px; margin-right: 110px;}
.about .part1 .list li .ico{ position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; background: url(../images/nimg100_1.png) no-repeat;}
.about .part1 .list li .ico2{ background: url(../images/nimg100_2.png) no-repeat;}
.about .part1 .list li .name1{ padding-top: 28px; color: #fff; text-align: center; font-size: 26px; }
.about .part1 .list li .name2{ text-align: center; color: #fff; font-family:aparaj; font-size: 16px;}
.about .part1 .list li .wen{ line-height: 36px; font-size: 20px; color: #484848; font-weight: bold; padding-top: 10px;}
.about .part1 .list li .msg{ line-height: 36px; font-size: 15px; color: #484848; padding: 40px 0 55px; position: relative;}
.about .part1 .list li .msg em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 48px; height: 1px; background: #c4c4c4; }
.about .bigImg img{ width: 100%; }
.about .part2{ padding: 100px 6.66% 10px; }
.about .part2 .list{ padding-top: 100px; overflow: hidden;}
.about .part2 .list ul{ margin-right: -200px; }
.about .part2 .list li{ float: left; width: 33.33%; height: 360px; margin-bottom: 70px;}
.about .part2 .list li .box{ padding-left: 100px; position: relative; margin-right: 200px;}
.about .part2 .list li .ico{ position: absolute; left: 0px; top: 0px; }
.about .part2 .list li .name1{ padding-top: 10px; font-size: 26px; color: #000; font-weight: bold; }
.about .part2 .list li .name2{ position: relative; padding-top: 5px; height: 30px;  color: #a3a3a3; display: block; font-size: 16px; font-family:aparaj;}
.about .part2 .list li .name2 em{ position: absolute; left: 0px; bottom: 0px; width: 18px; height: 1px; background: #c4c4c4; display: block; }
.about .part2 .list li .msg{ padding-top: 25px; font-size: 15px; color: #484848; line-height: 36px; }

.history{ background: #fff; padding: 90px 5% 10px; }
.history .pageTitle{ padding-bottom: 75px; padding-left: 1.66%;}
.history .list li{ min-height: 249px; border-top: #f1f1f1 solid 1px; position: relative; padding: 86px 30.8% 86px 23.8%;}
.history .list li .year{ position: absolute; left: 1.66%; top: 86px; color: #aeaeae; font-size: 16px; font-family:aparaj;}
.history .list li .year b{ display: block; font-size: 80px; color: #393939; line-height: 56px; }
.history .list li .year span{ letter-spacing: 10px; text-transform: uppercase; }
.history .list li .imgDiv{ position: absolute; right: 1.66%; top: 86px; }
.history .list li .subList dd{ font-size: 15px; color: #484848; line-height: 36px; }

.product{ padding-top: 55px; position: relative; padding-bottom: 52px;}
.product .tab2{ position: absolute; left: 0px; width: 100%; top: 80px; text-align: center; }
.product .tab2 li{ display: inline-block; margin: 0 30px; font-size: 14px; color: #0e0e0e; height: 32px;}
.product .tab2 .liNow{ border-bottom: #4b4b4b solid 1px; }
.product .list{ padding-top: 45px; }
.product .list ul{ margin-right: -18px; }
.product .list li{ float: left; width: 33.33%; margin-bottom: 18px;}
.product .list li .box{ position: relative; padding-left: 50%; height: 310px; background: #fff; margin-right: 18px;}
.product .list li .imgDiv{ position: absolute; left: 10%; top: 20%; }
.product .list li .name{ padding-top: 90px; font-size: 16px; color: #232227; padding-bottom: 10px;}
.product .list li .msg{ color: #bcbcbd; padding-bottom: 25px;}
.product .list li .btnDiv{width: 120px; height: 40px;}
.product .list li .btnDiv a{ display: block; width: 118px; height: 38px; line-height: 38px; border: #d9dee0 solid 1px; background: #f7fafb; color: #232227; text-align: center;}


.productShow{ padding: 0 60px 32px; }
.productShow .part1{ padding: 80px 5%; margin-bottom: 60px; background: #fff url(../images/line3.jpg) center repeat-y; overflow: hidden;}
.productShow1{ position: relative; width: 37%; padding-right: 13%; }
.productShow1 .bigImg{border:#e8e8e8 solid 1px; position:relative;}
.productShow1 .bigImg img{ width: 100%;}
.productShow1 .list{width:57px; overflow:hidden; position: absolute; right: 13%; top: 0px;}
.productShow1 li{ width:57px; height:57px; margin-bottom:17px; position:relative;}
.productShow1 li img{ border:#e8e8e8 solid 1px; width: 55px; height: 55px;}
.productShow1 .liNow img{ border:#3d3d3d solid 1px;}

.productPic{ position:relative; padding-bottom:20px;}
.productPic .agentlist{ padding:15px 20px;}
.productPic .agentlist .slick-slide{float:left; margin:0 6px;}
.productPic .slick-slide .ico{ border:#e8e8e8 solid 1px;}
.productPic .slick-slide img{ width:100%;}
.productPic .agentlist .slick-current .ico{ border:#3d3d3d solid 1px;}
.productPic .slick-prev{ cursor:pointer; position:absolute; background:url(../images/nimg8_left.png) no-repeat left center; width:8px; height:23px; top:50%; margin-top:-14px; left:0px; z-index:22}
.productPic .slick-next{ cursor:pointer; background: url(../images/nimg8_right.png) no-repeat right center; width: 8px; height: 23px; position: absolute; top:50%; margin-top:-14px; right: 0px; z-index:22}
.productPic .slider-for .box{ position:relative;}
.productPic .slider-for .imgDiv{ border:#ececec solid 1px;}
.productPic .slider-for .imgDiv img{ width:100%;}


.productShow2{ padding-left: 13%; width: 37%; }
.productShow2 .name{ padding-top: 60px; font-size: 36px; color: #363636; border-bottom: #efefef solid 1px; padding-bottom: 25px;}
.productShow2 .content{ font-size: 14px; color: #717171; line-height: 42px; padding-top: 30px; padding-right: 20%;}
.productShow2 .price{ padding: 40px 0 70px; font-size: 36px; color: #ff8158; font-family:aparaj;}
.productShow2 .btnList{ padding-right: 20%; }
.productShow2 .btnList ul{ margin-right: -16px; }
.productShow2 .btnList li{ float: left; width: 33.33%; }
.productShow2 .btnList li div{ margin-right: 16px; }
.productShow2 .btnList li a{ display: block; height: 44px; background: #414141; line-height: 44px; text-align: center; color: #fff;}
.productShow2 .btnList li img{ padding-right: 16px; }

.productShow .part2{ background: #fff; padding: 90px 0 45px;}
.productShow .part2 .longImg{ text-align: center; padding-bottom: 115px; }
.productShow .part2 .longImg img{ max-width: 1000px; }
.productShow .part2 .botDiv{ border-top: #f5f5f5 solid 1px; padding-top: 50px; }
.productShow .part2 .keywords{ text-align: center; }
.productShow .part2 .keywords li{ color: #949494; padding: 0 22px; display: inline-block; margin: 0 5px; height: 32px; line-height: 32px; background: #f4f4f4; border-radius: 4px; -moz-border-radius:4px;}
.productShow .part2 .share{ padding-top: 30px; text-align: center;}
.productShow .part2 .share li{ display: inline-block; margin: 0 5px; width: 40px; height: 40px; }

.agentBox{ padding: 0 60px 45px; }
.agent{ position: relative; }
.agent .bigImg img{ width: 100%; }
.agent .txtDiv{ position: absolute; left: 0px; width: 100%; text-align: center; top: 24.24%;}
.agent .txtDiv .txt1{ font-size: 60px;  font-family:aparaj; color: #393939; line-height: 50px;}
.agent .txtDiv .txt2{ font-size: 18px; color: #000; }
.agent .form{ position: absolute; left: 58%; top: 46.8%; width: 100px; /*height: 53px;*/ margin-left: -290px; /*background: #fff;*/}
.agent .form .input1{ width: 100%; height: 53px; line-height: 53px; text-indent: 30px; font-size: 13px; color: #939393; }
.agent .form .btn1{ position: absolute; right: 0px; top: 0px; width: 150px; height: 53px; line-height: 53px; background: #343434; color: #fff; font-size: 16px; text-align:center;}
.agent .form .btn2{ position: absolute; right: -255px; top: 0px; width: 150px; height: 53px; line-height: 53px; background: #343434; color: #fff; font-size: 16px; text-align:center;}
.agent .form .btn3{ position: absolute; right: -480px; top: 0px; width: 100px; height: 53px; line-height: 53px; background: #343434; color: #fff; font-size: 16px; text-align:center;}

.contactBox{ overflow: hidden; }
.contactBox .leftImg{ width: 42%; }
.contactBox .leftImg img{ width: 100%; }
.contactBox .rightDiv{ padding: 0 8.5%; width: 41%; }
.contactBox .txtDiv{ text-align: center; padding-top: 23.5%;}
.contactBox .txtDiv .txt1{ font-size: 60px; color: #393939; font-family:aparaj; line-height: 50px;}
.contactBox .txtDiv .txt2{ font-size: 18px; color: #000; }
.contactBox .list{ padding-top: 10%; }
.contactBox .list ul{ margin-right: -48px; }
.contactBox .list li{ float: left; width: 33.33%; margin-bottom: 48px;}
.contactBox .list li .box{ padding-bottom: 30px; margin-right: 48px; background: #fafafa; border: #eee solid 1px; border-radius: 8px; -moz-border-radius:8px;}
.contactBox .list li .ewm{ padding-top: 42px; text-align: center; }
.contactBox .list li .name{ text-align: center; font-size: 15px; color: #393939; padding-top: 40px; }

.join{ padding-bottom: 12px; }
.join .part1 .bigBox{ position: relative; }
.join .part1 .bigBox .bigImg{ display: block; width: 100%; max-height: 853px; }
.join .part1 .bigBox .text-cover__img{ width: 100%; max-height: 853px; }
.join .part1 .bigImg img{ width: 100%; }
.join .part1 .ico{ position: absolute; left: 50%; top: 50%; width: 102px; height: 59px; margin-left: -51px; margin-top: -30px; z-index: 5; }

.join .part1Tel .bigBox{ position: relative; }
.join .part1Tel .bigBox a{ display: block; width: 100%; height: 100%; }
.join .part1Tel .bigImg img{ width: 100%; }
.join .part1Tel .ico{ position: absolute; left: 50%; top: 50%; width: 70px; height: 40px; margin-left: -35px; margin-top: -20px; z-index: 5; }
.join .part1Tel .ico img{ width: 70px; }
.join .part2{ margin-top: 55px; background: #fff; padding: 88px 0 80px; }
.join .part2 .txt1{ text-align: center; font-size: 60px; color: #393939; font-family:aparaj; line-height: 50px;}
.join .part2 .txt2{ text-align: center; font-size: 18px; color: #000;}
.join .part2 .list{ text-align: center; padding-top: 50px; }
.join .part2 .list li{ margin: 0 20px; display: inline-block; }
.join .part2 .list li a{ display: block; width: 100%; height: 100%; }
.join .part2 .list li .box{ border: #eee solid 1px; background: #fafafa; height: 404px; width: 380px; border-radius: 8px; -moz-border-radius:8px;}
.join .part2 .list li .ico{ padding: 82px 0 98px; }
.join .part2 .list li .name1{ font-size: 18px; color: #393939; padding-bottom: 5px;}
.join .part2 .list li .name2{ text-transform: uppercase; font-size: 30px; color: #393939; position: relative; height: 42px; font-family:aparaj;}
.join .part2 .list li .name2 em{ position: absolute; left: 50%; bottom: 0px; width: 18px; height: 1px; margin-left: -9px; background: #a2a2a2; }
.join .part3{ position: relative; margin-top:50px;}
.join .part3 .bigImg img{ width: 100%; }
.join .part3 .ewmDiv{ position: absolute; left: 50%; top: 50%; width: 254px; height: 302px; margin-left: -127px; margin-top: -151px; background: #fff; }
.join .part3 .ewm{ padding-top: 22px; text-align: center; }
.join .part3 .ewmDiv p{ font-size: 18px; color: #000; padding-top: 20px; text-align: center;}
.join .part4{ margin-top: 50px; background: #fff; padding: 125px 9% 150px; }
.join .part4 .leftDiv{ width: 25%; }
.join .part4 .wen{ padding-top: 40px; font-size: 60px; color: #3f3c3c; font-weight: bold; padding-bottom: 25px; }
.join .part4 .msg1{ color: #353535; font-size: 22px; line-height: 38px;}
.join .part4 .msg2{ padding-top: 15px; color: #ececec; }
.join .part4 .rightImg{ width: 55%; }
.join .part4 .rightImg img{ width: 100%; }