body { font-size: 16px; color: #666; }
.icons { background: url(../images/icnos.png) no-repeat; }
.container { max-width: 1200px; width: 100%; margin: 0 auto; }
.flex { display: flex; flex-direction: row; justify-content: center; align-items: center }
.flex.flex-bottom { align-items: flex-end; }
.header { background: #f5f5f5; height: 90px; line-height: 90px; }
.header .container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.header ul.nav { display: flex; flex-direction: row; }
.header ul.nav li.l1,header ul.nav li.l1 a{width:90px;}
.header ul.nav li.l2,header ul.nav li.l2 a{width:156px;}
.header ul.nav li.l3,header ul.nav li.l3 a{width:161px;}
.header ul.nav li.l4,header ul.nav li.l4 a{width:110px;}
.header ul.nav li.l5,header ul.nav li.l5 a{width:85px;}
.header ul.nav li a { display:block;padding-right: 10px; padding-bottom: 7px; margin: 0 5px; position: relative; transition: all .2s; -webkit-transition: all .2s;  -moz-transition: all .2s; }
.header ul.nav li a:before { content: ''; position: absolute; left: 0; bottom: 34px; width: 0; height: 2px; background: #e60020; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.header ul.nav li:hover a, .header ul.nav li.active a { color: #e60020; font-weight: bold; }
.header ul.nav li:hover a:before, .header ul.nav li.active a:before { width: 100%; }
.header .language_select { border-left: 1px solid #d6d6d6; width: 120px; height: 46px; position: relative; font-size: 14px; }
.header .language_select:before { content: ''; position: absolute; right: 0; top: 18px; width: 10px; height: 10px; background: url(../images/icnos.png) no-repeat; background-position: -50px -42px; transform: rotate(-90deg); transform: rotate(-90deg); }
.header .language_select.show:before { right: 0; top: 20px; background-position: -50px -42px; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.header .language_select dl { width: 100%; height: 46px; position: relative; cursor: pointer; }
.header .language_select dt { width: 100%; height: 46px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.header .language_select dd { display: none; position: absolute; left: -5px; width: 130px; background: url(../images/language_select-bg.png) no-repeat; padding-top: 7px; z-index: 8; }
.header .language_select dd ul { background: #fff; border: 1px solid #d6d6d6; border-top: none; padding: 10px 0; }
.header .language_select dd ul li { padding: 0 18px; }
.header .language_select dd ul li:hover { background: #f0f0f5; }
.header .language_select dd ul li a { height: 20px; padding: 12px 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-bottom: 1px solid #f5f5f5; }
.header .language_select dd ul li:last-child a { border: none; }
.header .language_select dd ul li a span { height: 20px; line-height: 20px; }
.header .china, .header .jp, .header .english, .header .korea { width: 26px; height: 18px; display: inline-block; margin-right: 5px; }
.header .china { background-position: 0 0; }
.header .english { background-position: -34px 0; }
.header .jp { background-position: -68px 0; }
.header .korea { background-position: -102px 0; }
.header .menu { display: none; }
.header .header-msg-btn { display: none; }
/*mobile*/
.header .menu { width: 2.7rem; flex-direction: column; justify-content: center; }
.header .menu img { width: .8rem; }
.header .header-msg-btn { width: 2.7rem; font-size: .5rem; color: #E60020; }
.footer { background: #222; padding: 60px 0; }
.footer .box { display: flex; flex-direction: row; justify-content: space-between; align-content: flex-start; }
.footer .box dl dt { font-size: 26px; color: white; }
.footer .box dl dd { margin-top: 25px; }
.footer .box dl dd ul li { font-size: 20px; line-height: 1.7; color: #bbb; }
.footer .box dl dd ul li a { text-decoration: underline; }
.footer .box dl dd ul li a img {width:30px;}
.footer .box dl dd ul li.share {justify-content: flex-start;}
.footer .box dl dd ul li.share a {margin-right:10px;}
.footer .box dl.address { padding-right: 50px; }
.footer .box dl.link { padding: 0 50px; }
.footer .box dl.link dd { position: relative; }
.footer .box dl.link dd:before, .footer .box dl.link dd:after { content: ''; position: absolute; top: 0; height: 100px; border-left: 1px solid #393939; }
.footer .box dl.link dd:before { left: -50px; }
.footer .box dl.link dd:after { right: -50px; }
.footer .box dl.footer-msg { padding-left: 50px;width:380px; }
.footer .box dl.footer-msg dd { margin-top: 20px; }
.footer .box dl.footer-msg dd li { margin-top: 10px; }
.footer .box dl.footer-msg dd li div { background: #2f2f2f; border-radius: 5px; width: 155px; height: 38px; line-height: 38px; font-size: 16px; text-align: center; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.footer .box dl.footer-msg dd li div img { display: inline-block; margin-left: 5px; }
.footer .box dl.footer-msg dd li .msg-tel {margin-left: 10px; }
.footer .box dl.footer-msg dd li .footer-msg-btn { width: 105px; height: 50px; line-height: 1; color: #999; font-size: 16px; cursor: pointer; margin-left: 10px; }
.footer .box dl.footer-msg dd li .footer-msg-btn.active { background: #ad0003; color: #fff; }
.footer .box dl.footer-msg dd li .footer-msg-btn.active:active { box-shadow: 0 0 35px rgba(0,0,0,.2) inset; }
.footer .box dl.footer-msg dd input, .footer .box dl.footer-msg dd textarea { background: #2f2f2f; border-radius: 5px; border: none; padding: 0 15px; color: white; font-size: 16px; }
.footer .box dl.footer-msg dd input { width: 347px; height: 38px; }
.footer .box dl.footer-msg dd textarea { width: 230px; height: 54px; padding: 10px 15px; }
.footer .box dl.footer-msg dd input::-webkit-input-placeholder {
color:#666;
}
.footer .box dl.footer-msg dd input::-moz-placeholder {
color:#666;
}
.footer .box dl.footer-msg dd textarea::-webkit-input-placeholder {
color:#666;
}
.footer .box dl.footer-msg dd textarea::-moz-placeholder {
color:#666;
}
.footer select.country { width: 150px; padding-left: 12px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/footer-msg-icons.png) no-repeat; background-position: 135px 1px; background-color: none; text-align: center; color: #bebebe; font-size: 16px; border: none; cursor: pointer; }
.footer select.country option { color: black; }
.dialog-shadow { display: none; width: 0; height: 0; }
.menu-list { position: fixed; top: 0; left: 0; width: 6rem; height: 100%; background: #fff; z-index: 10; display: none; }
.menu-list ul { padding: 2rem .8rem .8rem .8rem; }
.menu-list ul li { border-bottom: 1px solid #e1e1eb;}
.menu-list ul li a { padding-left: .2rem; display: table-cell;vertical-align: middle; font-size: .5rem; height: 1.6rem; }
.menu-list ul li a i { vertical-align: -4px; }
.menu-list .menu-close { position: absolute; left: .8rem; top: .8rem; width: .6rem; height: .6rem; }
.menu-list .menu-close img { display: block; width: 100%; }
.menu-list .wap-language-select-btn { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding-left: 1.2rem; height: 1rem; line-height: 1rem; }
.menu-list .wap-language-select-btn img { width: .1rem; }
.menu-list .wap-language-select-btn span { margin: 0 5px; }
.menu-list.wap-language-select ul { padding: 3.2rem .8rem .8rem .8rem; }
.menu-list.wap-language-select ul li:last-child { border: none; }
.banner .index-banner { display: block; max-width: 1920px;height:450px; margin: 0 auto; }
.banner .index-banner .item {
  display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 color:white;
 font-family: Arial, sans-serif;outline: none;
}
.banner .index-banner .item-1 {
 background: url("../images/index-banner-pic-1.jpg") no-repeat center center;
}
.banner .index-banner .item-2 {
 background: url("../images/index-banner-pic-2.jpg") no-repeat center center;
}
.banner .index-banner .item div {
 font-size: 50px;
 font-weight: bold;
 letter-spacing: -.02em;
}
.banner .index-banner .item p {
 font-size: 24px;
 margin:25px 0;
}
.banner .index-banner .item a {
 display: block;
 background: #ad0002;
 padding:20px 40px;
 font-size:24px;
 transition: all ease .3s;
}
.banner .index-banner .item a:active {
 box-shadow: 0 0 30px rgba(0,0,0,.3) inset;
}
.banner .index-banner .item a span {
 margin-left:10px;
}
.banner .wap-index-banner { display: none; }
.banner .wap-index-banner .item {
 height:340px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 color:white;
 text-align: center;
 font-family: Arial, sans-serif;outline: none;
}
.banner .wap-index-banner .item-1 {
 background: url("../images/wap-index-banner-pic-1.jpg") no-repeat center center;
}
.banner .wap-index-banner .item-2 {
 background: url("../images/wap-index-banner-pic-2.jpg") no-repeat center center;
}
.banner .wap-index-banner .item div {
 font-size: 26px;
 font-weight: bold;
 letter-spacing: -.02em;
}
.banner .wap-index-banner .item p {
 font-size: 20px;
 margin:25px 0;
}
.banner .wap-index-banner .item a {
 display: block;
 background: #ad0002;
 padding:10px 20px;
 font-size:18px;
 transition: all ease .3s;
}
.banner .wap-index-banner .item a:active {
 box-shadow: 0 0 30px rgba(0,0,0,.3) inset;
}
.banner .wap-index-banner .item a span {
 margin-left:10px;
}
.banner { width: 100%; }
.banner img { display: block; width: 100%; }
.banner .index-banner .swiper-slide { width: 100%; height: 450px!important; background-size: 100% 100%!important; }
.banner .swiper-pagination-bullet { border-radius: 100px; border: 2px solid #fff; opacity: .2; margin: 0 7px!important; }
.banner .swiper-pagination-bullet { width: 10px; height: 10px; }
.banner .swiper-pagination-bullet-active { opacity: 1; width: 14px; height: 18px; border: none; vertical-align: -4px; background: url(../images/banner-page-ico.png) no-repeat; }
.banner .swiper-pagination { bottom: 20px!important; }
.banner .swiper-button-next, .banner .swiper-button-prev { background-image: url(../images/banner-btn.png)!important; background-size: 74px 72px!important; width: 37px; height: 72px; opacity: .5; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.banner .swiper-button-next { background-position: -37px 0!important; right: 70px; }
.banner .swiper-button-prev { background-position: 0 0!important; left: 70px; }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { opacity: 1; }
.banner .wap-index-banner .swiper-pagination-bullet { width: .2rem; height: .2rem; }
.banner .wap-index-banner .swiper-pagination-bullet-active { opacity: 1; width: .3rem; height: .4rem; border: none; vertical-align: -.12rem; background: url(../images/banner-page-ico.png) no-repeat; background-size: 100% auto; }
.index-advantage { background: white; }
.index-advantage ul { height: 280px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.index-advantage ul li {width:25%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.index-advantage ul li .infor { margin-left: 8px; }
.index-advantage ul li h3 img { display: none; }
.index-advantage ul li h3 { font-size: 20px; color: #060606; }
.index-advantage ul li p { font-size: 14px; color: #999; }
.index-reason { background: #ebebf0; padding: 50px 0; }
.index-reason h3 { font-size: 26px; font-weight: bold; color: #333; }
.index-reason h3 div { display: inline-block; padding: 15px; background: #f3f3f6; }
.index-reason ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 130px; }
.index-reason ul li { width: 200px; height: 270px; background: white; position: relative; transition: all ease .4s; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; }
.index-reason ul li:nth-child(even) { margin-top: 50px; }
.index-reason ul li i { font-size: 90px; width: 100%; text-align: center; font-weight: bold; font-style: italic; position: absolute; left: 0; top: -125px; color: #dcdce0; }
.index-reason ul li img { position: absolute; top: -45px; left: 15px; }
.index-reason ul li .infor { padding-top: 150px; padding: 140px 15px 0; text-align: center; }
.index-reason ul li .infor h4 {    font-size: 16px;
 color: #333;
 font-weight: bold;
 margin-bottom: 8px;}
.index-reason ul li .infor p { font-size: 16px; color: #666; line-height: 1.3; }
.index-reason ul li:hover { box-shadow: 0 0 60px rgba(0,0,0,.25); }
.index-show { height: 850px; max-width: 1920px; margin: 0 auto; padding-top: 80px; overflow: hidden; }
.index-show .container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.index-show .swiper-button-next { right: 300px!important; }
.index-show .swiper-button-prev { left: 720px!important; }
.index-show .swiper-pagination { left: 210px!important; }
.index-show h3 { width: 400px; text-align: left; font-size: 40px; font-weight: bold; color: #333; position: relative; }
.index-show h3 div { position: relative; z-index: 1; }
.index-show h3 p { position: absolute; top: 15px; font-size: 50px; font-weight: normal; color: #ededed; width: 100%; font-family: Candara, arial; }
.index-show ul { display: flex; flex-direction: row; }
.index-show ul li { cursor: pointer; padding: 10px; margin: 0 5px; position: relative; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.index-show ul li:before { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: #e60020; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
/*.index-show ul li:hover,*/
.index-show ul li.active { color: #e60020; font-weight: bold; }
/*.index-show ul li:hover:before,*/
.index-show ul li.active:before { width: 100%; }
.index-show .box { position: relative; left: 0; }
.index-show .box .banner { display: none; width: 3600px; margin: 80px auto 0; margin-left: -420px; }
.index-show .box .banner.show { display: block; }
.index-show .box .swiper-slide img { width: 1200px; height: 600px; }
.index-show .box .swiper-slide-next { box-shadow: 0 0 30px rgba(0,0,0,.3); }
.index-swiper .swiper-slide img { width: 100%; box-shadow: 0 0 30px rgba(0,0,0,.3); }
.index-swiper .swiper-container { overflow: initial; }
.index-show .swiper-box { margin-top: 50px; }
.index-lb .box .index-swiper1 { width: 2340px; left: calc(50% - 1385px); }
.index-show .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 100px; border: 2px solid #fff; opacity: .2; margin: 0 7px!important; }
.index-show .swiper-pagination-bullet-active { opacity: 1; width: 14px; height: 18px; border: none; vertical-align: -4px; background: url(../images/banner-page-ico.png) no-repeat; }
.index-show .swiper-pagination { bottom: 20px!important; }
.index-show .swiper-button-next, .index-show .swiper-button-prev { background-image: url(../images/banner-btn.png)!important; background-size: 74px 72px!important; width: 37px; height: 72px; opacity: .5; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.index-show .swiper-button-next { background-position: -37px 0!important; right: 70px; }
.index-show .swiper-button-prev { background-position: 0 0!important; left: 70px; }
.index-show .swiper-button-next:hover, .index-show .swiper-button-prev:hover { opacity: 1; }
.index-distribution { background: #ebebf0; padding: 70px 0; }
.index-distribution h3 { text-align: center; font-size: 40px; font-weight: bold; color: #333; position: relative;z-index:1; }
.index-distribution h3 div { position: relative; z-index: 1; }
.index-distribution h3 p { position: absolute; top: 15px; font-size: 50px; font-weight: normal; color: #ddd; width: 100%; font-family: Candara, arial; }
.index-distribution .maps { margin-top: 10px; background-size: 100% auto; background-position: top center; position: relative; }
.index-distribution .maps img.bg { width: 100%; }
.index-distribution .maps img.pic { transform: scale(0); position: absolute; left: 55%; top: 10%; z-index: 1; width: 36.66%; }
.index-distribution .maps ul { opacity: 0; position: absolute; bottom: 5%; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.index-distribution .maps ul li { max-width: 380px; width: 100%; height: 140px; border-radius: 3px; background: rgba(231,31,60,.8); color: white; text-align: center; margin: 0 10px; }
.index-distribution .maps ul li h4 { font-size: 60px; padding-top: 16px; }
.index-distribution .maps ul li p { font-size: 20px; padding: 0 10px; }
.index-distribution .maps.animation-map img.pic { animation: animation-map ease 2s forwards; -webkit-animation: animation-map ease 2s forwards; -moz-animation: animation-map ease 2s forwards; -o-animation: animation-map ease 2s forwards; }
@-webkit-keyframes animation-map {
 from {
transform: scale(0);
}
 to {
transform: scale(1);
}
}
@-moz-keyframes animation-map {
 from {
transform: scale(0);
}
 to {
transform: scale(1);
}
}
@-o-keyframes animation-map {
 from {
transform: scale(0);
}
 to {
transform: scale(1);
}
}
@keyframes animation-map {
 from {
transform: scale(0);
}
 to {
transform: scale(1);
}
}
.index-distribution .maps ul.animation-column { animation: animation-column ease 2s forwards; -webkit-animation: animation-column ease 2s forwards; -moz-animation: animation-column ease 2s forwards; -o-animation: animation-column ease 2s forwards; }
.index-distribution .maps ul.animation-row { animation: animation-row ease 2s forwards; -webkit-animation: animation-row ease 2s forwards; -moz-animation: animation-row ease 2s forwards; -o-animation: animation-row ease 2s forwards; }
@-webkit-keyframes animation-column {
 from {
bottom:-20%;
opacity: 0;
}
 to {
bottom:10%;
opacity: 1;
}
}
@-moz-keyframes animation-column {
 from {
bottom:-20%;
opacity: 0;
}
 to {
bottom:10%;
opacity: 1;
}
}
@-o-keyframes animation-column {
 from {
bottom:-20%;
opacity: 0;
}
 to {
bottom:10%;
opacity: 1;
}
}
@keyframes animation-column {
 from {
bottom:-20%;
opacity: 0;
}
 to {
bottom:10%;
opacity: 1;
}
}
@-webkit-keyframes animation-row {
 from {
margin-left:-20%;
opacity: 0;
}
 to {
margin-left:10%;
opacity: 1;
}
}
@-moz-keyframes animation-row {
 from {
margin-left:-20%;
opacity: 0;
}
 to {
margin-left:10%;
opacity: 1;
}
}
@-o-keyframes animation-row {
 from {
margin-left:-20%;
opacity: 0;
}
 to {
margin-left:10%;
opacity: 1;
}
}
@keyframes animation-row {
 from {
margin-left:-20%;
opacity: 0;
}
 to {
margin-left:0;
opacity: 1;
}
}
.p50 {
 width:45%!important;
}
.b50 {
 width:38%!important;
}
.dialog-message { position: fixed; bottom: 0; right: 0; z-index: 99999; }
.dialog-message dl dt { position: absolute; left: -170px; top: -220px; width: 170px; height: 118px; text-align: center; padding: 15px 20px 0; font-size: 15px; color: white; background: #df002e; box-sizing: border-box; cursor: pointer; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; }
.dialog-message dl dt i { width: 50px; height: 50px; display: block; margin: 0 auto; background: url(../images/dialog-msg-btn.png) no-repeat; background-position: center center; transition: all ease .3s; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; }
.dialog-message .show dt i { background: url(../images/dialog-msg-close.png) no-repeat; background-position: center center; }
.dialog-message dt p { transition: all ease 1s; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; }
.dialog-message .show dt p { display: none; }
.dialog-message .show dt { width: 68px; height: 68px; padding: 9px; left: -78px;       top: -587px; }
.dialog-message dl dd { display: none; position: absolute; left: -370px; top: -516px; width: 360px; background: #db0632; border-radius: 15px; padding: 15px; box-sizing: border-box; }
.dialog-message dl dd .dialog-box { position: relative; background: white; width: 330px;  border-radius: 20px; padding: 10px 20px; box-sizing: border-box; margin: 0 auto; }
.dialog-message dl dd .dialog-box > img { position: absolute;  width: 98px; left: -23px;  top: -65px;}
.dialog-message dl dd .dialog-box h3 { padding: 15px 0; margin-bottom: 30px; text-align: center; border-bottom: 1px solid #eff0f6; color: #0d0d0d; font-size: 22px; }
.dialog-message dl dd .dialog-box ul { display: flex; display: -webkit-flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.dialog-message dl dd .dialog-box ul li {     width: 145px; font-size: 14px; color: #333; margin-bottom: 10px; cursor: pointer; }
.dialog-message dl dd .dialog-box ul li:nth-child(2), .dialog-message dl dd .dialog-box ul li:nth-child(5) {     width: 145px; }
.dialog-message dl dd .dialog-box ul li i {    margin-right: 8px; display: inline-block; width: 16px; height: 16px; border: 1px solid #bfbfc7; box-sizing: border-box; background: white; vertical-align: -3px; }
.dialog-message dl dd .dialog-box ul li i.active { background: url(../images/dialog-message-icon-check.png) no-repeat; background-size: 100% 100%; border: none; }
.dialog-message dl dd .dialog-box textarea { width: 100%;    height: 68px;padding: 10px; font-size: 16px; background: #eee; border: none; box-sizing: border-box; margin-top: 10px; }
.dialog-message dl dd .dialog-box .input-group { margin-top: 10px; position: relative; }
.dialog-message dl dd .dialog-box .input-group input, .dialog-message dl dd .dialog-box .input-group select { background: #eee; border: none; height: 36px; line-height: 1; }
.dialog-message dl dd .dialog-box .input-group input { padding: 0 15px; }
.dialog-message dl dd .dialog-box .input-group input.name { width: 142px; }
.dialog-message dl dd .dialog-box .input-group input.tel { width: 102px; }
.dialog-message dl dd .dialog-box .input-group input.email { width: 100%; box-sizing: border-box; }
.dialog-message dl dd .dialog-box .input-group input.submit { width: 150px; height: 36px; line-height: 1; background: #ad0002; color: white; font-size: 14px; display: block; margin: 0 auto; box-shadow: 0 0 20px rgba(173,0,2,.5); cursor: pointer; }
.dialog-message dl dd .dialog-box .input-group input.submit:active { box-shadow: 0 0 20px rgba(173,0,2,.5), 0 0 30px rgba(0,0,0,.4) inset; }
.dialog-message dl dd .dialog-box .input-group select { padding-left: 15px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/dialog-msg-select-ico.png) no-repeat; background-color: #eee; font-size: 13px }
.dialog-message dl dd .dialog-box .input-group select.sex { width: 110px; background-position: 80px 11px; padding-left: 35px; }
.dialog-message dl dd .dialog-box .input-group span.sex-name { position: absolute; left: 190px; top: 11px; font-size: 13px; color: #232323; z-index: 8; }
.dialog-message dl dd .dialog-box .input-group select.country { cursor: pointer; width: 150px; background-position: 120px 11px; }
.dialog-message dl dd .dialog-box .wap-close-btn { display: none; }
.submit-success { padding: 120px 0 300px; }
.submit-success .box { display: flex; display: -webkit-flex; flex-direction: row; justify-content: center; align-items: center; }
.submit-success .infor { margin-left: 80px; width: 400px; }
.submit-success .infor h3 { font-size: 40px; font-weight: bold; color: #333; }
.submit-success p { font-size: 20px; color: #666; margin: 10px 0 15px; line-height: 1.7; }
.submit-success a { display: block; width: 250px; height: 60px; line-height: 60px; text-align: center; color: white; font-size: 20px; background: #AD0003; border-radius: 5px; margin-bottom: 10px; }
.submit-success a:active { box-shadow: 0 0 40px rgba(0,0,0,.3) inset; }
.submit-success .infor div.tips { font-size: 20px; color: #666; }
.submit-success .infor div.tips span { color: #e60020; font-size: 26px; font-weight: bold; margin-right: 5px; }
.submit-success > a, .submit-success > p, .submit-success > div.tips { display: none; }
.sign-page { margin: 0 auto; width: 100%; max-width: 1600px; }
.sign-page-tit h3 { width: 100%; height: 150px; line-height: 150px; background: #222; text-align: center; color: white; }
.sign-page-tit h3 div { font-size: 40px; position: relative; z-index: 5; }
.sign-page-tit h3 p { font-weight: bold; font-size: 50px; line-height: 50px; color: #434343; position: relative; top: -80px; z-index: 4; letter-spacing: .1em; }
.sign-page .box { padding-bottom: 60px; }
.sign-page .box:nth-of-type(2) { background: #dedede; }
.sign-page .box .container { display: flex; display: -webkit-flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 55px 0 90px; }
.sign-page .box .container .name { font-size: 40px; font-weight: bold; color: #222; }
.sign-page .box .container .show-nav-list { display: flex; display: -webkit-flex; flex-direction: row; align-items: center; justify-content: center; font-size: 18px; color: #666; }
.sign-page .box .container .show-nav-list li { margin: 0 20px; padding: 5px 0; cursor: pointer; }
.sign-page .box .container .show-nav-list li.active { font-size: 22px; font-weight: bold; color: #e60020; border-bottom: 2px solid #e60020; }
.sign-page .index-swiper .swiper-pagination { bottom: -50px!important; }
.sign-page .swiper-button-next { right: 840px; }
.sign-page .swiper-button-prev { left: 840px; }
.sign-page .swiper-button-next, .sign-page .swiper-button-prev { background-image: url(../images/banner-btn.png)!important; background-size: 74px 72px!important; width: 37px; height: 72px; opacity: .5; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; }
.sign-page .swiper-button-next { background-position: -37px 0!important; }
.sign-page .swiper-button-prev { background-position: 0 0!important; ; }
.sign-page .swiper-button-next:hover, .sign-page .swiper-button-prev:hover { opacity: 1; }
.sign-page .swiper-pagination-bullet { border-radius: 100px; border: 2px solid #b3b3b3; opacity: 1; margin: 0 7px!important; background: none; }
.sign-page .swiper-pagination-bullet { width: 12px; height: 12px; }
.sign-page .swiper-pagination-bullet-active { opacity: 1; width: 14px; height: 18px; border: none; vertical-align: -2px; background: url(../images/banner-page-ico.png) no-repeat; }
.sign-page .index-swiper { display: none; width: 100%; height: 620px; position: relative; overflow: hidden; }
.sign-page .index-swiper.show { display: block; }
.sign-page .index-swiper .swiper-container, .sign-page .index-swiper .swiper-container .swiper-slide img { display: block; width: 100%; height: 530px; }
.sign-page .index-swiper .swiper-container { width: 2460px; position: absolute; left: calc(50% - 1230px); }
/*flex*/
.flex-space-between { display: -webkit-flex; display: flex; justify-content: space-between; }
.join .flex-space-between { align-items: center; }
.flex-wrap-y { display: -webkit-flex; display: flex; flex-wrap: wrap; }
.flex-center { display: -webkit-flex; display: flex; justify-content: center; }
.mt35 { margin-top: 35px; }
.mt70 { margin-top: 70px; }
.mt90 { margin-top: 90px; }
.mb100 { margin-bottom: 100px; }
.ptb60 { padding: 60px 0; }
/*common*/
.pc { display: block; }
.wap { display: none; }
.j-scale { overflow: hidden; }
.j-scale img { -webkit-transition: all 1s; transition: all 1s; }
.j-scale:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.j-tlt { position: relative; height: 150px; background: #222; }
.j-tlt h3 { font-size: 40px; line-height: 150px; text-align: center; color: #fff; }
.j-tlt img { position: absolute; left: 50%; top: 75px; width: 600px; margin-left: -300px; }
.w42 { width: 42%; }
.w60 { width: 60%; }
.w100 { width: 100%; }
.w670 img, .w60 img { width: 100%; }
.gray-bg { background: #eaebeb; }
/*集团介绍*/
.j-group-banner { width: 100%; height: 600px; background: url(../images/j-group-banner-bg.jpg) no-repeat center; }
.j-group-banner img { padding-top: 164px; }
.j-group-banner a { display: block; width: 230px; height: 60px; margin-top: 32px; background: #ad0003; font-size: 20px; line-height: 60px; text-align: center; color: #fff; }
.j-shadow img { box-shadow: 0 0 6px rgba(0,0,0,.5); }
.j-group-info { width: 53%; font-size: 26px; line-height: 40px; color: #666; }
.j-g2 { width: 66%; }
.j-g3 { width: 32%; }
.j-g4 { width: 49%; }
.j-g5, .j-g6 { width: 23%; }
.j-group-intro { width: 46%; padding: 0 15px 15px; background: #b3b3b3; }
.j-group-intro h4 { width: 100%; height: 105px; font-size: 26px; line-height: 105px; text-align: center; color: #fff; }
/*修改*/
.j-group-intro p { width: 97%; height: 200px; padding: 30px 1.5%; background: #fff; font-size: 22px; line-height: 40px; color: #666; }
/*end*/
.j-group-compete { height: 800px; background: url(../images/j-group-compete-bg.jpg) no-repeat center; }
.j-group-compete img { position: absolute; left: 50%; top: 222px; width: 326px; height: 326px; margin: 0 0 0 -163px; }
.j-group-compete p { position: absolute; left: 50%; font-size: 18px; line-height: 24px; color: #cfcfcf; cursor: pointer; }
.j-group-compete p.p1 { top: 114px; margin-left: -163px; }
.j-group-compete p.p2 { top: 264px; margin-left: -535px; }
.j-group-compete p.p3 { top: 264px; margin-left: 240px; }
.j-group-compete p.p4 { top: 378px; margin-left: -554px; }
.j-group-compete p.p5 { top: 378px; margin-left: 280px; }
.j-group-compete p.p6 { top: 518px; margin-left: -520px; }
.j-group-compete p.p7 { top: 518px; margin-left: 210px; }
.j-group-compete p.p8 { top: 630px; margin-left: -163px; }
.j-group-compete p.p1, .j-group-compete p.p8 { width: 326px; text-align: center; }
.j-group-compete p.p2, .j-group-compete p.p4, .j-group-compete p.p6 { width: 300px; text-align: right; }
.j-group-compete p:before { position: absolute; display: block; width: 16px; height: 16px; content: '1'; background: #93c653; border-radius: 100%; font-size: 0; }
.j-group-compete p.p1:before { left: 50%; top: 100px; margin-left: -8px; }
.j-group-compete p.p2:before { left: 410px; top: 0; }
.j-group-compete p.p3:before { left: -132px; top: 0; }
.j-group-compete p.p4:before { left: 384px; top: 0; }
.j-group-compete p.p5:before { left: -126px; top: 0; }
.j-group-compete p.p6:before { left: 396px; top: -26px; }
.j-group-compete p.p7:before { left: -102px; top: -26px; }
.j-group-compete p.p8:before { left: 50%; top: -90px; margin-left: -8px; }
.j-group-compete p:after { position: absolute; display: block; width: 50px; height: 44px; content: '1'; background: url(../images/j-group-compete-pbg.png) no-repeat; font-size: 0; }
.j-group-compete p.p1:after { left: 50%; top: 40px; margin-left: -25px; background-position: -232px 0; }
.j-group-compete p.p2:after { left: 320px; top: -10px; background-position: -43px -102px; }
.j-group-compete p.p3:after { left: -76px; top: -14px; background-position: -423px -98px; }
.j-group-compete p.p4:after { left: 320px; top: -14px; background-position: 0 -212px; }
.j-group-compete p.p5:after { left: -70px; top: -14px; background-position: -460px -213px; }
.j-group-compete p.p6:after { left: 332px; top: -10px; background-position: -65px -360px; }
.j-group-compete p.p7:after { left: -70px; top: -10px; background-position: -397px -363px; }
.j-group-compete p.p8:after { left: 50%; top: -60px; margin-left: -25px; background-position: -234px -426px; }
.j-group-compete p:hover { position: absolute; font-size: 24px; color: #93c653; }
.j-group-compete p:hover:before { background: #fff; }
.j-group-compete p:hover:after { background-image: url(../images/j-group-compete-phbg.png); }
.j-group-linkr { margin-top: 15px; padding: 41px 0 41px 34px; border-left: 1px solid #756e6c; }
/*加盟介绍*/
.j-join-info { width: 38%; }
.j-join-info h4 { font-size: 38px; color: #9a9999; }
.j-join-info h5 { margin-top: 10px; font-size: 24px; line-height: 40px; color: #333131; }
.j-join-info p { margin-top: 25px; font-size: 20px; line-height: 30px; color: #666; }
.j-join-info a { display: inline-block; margin-top: 30px; padding: 20px 20px; border: 1px solid #ad0003; font-size: 20px; color: #ad0003; }
.j-join-info a:hover { background: #ad0003; color: #fff; }
.j-join-info a:active { background: #990003; border-color: #990003; color: #fff; }
.j-join-help { padding: 50px 0 90px; }
.j-join-help ul li { width: 43%; padding: 0 1% 20px; margin: 0 2% 30px; background: #e6e6eb url(../images/j-join-help-bg.png) no-repeat -140px -70px; border: 1px solid #e1e2ee; border-radius: 5px; }
.j-join-help ul li:hover { box-shadow: 0 9px 18px rgba(138,138,172,.4), 0 3px 7px rgba(0,0,0,.1) inset; }
.j-join-help ul li h4 { padding: 40px 0 25px 20px; font-size: 16px; line-height: 30px; color: #333;height:70px; }
.j-join-help ul li h4 strong { display: block; font-size: 20px; color: #ad0003; }
.j-join-help ul li p { height: 170px; padding: 15px; background: #fff; border-radius: 5px; font-size: 16px; line-height: 30px; color: #333; }
.j-join-process { width: 800px; height: 1285px; margin: 80px auto 0; background: url(../images/j-join-process.png) no-repeat center 0; }
.j-join-process li { margin: 0 0 135px 260px; }
.j-join-process li h4 { font-size: 26px; color: #333; }
.j-join-process li p { margin-top: 15px; font-size: 18px; line-height: 26px; color: #333; }
.j-join-process li.li2 { margin-left: 170px; }
.j-join-process li.li3 { margin-bottom: 130px; }
.j-join-process li.li4, .j-join-process li.li5 { margin-bottom: 150px; }
.j-join-process li.li4, .j-join-process li.li6 { margin-left: 100px; width: 460px; text-align: right;    margin-bottom: 118px; }
/*留言*/
.j-join-msg { height: 748px; padding-top: 140px; background: url(../images/j-join-msg-bg.jpg) no-repeat center; }
.j-join-ctn { padding: 60px 0 50px; background: #ebebeb; }
.j-join-ctn .iconl { z-index: 2; left: -48px; bottom: -44px; }
.j-join-ctn .iconr { z-index: 2; right: -20px; top: -84px; }
.j-join-msg-main { position: relative; z-index: 9; width: 760px; margin: 0 auto; }
#know1,#know2 ul {
  flex-wrap: wrap;
}
.j-join-msg-know li {width:200px; padding-left: 30px; background: url(../images/j-join-msg-know-bg.png) no-repeat 0 6px; font-size: 20px; line-height: 30px; color: #333; cursor: pointer; }
.j-join-msg-know li.cur { background-position: 0 -193px; }
.j-join-msg-main textarea { width: 740px; height: 130px; padding: 10px; margin-top: 38px; background: #dcdddd; border: none; font-size: 20px; line-height: 30px; color: #333; }
.j-join-msg-box { height: 60px; margin-top: 20px; }
.j-join-msg-box input { width: 260px; height: 60px; padding: 0 10px; background: #dcdddd; border: none; font-size: 20px; line-height: 60px; color: #333; }
.j-join-msg-box input::-webkit-input-placeholder {
color: #808080;

}
.j-join-msg-box input:-moz-placeholder {
color: #808080;
}
.j-join-msg-box input::-moz-placeholder {
color: #808080;
}
.j-join-msg-box input:-ms-input-placeholder {
color: #808080;
}
.j-join-msg-box input.w2 { width: 220px; }
.j-join-msg-box input.w3 { width: 420px; }
.j-join-msg-box .s1 { margin-left: 25px; }
.j-join-msg-box .s1 input { box-sizing: border-box; width: 190px; cursor: pointer; }
.j-join-msg-box .s2 input { box-sizing: border-box; width: 280px; cursor: pointer; }
.j-join-msg-box .select input { background: #dcdddd url(../images/arrow-r.png) no-repeat right center; }
.j-join-msg-box .select input.cur { background-image: url(../images/arrow-d.png); }
.j-join-msg-main button { width: 360px; height: 70px; margin: 38px 0 0 200px; background: #ad0002; border: none; box-shadow: 0 2px 13px rgba(177,22,44,.46); font-size: 20px; color: #fff; }
.j-join-msg-main button[disabled] { background: #a8a8a8; box-shadow: none }
.j-join-msg-main button:active { background: #990003; }
/*下拉框*/
.select { display: inline; }
.selectbox-wrapper { border-top: 1px solid #cacccc; position: absolute; width: 170px; background: #dcdddd; text-align: left; }
.selectbox-wrapper ul li { height: 40px; padding: 0 10px; background: #dcdddd; font-size: 20px; line-height: 40px; cursor: pointer; }
.selectbox-wrapper ul li.selected, .selectbox-wrapper ul li.current { background: #cacccc; }
/*品牌介绍*/
.jpc { display: block; }
.jwap { display: none; }
.jpc .j-scale { width: 25%; }
.jpc .j-scale img { width: 100%; }

.share_acc {
 justify-content: space-between;
}
.share_acc input {
 width:40.5%!important;
}
/*850-1200*/
@media screen and (min-width: 850px) and (max-width: 1200px) {
.j-group-intro p { height: 240px; }
.j-join-ctn .iconl, .j-join-ctn .iconr { display: none; }
}

@media screen and (min-width: 850px) and (max-width: 930px) {
.j-group-info { font-size: 20px; line-height: 30px; }
}

@media screen and (min-width: 930px) and (max-width: 1050px) {
.j-group-info { font-size: 24px; line-height: 36px; }
}

@media screen and (min-width: 850px) and (max-width: 980px) {
.j-join-help ul li h4 strong { font-size: 17px; }
.j-join-help ul li p { height: 200px; }
}

@media screen and (min-width: 850px) and (max-width: 1100px) {
.j-join-info h4 { font-size: 32px; }
.j-join-info h5 { font-size: 16px; line-height: 36px; }
.j-join-info p { margin-top: 16px; font-size: 16px; line-height: 30px; }
.jwap { width: 750px; display: block; }
.jpc { display: none; }
}

@media screen and (min-width: 1100px) and (max-width: 1170px) {
.j-join-info h4 { font-size: 34px; }
.j-join-info h5 { font-size: 18px; line-height: 38px; }
.j-join-info p { margin-top: 18px; font-size: 18px; line-height: 34px; }
}

.sign-page { margin: 0 auto; width: 100%; max-width: 1600px; }
.sign-page-tit h3 { width: 100%; height: 150px; line-height: 150px; background: #222; text-align: center; color: white; }
.sign-page-tit h3 div { font-size: 40px; position: relative; z-index: 5; }
.sign-page-tit h3 p { font-weight: bold; font-size: 50px; line-height: 50px; color: #434343; position: relative; top: -80px; z-index: 4; letter-spacing: .1em; }
.sign-page .box { padding-bottom: 60px; }
.sign-page .box:nth-of-type(2) { background: #dedede; }
.sign-page .box .container { display: flex; display: -webkit-flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 55px 0 30px; }
.sign-page .box .container .name { font-size: 40px; font-weight: bold; color: #222; }
.sign-page .box .container .show-nav-list { display: flex; display: -webkit-flex; flex-direction: row; align-items: center; justify-content: center; font-size: 18px; color: #666; }
.sign-page .box .container .show-nav-list li { margin: 0 20px; padding: 5px 0; cursor: pointer; }
.sign-page .box .container .show-nav-list li.active { font-size: 22px; font-weight: bold; color: #e60020; border-bottom: 2px solid #e60020; }
.swiper-box1 {max-width: 1177px;}
.ihave {left:50px;top:75px;}
@media screen and (max-width: 850px) {
 .ihave {left:40px;top:47px;}
html { font-size: 10px; }
body { background-color: white; }
.header { box-sizing: border-box; position: fixed; z-index: 7; left: 0; top: 0; padding: 0 .6rem; width: 100%; height: 2.4rem; line-height: 2.4rem; }
.header .logo img { width: 1.4rem; }
.header .header-msg-btn { display: block; text-align: right; }
.header .language_select { display: none; }
.header ul.nav { display: none; }
.header .menu { display: flex; }
.header-state { height: 2.4rem; }
.footer { padding: 1rem .5rem; padding-right: 0; }
.footer .box { flex-direction: column; }
.footer .box dl.address { padding-right: 10px; }
.footer .box dl { border-bottom: 1px solid #393939; padding-bottom: .6rem; margin-top: .4rem; }
.footer .box dl:last-child { border-bottom: none; }
.footer .box dl dd { margin-top: .3rem; }
.footer .box dl dt { font-size: .4rem; }
.footer .box dl dd ul li { font-size: .35rem; }
.footer .box dl.link { padding: 0; padding-bottom: .6rem; }
.footer .box dl.link dd:before, .footer .box dl.link dd:after { display: none; }
.footer .box dl.link ul { display: flex; padding-right: .5rem; justify-content: space-between; align-items: center; flex-direction: row; }
.footer .box dl.footer-msg { width:94%;padding: 0; padding-right: .5rem; }
.footer .box dl.footer-msg dd input { width: calc(100% - .5rem); padding: 0 .25rem; font-size: 12px  }
.footer .box dl.footer-msg dd li .msg-tel { width: calc(100% - 135px);}
.footer .box dl.footer-msg dd li.flex { justify-content: flex-start; }
.footer .box dl.footer-msg dd li.flex.share_acc { justify-content: space-between; }
.share_acc input {
 width:43.5%!important;
}
.footer .box dl.footer-msg dd li.flex-bottom { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.footer .box dl.footer-msg dd textarea { display: block; width: calc(100% - .5rem); padding: .25rem; }
.footer .box dl.footer-msg dd li .footer-msg-btn { width: 100%; margin: 10px 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.banner .index-banner { display: none; }
.banner .wap-index-banner { display: block; }
.index-advantage ul { height: auto; justify-content: center; align-items: top; flex-wrap: wrap; padding: .44rem 0; }
.index-advantage ul li { flex-direction: column; justify-content: flex-start; width: 4rem; height: 3rem; padding: .13rem .2rem; }
.index-advantage ul li > img { display: none; }
.index-advantage ul li .infor { margin-left: .1rem; text-align: center; }
.index-advantage ul li h3 { font-size: .5rem; color: #060606; display: flex; flex-direction: row; justify-content: start; align-items: center; text-align: left; }
.index-advantage ul li h3 img { display: inline-block; width: .9rem; margin-right: .1rem; }
.index-advantage ul li p { font-size: .34rem; margin-top: .2rem; line-height: .4.5rem; }
.index-reason { padding: 0; padding-bottom: .75rem; margin-top: .5rem;}
.index-reason h3 { font-size: .45rem; }
.index-reason h3 div { padding: .25rem; }
.index-reason ul { justify-content: center; flex-wrap: wrap; align-items: center; padding-top: 2rem; }
.index-reason ul li { margin: 3.25rem .125rem 0; width: 4rem; height: 5rem; position: relative; transition: all ease .4s; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; }
.index-reason ul li:nth-child(even) { margin-top: 3.25rem; }
.index-reason ul li:nth-child(1),  .index-reason ul li:nth-child(2) { margin-top: 1.25rem; }
.index-reason ul li:nth-child(5) { width: 8rem; }
.index-reason ul li i { font-size: 2rem; width: 4rem; position: absolute; left: 0; top: -3rem; color: #dcdce0; }
.index-reason ul li img { position: absolute; top: -1.125rem; left: 50%; margin-left: -1.75rem; width: 3.5rem; }
.index-reason ul li .infor { padding: 2.3rem .25rem 0; text-align: center; }
.index-reason ul li .infor h4 { font-size: .4rem; color: #333; margin-bottom: .1rem; }
.index-reason ul li .infor p { font-size: .325rem; color: #666; line-height: 1.2; }
.index-reason ul li:hover { box-shadow: 0 0; }
.index-reason ul li:nth-child(5) { width: 8rem; }
.index-reason ul li:nth-child(5) { height: 3.75rem; margin-top: 2rem; }
.index-reason ul li:nth-child(5) i { left: 3.75rem; top: -1.75rem; z-index: 1; }
.index-reason ul li:nth-child(5) img { top: -.8rem; left: 1.5rem; width: 4rem; box-shadow: 0 0 30px rgba(0,0,0,.2); z-index: 3; }
.index-reason ul li:nth-child(5) .infor { padding: .7rem .5rem .8rem 4rem; text-align: center; background: white; position: relative; z-index: 2; }
.index-reason ul li:nth-child(5) .infor h4 { font-size: .5rem; color: #333; margin-bottom: .1rem; }
.index-reason ul li:nth-child(5) .infor p { font-size: .3rem; color: #666; line-height: 1.5; }
.index-distribution { padding: 1.25rem 0 4rem; }
.index-distribution h3 { font-size: .6rem; }
.index-distribution h3 div { position: relative; z-index: 1; }
.index-distribution h3 p { top: .3rem; font-size: .8rem; width: 100%; }
.index-distribution .maps { margin-top: 1rem; }
.index-distribution .maps ul { flex-direction: column; justify-content: flex-start; bottom: -66%; width: 90%; margin-left: 5%; }
.index-distribution .maps ul li { max-width: 80%; width: 100%; height: 1rem; line-height: 1rem; color: white; text-align: center; margin: 0 .25rem .25rem; display: flex; flex-direction: row; justify-content: flex-start; background: none; }
.index-distribution .maps ul li h4 { font-size: .5rem; padding-top: 0; width: 2rem; background: rgba(231,31,60,.8); border-radius: 3px; }
 .index-distribution .maps ul li h4 small {font-size:16px;}
 .index-distribution .maps ul li p {flex:1;line-height: 0.5rem; font-size: .34rem; padding: 0 .25rem; color: #333; }
.index-show { height: auto; width: 100%; }
.index-show .container { flex-direction: column; align-items: flex-start; }
.index-show h3 { font-size: .6rem; padding-left: .5rem; width: 100%; }
.index-show h3 div { position: relative; z-index: 1; }
.index-show h3 p { position: absolute; top: .3rem; font-size: .8rem; }
.index-show ul { display: flex; flex-direction: row; justify-content: space-between; margin-top: .6rem; width: 100%; padding: 0 .5rem; -moz-box-sizing: border-box;  /*Firefox3.5+*/ -webkit-box-sizing: border-box; /*Safari3.2+*/ -o-box-sizing: border-box; /*Opera9.6*/ -ms-box-sizing: border-box; /*IE8*/ box-sizing: border-box; }
.index-show ul li { font-size: .4rem; padding: .2rem 0; }
.index-lb .box .index-swiper1,  .index-show .box .swiper-slide img { width: 100%; height: auto; left: 0; }
.index-show .swiper-pagination { left: 0px!important; }
.index-show .swiper-button-next,  .index-show .swiper-button-prev { display: none; }
.index-show .swiper-pagination-bullet { width: .14rem; height: .14rem; border-radius: 100rem; border: .04rem solid #fff; opacity: .2; margin: 0 .07rem!important; }
.index-show .swiper-pagination-bullet-active { opacity: 1; width: .2rem; height: .3rem; border: none; vertical-align: -.1rem; background: url(../images/banner-page-ico.png) no-repeat; background-size: 100% auto; }
.index-show .swiper-pagination { bottom: 20px!important; }
.dialog-shadow { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 8; display: none; }
.dialog-message { display: none; position: fixed; top: 1.8rem; left: .5rem; z-index: 9; width: 10rem; height: 15rem; }
.dialog-message dl dt { display: none; }
.dialog-message dl dd { position: absolute; left: 0; top: 0; width: 9rem; height: auto; border-radius: .4rem; padding: .3rem; }
.dialog-message dl dd .dialog-box { width: 8.4rem; height: auto; padding: .5rem; }
.dialog-message dl dd .dialog-box > img { width: 1.8rem; left: -18px; }
.dialog-message dl dd .dialog-box h3 { padding: 0 0 .3rem; margin-bottom: .4rem; font-size: .6rem; }
.dialog-message dl dd .dialog-box .wap-close-btn { display: block; background: #db0632; width: 1rem; padding: .2rem 0; text-align: center; position: absolute; right: 0; top: -1.3rem; }
.dialog-message dl dd .dialog-box .wap-close-btn img { margin: 0 auto; width: .6rem; }
.dialog-message dl dd .dialog-box ul li { width: 3.7rem; font-size: .3rem; margin-bottom: .1rem; cursor: pointer; letter-spacing: .05em }
.dialog-message dl dd .dialog-box ul li:nth-child(2), .dialog-message dl dd .dialog-box ul li:nth-child(5) { width: 3.7rem; }
.dialog-message dl dd .dialog-box ul li i { display: inline-block; width: .4rem;    margin-right: .2rem; height: .4rem; vertical-align: -.03rem; }
.dialog-message dl dd .dialog-box textarea { width: 100%; height: 1.7rem; padding: .2rem; font-size: .4rem; margin-top: .25rem; }
.dialog-message dl dd .dialog-box .input-group { margin-top: .3rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.dialog-message dl dd .dialog-box .input-group input, .dialog-message dl dd .dialog-box .input-group select { height: .9rem; font-size: .35rem; }
.dialog-message dl dd .dialog-box .input-group input { padding: 0 .4rem; }
.dialog-message dl dd .dialog-box .input-group input.name { width: 3.8rem; }
.dialog-message dl dd .dialog-box .input-group input.tel { width: 3.19rem; }
.dialog-message dl dd .dialog-box .input-group input.submit { width: 4.5rem; height: .9rem; font-size: .3rem; }
.dialog-message dl dd .dialog-box .input-group select { padding-left: .32rem; }
.dialog-message dl dd .dialog-box .input-group select.sex { width: 2.64rem; background-position: 1.7rem .34rem; padding-left: 0.62rem; }
.dialog-message dl dd .dialog-box .input-group span.sex-name { left: 5.1rem; top: .25rem; font-size: .34rem; }
.dialog-message dl dd .dialog-box .input-group select.country { width: 3.25rem; background-position: 2.3rem .29rem; }
.submit-success { padding: 1.2rem 0 2rem; }
.submit-success .box { padding: 0 .5rem; }
.submit-success img { width: 4rem; }
.submit-success .infor { margin-left: .5rem; width: 10rem; }
.submit-success .infor h3 { font-size: .8rem; }
.submit-success p { font-size: .4rem; margin: .25rem 0 .35rem; }
.submit-success .infor a, .submit-success .infor div.tips { display: none; }
.submit-success > a { display: block; margin: .5rem; width: calc(100% - 1rem); width: -webkit-calc(100% - 1rem); width: -moz-calc(100% - 1rem); width: -o-calc(100% - 1rem); width: -ms-calc(100% - 1rem); font-size: .4rem; }
.submit-success > div.tips { font-size: .4rem; display: block; padding: 0 .5rem; text-align: center; }
.submit-success > div.tips span { color: #e60020; font-size: 26px; font-weight: bold; margin-right: 5px; }
 .sign-page-tit h3, .sign-page h3 { width: 100%; height: 3rem; line-height: 3rem; }
 .sign-page-tit h3 div, .sign-page h3 div { font-size: .8rem; position: relative; z-index: 5; }
 .sign-page-tit h3 p, .sign-page h3 p { font-size: 1rem; line-height: 1rem; top: -1.55rem; }
 .sign-page .index-swiper { height: 7.5rem; }
 .sign-page .index-swiper .swiper-container, .sign-page .index-swiper .swiper-container .swiper-slide img { display: block; width: 100%; height: auto; }
 .sign-page .index-swiper .swiper-container { margin: 0 auto; width: 100%; position: static; }
 .sign-page .index-swiper .swiper-pagination { bottom: 0!important; }
 .sign-page .box { padding-bottom: 0; }
 .sign-page .box .container { box-sizing: border-box; padding:.4rem; flex-direction: column; justify-content: center; align-items: flex-start; }
 .sign-page .box .container .name { font-size: .5rem; }
 .sign-page .box .container .show-nav-list { width: 9.3rem; font-size: .35rem; margin-top: .2rem; justify-content: space-between; box-sizing: border-box; }
 .sign-page .box .container .show-nav-list.n3 { justify-content: flex-start; }
 .sign-page .box .container .show-nav-list.n3 li { margin: 0; margin-right: .5rem; }
 .sign-page .box .container .show-nav-list li { margin: 0; padding: 0; }
 .sign-page .box .container .show-nav-list li.active { font-size: .35rem; border-bottom: .05rem solid #e60020; }
 .sign-page .swiper-pagination-bullet { width: .22rem; height: .22rem; }
 .sign-page .swiper-pagination-bullet-active { opacity: 1; width: .3rem; height: .4rem; border: none; vertical-align: -.07rem; background: url(../images/banner-page-ico.png) no-repeat; background-size: 100% auto; }
.swiper-box1 img {
 width: 100%;
 margin-bottom: 5px;
}
 /*common*/
.j-tlt { height: 2rem; }
.j-tlt h3 { font-size: .5rem; line-height: 2rem; }
.j-tlt img { top: 1rem; width: 8rem; margin-left: -4rem; }
/*集团介绍*/
.pc { display: none; }
.wap { display: block; }
.mt35 { margin-top: .23rem; }
.mt70 { margin-top: .46rem; }
.mt90 { margin-top: .6rem; }
.mb100 { margin-bottom: .7rem; }
.ptb60 { padding: .8rem 0; }
.w670.ptb60 { padding: .8rem .53rem; }
.j-group-banner { height: 5.33rem; background: url(../images/jwap-group-banner-bg.jpg) no-repeat center; background-size: 100% 100%; }
.j-group-banner img { width: 6.53rem; padding: 1.23rem 0 0 .53rem; }
.j-group-banner a { width: 4.05rem; height: .88rem; margin: .53rem 0 0 .53rem; background: #ad0003; font-size: 14px; line-height: .88rem; }
.j-group-info { width: 8.93rem; font-size: 14px; line-height: .62rem; }
.w670 { width: 8.93rem; padding: 0 .53rem; }
.j-g2 img { width: 5.89rem; height: 4.08rem; }
.j-g3 img { width: 2.83rem; height: 4.08rem; }
.j-g4 img { width: 4.35rem; height: 2.4rem; }
.j-g5 img { width: 2.08rem; height: 2.4rem; }
.j-g6 img { width: 2.08rem; height: 2.4rem; }
.j-group-intro { display: table; width: 8.73rem; height: 3.93rem; padding: .2rem .2rem 0; margin: .27rem .45rem 0; }
.j-group-intro h4 { display: table-cell; width: 1.8rem; height: 3.73rem; vertical-align: middle; font-size: .43rem; line-height: .43rem; }
/*修改*/
.j-group-intro p { width: 6.13rem; height: 2.8rem; padding: .47rem .4rem; font-size: .32rem; line-height: .50rem; }
/*end*/
.jwap-group-compete { height: 10.67rem; padding: 1rem .47rem 0; background: url(../images/jwap-group-compete-bg.jpg) no-repeat center; background-size: 100% 100%; }
.jwap-group-compete .logo { width: 5.15rem; height: .87rem; margin: 0 auto; }
.jwap-group-compete .flex-space-between { padding-top: .52rem; margin-top: .52rem; border-top: 1px solid rgba(202,199,224,.22); }
/*修改*/
.jwap-group-compete p { position: relative; width: .32rem; padding: 1.13rem .28rem 0; background: rgba(131,132,151,.9); font-size: .32rem; line-height: .28rem; text-align: center; color: #fff; }
.jwap-group-compete p.p1 { height: 3.5rem; }
.jwap-group-compete p.p2 { height: 5.0rem; }
.jwap-group-compete p.p3 { height: 7.2rem; }
.jwap-group-compete p.p4 { height: 5.4rem; }
.jwap-group-compete p.p5 { height: 5.7rem; }
.jwap-group-compete p.p6 { height: 6.5rem; }
.jwap-group-compete p.p7 { height: 6.4rem; }
.jwap-group-compete p.p8 { height: 3.8rem; }
/*end*/
.jwap-group-compete p:after { position: absolute; left: .12rem; top: .2rem; display: block; width: .68rem; height: .58rem; content: '1'; background: url(../images/j-group-compete-pbg.png) no-repeat; background-size: 6.8rem auto; font-size: 0; }
.jwap-group-compete p.p1:after { background-position: -.58rem -1.36rem; }
.jwap-group-compete p.p2:after { background-position: -3.1rem 0; }
.jwap-group-compete p.p3:after { background-position: -5.62rem -1.3rem; }
.jwap-group-compete p.p4:after { background-position: -6.14rem -2.82rem; }
.jwap-group-compete p.p5:after { background-position: -5.28rem -4.86rem; }
.jwap-group-compete p.p6:after { background-position: -3.12rem -5.68rem; }
.jwap-group-compete p.p7:after { background-position: -.88rem -4.8rem; }
.jwap-group-compete p.p8:after { background-position: 0 -2.82rem; }
.j-group-link a img { width: 2.32rem; height: 1.52rem; }
.j-group-link a.j-group-linkr { height: auto; margin: .4rem auto 0; padding: .49rem 1.79rem 0; border-left: none; border-top: 1px solid #756e6c; }
.j-group-link a.j-group-linkr img { width: 1.12rem; height: auto; }
/*加盟介绍*/
.block { display: block; }
.j-join-info, .j-join-img { width: 100%; }
.j-join-info h4 { font-size: .6rem; }
.j-join-info h5 { margin-top: .13rem; font-size: .4rem; line-height: .6rem; }
.j-join-info p { margin: .4rem 0; font-size: .35rem; line-height: .58rem; }
.j-join-info a { display: none; }
a.j-join-info-a { display: block; width: 8.04rem; margin: .4rem auto 0; padding: .27rem 0; border: 1px solid #ad0003; font-size: .35rem; text-align: center; color: #ad0003; }
.jwap-join-help { padding: .67rem 0 1.6rem; }
.jwap-join-help ul li { box-sizing: border-box; padding: 0 .2rem .27rem; background: #e6e6eb url(../images/j-join-help-bg.png) no-repeat -140px -70px; border: 1px solid #e1e2ee; border-radius: 5px; box-shadow: 0 9px 18px rgba(138,138,172,.4), 0 3px 7px rgba(0,0,0,.1) inset; }
.jwap-join-help ul li h4 { padding: .53rem 0 .33rem 0; font-size: .35rem; line-height: .7rem; color: #333; letter-spacing: -1px; }
.jwap-join-help ul li h4 strong { display: block; font-size: .54rem; color: #ad0003; }
.jwap-join-help ul li h4 strong.f5 { font-size: .5rem; }
.jwap-join-help ul li h4 strong .f3 { font-size: .36rem; }
.jwap-join-help ul li p { height: 5.47rem; padding: .2rem; background: #fff; border-radius: 5px; font-size: .37rem; line-height: .56rem; color: #333; }
 .jwap-join-help ul li:nth-child(1) p{height:4.8rem;}
 .jwap-join-help.swiper-container-horizontal>.swiper-slide { width: 80%; }
.jwap-join-help.swiper-container-horizontal>.swiper-pagination-bullets { bottom: .7rem; }
.jwap-join-help.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 7px; height: 7px; background: none; border: 1px solid #d40402; opacity: 1; }
.jwap-join-help.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 9px; height: 12px; border: none; vertical-align: -3px; background: url(../images/banner-page-ico.png) no-repeat; background-size: 9px auto; }
 .j-join-process { width: 10rem; height: 17.13rem; margin: 1.07rem auto 0; background-size: 7.87rem auto; }
 .j-join-process li { margin: 0 0 1.6rem 2.7rem; }
 .j-join-process li h4 { font-size: .35rem; }
 .j-join-process li p { margin-top: .2rem; font-size: .24rem; line-height: .35rem; }
 .j-join-process li.li2 { margin-left: 1.7rem; margin-bottom:2rem;}
 .j-join-process li.li3 { margin-bottom: 1.73rem; }
 .j-join-process li.li4, .j-join-process li.li5 { margin-bottom: 1.7rem; }
 .j-join-process li.li4, .j-join-process li.li6 { margin-left: 1rem; width: 6.13rem; }
/*留言*/
 #know2 ul {padding-left:20px;}
.j-join-msg { height: 12.78rem; padding-top: .53rem; background: url(../images/jwap-join-msg-bg.jpg) no-repeat center; background-size: 100% auto; }
.j-join-ctn { width: 9.2rem; padding: .53rem 0 .67rem; z-index: 1;}
.j-join-msg-main { width: 8.4rem; }
.j-join-msg-know li { width: 100%; padding-left: .61rem; margin-bottom: .27rem; background-size: .24rem auto; font-size: .37rem; line-height: .37rem; }
.j-join-msg-know li.cur { background-position: 0 -2.6rem; }
.j-join-msg-main textarea { width: 8.14rem; height: 2.27rem; padding: .13rem; margin-top: .4rem; font-size: .34rem; line-height: .37rem; }
.j-join-msg-box { width: 8.4rem; height: 1.33rem; margin-top: .27rem; }
.j-join-msg-box input { width: 4.9rem; height: 1.33rem; padding: 0 .13rem; font-size: .37rem; line-height: 1.33rem; }
.j-join-msg-box input.w2 { width: 4.67rem; }
.j-join-msg-box input.w3 { width: 8.13rem; }
.j-join-msg-box .s1 { margin-left: 0; }
.j-join-msg-box .s1 input { width: 3.33rem; }
.j-join-msg-box .s2 input { width: 3.07rem; }
.j-join-msg-box select { width: 3.33rem; background: #dcdddd; border: none; font-size: .37rem; color: #333; }
.j-join-msg-main button { width: 8.4rem; height: 1.2rem; margin: .27rem 0 0 0; font-size: .37rem; }
/*下拉框*/
.selectbox-wrapper { border: none; }
.selectbox-wrapper ul { display: inline-block; border-top: 1px solid #cacccc; }
.selectbox-wrapper ul li { height: 1.33rem; padding: 0 .13rem; font-size: .37rem; line-height: 1.33rem; }
.s1 .selectbox-wrapper ul li { width: 3.07rem; }
.s2 .selectbox-wrapper ul li { width: 2.81rem; }
/*品牌介绍*/
.j-prize img { width: 5rem; height: 4.36rem; }
.jwap { display: block; }
.jpc { display: none; }
}
@media screen and (max-width: 750px){
 .j-join-process li { margin: 0 0 1.5rem 2.7rem; }
}
#_container {width:230px!important;}