@charset "utf-8";
/* CSS Document */
a{ text-decoration:none !important; }
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
input,select,textarea {outline:none; background-color: transparent;}
*{ margin: 0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
*[class~="row"] {margin: 0;}
*[class*="col-"] {padding: 0;}
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
* html .clearfix {zoom:1;}
img{ border:none; display:block;}
ul,li{ list-style:none; }
em,i{ font-style:normal;}
body{ background-color: #000; font-size: 14px; }
input::-webkit-input-placeholder {
        color: rgba(255,255,255,0.8);
    }
img{ display: block; max-width: 100%; }
.pall{ width: 100%; }

.webs{ width: 1200px; margin:0 auto; background-image: url(../images/bg.jpg); background-size: 100% 100%; position: relative; overflow: hidden;  }
.webs .dw1{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1;  }
.webs .bans{ padding: 80px 0; position: relative; z-index: 1;  }
.webs .bans img{ display: block; width: 80%; margin:0 auto; }
.webs .bans p{ position: absolute; bottom: 18%; font-size: 38px; color: #efe4c4; letter-spacing: 12px; text-align: center; width: 100%; }
.webs .btwo{ width: 100%; position: relative; }
.webs .btwo p{ position: absolute; top: 18%; font-size: 30px; color: #fff; letter-spacing: 10px; text-align: center; width: 100%;}
.webs .tit1{ width: 110%; }
.webs .tit2{ width: 110%; }
.webs .tit3{ width: 110%; }
.webs .mid{ max-width: 100%; margin:0 auto; }
.webs .small{ max-width: 100%; margin-bottom: 30px; }
.webs .p1{ width: 90%; margin:50px auto 100px; }
.webs .hd1{ margin:30px auto;}
.webs h6{ margin:30px auto 60px; background-image: url(../images/icon36.png); background-size: auto 27px; background-position: center center; background-repeat: no-repeat; text-align: center; font-size: 28px; line-height: 40px; height: 40px; color: #efe4c4;}
.webs .sin{ padding: 50px 0; }
.webs .sin2{ padding: 50px 50px; }
.webs .sin2 .pict{ padding:30px 0 0; }
.webs .sin2 .pall{ margin:0 0 40px 0; }
.webs .sin .up{ width: 90%; margin:0 auto; position: relative; z-index: 1; }
.webs .sin .down{ width: 100%; position: relative; top: -60px; z-index: 0; }
.webs .code{ width: 90%; margin:0 auto; position: relative; }
.webs .code img{ display: block; width: 100%; }
.webs .code p{ position: absolute; bottom: 7%; width: 100%; text-align: center; left: 0; }
.webs .code p i{ display: block; font-size:40px; color: #fff; line-height: 1.5;  }
.webs .code p b{ display: block; font-size:52px; color: #efe4c4; line-height: 1.2;  }
.qslist{ overflow: hidden; display: flex; align-items: center; justify-content: space-around; padding: 40px 0 100px; }
.qslist li{ width: 300px; height: 300px; background-image: url(../images/icon04.png); background-position: center center; background-repeat: no-repeat; background-size:100% auto; display: flex; align-items: center; justify-content: center; flex-direction: column;  }
.qslist li span{ display: block; font-size: 50px; color: #efe4c4; line-height: 1.2; }
.qslist li b{ display: block; font-size: 36px; color: #fff; line-height: 1.2; }
.qslist li i{ display: block; font-size: 14px; color: #fff; line-height: 1.2; opacity: 0.5; }

.part{ padding-bottom: 80px; }
.part .small{ margin-left: 50px; max-width: 90%; }
.part .card{ background-color: #fff; position: relative; border-radius: 30px 0 0 30px; padding: 30px;/* height: 580px;*/ margin-left: 120px; }
.part .card .tx{ position: absolute; right: 0; top: 0; height: 100%;  }
.part .card .word{}
.part .card h2{ margin-bottom: 30px; overflow: hidden; }
.part .card h2 span{ font-size: 24px; color: #8a723c; line-height: 2; border-bottom: 2px solid #8a8a8a; display: block; float: left; }
.part .card ul{ position: relative; z-index: 1; }
.part .card li{ padding-left: 20px; position: relative; font-size: 18px; color: #555; line-height: 1.8; }
.part .card li:before{ content: ""; position: absolute; left: 8px; top: 50%; width: 4px; height: 4px; margin-top: -2px; background-color: #000; border-radius: 50%; opacity: 0.8; }
.both{ background-image: url(../images/icon33.png); background-position: center center; width: 1000px; height: 500px; margin:100px auto; background-size: 100% auto; background-repeat: no-repeat; overflow: hidden; }
.both .bon{ width: 50%; float: left; text-align: center; padding-top: 220px; height: 500px; }
.both .bon:last-child{ padding-top: 130px }
.both .bon span{ display: block; font-size: 40px; color: #efe4c4; line-height: 2; }
.both .bon b{ display: block; font-size: 18px; color: #fff; font-weight: normal; line-height: 2; }
.tit4{ text-align: center; background-image: url(../images/icon32.png); background-size: 100% 100%; height: 120px; display: flex; align-items: center; justify-content: center; flex-direction: column; letter-spacing: 3px; }
.tit4 i{ display: block; font-size: 18px; color: #000; line-height: 1.6; }
.tit4 b{ display: block; font-size: 32px; color: #000; line-height: 1.6; font-weight: normal; }

.duce{ overflow: hidden; margin-bottom: 40px; }
.duce .din{ width: 520px; float: left; border-radius: 30px; overflow: hidden; position: relative; background-color: #efe4c4 }
.duce .din em{ position: absolute; right: 0; bottom: 0; width: 140px;font-size: 200px; line-height: 160px; color: #dcd2b5; font-weight: bold; font-family: Arial; text-align: center; }
.duce .din img{ display: block; width: 100%; } 
.duce .din p{ height: 400px; padding: 20px 40px 40px; position: relative; z-index: 1; }
.duce .din p span{ display: block; position: relative; font-size: 40px; color: #333; line-height: 60px; padding-bottom: 15px; text-align: center; font-weight: bold; }
.duce .din p span:before{ content: ""; width: 60px; height: 4px; border-radius: 4px; background-color: #333; position: absolute; left:50%; bottom: 0; margin-left: -30px; }
.duce .din p i{ display: block; margin-top: 20px; font-size: 22px; color: #666; line-height: 40px; letter-spacing: 2px; }
.duce .din p i b{ color: #333; font-weight: bold; }
.duce .din:last-child{ float: right; }

@media screen and (max-width: 1200px){
	body{ min-width: 320px; }
	.webs{ width: 100%; }
	.webs .dw1{ }
	.webs .bans{ padding: 1.2rem 0;  }
	.webs .bans img{ display: block; width: 90%; margin:0 auto; }
	.webs .bans p{ bottom: 1.3rem; font-size: 0.28rem;letter-spacing: 0.1rem; }
	.webs .btwo p{ top: 16%; font-size: 0.3rem;letter-spacing: 0.1rem;}

	.webs .small{ margin-bottom: 0.4rem; }
	.webs .p1{ width: 90%; margin:0.6rem auto 0.8rem; }
	.webs .p2{ height: 1.4rem; }
	.webs .hd1{ margin:0.5rem auto; max-width: 90%;}
	.webs h6{ margin:0.4rem auto 0.8rem;  background-size: auto 0.3rem; font-size: 0.3rem; line-height: 0.5rem; height: 0.5rem; }
	.webs .sin{ padding: 0.7rem 0 0; }
	.webs .sin2{ padding: 0.7rem 0.3rem 0; }
	.webs .sin2 .pict{ padding: 0.4rem 0rem 0; }
	.webs .sin2 .pall{ margin:0 0 0.6rem 0; }
	.webs .sin .down{ width: 100%; position: relative; top: -0.8rem; z-index: 0; }
	
	.webs .code p i{ font-size:0.36rem;  }
	.webs .code p b{ font-size:0.46rem;  }
	.qslist{ padding: 0.3rem 0 1.5rem; }
	.qslist li{ width: 1.8rem; height: 1.8rem;  }
	.qslist li span{ font-size: 0.44rem; }
	.qslist li b{ font-size: 0.36rem;  }
	.qslist li i{ font-size: 0.24rem; }

	.part{ padding-bottom: 1.2rem; }
	.part .small{ margin-left: 0.3rem; }
	.part .card{ border-radius: 0.4rem; padding: 0.4rem; margin-left: 0rem; margin:0 0.3rem; }
	.part .card .tx{ display: none; }
	.part .card h2{ margin-bottom: 0.4rem; }
	.part .card h2 span{ font-size: 0.32rem; }
	.part .card ul{ }
	.part .card li{ padding-left: 0.3rem; font-size: 0.3rem; }
	.part .card li:before{ left: 0.1rem; width: 0.1rem; height: 0.1rem; margin-top: -0.05rem;  }
	.both{ width: 90%; height: 4rem; margin:1.2rem auto;}
	.both .bon{ padding-top: 1.9rem; height: 4rem; }
	.both .bon:last-child{ padding-top:0.8rem; }
	.both .bon span{ font-size: 0.44rem; line-height: 1.2; }
	.both .bon b{ font-size: 0.3rem; line-height: 1.2; }
	.tit4{ height: 1.4rem;  }
	.tit4 i{ font-size: 0.3rem; }
	.tit4 b{ font-size: 0.4rem;}

	.duce{ margin-bottom: 0.6rem; }
	.duce .din{ width: 48%;border-radius: 0.3rem;}
	.duce .din em{ width: 1.5rem;font-size: 2.2rem; line-height: 2rem;  }
	.duce .din p{ height: 6.3rem; padding: 0.3rem 0.3rem 0.3rem; }
	.duce .din p span{ font-size: 0.4rem; line-height: 0.6rem; padding-bottom: 0.2rem;}
	.duce .din p span:before{ width: 0.8rem; height: 0.08rem; border-radius: 0.08rem; margin-left: -0.4rem; }
	.duce .din p i{ margin-top: 0.3rem; font-size: 0.28rem;line-height: 0.5rem; }
}