/* 联系banner */
.n-banner{ width: 100%; display: block; font-size: 0;}
.n-banner .pic{ display: block; text-align: centerc; width: 100%;}
.n-banner .pic img{ width: 100%;}

.container{ margin-top: 0;}
.nav-list{ display: block;font-size: 0; margin-top: .38rem;}
.nav-list ul{ display: block; text-align: right; font-size: 0;}
.nav-list ul li{ display: inline-block; margin: 0 .26rem; position: relative;}
.nav-list ul li::after{ content: ""; position: absolute; left: -.26rem; top: 50%; transform: translateY(-50%); width: 2px; height: .2rem; background: var(--gold);}
.nav-list ul li a{ font-size: .2rem; color: var(--gold); font-family: "SourceHanSansCN-Normal"; line-height: .36rem; position: relative; display: inline-block; transition: all 0.3s ease-in-out;}
.nav-list ul li a:hover{ opacity: .7;}
.nav-list ul li a::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: var(--gold); opacity: 0;}
.nav-list ul li.cur a::after{ opacity: 1;}

.nav-list ul li:first-of-type::after{ display: none;}


/* 优势 */
.adv{ display: block; width: 100%; font-size: 0;}
.box .box-tit{ display: block; margin: 1.3rem 0 .9rem;}
.box .box-tit h2{ font-size: .48rem; color: var(--gold); display: inline-block; font-family: "SourceHanSansCN-Normal";}
.box .box-tit span{ font-size: .36rem; color: var(--gold); display: inline-block; margin-left: .3rem; font-family: "SourceHanSansCN-Normal";}
.box .box-list{ display: block; width: 100%;
}
.adv .box-list .list{ width: 30%; margin-right: 5%; border-top: 3px solid var(--gold); display: inline-block; font-family: "SourceHanSansCN-Normal"; min-height: 3.65rem; vertical-align: top;}

@media screen and ( min-width:1360px) {
    .adv .box-list .list:nth-of-type(3n){     margin-right: 0; }
}

.adv .box-list .list .number{ font-size: .48rem; color: var(--gold); font-weight: bold; display: block; margin: .2rem 0 .3rem;}
.adv .box-list .list .list-tit{ font-size: .24rem; display: block; color: var(--gold); margin-bottom: .2rem;}
.adv .box-list .list p{ font-size: .2rem; color: var(--gold); display: block;}

/* 联系方式 */
.box{ width: 100%; display: block; font-size: 0; margin-bottom: 1.2rem;}
.box-l{ width: 6.1rem; display: inline-block; vertical-align: top; font-family: "SourceHanSansCN-Normal";}
.box-l .msg{ display: block; width: 100%;}
.box-l .msg p{ display: block; font-size: .3rem; line-height: .36rem; color: var(--gold); font-family: "SourceHanSansCN-Normal"; font-weight: 300; margin-bottom: .47rem;}
.box-l .msg ul span.important{ font-size: .2rem; color: var(--gold);  line-height: .3rem; display: block; margin-bottom: .36rem;}
.box-l .msg ul li{ display: block; font-size: 0; margin-bottom: .2rem;}
.box-l .msg ul li span{ width: .9rem; color: #3c3c3c; font-size: .2rem; display: inline-block; vertical-align: top;}
.box-l .msg ul li input{ width: 5.2rem; height: .38rem; background: #f0f0f0; box-sizing: border-box; padding: .05rem .1rem; line-height: .28rem; border: none; color: #3c3c3c; vertical-align: top; display: inline-block; font-size: .2rem; outline: none;}
.box-l .msg ul li.tel input{ width: 1rem;}
.box-l .msg ul li.tel i{ width: .25rem; text-align: center; color: #3c3c3c; display: inline-block; font-size: .2rem;}
.box-l .msg ul li.tel input:last-of-type{ width: 3.95rem;}
.box-l .msg ul li textarea{  width: 5.2rem; height: 2.6rem; background: #f0f0f0; box-sizing: border-box; padding: .05rem .1rem; line-height: .28rem; border: none; color: #3c3c3c; display: inline-block; vertical-align: top; font-size: .2rem; outline: none;}
.box-l .msg ul li button{ width: auto; border: none; line-height: .44rem; background: #fff; display: inline-block; margin-left: .9rem; outline: none; font-size: .2rem; color: var(--gold); border-bottom: 2px solid var(--gold);}
.box-r{ width: 6rem; padding-left: 2.4rem; box-sizing: border-box; display: inline-block; vertical-align: top;}
.box-r .contact-info{ display: block; width: 100%; margin-bottom: .2rem;}
.box-r .contact-info:first-of-type{ border-top: 2px solid var(--gold);}
.box-r .contact-info .info-tit{ font-size: .36rem; color: var(--gold); line-height: .55rem; padding: .28rem 0 .08rem;}
.box-r .contact-info p{ font-size: .24rem; color: var(--gold); line-height: .36rem; margin: 0; display: block;font-family: "SourceHanSansCN-Normal","DIN-Medium","Alibaba-PuHuiTi-Medium"}

@media screen and ( max-width:768px) {

    .nav-list ul{ text-align: center;}
	.box{ margin: .5rem 0 .3rem;}
    .box .box-tit{ margin: .5rem 0; text-align: center; }
    .box .box-tit h2 {font-size: .3rem;}
    .box .box-tit span{ margin: 0; display: block; font-size: .24rem;} 
    .adv .box-list .list{ width: 100%; margin-right: 0; min-height: auto; padding-bottom: .3rem;}
    .adv .box-list .list .number {font-size: .4rem;}
    .box-l{ width: 100%; }
    .box-l .msg ul li span{ display: block; } 
    .box-l .msg ul li input,
    .box-l .msg ul li textarea{ width: 100%;}
    .box-l .msg ul li.tel input{ width: 30%;}
    .box-l .msg ul li.tel i{ width: 10%;}
    .box-l .msg ul li.tel input:last-of-type{ width: 60%;}
    .box-l .msg ul li button{ margin: 0 auto;}
    .box-r{ width: 100%; padding: 0; }
    .box-r .contact-info:first-of-type{ border: none;}
    .box-l .msg p {font-size: .24rem;}
    .box-r .contact-info .info-tit {font-size: .24rem;}
    .box-r .contact-info p {font-size: .2rem;}
}