@charset "gb2312";
/* CSS Document */
*::selection { background: rgba(0, 209, 209, 0.5); color: #fff; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ani, .ani *,.ani:after,.ani:before,.ani *:after,.ani *:before { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.noani, .noani * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body { margin: 0 auto; padding: 0; 
	font: normal 14px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial;
	/*font: normal 14px/2 "Helvetica Neue", "Arial","PingFang SC","\5FAE\8F6F\96C5\9ED1", "SimHei", "SimSun";*/
	color: #333; word-break: break-all; text-align: justify; background: #fff;}
html{}
img, li { vertical-align: top; }
input { font-family: "Microsoft YaHei" }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none; }
a { text-decoration: none; color: #858687; }
a:hover { color: #0f98ff; }
.fl { float: left !important; }
.fr { float: right !important; }
.wrap { width: 1300px; margin: 0 auto; max-width: 1920px; }
.pd20 { padding: 20px; }
img { max-width: 100%; }
.scale img { opacity: 1; transform: scale(1, 1); }
.scale:hover img { opacity: 0.95; transform: scale(1.1, 1.1); }
.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hidden { display: none; }
.vh-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.h-center { position: absolute; left: 50%; transform: translateX(-50%) }
.v-center { position: absolute; top: 50%; transform: translateY(-50%) }



body{font-size: 18px; line-height: 2;}
.page_header{text-align: center; padding: 30px 0}
.page_wrap{ max-width: 1200px; margin: 0 auto;}
.section_1{text-align: center; padding: 40px 0 40px;}
.section_1 .tit{ font-size: 36px; font-weight: bold;}
.section_1 .con{font-size: 18px; line-height: 2;}
.section_2{ padding-bottom: 40px;}
.section_2 img{ float: left; margin-right: 30px;}
.section_2 h3{ line-height: 1; font-size: 24px; font-weight: bold; padding-bottom: 20px;}
.section_2 p{}
.section_3{ padding-bottom: 40px;}
.section_3 .img{float: left; padding: 0 60px 0 0;}
.section_3 .img img:first-of-type{display: block;}
.section_3 .img img:last-of-type{display: none;}
.section_3 .desc{float: left;}
.section_3 .hd{ padding: 20px 0 0 0;}
.section_3 h2{ font-size: 24px; font-weight: bold; line-height: 1; padding-bottom: 16px; color: #9e85f7;}
.section_3 h3{ font-size: 24px; font-weight: bold; line-height: 1; padding-bottom: 16px;}
.section_3 p{}
.QR{float: left; min-width: 500px; text-align: center;padding: 30px 0 0;}
.QR li{float: left; width: 50%;}
.QR li p{}
.page_footer{ color: #fff; background-color: #333; padding: 20px 0; text-align: center;}



@media (max-width: 1280px) {
body{font-size: 18px;line-height: 2;}
.page_header{text-align: center; padding: 30px 0}
.page_wrap{ max-width: 1200px; margin: 0 auto;}
.section_1{text-align: center;padding: 20px;}
.section_1 .tit{ font-size: 36px; font-weight: bold;}
.section_1 .con{font-size: 18px; line-height: 2;}
.section_2{ padding-bottom: 40px;}
.section_2 img{float: none;margin-right: 0;width: 100%;}
.section_2 h3{line-height: 1;font-size: 30px;font-weight: bold;padding-bottom: 20px;background: rgb(51 51 51 / 85%);height: 70px;line-height: 70px;color: #fff;text-align: center;margin-top: -70px;position: relative;}
.section_2 p{padding: 0 20px;}
.section_3{ padding-bottom: 40px;}
.section_3 .img{float: none;padding: 0;}
.section_3 .img img:first-of-type{display: none;}
.section_3 .img img:last-of-type{display: block;width: 100%;}
.section_3 .desc{float: none;position: relative;}
.section_3 .hd{padding: 0 0 0 20px;margin-top: -120px;position: absolute;}
.section_3 h2{font-size: 36px;font-weight: bold;line-height: 1;padding-bottom: 16px;color: #9e85f7;}
.section_3 h3{font-size: 40px;font-weight: bold;line-height: 1;padding-bottom: 0;}
.section_3 p{padding: 0 20px;font-size: 14px;}
.QR{float: none;min-width: auto;text-align: center;padding: 30px 0 0;width: 100%;padding: 0 10%;}
.QR li{float: left; width: 50%;}
.QR li p{font-size: 30px;}
.page_footer{color: #fff;background-color: #333;padding: 20px 0;text-align: center;font-size: 16px;position: absolute;width: 100%;}
}