|
@@ -0,0 +1,462 @@
|
|
|
|
+
|
|
|
|
+/** æ¸…é™¤å†…å¤–è¾¹è· **/
|
|
|
|
+body, h1, h2, h3, h4, h5, h6, hr, p,
|
|
|
|
+blockquote, /* structural elements ç»“æž„å…ƒç´ */
|
|
|
|
+dl, dt, dd, ul, ol, li, /* list elements åˆ—è¡¨å…ƒç´ */
|
|
|
|
+pre, /* text formatting elements æ–‡æœ¬æ ¼å¼å…ƒç´ */
|
|
|
|
+form, fieldset, legend, button, input, textarea, /* form elements 表å•å…ƒç´ */
|
|
|
|
+th, td, /* table elements è¡¨æ ¼å…ƒç´ */
|
|
|
|
+img/* img elements å›¾ç‰‡å…ƒç´ */{
|
|
|
|
+ border:medium none;
|
|
|
|
+ margin: 0;
|
|
|
|
+ padding: 0;
|
|
|
|
+}
|
|
|
|
+/** 设置默认å—体 **/
|
|
|
|
+body,button, input, select, textarea {
|
|
|
|
+ outline:none;font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif;
|
|
|
|
+}
|
|
|
|
+h1, h2, h3, h4, h5, h6 { font-size: 100%; }
|
|
|
|
+em{font-style:normal;}
|
|
|
|
+/** é‡ç½®åˆ—è¡¨å…ƒç´ **/
|
|
|
|
+ul, ol { list-style: none; }
|
|
|
|
+/** é‡ç½®è¶…é“¾æŽ¥å…ƒç´ **/
|
|
|
|
+a { text-decoration: none; color:#fff;}
|
|
|
|
+a:hover { text-decoration: underline; color:#fff; }
|
|
|
|
+/** é‡ç½®å›¾ç‰‡å…ƒç´ **/
|
|
|
|
+img{ border:0px;}
|
|
|
|
+/** é‡ç½®è¡¨æ ¼å…ƒç´ **/
|
|
|
|
+table { border-collapse: collapse; border-spacing: 0; }
|
|
|
|
+input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
|
|
|
+ /* WebKit browsers */
|
|
|
|
+ color: #C7C7C7;
|
|
|
|
+}
|
|
|
|
+input:-moz-placeholder, textarea:-moz-placeholder {
|
|
|
|
+ /* Mozilla Firefox 4 to 18 */
|
|
|
|
+ color: #C7C7C7;
|
|
|
|
+}
|
|
|
|
+input::-moz-placeholder, textarea::-moz-placeholder {
|
|
|
|
+ /* Mozilla Firefox 19+ */
|
|
|
|
+ color: #C7C7C7;
|
|
|
|
+}
|
|
|
|
+input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
|
|
|
+ /* Internet Explorer 10+ */
|
|
|
|
+ color: #C7C7C7;
|
|
|
|
+}
|
|
|
|
+.alert{
|
|
|
|
+ position: fixed;
|
|
|
|
+ top: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ right: 0;
|
|
|
|
+ width: 100%;
|
|
|
|
+ border-radius: 0;
|
|
|
|
+ text-align: center;
|
|
|
|
+ -webkit-animation: 0.3s alert linear ;
|
|
|
|
+ animation: 0.3s alert linear ;
|
|
|
|
+ z-index: 9999999;
|
|
|
|
+ padding:15px;margin-bottom:20px;border:1px solid transparent;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+}
|
|
|
|
+.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
|
|
|
|
+.alert-success hr{border-top-color:#c9e2b3}
|
|
|
|
+.alert-success
|
|
|
|
+.alert-link{color:#2b542c}
|
|
|
|
+.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}
|
|
|
|
+
|
|
|
|
+@-webkit-keyframes alert {
|
|
|
|
+ 0% {
|
|
|
|
+ -webkit-transform:translateY(-80px) ;
|
|
|
|
+ transform: translateY(-80px);
|
|
|
|
+ opacity: 0;
|
|
|
|
+ }
|
|
|
|
+ 100% {
|
|
|
|
+ -webkit-transform:translateY(0) ;
|
|
|
|
+ transform: translateY(0);
|
|
|
|
+ opacity: 1;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+@keyframes alert {
|
|
|
|
+ 0% {
|
|
|
|
+ -webkit-transform:translateY(-80px) ;
|
|
|
|
+ transform: translateY(-80px);
|
|
|
|
+ opacity: 0;
|
|
|
|
+ }
|
|
|
|
+ 100% {
|
|
|
|
+ -webkit-transform:translateY(0) ;
|
|
|
|
+ transform: translateY(0);
|
|
|
|
+ opacity: 1;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+/**
|
|
|
|
+ 通用模å—
|
|
|
|
+**/
|
|
|
|
+body{
|
|
|
|
+ background: white;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #4B4B4B;
|
|
|
|
+}
|
|
|
|
+body,html{
|
|
|
|
+ width: 100%;
|
|
|
|
+ min-height: 100vh;
|
|
|
|
+ overflow-x: hidden;
|
|
|
|
+ overflow-y: auto;
|
|
|
|
+}
|
|
|
|
+.body{
|
|
|
|
+ /* background:url('../images/body_bg1.png')no-repeat left 5% bottom 4%,
|
|
|
|
+ url('../images/body_bg2.png')no-repeat center bottom 4%,
|
|
|
|
+ url('../images/body_bg3.png')no-repeat right 5% bottom 4%,
|
|
|
|
+ url('../images/body_bg4.png')no-repeat bottom left,
|
|
|
|
+ #000B31 ; */
|
|
|
|
+ /* background-size: 40px auto,40px auto,40px auto,contain; */
|
|
|
|
+ padding-bottom: 60px;
|
|
|
|
+ background: white;
|
|
|
|
+ color: #4B4B4B;
|
|
|
|
+}
|
|
|
|
+.font_10{
|
|
|
|
+ font-size: 10px;
|
|
|
|
+}
|
|
|
|
+.font_12{
|
|
|
|
+ font-size: 12px;
|
|
|
|
+}
|
|
|
|
+.font_14{
|
|
|
|
+ font-size: 14px;
|
|
|
|
+}
|
|
|
|
+.font_16{
|
|
|
|
+ font-size: 16px;
|
|
|
|
+}
|
|
|
|
+.font_18{
|
|
|
|
+ font-size: 18px;
|
|
|
|
+}
|
|
|
|
+.font_20{
|
|
|
|
+ font-size: 20px;
|
|
|
|
+}
|
|
|
|
+.font_22{
|
|
|
|
+ font-size: 22px;
|
|
|
|
+}
|
|
|
|
+.font_24{
|
|
|
|
+ font-size: 24px;
|
|
|
|
+}
|
|
|
|
+.font_26{
|
|
|
|
+ font-size: 26px;
|
|
|
|
+}
|
|
|
|
+.font_28{
|
|
|
|
+ font-size: 28px;
|
|
|
|
+}
|
|
|
|
+.font_30{
|
|
|
|
+ font-size: 30px;
|
|
|
|
+}
|
|
|
|
+.font_32{
|
|
|
|
+ font-size: 32px;
|
|
|
|
+}
|
|
|
|
+.font_34{
|
|
|
|
+ font-size: 34px;
|
|
|
|
+}
|
|
|
|
+.color_white {
|
|
|
|
+ color: white;
|
|
|
|
+}
|
|
|
|
+.color_4b {
|
|
|
|
+ color: #4B4B4B;
|
|
|
|
+}
|
|
|
|
+.font_weight {
|
|
|
|
+ font-weight: bold;
|
|
|
|
+}
|
|
|
|
+.flex{
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ display: -webkit-flex;
|
|
|
|
+ display: flex;
|
|
|
|
+}
|
|
|
|
+.flex_item {
|
|
|
|
+ -webkit-box-flex: 1;
|
|
|
|
+ -webkit-flex: 1;
|
|
|
|
+ flex: 1;
|
|
|
|
+ /* padding-left: 10px; */
|
|
|
|
+}
|
|
|
|
+.flex_center{
|
|
|
|
+ justify-content: center;
|
|
|
|
+}
|
|
|
|
+.flex_align_center{
|
|
|
|
+ align-content:center
|
|
|
|
+}
|
|
|
|
+.flex_align_top{
|
|
|
|
+ align-content: flex-start;
|
|
|
|
+}
|
|
|
|
+.text_center{
|
|
|
|
+ text-align: center;
|
|
|
|
+}
|
|
|
|
+.text_left{
|
|
|
|
+ text-align: left;
|
|
|
|
+}
|
|
|
|
+.vertical_top{
|
|
|
|
+ vertical-align: top;
|
|
|
|
+}
|
|
|
|
+.flex_direction_column{
|
|
|
|
+ flex-direction:column;
|
|
|
|
+}
|
|
|
|
+.content{
|
|
|
|
+ /* padding: 0 8%; */
|
|
|
|
+ width: 100%;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+}
|
|
|
|
+.pop_loading{
|
|
|
|
+ position: fixed;
|
|
|
|
+ height: 50px;
|
|
|
|
+ width: 100px;
|
|
|
|
+ background: rgba(0,0,0,0.7);
|
|
|
|
+ top: 50%;
|
|
|
|
+ left: 50%;
|
|
|
|
+ margin-top: -25px;
|
|
|
|
+ margin-left: -50px;
|
|
|
|
+ border-radius: 5px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ line-height: 50px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ z-index: 9999;
|
|
|
|
+}
|
|
|
|
+/*
|
|
|
|
+.title{
|
|
|
|
+ position: relative;
|
|
|
|
+ padding: 0 5px 7px 5px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ border-bottom: 2px solid #B5A36A;
|
|
|
|
+} */
|
|
|
|
+/* .title::after{
|
|
|
|
+ content: '';
|
|
|
|
+ position: absolute;
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 12px;
|
|
|
|
+ bottom: 0;
|
|
|
|
+ left: 0;
|
|
|
|
+ right: 0;
|
|
|
|
+ background:linear-gradient(0deg,rgba(31,68,172,1),rgba(72,25,159,1));
|
|
|
|
+ border-radius:6px;
|
|
|
|
+ z-index: -1;
|
|
|
|
+} */
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+@font-face {
|
|
|
|
+ /* 英文字体 */
|
|
|
|
+ font-family: "CadillacTrimV1-Light";
|
|
|
|
+ src: url("./font/CadillacTrimV1/CadillacTrimV1-Light.otf");
|
|
|
|
+
|
|
|
|
+ font-family: "CadillacTrimV1-Medium";
|
|
|
|
+ src: url("./font/CadillacTrimV1/CadillacTrimV1-Medium.otf");
|
|
|
|
+
|
|
|
|
+ font-family: "CadillacTrimV1-Regular";
|
|
|
|
+ src: url("./font/CadillacTrimV1/CadillacTrimV1-Regular.otf");
|
|
|
|
+
|
|
|
|
+ font-family: "CadillacTrimV1-Thin";
|
|
|
|
+ src: url("./font/CadillacTrimV1/CadillacTrimV1-Thin.otf");
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ font-family: "hyjh35j";
|
|
|
|
+ src: url("./font/hyjh/hyjh35j.ttf");
|
|
|
|
+
|
|
|
|
+ font-family: "hyjh50j";
|
|
|
|
+ src: url("./font/hyjh/hyjh50j.ttf");
|
|
|
|
+
|
|
|
|
+ font-family: "hyjh70j";
|
|
|
|
+ src: url("./font/hyjh/hyjh70j.ttf");
|
|
|
|
+
|
|
|
|
+ font-family: "hyjh90j";
|
|
|
|
+ src: url("./font/hyjh/hyjh90j.ttf");
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .content{
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ .title{
|
|
|
|
+ height:20px;
|
|
|
|
+ font-size:16px;
|
|
|
|
+ font-family:PingFangSC-Medium,PingFang SC;
|
|
|
|
+ font-weight:500;
|
|
|
|
+ color:rgba(17,17,17,1);
|
|
|
|
+ line-height:20px;
|
|
|
|
+ margin: 20px 30px;
|
|
|
|
+ }
|
|
|
|
+ .content-data{
|
|
|
|
+ max-width: 700px;
|
|
|
|
+ width: auto;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ padding: 0 0 70px 0;
|
|
|
|
+ }
|
|
|
|
+ .content-data img{
|
|
|
|
+ width:100%;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ }
|
|
|
|
+ .footer_btn{
|
|
|
|
+ background: #fff;
|
|
|
|
+ box-shadow:0px -3px 9px 0px rgba(127,129,138,0.15);
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 58px;
|
|
|
|
+ position: fixed;
|
|
|
|
+ padding-bottom:20px;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ bottom: 0px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ .footer_btn_item{
|
|
|
|
+ margin-top: -30px;
|
|
|
|
+ }
|
|
|
|
+ .img-full{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ .demonstrate-box{
|
|
|
|
+ display: flex;
|
|
|
|
+ height: 100%;
|
|
|
|
+ padding:0;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+}
|
|
|
|
+.top{
|
|
|
|
+ padding:0 60px;
|
|
|
|
+ padding-top: 40px;
|
|
|
|
+}
|
|
|
|
+.top .subtitle{
|
|
|
|
+ color:#111111;
|
|
|
|
+ font-size:32px;
|
|
|
|
+}
|
|
|
|
+.top .time-box{
|
|
|
|
+ display: flex;
|
|
|
|
+ height: 40px;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: 15px;
|
|
|
|
+}
|
|
|
|
+.top .time-box .text{
|
|
|
|
+ display: flex;
|
|
|
|
+ height: 40px;
|
|
|
|
+ align-items: center;
|
|
|
|
+ color:#8D8D8D;
|
|
|
|
+ font-size:24px;
|
|
|
|
+}
|
|
|
|
+.top .time-box image{
|
|
|
|
+ width: 26px;
|
|
|
|
+ height: 26px;
|
|
|
|
+ margin-right: 12px;
|
|
|
|
+}
|
|
|
|
+.top .adr-box{
|
|
|
|
+ display: flex;
|
|
|
|
+ height: 40px;
|
|
|
|
+ align-items: center;
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+}
|
|
|
|
+.top .adr-box .text{
|
|
|
|
+ display: flex;
|
|
|
|
+ height: 40px;
|
|
|
|
+ align-items: center;
|
|
|
|
+ color:#8D8D8D;
|
|
|
|
+ font-size:24px;
|
|
|
|
+}
|
|
|
|
+.top .adr-box image{
|
|
|
|
+ width: 26px;
|
|
|
|
+ height: 26px;
|
|
|
|
+ margin-right: 12px;
|
|
|
|
+}
|
|
|
|
+.main{
|
|
|
|
+ margin-top: 52px;
|
|
|
|
+}
|
|
|
|
+/*.main .item-title{*/
|
|
|
|
+/* position: relative;*/
|
|
|
|
+/* font-size:28px;*/
|
|
|
|
+/* color:#111111;*/
|
|
|
|
+/* padding-left: 60px;*/
|
|
|
|
+/* padding-bottom: 34px;*/
|
|
|
|
+/*}*/
|
|
|
|
+.main .item-title .left-line{
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ top: 0;
|
|
|
|
+ width:4px;
|
|
|
|
+ height:40px;
|
|
|
|
+ background:rgba(22,22,22,1);
|
|
|
|
+}
|
|
|
|
+.main .title{
|
|
|
|
+ font-weight: bold;
|
|
|
|
+}
|
|
|
|
+.main .paragraph{
|
|
|
|
+ line-height:48px;
|
|
|
|
+ padding:0 60px;
|
|
|
|
+ font-size:24px;
|
|
|
|
+ color:#111111;
|
|
|
|
+ padding-bottom: 20px;
|
|
|
|
+}
|
|
|
|
+.main .pic-box{
|
|
|
|
+ padding:0 60px;
|
|
|
|
+ padding-bottom: 36px;
|
|
|
|
+}
|
|
|
|
+.main .pic-box .pic{
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-top: 32px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+/* pages/copyright/copyright.wxss */
|
|
|
|
+.page-copyright{
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+.page-copyright .copyright-item{
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.page-copyright .copyright-item .title{
|
|
|
|
+ position: relative;
|
|
|
|
+ color: #111111;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ padding: 0 25px;
|
|
|
|
+ line-height: 45px;
|
|
|
|
+ font-weight:500;
|
|
|
|
+ height: auto;
|
|
|
|
+ margin: 0;
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.page-copyright .copyright-item .title::after{
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ top:50%;
|
|
|
|
+ transform: translate(0,-50%);
|
|
|
|
+ width:2px;
|
|
|
|
+ height:20px;
|
|
|
|
+ background:rgba(22,22,22,1);
|
|
|
|
+ content: "";
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.page-copyright .copyright-item .info{
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ color: #111111;
|
|
|
|
+ padding: 0 25px;
|
|
|
|
+}
|
|
|
|
+.page-copyright .copyright-code{
|
|
|
|
+ margin-top: 50px;
|
|
|
|
+}
|
|
|
|
+.page-copyright .copyright-code .img-wrap{
|
|
|
|
+ width:148px;
|
|
|
|
+ height:140px;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding:10px;
|
|
|
|
+ border:1px solid rgba(236,238,243,1);
|
|
|
|
+ /* border:1px solid rgba(236,238,243,1);
|
|
|
|
+
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding:20px; */
|
|
|
|
+}
|
|
|
|
+.page-copyright .copyright-code .info{
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ color: #111111;
|
|
|
|
+ margin-top: 15px;
|
|
|
|
+}
|
|
|
|
+.page-copyright .footer-brand-text{
|
|
|
|
+ color:#9A9A9A;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ margin-top: 80px;
|
|
|
|
+ padding-bottom: 20px;
|
|
|
|
+}
|