@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,ul,li,p,form,a,input,span { padding:0; margin:0;  font: 12px/1.5 Microsoft JhengHei,"Microsoft Yahei","Hiragino Sans GB",sans-serif; color:#0f0f0f; list-style:none;font-weight:normal;}

img { border:0;}

a,span { text-decoration:none;}

body {background:fixed #fdf8f0 url(../images/pc-bg.jpg) no-repeat; background-size: 280%;  }
html { max-width: 640px; margin: auto; }
*{ max-height:99999px;-webkit-text-size-adjust: none;}

.header-top { width: 100%; margin: auto; height: 3.25rem; position: relative;}
.header-top a.pc-logo { width: 3.2rem; height: 2.15rem; margin: auto; top: 0.5rem; position: absolute; left: 50%; margin-left: -1.6rem;}
.header-top a.pc-logo img {width: 100%;}

.header-top .top-left-txt { position: absolute; left: 0.5rem; top: 0.5rem; width: 1.65rem;}
.header-top .top-left-txt img {width: 100%;}

.header-top .top-code-txt {position: absolute; right: 118px; top: 75px;}
.header-top .top-code-txt img {width: 34px;}

.header-top img.top-code-img { width: 0.75rem; height: 1.1rem; position: absolute; top: 1.05rem; right: 0.5rem;  }

.pc-nav { 
	background-color: #fff;
	background-size: 0.45rem;
	height: 3.0rem;
}

.pc-nav { text-align: center;}
.pc-nav ul {width: 94%; margin: auto;}
.pc-nav ul li { display: block; width: 25%; float: left; text-align: center; height: 3rem;}
.pc-nav ul li a { display: block; height: 3rem; position: relative; transition: 0.3s; -moz-transition: 0.3s;/*Firefox 4 兼容*/ -webkit-transition: 0.3s;/*webkit浏览器的兼容*/}
.pc-nav ul li a span.icon { display: block; height: 1.65rem;}
.pc-nav ul li a span.text { font-size: 0.4rem; padding-top:0.25rem; display: block; color: #0f0f0f;}
.pc-nav ul li a span.icon.tm-1 {background: url(../images/pc-nav-icon-1.svg) no-repeat center bottom; background-size: 1.20rem; }
.pc-nav ul li a span.icon.tm-2 {background: url(../images/pc-nav-icon-2.svg) no-repeat center bottom; background-size: 0.60rem;}
.pc-nav ul li a span.icon.tm-3 {background: url(../images/pc-nav-icon-3.svg) no-repeat center bottom; background-size: 0.90rem;}
.pc-nav ul li a span.icon.tm-4 {background: url(../images/pc-nav-icon-4.svg) no-repeat center bottom; background-size: 1.20rem;}
.pc-nav ul li a span.icon.tm-5 {background: url(../images/pc-nav-icon-5.svg) no-repeat center bottom; background-size: 0.90rem;}
.pc-nav ul li a:hover,.pc-nav ul li a.in { background: rgba(221, 177, 109, 0.1);}


/*join-icon-animation*/
.join-icon-animation-box {position: absolute; top: 0; left: 0; width: 100%; height: 1.7rem;  }

.pc-nav ul li .join-icon-animation span.an-1,
.pc-nav ul li .join-icon-animation span.an-2 { height: 0.025rem; width: 0rem; overflow: hidden;background: #cc9964; position: absolute; bottom: 0.45rem; left: 0.85rem;}
.pc-nav ul li .join-icon-animation span.an-2 {bottom: 0.62rem;}
.pc-nav ul li .join-icon-animation span.an-3 { background: url(../images/pc-nav-icon-3-an-3.gif) no-repeat left top; width:0.42rem; height: 0.275rem; position: absolute; left: 0.85rem; bottom: 0.1rem; background-size: 100%;}

.pc-nav ul li .join-icon-animation span.an-4 { background: url(../images/pc-nav-icon-3-an-4.svg) no-repeat left top; width:0.2rem; height: 0.6rem; position: absolute; right: 0.7rem; bottom: 0.05rem; background-size: 100%;}

.pc-nav ul li .join-icon-animation span.an-1 {animation: an-1 0.3s 0.7s ease-out forwards;}
.pc-nav ul li .join-icon-animation span.an-2 {animation: an-2 0.3s 0.5s ease-out forwards;}
.pc-nav ul li .join-icon-animation span.an-3 {opacity:0;animation: an-3 0s 1.2s ease-out forwards;}
.pc-nav ul li .join-icon-animation span.an-4 {opacity:0;animation: an-4 0.6s 2.2s ease-out forwards;}
.pc-nav ul li .join-icon-animation span.an-5 {opacity:0;animation: an-5 1s 0.3s ease-out forwards;}

/*iphone 6 7 8*/
@media(max-width:410px){ 
	.pc-nav ul li .join-icon-animation span.an-1 {animation: an-1-410 0.3s 0.7s ease-out forwards;} 
	.pc-nav ul li .join-icon-animation span.an-2 {animation: an-2-410 0.3s 0.5s ease-out forwards;}
	.pc-nav ul li .join-icon-animation span.an-4 {opacity:0;animation: an-4-410 0.6s 1.6s ease-out forwards;}
}

@keyframes an-1 {
    0%{ width: 0;}
    100%{ width: 18px; }
}

/*iphone 6 7 8*/
@keyframes an-1-410 {
    0%{ width: 0;}
    100%{ width: 17px; }
}

@keyframes an-2 {
    0%{ width: 0;}
    100%{ width: 18px; }
}

/*iphone 6 7 8*/
@keyframes an-2-410 {
    0%{ width: 0;}
    100%{ width: 17px; }
}

@keyframes an-3 {
    0%{ opacity:0;}
    100%{ opacity:1; }
}
@keyframes an-4 {
    0%{ opacity:0;left: 48px; bottom: 0.05rem;}
    100%{ opacity:1; left: 63px; bottom: 0.05rem;}
}

/*iphone 6 7 8*/
@keyframes an-4-410 {
    0%{ opacity:0;left: 42px; bottom: 0.05rem;}
    100%{ opacity:1; left: 57px; bottom: 0.05rem;}
}

@keyframes an-5 {
    0%{ opacity:0;}
    100%{ opacity:1; }
}



/*join-icon-animation*/

.pc-banner {width: 100%; margin:0.55rem auto 0 auto; position: relative; overflow: hidden;}

.banner-texts { background: #fff; width: 100%; overflow: hidden; position: relative; height: 5.5rem;}

.banner-texts span.load-img-prompt { display: block; position: absolute; z-index: 9; width: 4rem!important; height: auto!important; left: 50%; margin-left: -2rem!important; top: 1.35rem;}
.banner-texts span.load-img-prompt img { width: 100%; }

.banner-texts img.index-banner-iuc {width: 61.4rem; position: absolute; top: 0; right: 10rem; z-index: 1; }

.banner-texts.animation-open img.index-banner-iuc {animation: index-banner-img 90s 0s cubic-bezier(0, 0, 0, 0) infinite;}

@keyframes index-banner-img {
    0%{opacity: 0; right: -0.6rem; }
    2%{opacity: 1; right: -0.6rem; }
    97%{opacity: 1;right: -53.30rem;}
    99%{ opacity: 0; right: -53.30rem; }
    100%{ opacity: 0; right: -0.6rem; }
}


.pc-banner .pop-banner { width: 90%; margin: auto; }


.pc-banner .pop-banner ul li {  margin-bottom:0.5rem;   width: 100%; height: 3.5rem; background: rgba(255, 255, 255, 0.8); border-radius: 20px;

}


.pc-banner .pop-banner ul li a { display: block; width: 100%; height: 100%;}
.pc-banner .pop-banner ul li:nth-child(1) a {background:url(../images/pop-banner-list-1.png)no-repeat center top;background-size: 100%;}
.pc-banner .pop-banner ul li:nth-child(2) a {background:url(../images/pop-banner-list-2.png)no-repeat center top; background-size: 100%; }
.pc-banner .pop-banner ul li:nth-child(3) a {background:url(../images/pop-banner-list-3.svg)no-repeat center top;background-size: 100%;}

.banner-more { width: 2.45rem; height: 1.4rem; background:url(../images/banner-more.svg)no-repeat right center;line-height: 1.4rem; font-family:Microsoft JhengHei,"Microsoft Yahei"; color: #cc9964; font-size: 0.5rem; display: block;}

.pc-company {width: 100%; margin: auto;padding:92px 0 110px 0; position: relative; overflow: hidden;}
.module-title-bg { color: #fff; font-size: 0.7rem; line-height: 1.55rem; text-align: center;  width: 4.525rem; height: 1.525rem; background: url(../images/module-title-bg.svg) no-repeat;background-size: 100%; margin: auto;}

.pc-company .pc-compnay-content { width: 90%; margin: auto; padding-top:20px;}
.pc-company .pc-compnay-content h3 { color: #cc9964; text-align: center;font-size: 0.7rem; padding: 34px 0 22px 0;}
.pc-company .pc-compnay-content p {text-indent: 0.65rem; font-size: 0.4rem; color:#0f0f0f; line-height: 0.7rem;}

.pc-company img.pc-company-bg-icon { width: 2.2rem; position: absolute; top: 0.95rem; left:-0.5rem;}

.pc-company img.pc-company-bg-icon2 { width: 4.85rem; position: absolute; bottom: 7.6rem; right:-1.575rem;}

.pc-company .banner-more {margin:60px auto 0 auto;}

.pc-products {width: 90%; margin: auto; padding-bottom:1.6rem;}
.pc-products ul li { cursor: pointer;width: 4.2rem; height: 4.2rem; float: left;  margin-bottom:56px;; position: relative;border-radius: 200px; overflow: hidden;}
.pc-products ul li:nth-child(2n) {float: right;}

.pc-products ul li span.texts {
	transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0.63, 0.1, 0.32, 0.58);
	font-size: 0.35rem; position: absolute; width: 100%; text-align: center; height: 0.85rem; padding-top: 0.1rem; bottom:-0.05rem; z-index: 1; background: rgba(255, 255, 255, 0.6);
}
.pc-products ul li:hover span.texts {}

.pc-products ul li img {width: 100%; }

.pc-products a.img { display: block; width: 4.2rem; height: 4.2rem; position: absolute; left: 0; top: 0;}

.pc-products-title .title-texts { display: block; width: 100%; height: 100%; background: url(../images/pc-products-title.svg) no-repeat; background-size: 100%;}

.shop-effect { width: 100%; margin: auto;}
.shop-effect .shop-effect-img { padding-top:70px;  position: relative;}
.shop-effect .shop-effect-img ul { position: relative; }
.shop-effect .shop-effect-img ul li.left img {width: 100%;}
.shop-effect .shop-effect-img ul li.left-1 img,
.shop-effect .shop-effect-img ul li.left-2 img {width: 50%;}
.shop-effect .shop-effect-img ul li {display: block;}
.shop-effect .shop-effect-img ul li.right {width:50%;position: absolute; bottom: 0; right: 0;}
.shop-effect .shop-effect-img ul li.right img {width: 100%;}

.shop-effects { width: 100%; margin: auto;}
.shop-effects .shop-effect-img { padding-top:0px;  position: relative;}
.shop-effects .shop-effect-img ul { position: relative; }
.shop-effects .shop-effect-img ul li.left img {width: 100%;}
.shop-effects .shop-effect-img ul li.left-1 img,
.shop-effects .shop-effect-img ul li.left-2 img {width: 50%;}
.shop-effects .shop-effect-img ul li {display: block;}
.shop-effects .shop-effect-img ul li.right {width:50%;position: absolute; bottom: 0; right: 0;}
.shop-effects .shop-effect-img ul li.right img {width: 100%;}

.footrs { text-align: center; position: relative;}
.footrs .join-tel-title {font-size: 0.45rem; color: #000;}
.footrs .join-tel-title span {display: block; font-size: 0.45rem;}

.footrs .join-tel,
.footrs .join-tel a { font-size: 0.8rem;}
.footrs .join-tel a {width: 6.8rem; padding:0.05rem 0.3rem; }

.footrs .footrs-copy { font-size: 0.3rem; padding: 0.875rem 0 0.875rem 0;}
.footrs .footrs-copy * {font-size: 0.3rem;}

.footrs .footrs-list a { font-size: 0.3rem; padding: 0 0.2rem;}

.footrs .join-tel {padding-top:90px; position: relative;color: #cc9964;}
.footrs .join-tel::after { top: 30px; left: 50%; margin-left:-21px; content: ''; position: absolute; width: 43px; height: 43px;background: url(../images/pc-nav-icon-5.svg) no-repeat center center;}


.footrs::before {bottom: 0;  content: ''; position: absolute; right: 0.5rem; width: 1.75rem; height: 4.8rem;background: url(../images/footrs-icon-2.svg) no-repeat center center; background-size: 100%;}

.footrs .footrs-list { position: relative;;z-index: 9; }

/*pc-brand*/
.pc-brand { width: 100%;margin: auto; overflow: hidden;}

.pc-brand .brand-nav { width: 94%;margin: auto;border-radius: 0.25rem;overflow: hidden;}
.pc-brand .brand-nav .brand-nav-title { text-align: center; line-height: 62px; font-size: 28px; color: #fff; height: 62px; background: url(../images/brand-nav-title.svg) no-repeat top center; background-size: 200px 62px;}
.pc-brand .brand-nav ul li {border-bottom:#cc9964 solid 1px; float: left; width: 33.33333333333333%; color: #cc9964; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.5rem;}
.pc-brand .brand-nav ul li a { display: block; height: 1.2rem; line-height: 1.2rem;font-size: 0.5rem;}
.pc-brand .brand-nav ul li.in {  border-bottom:#cc9964 solid 1px; color: #ffffff; background-color: #cc9964;}

.pc-brand .brand-content { width: 100%;  background: #fff; position: relative;}
.pc-brand .brand-content .brand-content-text {padding:1.5rem 1.0rem 2.5rem 1.0rem;}
.pc-brand .brand-content .brand-content-text h2 { font-size: 30px; text-align: center; color: #cc9964;}
.pc-brand .brand-content .brand-content-text h2 span { line-height: 16px; display: block; font-size: 18px;}

.pc-brand .brand-content .brand-content-text h3 { color: #000; font-size: 0.7rem; text-align: center; padding: 46px 0 20px 0;}
.pc-brand .brand-content .brand-content-text p {font-size: 0.4rem; text-indent: 0.9rem; line-height: 0.75rem;}
.pc-brand .brand-content .brand-content-text p.txt {text-indent: 0;}

.brand-content.brand-culture .brand-content-text p.txt {text-align: center;}

.pc-brand .brand-content img.pc-brand-bg-icon { position: absolute; top: 7.55rem; left: -0.65rem; width:2.5rem;}
.pc-brand .brand-content img.pc-brand-bg-icon2 { position: absolute; bottom: 1.1rem; right: -1.925rem; width: 5.6rem;}

.pc-brand .brand-content img.brand-banner {width: 94%;display: block;margin: 0.3rem auto 0.3rem auto;border-radius: 0.25rem;}


.pc-join .join-title-img.join-content-top-images {background: url(../images/join-title-img-top.png) no-repeat right 0.75rem; background-size: 5.8rem;}

/*pc-brand*/
.pc-join .join-title-img .join-content-top span {padding: 0 0.15rem;font-size: 0.4rem;line-height: 0.5rem; float: left; display: block;}
.pc-join .join-title-img .join-content-top span:nth-child(1) {font-size: 1rem;line-height: 1rem;padding-left:0.8rem;}

/*pc-join*/
.pc-join * { }
.pc-join { width: 100%; margin:0 auto 0 auto; position: relative;}
.pc-join .titles h3 { font-size: 0.8rem; padding:0.8rem 0 0.5rem 0; text-align: center; }
.pc-join .titles h3 span { display: block;font-size: 14px; margin-top: -5px; }
.pc-join .titles *{}
.pc-join .titles.join-advantage h3 span {}
.pc-join .titles.join-Support h3 span {}
.pc-join .titles.join-varieties h3 span {}
.pc-join .titles.join-display h3 span {}

.pc-join .join-title-img { text-align: center; padding: 1rem 0 0.75rem 0;}
.pc-join .join-title-img img { width: 80%;margin: auto; }

.pc-join .banner img { width: 94%; display: block; margin:0.3rem auto 0 auto;border-radius: 0.25rem;}

.inside-products {}

.pc-join-tab-box { box-shadow: 0px 0rem 0rem rgb(221 177 109); background: #cc9964; z-index: 99; position: fixed; left: 0; width:100%; bottom: -1.25rem;transition: 0.6s; -moz-transition: 0.6s;/*Firefox 4 兼容*/ -webkit-transition: 0.6s;/*webkit浏览器的兼容*/}
.pc-join-tab-box .pc-join-tab-title { color: #fff; text-align: center; font-size: 24px; line-height: 24px;font-family:宋体,"Hiragino Sans GB",sans-serif; width: 62px; margin: auto; padding: 24px 0 0 0; height: 122px;background: url(../images/brand-nav-title-2.svg) no-repeat top center;background-size: 62px 146px;}
.pc-join-tab-box ul {padding: 0 0 0 0;}
.pc-join-tab-box ul li { height: 1.25rem; text-align: center; line-height: 1.25rem; float: left; width: 20%; text-align: center;}


.pc-join-tab-box ul li,
.pc-join-tab-box ul li span { color: #ffffff; cursor: pointer; font-size: 0.4rem;}

.pc-join-tab-box ul li.in,
.pc-join-tab-box ul li.in span {color: #542d15; background: #ffffff;}

.pc-join-tab-box ul li span {
	filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.pc-join-tab-box ul li.in span {
	filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
}

.inside-products .pc-join-tab-box ul li {width: 50%;}

.pc-join-tab-box.fix {bottom: 0;box-shadow: 0px 0rem 0.3rem rgb(221 177 109 / 60%);}

.join-main {text-align: center;}

.join-main-titles { font-size: 0.8rem; line-height: 1rem;color: #cc9964; font-weight: bold; padding-top:0.6rem;}

.join-icon {padding: 1.25rem 0 0.6rem 0;}
.join-main-vice {font-size: 0.4rem; padding:0.2rem 0 0 0; }
.join-main-vice-en {font-size: 12px;}

.join-icon {text-align: center; width: 90%;margin: auto;}
.join-icon ul li {padding:2rem 0 0.6rem 0; float: left; width: 33.33%; font-size: 0.4rem;}
.join-icon ul li:nth-child(1) {background: url(../images/join-icon-1.svg) no-repeat top center; background-size:1.8rem;}
.join-icon ul li:nth-child(2) {background: url(../images/join-icon-2.svg) no-repeat top center; background-size:1.8rem;}
.join-icon ul li:nth-child(3) {background: url(../images/join-icon-3.svg) no-repeat top center; background-size:1.8rem;}
.join-icon ul li:nth-child(4) {background: url(../images/join-icon-4.svg) no-repeat top center; background-size:1.8rem;}
.join-icon ul li:nth-child(5) {background: url(../images/join-icon-5.svg) no-repeat top center; background-size:1.8rem;}
.join-icon ul li:nth-child(6) {background: url(../images/join-icon-6.svg) no-repeat top center; background-size:1.8rem;}

.join-advantage-box-meat .join-main-titles {
    text-align: center;
    padding-top: 30px;
}

.join-advantage-box-meat .meat-text-list {
    text-align: center;
    padding-bottom: 0.25rem;
    overflow: hidden;
}
.join-advantage-box-meat .meat-text-list img {
    padding: 0.6rem 0;
    width: 6.4rem;
    margin: auto;
}
.join-advantage-box-meat .meat-text-list .meat-text-list-ul {
    margin-right: -80px;
}
.join-advantage-box-meat .meat-text-list ul {
    display: block;
    height: 2.1rem;
    padding: 0.15rem 0;
    width: 86%;
    margin: auto;
}
.join-advantage-box-meat .meat-text-list ul:nth-child(1) li { background:url(../images/meat-wrong.svg) no-repeat left center; background-size: 0.6rem; color: #e22038;}
.join-advantage-box-meat .meat-text-list ul:nth-child(2) li { background:url(../images/meat-correct.svg) no-repeat left center; background-size: 0.6rem;}
.join-advantage-box-meat .meat-text-list ul li {
    text-indent: 0.7rem;
    float: left;
    font-size: 0.4rem;
    width: 45%;
    text-align: left;
    height: 1.1rem;
    line-height: 1.1rem;
}
.join-advantage-box-meat-imges {
    width: 100%;
    margin: auto;
    position: relative;
}
.join-advantage-box-meat-imges .texts-1 {
    position: absolute;
    top: 6.2rem;
    right: 1.6rem;
    font-size: 0.4rem;
    line-height: 0.75rem;
    z-index: 1;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
}
.join-advantage-box-meat-imges .texts-2 {
    position: absolute;
    top: 14.2rem;
    left: 1.8rem;
    font-size: 0.4rem;
    line-height: 0.75rem;
    z-index: 1;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
}
.join-advantage-box-meat-imges-texts {
    font-size: 0.4rem;
    line-height:  0.75rem;
    padding: 0.5rem 0 0.5rem 0;
    width: 90%;
    margin: auto;
}
.join-advantage-box-meat-imges img {width: 94%;margin: auto;display: block;border-radius: 0.25rem;}

.join-tel {text-align: center; padding: 0.75rem 0 0.75rem 0;}
.join-tel span { font-size:0.6rem;}
.join-tel p { font-size: 1rem; line-height: 1.15rem;}
.join-tel a { border-radius: 100px; border: #cc9964 solid 2px; color: #cc9964; display: block; width: 4rem; margin: auto; height: 1rem; line-height: 1rem; font-size: 0.45rem;}


.join-advantage-box .join-advantage-title { font-weight: bold; color:#cc9964; padding:0.3rem 0 0.3rem 0;  font-size: 0.8rem; text-align: center;}
.join-advantage-box .join-advantage-title span {display: block; font-size: 0.4rem;}

.join-advantage-box .join-advantage-content { width: 94%; margin: auto;}
.join-advantage-box .join-advantage-content ul li { height: 3rem; float: left; width: 33.33%; text-align: center; padding: 2.2rem 0 0 0;}
.join-advantage-box .join-advantage-content ul li h4 {line-height: 0.55rem; font-size: 0.4rem;  font-weight: bold;}
.join-advantage-box .join-advantage-content ul li p { font-size: 0.3rem; padding-top: 0.15rem; line-height: 0.45rem; width: 90%;margin: auto;}
.join-advantage-content-img { text-align: center;  }
.join-advantage-content-img img {width: 100%;border-radius: 0.25rem;}

.join-advantage-box .join-advantage-content ul li:nth-child(1) {background: url(../images/join-advantage-icon-1.svg) no-repeat top center;    background-size: 1.8rem;}
.join-advantage-box .join-advantage-content ul li:nth-child(2) {background: url(../images/join-icon-3.svg) no-repeat top center;    background-size: 1.8rem;}
.join-advantage-box .join-advantage-content ul li:nth-child(3) {background: url(../images/join-advantage-icon-3.svg) no-repeat top center;    background-size: 1.8rem;}
.join-advantage-box .join-advantage-content ul li:nth-child(4) {background: url(../images/join-advantage-icon-4.svg) no-repeat top center;    background-size: 1.8rem;}
.join-advantage-box .join-advantage-content ul li:nth-child(5) {background: url(../images/join-advantage-icon-5.svg) no-repeat top center;    background-size: 1.8rem;}
.join-advantage-box .join-advantage-content ul li:nth-child(6) {background: url(../images/join-advantage-icon-6.svg) no-repeat top center;    background-size: 1.8rem;}

.join-support-box { width: 90%; margin: auto;}
.join-support-content-list {}
.join-support-content-list ul li { float: left; width: 50%; height: 180px; text-align: center;}
.join-support-content-list ul li h4 { margin-top: 2.2rem; font-size: 0.4rem; font-weight: bold; }
.join-support-content-list ul li p {font-size: 0.3rem; padding-top: 0.15rem;line-height: 0.45rem; width: 90%; margin: auto;}

.join-support-content-list ul li:nth-child(1) {background: url(../images/join-support-content-list-icon-1.svg) no-repeat center 1.05rem; background-size: 3.25rem;}
.join-support-content-list ul li:nth-child(2) {background: url(../images/join-support-content-list-icon-2.svg) no-repeat center 0.85rem; background-size: 3.0rem;}
.join-support-content-list ul li:nth-child(3) {background: url(../images/join-support-content-list-icon-3.svg) no-repeat center 0.625rem; background-size: 1.25rem;}
.join-support-content-list ul li:nth-child(4) {background: url(../images/join-support-content-list-icon-4.svg) no-repeat center 0.3rem; background-size: 2.75rem;}

.join-support-process-title {padding: 1.25rem 0 1.5rem 0; text-align: center; width: 100%; margin: auto; color: #cc9964; font-size:0.8rem; line-height: 0.9rem;}

.join-support-process-list ul li {padding:0 0 0.6rem 1.6rem;background: url(../images/join-support-process-list-icon.svg) no-repeat left 0; background-size: 1.2rem; }
.join-support-process-list ul li p {width: 100%; margin: auto; font-size: 0.3rem; line-height: 0.45rem}
.join-support-process-list ul li h4 {font-size: 0.4rem; padding-bottom: 6px; font-weight: bold;}

.join-varieties-box {}

.join-varieties-box .join-varieties-title,
.join-display-box .join-display-title { font-size: 0.8rem; text-align: center; color: #cc9964; padding: 1rem 0 0.3rem 0;}

.join-varieties-box .join-varieties-imges { text-align: center;}
.join-varieties-box .join-varieties-imges img {width: 94%; display: block; margin: auto; border-radius: 0.25rem;}

.join-varieties-box .join-varieties-pr-list,
.join-varieties-box .join-varieties-pr-text { display: block; width: 94%; margin: auto;line-height: 0.75rem;}

.join-varieties-box .join-varieties-pr-list {line-height: 0.65rem; font-size: 0.4rem; padding: 0.35rem 0 0.35rem 0;}
.join-varieties-box .join-varieties-pr-text {font-size: 0.45rem;}

.join-display-texts { position: relative;}
.join-display-box {width: 100%; margin: auto; }

.join-display-box .join-display-imges { }
.join-display-box .join-display-imges img {width: 94%; display: block; margin: auto; border-radius: 0.25rem;}
.join-display-box .join-display-texts {  width: 94%; margin: auto; }
.join-display-box .join-display-texts p {font-size: 0.4rem; padding: 0.35rem 0 0 0; line-height: 0.65rem;}
.join-display-box .join-display-texts span {line-height: 0.65rem;font-size: 0.4rem; display: block; padding: 0.35rem 0 0 0;}


/*pc-join*/

/*inside-products-list*/
.inside-products-list { width: 94%; margin: auto;}
.inside-products .join-varieties-box {padding-top:0.325rem;}

.inside-products-list ul li {border-radius: 0.25rem; overflow: hidden; float:left;width: 48.5%; height: 7.2rem; margin-bottom: 0.3rem; background: #ffffff; }
.inside-products-list ul li:nth-child(2n) {float: right;}

.inside-products-list ul li h3 {font-size: 0.4rem;padding:0.25rem 0 0 0.25rem;}
.inside-products-list ul li p {font-size: 0.3rem;padding:0.1rem 0 0 0.25rem;}
.inside-products-list ul li .images img,
.inside-products-list ul li:nth-child(5n) {width: 100%;}
/*inside-products-list*/

.industry-advantage-box {
    width: 94%;
    margin: auto;
    font-size: 0.4rem;
    line-height: 0.65rem;
    padding: 0.5rem 0 1.25rem 0;
}
.industry-advantage-box p {font-size: 0.4rem; padding-bottom: 0.3rem;}
.industry-advantage-box img {
	border-radius: 0.25rem;
    float: left;
    width: 100%;
    margin: 0 0 0.4rem 0;
}

/*inside-contact*/
.inside-contact h2 { padding: 1.25rem 0 0.75rem 0;  font-size: 0.8rem; text-align: center;}
.inside-contact h2 span { color: #5e3317; display: block;}
.inside-contact .code { text-align: center; font-size: 0.45rem; padding-bottom: 2.0rem;}
.inside-contact .code img {display: block; margin:0 auto 0.3rem auto;border-radius: 0.25rem;}

.inside-contact .tel { padding: 0.5rem 0 2.0rem 0;  text-align: center; }
.inside-contact .tel a {font-size: 0.9rem; background: #17ca64; width: 7.2rem; border-radius: 100px; margin: auto; color: #fff; display: block; padding: 0.05rem 0.3rem;}
.inside-contact .tel span { display: block; font-size: 0.8rem; padding-bottom: 0.3rem;}

/*inside-contact*/

/*pc-products-box-layer*/
.pc-products-box-layer .bottom-layer {transition: 0.3s; -moz-transition: 0.3s;/*Firefox 4 兼容*/ -webkit-transition: 0.3s;/*webkit浏览器的兼容*/ opacity: 0; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; bottom: 0; width: 100%; z-index: -1;}

.pc-products-box-layer .content-frame {
    transition: 0.5s; -moz-transition: 0.5s;/*Firefox 4 兼容*/ -webkit-transition: 0.5s;/*webkit浏览器的兼容*/
	width: 8.7rem;
	height: 11rem;
	margin-left: -4.35rem;
	margin-top: -5.5rem;
	background:#ffffff;
	position: fixed;
	left: -50%;
	top: 50%;
	z-index: 100;
	border-radius: 1.25rem;
}

.pc-products-box-layer .content-frame.open {left: 50%;}

.pc-products-box-layer .content-frame img {border-radius: 0.8rem 0.8rem 0 0; width: 100%;}
.pc-products-box-layer .content-frame p.titles { padding: 0.65rem 0 0.6rem 0; text-align: center; font-size: 0.75rem; color: #cc9964;}
.pc-products-box-layer .content-frame p.txt {font-size: 0.4rem; width: 7rem; margin: auto; line-height:0.65rem;}
.pc-products-box-layer .content-frame p.exit { cursor: pointer;border: #5e3317 solid 0.05rem;width: 1.5rem; height: 1.5rem; position: absolute;border-radius: 3.75rem; bottom: -0.75rem; background: #ffffff url(../images/pc-products/enlarge/exit-icon.svg) no-repeat center center; background-size: 70%; left: 50%; margin-left: -0.775rem;}

.pc-products-box-layer .bottom-layer.open {opacity: 1;z-index:99;}