初始化提交
This commit is contained in:
shenquanyi
586
css/ainong/biocarbon-neutral.css
Normal file
586
css/ainong/biocarbon-neutral.css
Normal file
@@ -0,0 +1,586 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.common-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.common-flex-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.common-clear-margin {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.common-clear-padding {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.common-deco-cirle {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: #a3c85e;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.common-cfx {
|
||||
width: 32px;
|
||||
height: 4px;
|
||||
background: #7fb63e;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 生物碳中和区域 */
|
||||
|
||||
/* .header {
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../images/biocarbon-neutral/banner.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
|
||||
} */
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../images/biocarbon-neutral/banner.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-fb {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
width: 100%;
|
||||
height: 78px;
|
||||
font-size: 75px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 16px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
font-size: 25px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 5.2px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
|
||||
/* 用得起的无土栽培方式 */
|
||||
|
||||
.box1 {
|
||||
width: 63%;
|
||||
height: 526px;
|
||||
background: #ffffff;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 .box1-title-fb .title1 {
|
||||
width: 319px;
|
||||
height: 32px;
|
||||
font-size: 31px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #252934;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 .box1-title-fb .title2 {
|
||||
text-transform: uppercase;
|
||||
width: 381px;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box1 .box1-fb2 .ims {
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb2 .des {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* 水培牧草 */
|
||||
|
||||
.box2 {
|
||||
position: relative;
|
||||
width: 63%;
|
||||
height: 733px;
|
||||
background: #fbfbfb;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box2 .bcirle {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
right: 119px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
margin-left: 49px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 .title1 {
|
||||
width: 256px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 66px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 .title2 {
|
||||
text-transform: uppercase;
|
||||
width: 135px;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .igrass {
|
||||
margin-left: 50px;
|
||||
width: 543px;
|
||||
height: 407px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right {
|
||||
width: 704px;
|
||||
height: 336px;
|
||||
background: #ffffff;
|
||||
margin-left: -150px;
|
||||
padding: 36px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right .rl1 {
|
||||
height: 24px;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: justifyLeft;
|
||||
color: #252934;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right .rl {
|
||||
height: 19px;
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justifyLeft;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* 应用优势 */
|
||||
|
||||
.box3 {
|
||||
width: 63%;
|
||||
/* height: 789px; */
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
background: #ffffff;
|
||||
padding-left: 49px;
|
||||
padding-right: 49px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 .title1 {
|
||||
margin-top: 30px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 67px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 .title2 {
|
||||
text-transform: uppercase;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 {
|
||||
width: 100%;
|
||||
/* height: 221px; */
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt {
|
||||
height: 221px !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* justify-content: space-around; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt1 {
|
||||
/* width: 48px; */
|
||||
/* height: 24px; */
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #252934;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt3 {
|
||||
/* width: 176px; */
|
||||
/* height: 15px; */
|
||||
/* line-height: 40px; */
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
|
||||
/* 水培青绿饲料的价值 */
|
||||
|
||||
.box4 {
|
||||
width: 63%;
|
||||
height: 439px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .box4-fb1 .title1 {
|
||||
width: 288px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .box4-fb1 .title2 {
|
||||
width: 134px;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .p1 {
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1820px) {
|
||||
.box2 {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right {
|
||||
margin-left: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1275px) {
|
||||
.box2 .box2-fb2 .igrass {
|
||||
width: 450px;
|
||||
height: 360px;
|
||||
}
|
||||
|
||||
.box2 .bcirle {
|
||||
top: 14px;
|
||||
right: 13px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 795px) {
|
||||
.box2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
font-size: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 595px) {
|
||||
.header {
|
||||
height: 231px;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
font-size: 27px;
|
||||
line-height: 92px;
|
||||
letter-spacing: 6px;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
font-size: 16px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 用得起的无土栽培方式 */
|
||||
.box1 {
|
||||
width: 100%;
|
||||
height: 650px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 .box1-title-fb .title1 {
|
||||
width: 260px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 .box1-title-fb .title2 {
|
||||
width: 259px;
|
||||
height: 32px;
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
/* 水培牧草 */
|
||||
.box2 .bcirle {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 .title1 {
|
||||
font-size: 26px;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 .title2 {
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .igrass {
|
||||
width: 300px;
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: 100%;
|
||||
height: 733px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .igrass {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right .rl1 {
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
/* 应用优势 */
|
||||
.box3 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 .title1 {
|
||||
line-height: 68px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 .title2 {
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
/* 水培青绿饲料的价值 */
|
||||
.box4 {
|
||||
width: 100%;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .box4-fb1 .title1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .box4-fb1 .title2 {
|
||||
font-size: 27px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 414px) {
|
||||
.box3 .box3-fb2 .xt {
|
||||
height: 127px !important;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt1 {
|
||||
line-height: 50px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.common-cfx {
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt3 {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 375px) {
|
||||
.box3 .box3-fb2 .xt {
|
||||
height: 111px !important;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt1 {
|
||||
line-height: 31px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.common-cfx {
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt3 {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
758
css/ainong/breed.css
Normal file
758
css/ainong/breed.css
Normal file
@@ -0,0 +1,758 @@
|
||||
/*************
|
||||
名称：智能养殖
|
||||
作者：杨振天
|
||||
创建时间：2022-03-29
|
||||
结束时间：2022-04-18
|
||||
**************/
|
||||
/* 智能养殖 CSS */
|
||||
*,
|
||||
p,
|
||||
dl,
|
||||
ol,
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 100% !important;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/********* 内容顶部背景 CSS START*********/
|
||||
.bg-breed {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../images/breed/banner.png);
|
||||
background-position: top center; /* 定义图片起始位置 */
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
z-index: 3;
|
||||
}
|
||||
.index-top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.logo1{
|
||||
color: #ffffff !important;
|
||||
font-weight: 700;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 26px;
|
||||
}
|
||||
.index-top h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: 16px;
|
||||
}
|
||||
.index-top h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 5.2px;
|
||||
}
|
||||
/*********** 公共样式 ***********/
|
||||
.main-content .container,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.title-main {
|
||||
font-size: 32px;
|
||||
}
|
||||
.title-tale {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.row {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.solutions,
|
||||
.Software,
|
||||
.hardware,
|
||||
.feeding,
|
||||
.monitoring,
|
||||
.weighing {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.solutions,
|
||||
.hardware,
|
||||
.monitoring {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.feed-top-con,
|
||||
.mon-top-con,
|
||||
.weight-top-con {
|
||||
margin: 4% 0 0;
|
||||
width: 94%;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justifyLeft;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* 带有左边竖杠的小标题公共样式 */
|
||||
.mon-listBox,
|
||||
.processBox,
|
||||
.feed-list-box {
|
||||
padding: 0 4% !important;
|
||||
margin: 5% auto;
|
||||
}
|
||||
.device-con-smCss > .col-sm-6,
|
||||
.hard-sm-6-css > .col-sm-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.pro-listCon > .col-sm-6 {
|
||||
width: 45%;
|
||||
}
|
||||
.feed-list-smCss > .col-sm-3,
|
||||
.device-list-smCss > .col-sm-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.soult-sm-4-css > .col-sm-4 {
|
||||
width: 33%;
|
||||
}
|
||||
/* old css */
|
||||
.iden {
|
||||
float: left;
|
||||
width: 10px;
|
||||
height: 24px;
|
||||
background: #90c221;
|
||||
}
|
||||
.iden-title {
|
||||
justify-content: left;
|
||||
}
|
||||
.iden-title span {
|
||||
margin-left: 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
/* .iden-new {
|
||||
border-left: 10px solid #90c221;
|
||||
padding-left: 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
} */
|
||||
|
||||
/* 1.解决方案 CSS */
|
||||
.solut-con-outBox {
|
||||
margin: 4% 0 6%;
|
||||
}
|
||||
.solut-circularBox {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: linear-gradient(-45deg, #56c221 0%, #90c221 100%);
|
||||
border-radius: 50%;
|
||||
margin: 0.8rem 0;
|
||||
border: 4px solid rgb(207, 243, 241);
|
||||
}
|
||||
.solut-circularBox p {
|
||||
font-size: 24px;
|
||||
width: 56%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
}
|
||||
.solut-cirBox-con {
|
||||
opacity: 0.8;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #24252e;
|
||||
line-height: 24px;
|
||||
margin: 0.3rem 0;
|
||||
}
|
||||
.solut-cirBox-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.solut-cirBox-tex {
|
||||
font-size: 16px;
|
||||
}
|
||||
.solut-notBtn {
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
.solut-notBtn-box {
|
||||
width: 86px;
|
||||
height: 35px;
|
||||
border: 1px solid #90c221;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.solut-notBtn p {
|
||||
font-size: 16px;
|
||||
width: 100%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #90c221;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* 2.软件 */
|
||||
.soft-allCon {
|
||||
margin: 2rem auto;
|
||||
width: 90%;
|
||||
}
|
||||
.soft-titCon {
|
||||
margin: 2rem 0;
|
||||
padding: 0 4% 0 0 !important;
|
||||
}
|
||||
.soft-titCon p {
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 1.2rem;
|
||||
text-align: justify;
|
||||
}
|
||||
.soft-listRow {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
.small-outBox {
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
.small-texBox {
|
||||
width: 88px;
|
||||
height: 40px;
|
||||
border: 1px dashed #7fb63e;
|
||||
border-radius: 21px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #7fb63e;
|
||||
line-height: 24px;
|
||||
letter-spacing: 0.8px;
|
||||
}
|
||||
.division-box {
|
||||
height: 1.2rem;
|
||||
}
|
||||
.soft-imgCon {
|
||||
width: 100%;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
/* 3.硬件 */
|
||||
.hardware-listBox {
|
||||
padding: 0 4% !important;
|
||||
margin: 7% auto;
|
||||
}
|
||||
.hard-allBox {
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
.graphic-img {
|
||||
height: 50%;
|
||||
}
|
||||
.graphic-img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.graphic-con {
|
||||
padding-top: 1rem;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
/* .graphic-con p {
|
||||
height: 24px;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #252934;
|
||||
}
|
||||
.graphic-con ul {
|
||||
margin-top: 10%;
|
||||
}
|
||||
.graphic-con ul li::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
background-color: #7fb63e;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.graphic-con ul li {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 1rem 0 0 0;
|
||||
height: 16px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
} */
|
||||
.graphic-con ul li::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
background-color: #7fb63e;
|
||||
margin-right: 10px;
|
||||
margin-left: -12px;
|
||||
}
|
||||
.graphic-con p {
|
||||
height: 24px;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #252934;
|
||||
}
|
||||
.graphic-con > .ul-inside {
|
||||
margin-left: 1.2rem;
|
||||
}
|
||||
.ul-inside ul {
|
||||
list-style: square;
|
||||
margin-top: 6%;
|
||||
color: #7fb63e;
|
||||
}
|
||||
.graphic-con ul li {
|
||||
margin: 0.4rem 0 0 0;
|
||||
}
|
||||
.graphic-con ul li span {
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
/* 4-5的公共样式 */
|
||||
.dev-list-con,
|
||||
.feed-list-con {
|
||||
margin-top: 2%;
|
||||
}
|
||||
.feed-listTex,
|
||||
.dev-listTex {
|
||||
margin-left: 0.4rem;
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #90c221;
|
||||
line-height: 24px;
|
||||
}
|
||||
/* 4.饲喂 */
|
||||
.aiot-service {
|
||||
margin: 3.6rem 0 1.2rem;
|
||||
}
|
||||
.feed-comment {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
.feed-com-main {
|
||||
width: 168px;
|
||||
height: 57px;
|
||||
background: #90c221;
|
||||
border-radius: 29px;
|
||||
box-shadow: 2.5px 4.33px 10px 5px rgba(127, 181, 62, 0.2);
|
||||
}
|
||||
.feed-com-mainPic {
|
||||
width: 72px;
|
||||
}
|
||||
.feed-com-main p {
|
||||
font-size: 22px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.feed-com-tex {
|
||||
margin-top: 1.2rem;
|
||||
text-align: left !important;
|
||||
}
|
||||
.feed-com-tex span {
|
||||
display: block;
|
||||
min-height: 120px;
|
||||
font-size: 17px;
|
||||
color: #737c86;
|
||||
}
|
||||
.feed-pic-piont {
|
||||
width: 100%;
|
||||
}
|
||||
.feed-picList {
|
||||
margin: 3rem 0 1.2rem;
|
||||
}
|
||||
.feed-picList-img {
|
||||
justify-content: right;
|
||||
}
|
||||
.feed-picList-con {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.type-p,
|
||||
.type-span {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
.type-p {
|
||||
width: 94px;
|
||||
font-size: 16px;
|
||||
color: #252934;
|
||||
}
|
||||
.type-span {
|
||||
font-size: 15px;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
.feed-picList-smCss img {
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-2 {
|
||||
width: 20%;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-10 {
|
||||
width: 80%;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* 5.环境监测 */
|
||||
.mon-img-box {
|
||||
margin: 4% 0 2%;
|
||||
}
|
||||
.monitor-device {
|
||||
/* margin-left: 5% auto 0; */
|
||||
width: 91.6%;
|
||||
/* margin: 0 auto; */
|
||||
}
|
||||
.device-con {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.device-con-img {
|
||||
width: 100%;
|
||||
background-color: rgb(245, 245, 245);
|
||||
}
|
||||
.device-con-tex {
|
||||
min-height: 131px;
|
||||
padding: 6% 0 14%;
|
||||
background-color: rgb(245, 245, 245);
|
||||
}
|
||||
.device-conTex-title {
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #000000;
|
||||
}
|
||||
.device-conTex-con {
|
||||
margin-top: 1.2rem;
|
||||
font-size: 14px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
.device-list {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
/* 6.智能称重 */
|
||||
.process-title {
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.pro-tit-pic {
|
||||
width: 100%;
|
||||
margin: 5% 0;
|
||||
}
|
||||
.pig-pic,
|
||||
.ox-pic {
|
||||
width: 90% !important;
|
||||
}
|
||||
.pro-listTex {
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
background-color: #fbfbfb;
|
||||
margin: 1rem 1.2%;
|
||||
padding: 1.2rem 0.6rem 1.3rem !important;
|
||||
}
|
||||
.pro-listTex-pic img {
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
.pro-listTex-pic p,
|
||||
.pro-listTex-con {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
.pro-listTex-pic p {
|
||||
margin-bottom: 0.4rem;
|
||||
font-size: 20px;
|
||||
color: #90c221;
|
||||
}
|
||||
.pro-listTex-con {
|
||||
padding: 0 3px;
|
||||
font-size: 14px;
|
||||
color: #737c86;
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1230px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 460px) {
|
||||
html,
|
||||
body,
|
||||
input,
|
||||
select {
|
||||
font-size: 8px !important;
|
||||
}
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
.bg-breed {
|
||||
height: 200px;
|
||||
}
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
font-size: 26px;
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
.disappear {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.title-main {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
.title-tale {
|
||||
margin-top: -3.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.feed-top-con,
|
||||
.mon-top-con,
|
||||
.weight-top-con {
|
||||
width: 98%;
|
||||
font-size: 13px;
|
||||
text-align: justify;
|
||||
line-height: 16px !important;
|
||||
}
|
||||
/* .iden-new {
|
||||
border-left: 8px solid #90c221;
|
||||
padding-left: 0.6rem;
|
||||
font-size: 14px;
|
||||
} */
|
||||
.iden {
|
||||
float: left;
|
||||
width: 8px;
|
||||
height: 17px;
|
||||
}
|
||||
.iden-title span {
|
||||
margin-left: 0.6rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
/* 1.解决方案 CSS */
|
||||
.arrow {
|
||||
display: none;
|
||||
}
|
||||
.solut-circularBox {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
border: 3px solid rgb(207, 243, 241);
|
||||
}
|
||||
.solut-circularBox p {
|
||||
font-size: 18px;
|
||||
}
|
||||
.solut-cirBox-title {
|
||||
font-size: 12px;
|
||||
}
|
||||
.solut-cirBox-tex {
|
||||
display: none;
|
||||
}
|
||||
.solut-notBtn-box {
|
||||
width: 64px;
|
||||
height: 24px;
|
||||
}
|
||||
.solut-notBtn p {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* 2.软件 */
|
||||
.soft-allCon {
|
||||
margin: 0 auto !important;
|
||||
width: 90%;
|
||||
}
|
||||
.soft-titCon p {
|
||||
font-size: 13px;
|
||||
margin-bottom: 0.8em;
|
||||
}
|
||||
.soft-listRow {
|
||||
margin: 1.2rem 0;
|
||||
}
|
||||
.small-texBox {
|
||||
width: 66px;
|
||||
height: 24px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.4px;
|
||||
}
|
||||
.division-box {
|
||||
height: 0.4rem;
|
||||
}
|
||||
/* 3.硬件 */
|
||||
.graphic-img {
|
||||
height: 50%;
|
||||
}
|
||||
.graphic-con {
|
||||
height: 50%;
|
||||
}
|
||||
.graphic-con p {
|
||||
font-size: 15px;
|
||||
}
|
||||
.graphic-con > .ul-inside {
|
||||
margin-left: 1.2rem;
|
||||
}
|
||||
.graphic-con ul li {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
.graphic-con ul li span {
|
||||
font-size: 12px;
|
||||
text-align: justify;
|
||||
}
|
||||
/* 4-5的公共样式 */
|
||||
.dev-list-con > img,
|
||||
.feed-list-con > img {
|
||||
width: 20% !important;
|
||||
}
|
||||
.feed-listTex,
|
||||
.dev-listTex {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* 4.饲喂 */
|
||||
.aiot-service {
|
||||
margin: 3.6rem 0 1.2rem;
|
||||
}
|
||||
.feed-comment {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
/* margin: 3rem 0; */
|
||||
}
|
||||
.feed-com-main {
|
||||
width: 110px;
|
||||
height: 35px;
|
||||
}
|
||||
.feed-com-mainPic {
|
||||
width: 60px;
|
||||
}
|
||||
.feed-com-mainPic img {
|
||||
width: 50%;
|
||||
}
|
||||
.feed-com-main p {
|
||||
font-size: 15px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.feed-com-tex {
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
.feed-com-tex span {
|
||||
display: block;
|
||||
/* min-height: 66px; */
|
||||
min-height: 50px;
|
||||
font-size: 12px;
|
||||
color: #737c86;
|
||||
}
|
||||
.feed-pic-piont {
|
||||
transform: rotate(90deg);
|
||||
width: 30px;
|
||||
height: 60px;
|
||||
padding: 0;
|
||||
}
|
||||
.feed-pic-piont img {
|
||||
width: 80%;
|
||||
}
|
||||
.type-p,
|
||||
.type-span {
|
||||
font-size: 12px;
|
||||
}
|
||||
.type-p {
|
||||
width: 64px;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-3 {
|
||||
width: 30%;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-3 img {
|
||||
width: 90%;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-9 {
|
||||
width: 70%;
|
||||
}
|
||||
/* 5.环境监测 */
|
||||
.device-con-tex {
|
||||
min-height: 118px !important;
|
||||
}
|
||||
.device-conTex-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.device-conTex-con {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* 6.智能称重 */
|
||||
.pro-tit-pic {
|
||||
margin: 8% 0;
|
||||
}
|
||||
.pro-listTex {
|
||||
height: 200px;
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.pro-listTex-pic img {
|
||||
margin-bottom: 0.8rem;
|
||||
width: 28%;
|
||||
}
|
||||
.pro-listTex-pic p {
|
||||
font-size: 15px;
|
||||
}
|
||||
.pro-listTex-con {
|
||||
font-size: 12px;
|
||||
}
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
526
css/ainong/finance.css
Normal file
526
css/ainong/finance.css
Normal file
@@ -0,0 +1,526 @@
|
||||
/*************
|
||||
名称：金融资产监管
|
||||
作者：杨振天
|
||||
创建时间：2022-03-29
|
||||
结束时间：2022-04-18
|
||||
**************/
|
||||
/* 金融生物资产监管 CSS */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 100% !important;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/********* 内容顶部背景 CSS START*********/
|
||||
.bg-finance {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../../img/finance/banner.png);
|
||||
background-position: top center; /* 定义图片起始位置 */
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
z-index: 3;
|
||||
}
|
||||
.index-top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.index-top h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: 16px;
|
||||
}
|
||||
.index-top h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 5.2px;
|
||||
}
|
||||
/* 主题布局 */
|
||||
/*********** 公共样式 ***********/
|
||||
.main-content .container,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.main-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
.tale-title {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.row {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.loan,
|
||||
.framework,
|
||||
.plan,
|
||||
.advantage,
|
||||
.platform {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.iden {
|
||||
float: left;
|
||||
background: #90c221;
|
||||
}
|
||||
.plan-sm-com span,
|
||||
.platform-com span {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
line-height: 24px;
|
||||
}
|
||||
.plan-sm-title p,
|
||||
.platform-title p {
|
||||
padding-top: 2%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
.plan-sm-com,
|
||||
.platform-com {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*********** 公共样式 ***********/
|
||||
|
||||
/* 1.生物资产贷款难点 */
|
||||
.loan {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.loan-top-con {
|
||||
margin: 4% 0 0;
|
||||
width: 94%;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
.loan-con-outBox {
|
||||
padding: 3% 0 6%;
|
||||
}
|
||||
.loan-con-box {
|
||||
/* width: 90%;
|
||||
height: 86%; */
|
||||
width: 350px;
|
||||
height: 296px;
|
||||
margin-top: 10%;
|
||||
}
|
||||
.con-box-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
/* font-size: 18px; */
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
.con-box-title p {
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
position: absolute;
|
||||
top: 16%;
|
||||
}
|
||||
.con-box-tex {
|
||||
width: 100%;
|
||||
height: 86%;
|
||||
font-size: 17px;
|
||||
background: #ffffff;
|
||||
padding: 20% 8% 26%;
|
||||
border-radius: 4px 0px 0px 0px;
|
||||
text-align: justify;
|
||||
margin: -20.8% auto 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
margin-top: -19%;
|
||||
}
|
||||
|
||||
/* 2.银行监管平台架构 */
|
||||
/************/
|
||||
/* 箭头图片存在问题 */
|
||||
/************/
|
||||
.fram-con-outBox {
|
||||
position: relative;
|
||||
margin: 6% 0 10%;
|
||||
}
|
||||
.fram-con-box {
|
||||
width: 84%;
|
||||
}
|
||||
.fram-con-title p {
|
||||
margin: 2rem 0 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
.fram-con-img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.fram-con-img img {
|
||||
margin-top: -8%;
|
||||
}
|
||||
.fram-con {
|
||||
opacity: 0.8;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 3.银行监管平台方案 */
|
||||
.plan {
|
||||
background-image: url(../../img/finance/6.png);
|
||||
}
|
||||
.plan-img {
|
||||
margin: 6% 0 9%;
|
||||
}
|
||||
.plan-sm-con {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* .plan-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 88% !important;
|
||||
}
|
||||
.plan-sm-com .iden { */
|
||||
/* width: 10px;
|
||||
height: 24px; */
|
||||
/* width: 8px;
|
||||
height: 22px;
|
||||
} */
|
||||
/* .plan-sm-com span { */
|
||||
/* sm-12 */
|
||||
/* margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
} */
|
||||
/* .plan-sm-title p {
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
} */
|
||||
|
||||
/* 4.银行贷后监管平台优势 */
|
||||
.adv-con-outBox {
|
||||
margin: 6.5% 0 2%;
|
||||
}
|
||||
.adv-con-box {
|
||||
width: 89%;
|
||||
padding: 10% 6%;
|
||||
box-sizing: border-box;
|
||||
border-top-left-radius: 2%;
|
||||
border-top-right-radius: 2%;
|
||||
border-bottom: 2px solid #a3c85e;
|
||||
height: 220px;
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
.adv-con-title {
|
||||
justify-content: baseline;
|
||||
}
|
||||
.adv-con-title img {
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.adv-con-title p {
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
.adv-con {
|
||||
opacity: 0.8;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify !important;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 5.银行贷后监管平台 */
|
||||
.platform {
|
||||
width: 100%;
|
||||
background-image: url(../../img/finance/bg.png);
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.platform-con-outBox {
|
||||
margin: 5% 0 10%;
|
||||
}
|
||||
.platform-cont {
|
||||
margin-top: 5.6%;
|
||||
}
|
||||
.platform-com .iden {
|
||||
/* float: left; */
|
||||
width: 10px;
|
||||
height: 24px;
|
||||
/* background: #90c221; */
|
||||
}
|
||||
.platform-com span {
|
||||
display: block;
|
||||
min-width: 230px;
|
||||
padding-left: 3%;
|
||||
font-size: 24px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.platform-title p {
|
||||
font-size: 16px;
|
||||
padding-left: 5%;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
/*修改网页主题布局最大宽度为1200px*/
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
/* @media screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.container {
|
||||
max-width: 992px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 968px) and (max-width: 992px) {
|
||||
.container {
|
||||
max-width: 968px;
|
||||
}
|
||||
} */
|
||||
@media screen and (max-width: 460px) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
.bg-finance {
|
||||
height: 200px;
|
||||
}
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
min-width: 220px;
|
||||
font-size: 26px;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
.disappear {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.main-title {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
.tale-title {
|
||||
margin-top: -2.6%;
|
||||
opacity: 0.1;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/* 可能需要 */
|
||||
/* .plan-sm-com .iden, .platform-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
} */
|
||||
|
||||
/* 1.生物资产贷款难点 */
|
||||
.loan-top-con {
|
||||
font-size: 14px;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
.loan-con-outBox {
|
||||
margin-bottom: 10%;
|
||||
}
|
||||
.loan-con-box {
|
||||
/* height: 86%; */
|
||||
height: 195px;
|
||||
width: 100%;
|
||||
}
|
||||
.loan-con-longBox {
|
||||
height: 225px;
|
||||
}
|
||||
/* .con-box-title img {
|
||||
width: 20%;
|
||||
} */
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
.con-box-title p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.con-box-tex {
|
||||
font-size: 14px;
|
||||
/* margin: -21.6% auto 0; */
|
||||
margin: -66px auto 0;
|
||||
|
||||
/* height: 100% !important; */
|
||||
padding: 16% 8% 10% !important;
|
||||
}
|
||||
|
||||
/* 2.银行监管平台架构 */
|
||||
/* .fram-con-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
} */
|
||||
.fram-con-title p {
|
||||
/* margin: 1.5rem 0 1.5rem; */
|
||||
margin: 1rem 0 1rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
.fram-con-title img {
|
||||
margin: 9% 4% 3% 0;
|
||||
width: 28% !important;
|
||||
}
|
||||
.fram-con-img {
|
||||
display: none;
|
||||
}
|
||||
.fram-con {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 3.银行监管平台方案 */
|
||||
.plan {
|
||||
background-image: url(../../img/finance/6.png);
|
||||
}
|
||||
.plan-img {
|
||||
display: none;
|
||||
}
|
||||
.plan-sm-con {
|
||||
display: block;
|
||||
}
|
||||
.plan-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 88% !important;
|
||||
}
|
||||
.plan-sm-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
.plan-sm-com span {
|
||||
/* sm-12 */
|
||||
margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.plan-sm-title p {
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
/* 4.银行贷后监管平台优势 */
|
||||
.sm-block-css {
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.adv-con-box {
|
||||
padding: 8% 5%;
|
||||
height: 100% !important;
|
||||
}
|
||||
.adv-con-title {
|
||||
justify-content: baseline;
|
||||
}
|
||||
.adv-con-title img {
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
transform: scale(0.8);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.adv-con-title p {
|
||||
font-size: 17px;
|
||||
margin-bottom: 0.6rem !important;
|
||||
}
|
||||
.adv-con {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 5.银行贷后监管平台 */
|
||||
.platform-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
.platform-com span {
|
||||
padding-left: 0% !important;
|
||||
margin-left: 2%;
|
||||
font-size: 16px;
|
||||
/* color: #333333; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.platform-title p {
|
||||
font-size: 15px;
|
||||
padding-left: 0% !important;
|
||||
margin-left: 4.2%;
|
||||
/* color: #666666; */
|
||||
line-height: 20px;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
.platform-cont-img {
|
||||
width: 100% !important;
|
||||
}
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
4224
css/ainong/fontawesome.css
vendored
Normal file
4224
css/ainong/fontawesome.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
554
css/ainong/government-regulation.css
Normal file
554
css/ainong/government-regulation.css
Normal file
@@ -0,0 +1,554 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.common-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.deco {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: #ffffff;
|
||||
border: 3px solid #1890ff;
|
||||
border-radius: 5px;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* 政府监管区域 */
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../images/government-regulation/18.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-fb {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
width: 100%;
|
||||
height: 78px;
|
||||
font-size: 75px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 16px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
font-size: 25px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 5.2px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
|
||||
/* 智能养殖政府监管平台 */
|
||||
|
||||
.box1 {
|
||||
width: 63%;
|
||||
/* height: 639px; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
/* background-image: url(../images/government-regulation/1.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center; */
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box1 .box1-fb {
|
||||
width: 100%;
|
||||
margin-top: 86.9958px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title1 {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
font-size: 48px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #24252e;
|
||||
line-height: 24px;
|
||||
letter-spacing: 9.6px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title2 {
|
||||
text-transform: uppercase;
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-top: -31px;
|
||||
}
|
||||
|
||||
.box1 .box1-img {
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
|
||||
/* 牲畜电子身份区域 */
|
||||
|
||||
.box2 {
|
||||
width: 63%;
|
||||
height: 682px;
|
||||
background: #fbfbfb;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box2 .box2-img {
|
||||
width: 426px;
|
||||
height: 426px;
|
||||
}
|
||||
|
||||
.box2 .box2-lb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.box2 .box2-lb .l11 {
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
font-size: 33px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
letter-spacing: 1.8px;
|
||||
margin-bottom: 49.0008px;
|
||||
}
|
||||
|
||||
.box2 .box2-lb .xl {
|
||||
width: 230px;
|
||||
height: 24px;
|
||||
font-size: 19px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #24252e;
|
||||
letter-spacing: 1.2px;
|
||||
margin-bottom: 39.0048px;
|
||||
}
|
||||
|
||||
|
||||
/* 无纸化检疫 */
|
||||
|
||||
.box3 {
|
||||
width: 63%;
|
||||
height: 723px;
|
||||
background: #ffffff;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box3 .box3-img {
|
||||
width: 426px;
|
||||
height: 426px;
|
||||
}
|
||||
|
||||
.box3 .box3-lb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.box3 .box3-lb .l11 {
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
font-size: 33px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
letter-spacing: 1.8px;
|
||||
margin-bottom: 49.0008px;
|
||||
}
|
||||
|
||||
.box3 .box3-lb .xl {
|
||||
width: 230px;
|
||||
height: 24px;
|
||||
font-size: 19px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #24252e;
|
||||
letter-spacing: 1.2px;
|
||||
margin-bottom: 39.0048px;
|
||||
}
|
||||
|
||||
|
||||
/* 统计管理 */
|
||||
|
||||
.box4 {
|
||||
width: 63%;
|
||||
height: 682px;
|
||||
background: #fbfbfb;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box4 .box4-img {
|
||||
width: 426px;
|
||||
height: 426px;
|
||||
}
|
||||
|
||||
.box4 .box4-lb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.box4 .box4-lb .l11 {
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
font-size: 33px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
letter-spacing: 1.8px;
|
||||
margin-bottom: 49.0008px;
|
||||
}
|
||||
|
||||
.box4 .box4-lb .xl {
|
||||
width: 230px;
|
||||
height: 24px;
|
||||
font-size: 19px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #24252e;
|
||||
letter-spacing: 1.2px;
|
||||
margin-bottom: 39.0048px;
|
||||
}
|
||||
|
||||
|
||||
/* 疫情预警防控 */
|
||||
|
||||
.box5 {
|
||||
width: 63%;
|
||||
height: 800px;
|
||||
background: #ffffff;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box5 .box5-img {
|
||||
width: 426px;
|
||||
height: 426px;
|
||||
}
|
||||
|
||||
.box5 .box5-lb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.box5 .box5-lb .l11 {
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
font-size: 33px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
letter-spacing: 1.8px;
|
||||
margin-bottom: 49.0008px;
|
||||
}
|
||||
|
||||
.box5 .box5-lb .xl {
|
||||
width: 230px;
|
||||
height: 24px;
|
||||
font-size: 19px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #24252e;
|
||||
letter-spacing: 1.2px;
|
||||
margin-bottom: 39.0048px;
|
||||
}
|
||||
|
||||
|
||||
/* 媒体查询 */
|
||||
|
||||
@media screen and (max-width: 1365px) {
|
||||
.box1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
||||
.box1 .box1-img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box4 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* @media screen and (max-width: 1055px) {
|
||||
.box1 .box1-fb .title2 {
|
||||
line-height: 34px;
|
||||
}
|
||||
.box1 {
|
||||
height: 489px;
|
||||
}
|
||||
.box2 {
|
||||
width: 100%;
|
||||
}
|
||||
.box2 .box2-img {
|
||||
width: 308px;
|
||||
height: 308px;
|
||||
}
|
||||
.box3 {
|
||||
width: 100%;
|
||||
}
|
||||
.box3 .box3-img {
|
||||
width: 308px;
|
||||
height: 308px;
|
||||
}
|
||||
.box4 {
|
||||
width: 100%;
|
||||
}
|
||||
.box4 .box4-img {
|
||||
width: 308px;
|
||||
height: 308px;
|
||||
}
|
||||
.box5 {
|
||||
width: 100%;
|
||||
}
|
||||
.box5 .box5-img {
|
||||
width: 308px;
|
||||
height: 308px;
|
||||
}
|
||||
} */
|
||||
|
||||
@media screen and (max-width: 914px) {
|
||||
.box1 .box1-fb .title1 {
|
||||
font-size: 35px;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
height: 429px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 595px) {
|
||||
.header {
|
||||
height: 231px;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
font-size: 30px;
|
||||
line-height: 92px;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
font-size: 16px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.box1 .box1-fb {
|
||||
margin-top: 13px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title1 {
|
||||
font-size: 23px;
|
||||
letter-spacing: 5px;
|
||||
margin: 20px 0 10px 0;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box1 .box1-img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 牲畜电子身份区域 */
|
||||
.box2 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box2 .box2-img {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.box2 .box2-lb .l11 {
|
||||
margin-bottom: 28.0008px;
|
||||
width: 182px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.box2 .box2-lb .xl {
|
||||
margin-bottom: 20.0048px;
|
||||
width: 182px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* 无纸化检疫 */
|
||||
.box3 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box3 .box3-img {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.box3 .box3-lb .l11 {
|
||||
margin-bottom: 28.0008px;
|
||||
width: 182px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.box3 .box3-lb .xl {
|
||||
margin-bottom: 20.0048px;
|
||||
width: 182px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* 统计管理 */
|
||||
.box4 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box4 .box4-img {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.box4 .box4-lb .l11 {
|
||||
margin-bottom: 28.0008px;
|
||||
width: 182px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.box4 .box4-lb .xl {
|
||||
margin-bottom: 20.0048px;
|
||||
width: 182px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* 疫情预警防控 */
|
||||
.box5 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box5 .box5-img {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.box5 .box5-lb .l11 {
|
||||
margin-bottom: 28.0008px;
|
||||
width: 182px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.box5 .box5-lb .xl {
|
||||
margin-bottom: 20.0048px;
|
||||
width: 182px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
30
css/ainong/iconfont.css
Normal file
30
css/ainong/iconfont.css
Normal file
@@ -0,0 +1,30 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id */
|
||||
src: url('iconfont.ttf?t=1648280512434') format('truetype');
|
||||
src: url('../fonts/iconfont.ttf?t=1648280512434') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size:30px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-weixin-copy:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
|
||||
.icon-weibo:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
|
||||
.icon-taobao:before {
|
||||
content: "\e782";
|
||||
}
|
||||
|
||||
.icon-doyin:before {
|
||||
content: "\e70c";
|
||||
}
|
||||
|
||||
3
css/ainong/materialdesignicons.min.css
vendored
Normal file
3
css/ainong/materialdesignicons.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
775
css/ainong/order.css
Normal file
775
css/ainong/order.css
Normal file
@@ -0,0 +1,775 @@
|
||||
/*************
|
||||
名称：订单认养
|
||||
作者：杨振天
|
||||
创建时间：2022-04-20
|
||||
结束时间：2022-04-21
|
||||
**************/
|
||||
/* 订单认养 CSS */
|
||||
*,
|
||||
p,
|
||||
dl,
|
||||
ol,
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 100% !important;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/********* 内容顶部背景 CSS START*********/
|
||||
.bg-order {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../../img/order/banner.png);
|
||||
}
|
||||
|
||||
.bg-order,
|
||||
.solution-con-img,
|
||||
.monitoring {
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.index-top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.index-top h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: 16px;
|
||||
}
|
||||
|
||||
.index-top h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 5.2px;
|
||||
}
|
||||
|
||||
/*********** 公共样式 ***********/
|
||||
.main-content .container,
|
||||
.row,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.tale-title {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.poultry,
|
||||
.solution,
|
||||
.traceability,
|
||||
.process,
|
||||
.monitoring {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
|
||||
.process {
|
||||
padding-top: 4% !important;
|
||||
}
|
||||
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.solution {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.point-tex-box,
|
||||
.point-tex-outBox > span,
|
||||
.ul-inside ul li > span,
|
||||
.traceability-tex p,
|
||||
.footService-comment,
|
||||
.iden-title > p,
|
||||
.monitoring-btnBox > p {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* 1.行业难点 CSS */
|
||||
.poultry {
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
.poultry-conBox {
|
||||
width: 97.42%;
|
||||
margin: 3rem 0 3.4rem 2.6rem;
|
||||
}
|
||||
|
||||
.semi-circle {
|
||||
position: absolute;
|
||||
padding-right: 0 !important;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.point-tex-outBox {
|
||||
margin: 0.8rem 0;
|
||||
justify-content: flex-start;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.point-tex-box {
|
||||
min-width: 80px;
|
||||
height: 44px;
|
||||
background: #90c221;
|
||||
border-radius: 8px;
|
||||
box-shadow: 2.5px 4.33px 10px 5px rgba(127, 181, 62, 0.2);
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.point-tex-outBox > span {
|
||||
display: block;
|
||||
padding-left: 1rem;
|
||||
font-size: 18px;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
.point-tex-img {
|
||||
padding-right: 0 !important;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
.point-tex-img img {
|
||||
width: 100%;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
/**********************************************************/
|
||||
/* 2.解决方案 CSS */
|
||||
.solution-con-allBox {
|
||||
width: 96%;
|
||||
margin: 3rem auto 6rem;
|
||||
}
|
||||
.solution-con-box {
|
||||
width: 100%;
|
||||
min-height: 170px;
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 24px 0;
|
||||
}
|
||||
.solution-con-img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
}
|
||||
.solution-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../../img/order/04-7-bg.png);
|
||||
}
|
||||
.solution-img > p {
|
||||
margin: 0 !important;
|
||||
padding-left: 1rem;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
.solution-con-tex {
|
||||
height: 90px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.solution-con-tex > .ul-inside {
|
||||
margin-left: 0.8rem;
|
||||
}
|
||||
/*****************************************************/
|
||||
.ul-inside {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
}
|
||||
.ulbox > .col-lg-6,
|
||||
.ulbox > .col-md-6,
|
||||
.ulbox > .col-sm-6 {
|
||||
width: 50% !important;
|
||||
}
|
||||
.ul-inside ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.ul-inside ul > li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ul-inside ul > li:before {
|
||||
content: '';
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
display: block;
|
||||
background-color: #7fb63e;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: -0.5rem;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.ul-inside ul li > span {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
/************************************ 未完成 ********************************/
|
||||
|
||||
/* 3.溯源智能脚环 */
|
||||
.iden-title {
|
||||
justify-content: left;
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
|
||||
.iden {
|
||||
float: left;
|
||||
min-width: 10px;
|
||||
height: 24px;
|
||||
background: #90c221;
|
||||
}
|
||||
|
||||
.iden-title span {
|
||||
margin-left: 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.traceability-texBox,
|
||||
.traceability-imgBox,
|
||||
.traceability-serviceBox {
|
||||
position: relative;
|
||||
width: 93%;
|
||||
margin: 2.4rem auto;
|
||||
}
|
||||
|
||||
.traceability-tex {
|
||||
padding-left: 1.6rem !important;
|
||||
margin: 2.4rem 0;
|
||||
}
|
||||
|
||||
.traceability-tex p {
|
||||
text-indent: 2em;
|
||||
font-size: 16px;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
.traceability-tex-img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.traceability-img {
|
||||
margin: 4rem 0 2rem;
|
||||
}
|
||||
|
||||
.traceability-img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.traceability-imgCss {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 功能说明 CSS */
|
||||
.aiot-footService {
|
||||
margin: 0.6rem 0 1.2rem;
|
||||
}
|
||||
|
||||
.footService-com-main {
|
||||
width: 168px;
|
||||
height: 68px;
|
||||
background: #90c221;
|
||||
border-radius: 40px;
|
||||
box-shadow: 2.5px 4.33px 10px 5px rgba(127, 181, 62, 0.2);
|
||||
}
|
||||
|
||||
.footService-com-mainPic {
|
||||
width: 68px;
|
||||
}
|
||||
|
||||
.footService-com-mainPic img {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.footService-com-main p {
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.footService-com-tex {
|
||||
margin-top: 1.2rem;
|
||||
padding: 0 8px !important;
|
||||
}
|
||||
|
||||
.footService-com-tex span {
|
||||
display: block;
|
||||
min-height: 90px;
|
||||
font-size: 15px;
|
||||
color: #737c86;
|
||||
padding: 0.4rem 0;
|
||||
}
|
||||
|
||||
.footService-pic-piont img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footService-picList {
|
||||
margin: 3rem 0 1.2rem;
|
||||
}
|
||||
|
||||
.footService-picList-img {
|
||||
justify-content: right;
|
||||
}
|
||||
|
||||
.footService-picList-con {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
|
||||
/* 4.流程 CSS */
|
||||
.process-smCss-list {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/***????????***/
|
||||
.process-imgBox {
|
||||
margin: 4rem auto;
|
||||
}
|
||||
|
||||
.process-lgmdCss {
|
||||
width: 86%;
|
||||
}
|
||||
|
||||
.process-imgBox-lgmdCss img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/***????????***/
|
||||
/***********
|
||||
sm样式未写
|
||||
***********/
|
||||
/* .process-imgBox-con {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
margin: 0.4rem 0 0;
|
||||
padding-left: 5% !important;
|
||||
}
|
||||
.process-imgBox-con p {
|
||||
font-size: 15px;
|
||||
margin-top: 0.94rem;
|
||||
letter-spacing: 1px;
|
||||
} */
|
||||
|
||||
/* 5.订单认养 */
|
||||
.monitoring {
|
||||
position: relative;
|
||||
background-image: url(../../img/order/18.png);
|
||||
}
|
||||
|
||||
.monitoring-conBox {
|
||||
margin: 5% auto 5%;
|
||||
width: 90% !important;
|
||||
}
|
||||
|
||||
.monitoring-con-inBox {
|
||||
padding: 1.4rem 0;
|
||||
}
|
||||
|
||||
.monitoring-imgCon img {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.monitoring-texCon > .iden-title {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.iden-title > p {
|
||||
margin-left: 1rem;
|
||||
font-size: 20px;
|
||||
text-align: justify;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.monitoring-btn-outBox {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.monitoring-btnBox {
|
||||
min-width: 64px;
|
||||
min-height: 32px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.monitoring-btnBox > p {
|
||||
font-size: 20px;
|
||||
text-align: justify;
|
||||
color: #ffffff;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.monitoring-btn-outBox > .col-sm-2 {
|
||||
width: 16.6%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 460px) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bg-order {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
min-width: 220px;
|
||||
font-size: 26px;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
|
||||
.disappear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
|
||||
.tale-title {
|
||||
margin-top: -2.6%;
|
||||
opacity: 0.1;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.iden-title span {
|
||||
margin-left: 0.6rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.iden {
|
||||
width: 8px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/* 1.行业难点 CSS */
|
||||
.semi-circle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.poultry {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
|
||||
.poultry-conBox {
|
||||
width: 96%;
|
||||
margin: 0.8rem auto 2.6rem;
|
||||
}
|
||||
|
||||
.point-tex-outBox {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
|
||||
.point-tex-box {
|
||||
min-width: 66px;
|
||||
height: 26px;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.point-tex-outBox > span {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/********************************************************************* 未完成 */
|
||||
/* 2.解决方案 CSS */
|
||||
.solution-con-allBox {
|
||||
margin-bottom: 3rem !important;
|
||||
}
|
||||
.sm-minWidth {
|
||||
max-width: 340px;
|
||||
min-width: 298px;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
.solution-img img {
|
||||
width: 18px;
|
||||
}
|
||||
.solution-img > p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
letter-spacing: 0.2rem;
|
||||
}
|
||||
.solution-con-tex > .ul-inside {
|
||||
margin-left: unset;
|
||||
}
|
||||
.ul-inside {
|
||||
width: unset;
|
||||
margin: unset;
|
||||
}
|
||||
.ul-inside ul li > span {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/* 3.溯源智能脚环 */
|
||||
/* 介绍 CSS */
|
||||
.traceability-tex {
|
||||
padding-left: unset !important;
|
||||
padding: 0 0.8rem !important;
|
||||
margin: 1.6rem 0 !important;
|
||||
}
|
||||
|
||||
.traceability-tex p {
|
||||
text-indent: 2em;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/***********************************/
|
||||
/* 优势 CSS */
|
||||
.traceability-img-advantage {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.traceability-imgCss {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.traceability-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 44% !important;
|
||||
}
|
||||
|
||||
.traceability-sm-com {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.traceability-sm-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.traceability-sm-com span {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
text-align: left;
|
||||
line-height: 24px;
|
||||
margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.traceability-imgCss-sm-title p {
|
||||
padding-top: 2%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
/***********************************/
|
||||
/* 功能说明 CSS */
|
||||
.footService-service {
|
||||
margin: 2.4rem 0 1.2rem;
|
||||
}
|
||||
|
||||
/* .footService-comment {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
margin: 3rem 0;
|
||||
} */
|
||||
|
||||
.footService-com-main {
|
||||
width: 110px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.footService-com-mainPic {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.footService-com-mainPic img {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.footService-com-main p {
|
||||
font-size: 15px;
|
||||
line-height: 18px !important;
|
||||
}
|
||||
|
||||
.footService-com-tex {
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
|
||||
.footService-com-tex span {
|
||||
display: block;
|
||||
min-height: 50px;
|
||||
font-size: 12px;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
.footService-pic-piont {
|
||||
transform: rotate(90deg);
|
||||
width: 30px;
|
||||
height: 60px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.footService-pic-piont img {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/* 4.流程 */
|
||||
.process-lgmd-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.process-smCss-list {
|
||||
display: block;
|
||||
margin: 6% 0 4%;
|
||||
}
|
||||
|
||||
.process-smCss {
|
||||
padding-top: 0.6rem;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
|
||||
.process-smCss > .col-sm-2 {
|
||||
width: 16.6% !important;
|
||||
}
|
||||
|
||||
.img-circle {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.process-imgBox-con p {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #737c86;
|
||||
text-align: center;
|
||||
max-width: 100%;
|
||||
min-height: 48px;
|
||||
margin-top: -4%;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/* 5.订单认养 */
|
||||
.monitoring-con-inBox {
|
||||
padding: 1.4rem 1rem !important;
|
||||
}
|
||||
|
||||
.monitoring-imgCon img {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.iden-title > p {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.monitoring-btn-outBox {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.monitoring-btn-outBox > .col-sm-2 {
|
||||
width: 16.6% !important;
|
||||
}
|
||||
|
||||
.monitoring-btnBox {
|
||||
min-width: 45px;
|
||||
min-height: 28px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.monitoring-btnBox > p {
|
||||
font-size: 15px;
|
||||
text-align: justify;
|
||||
color: #ffffff;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
632
css/ainong/pe-icon-7-stroke.css
Normal file
632
css/ainong/pe-icon-7-stroke.css
Normal file
@@ -0,0 +1,632 @@
|
||||
@font-face {
|
||||
font-family: 'Pe-icon-7-stroke';
|
||||
src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v');
|
||||
src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
|
||||
url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
|
||||
url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
|
||||
url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="pe-7s-"], [class*=" pe-7s-"] {
|
||||
display: inline-block;
|
||||
font-family: 'Pe-icon-7-stroke';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.pe-7s-album:before {
|
||||
content: "\e6aa";
|
||||
}
|
||||
.pe-7s-arc:before {
|
||||
content: "\e6ab";
|
||||
}
|
||||
.pe-7s-back-2:before {
|
||||
content: "\e6ac";
|
||||
}
|
||||
.pe-7s-bandaid:before {
|
||||
content: "\e6ad";
|
||||
}
|
||||
.pe-7s-car:before {
|
||||
content: "\e6ae";
|
||||
}
|
||||
.pe-7s-diamond:before {
|
||||
content: "\e6af";
|
||||
}
|
||||
.pe-7s-door-lock:before {
|
||||
content: "\e6b0";
|
||||
}
|
||||
.pe-7s-eyedropper:before {
|
||||
content: "\e6b1";
|
||||
}
|
||||
.pe-7s-female:before {
|
||||
content: "\e6b2";
|
||||
}
|
||||
.pe-7s-gym:before {
|
||||
content: "\e6b3";
|
||||
}
|
||||
.pe-7s-hammer:before {
|
||||
content: "\e6b4";
|
||||
}
|
||||
.pe-7s-headphones:before {
|
||||
content: "\e6b5";
|
||||
}
|
||||
.pe-7s-helm:before {
|
||||
content: "\e6b6";
|
||||
}
|
||||
.pe-7s-hourglass:before {
|
||||
content: "\e6b7";
|
||||
}
|
||||
.pe-7s-leaf:before {
|
||||
content: "\e6b8";
|
||||
}
|
||||
.pe-7s-magic-wand:before {
|
||||
content: "\e6b9";
|
||||
}
|
||||
.pe-7s-male:before {
|
||||
content: "\e6ba";
|
||||
}
|
||||
.pe-7s-map-2:before {
|
||||
content: "\e6bb";
|
||||
}
|
||||
.pe-7s-next-2:before {
|
||||
content: "\e6bc";
|
||||
}
|
||||
.pe-7s-paint-bucket:before {
|
||||
content: "\e6bd";
|
||||
}
|
||||
.pe-7s-pendrive:before {
|
||||
content: "\e6be";
|
||||
}
|
||||
.pe-7s-photo:before {
|
||||
content: "\e6bf";
|
||||
}
|
||||
.pe-7s-piggy:before {
|
||||
content: "\e6c0";
|
||||
}
|
||||
.pe-7s-plugin:before {
|
||||
content: "\e6c1";
|
||||
}
|
||||
.pe-7s-refresh-2:before {
|
||||
content: "\e6c2";
|
||||
}
|
||||
.pe-7s-rocket:before {
|
||||
content: "\e6c3";
|
||||
}
|
||||
.pe-7s-settings:before {
|
||||
content: "\e6c4";
|
||||
}
|
||||
.pe-7s-shield:before {
|
||||
content: "\e6c5";
|
||||
}
|
||||
.pe-7s-smile:before {
|
||||
content: "\e6c6";
|
||||
}
|
||||
.pe-7s-usb:before {
|
||||
content: "\e6c7";
|
||||
}
|
||||
.pe-7s-vector:before {
|
||||
content: "\e6c8";
|
||||
}
|
||||
.pe-7s-wine:before {
|
||||
content: "\e6c9";
|
||||
}
|
||||
.pe-7s-cloud-upload:before {
|
||||
content: "\e68a";
|
||||
}
|
||||
.pe-7s-cash:before {
|
||||
content: "\e68c";
|
||||
}
|
||||
.pe-7s-close:before {
|
||||
content: "\e680";
|
||||
}
|
||||
.pe-7s-bluetooth:before {
|
||||
content: "\e68d";
|
||||
}
|
||||
.pe-7s-cloud-download:before {
|
||||
content: "\e68b";
|
||||
}
|
||||
.pe-7s-way:before {
|
||||
content: "\e68e";
|
||||
}
|
||||
.pe-7s-close-circle:before {
|
||||
content: "\e681";
|
||||
}
|
||||
.pe-7s-id:before {
|
||||
content: "\e68f";
|
||||
}
|
||||
.pe-7s-angle-up:before {
|
||||
content: "\e682";
|
||||
}
|
||||
.pe-7s-wristwatch:before {
|
||||
content: "\e690";
|
||||
}
|
||||
.pe-7s-angle-up-circle:before {
|
||||
content: "\e683";
|
||||
}
|
||||
.pe-7s-world:before {
|
||||
content: "\e691";
|
||||
}
|
||||
.pe-7s-angle-right:before {
|
||||
content: "\e684";
|
||||
}
|
||||
.pe-7s-volume:before {
|
||||
content: "\e692";
|
||||
}
|
||||
.pe-7s-angle-right-circle:before {
|
||||
content: "\e685";
|
||||
}
|
||||
.pe-7s-users:before {
|
||||
content: "\e693";
|
||||
}
|
||||
.pe-7s-angle-left:before {
|
||||
content: "\e686";
|
||||
}
|
||||
.pe-7s-user-female:before {
|
||||
content: "\e694";
|
||||
}
|
||||
.pe-7s-angle-left-circle:before {
|
||||
content: "\e687";
|
||||
}
|
||||
.pe-7s-up-arrow:before {
|
||||
content: "\e695";
|
||||
}
|
||||
.pe-7s-angle-down:before {
|
||||
content: "\e688";
|
||||
}
|
||||
.pe-7s-switch:before {
|
||||
content: "\e696";
|
||||
}
|
||||
.pe-7s-angle-down-circle:before {
|
||||
content: "\e689";
|
||||
}
|
||||
.pe-7s-scissors:before {
|
||||
content: "\e697";
|
||||
}
|
||||
.pe-7s-wallet:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.pe-7s-safe:before {
|
||||
content: "\e698";
|
||||
}
|
||||
.pe-7s-volume2:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.pe-7s-volume1:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.pe-7s-voicemail:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.pe-7s-video:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.pe-7s-user:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.pe-7s-upload:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.pe-7s-unlock:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.pe-7s-umbrella:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.pe-7s-trash:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.pe-7s-tools:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.pe-7s-timer:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.pe-7s-ticket:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.pe-7s-target:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.pe-7s-sun:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.pe-7s-study:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.pe-7s-stopwatch:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.pe-7s-star:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.pe-7s-speaker:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.pe-7s-signal:before {
|
||||
content: "\e613";
|
||||
}
|
||||
.pe-7s-shuffle:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.pe-7s-shopbag:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.pe-7s-share:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.pe-7s-server:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.pe-7s-search:before {
|
||||
content: "\e618";
|
||||
}
|
||||
.pe-7s-film:before {
|
||||
content: "\e6a5";
|
||||
}
|
||||
.pe-7s-science:before {
|
||||
content: "\e619";
|
||||
}
|
||||
.pe-7s-disk:before {
|
||||
content: "\e6a6";
|
||||
}
|
||||
.pe-7s-ribbon:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
.pe-7s-repeat:before {
|
||||
content: "\e61b";
|
||||
}
|
||||
.pe-7s-refresh:before {
|
||||
content: "\e61c";
|
||||
}
|
||||
.pe-7s-add-user:before {
|
||||
content: "\e6a9";
|
||||
}
|
||||
.pe-7s-refresh-cloud:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
.pe-7s-paperclip:before {
|
||||
content: "\e69c";
|
||||
}
|
||||
.pe-7s-radio:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
.pe-7s-note2:before {
|
||||
content: "\e69d";
|
||||
}
|
||||
.pe-7s-print:before {
|
||||
content: "\e61f";
|
||||
}
|
||||
.pe-7s-network:before {
|
||||
content: "\e69e";
|
||||
}
|
||||
.pe-7s-prev:before {
|
||||
content: "\e620";
|
||||
}
|
||||
.pe-7s-mute:before {
|
||||
content: "\e69f";
|
||||
}
|
||||
.pe-7s-power:before {
|
||||
content: "\e621";
|
||||
}
|
||||
.pe-7s-medal:before {
|
||||
content: "\e6a0";
|
||||
}
|
||||
.pe-7s-portfolio:before {
|
||||
content: "\e622";
|
||||
}
|
||||
.pe-7s-like2:before {
|
||||
content: "\e6a1";
|
||||
}
|
||||
.pe-7s-plus:before {
|
||||
content: "\e623";
|
||||
}
|
||||
.pe-7s-left-arrow:before {
|
||||
content: "\e6a2";
|
||||
}
|
||||
.pe-7s-play:before {
|
||||
content: "\e624";
|
||||
}
|
||||
.pe-7s-key:before {
|
||||
content: "\e6a3";
|
||||
}
|
||||
.pe-7s-plane:before {
|
||||
content: "\e625";
|
||||
}
|
||||
.pe-7s-joy:before {
|
||||
content: "\e6a4";
|
||||
}
|
||||
.pe-7s-photo-gallery:before {
|
||||
content: "\e626";
|
||||
}
|
||||
.pe-7s-pin:before {
|
||||
content: "\e69b";
|
||||
}
|
||||
.pe-7s-phone:before {
|
||||
content: "\e627";
|
||||
}
|
||||
.pe-7s-plug:before {
|
||||
content: "\e69a";
|
||||
}
|
||||
.pe-7s-pen:before {
|
||||
content: "\e628";
|
||||
}
|
||||
.pe-7s-right-arrow:before {
|
||||
content: "\e699";
|
||||
}
|
||||
.pe-7s-paper-plane:before {
|
||||
content: "\e629";
|
||||
}
|
||||
.pe-7s-delete-user:before {
|
||||
content: "\e6a7";
|
||||
}
|
||||
.pe-7s-paint:before {
|
||||
content: "\e62a";
|
||||
}
|
||||
.pe-7s-bottom-arrow:before {
|
||||
content: "\e6a8";
|
||||
}
|
||||
.pe-7s-notebook:before {
|
||||
content: "\e62b";
|
||||
}
|
||||
.pe-7s-note:before {
|
||||
content: "\e62c";
|
||||
}
|
||||
.pe-7s-next:before {
|
||||
content: "\e62d";
|
||||
}
|
||||
.pe-7s-news-paper:before {
|
||||
content: "\e62e";
|
||||
}
|
||||
.pe-7s-musiclist:before {
|
||||
content: "\e62f";
|
||||
}
|
||||
.pe-7s-music:before {
|
||||
content: "\e630";
|
||||
}
|
||||
.pe-7s-mouse:before {
|
||||
content: "\e631";
|
||||
}
|
||||
.pe-7s-more:before {
|
||||
content: "\e632";
|
||||
}
|
||||
.pe-7s-moon:before {
|
||||
content: "\e633";
|
||||
}
|
||||
.pe-7s-monitor:before {
|
||||
content: "\e634";
|
||||
}
|
||||
.pe-7s-micro:before {
|
||||
content: "\e635";
|
||||
}
|
||||
.pe-7s-menu:before {
|
||||
content: "\e636";
|
||||
}
|
||||
.pe-7s-map:before {
|
||||
content: "\e637";
|
||||
}
|
||||
.pe-7s-map-marker:before {
|
||||
content: "\e638";
|
||||
}
|
||||
.pe-7s-mail:before {
|
||||
content: "\e639";
|
||||
}
|
||||
.pe-7s-mail-open:before {
|
||||
content: "\e63a";
|
||||
}
|
||||
.pe-7s-mail-open-file:before {
|
||||
content: "\e63b";
|
||||
}
|
||||
.pe-7s-magnet:before {
|
||||
content: "\e63c";
|
||||
}
|
||||
.pe-7s-loop:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
.pe-7s-look:before {
|
||||
content: "\e63e";
|
||||
}
|
||||
.pe-7s-lock:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
.pe-7s-lintern:before {
|
||||
content: "\e640";
|
||||
}
|
||||
.pe-7s-link:before {
|
||||
content: "\e641";
|
||||
}
|
||||
.pe-7s-like:before {
|
||||
content: "\e642";
|
||||
}
|
||||
.pe-7s-light:before {
|
||||
content: "\e643";
|
||||
}
|
||||
.pe-7s-less:before {
|
||||
content: "\e644";
|
||||
}
|
||||
.pe-7s-keypad:before {
|
||||
content: "\e645";
|
||||
}
|
||||
.pe-7s-junk:before {
|
||||
content: "\e646";
|
||||
}
|
||||
.pe-7s-info:before {
|
||||
content: "\e647";
|
||||
}
|
||||
.pe-7s-home:before {
|
||||
content: "\e648";
|
||||
}
|
||||
.pe-7s-help2:before {
|
||||
content: "\e649";
|
||||
}
|
||||
.pe-7s-help1:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
.pe-7s-graph3:before {
|
||||
content: "\e64b";
|
||||
}
|
||||
.pe-7s-graph2:before {
|
||||
content: "\e64c";
|
||||
}
|
||||
.pe-7s-graph1:before {
|
||||
content: "\e64d";
|
||||
}
|
||||
.pe-7s-graph:before {
|
||||
content: "\e64e";
|
||||
}
|
||||
.pe-7s-global:before {
|
||||
content: "\e64f";
|
||||
}
|
||||
.pe-7s-gleam:before {
|
||||
content: "\e650";
|
||||
}
|
||||
.pe-7s-glasses:before {
|
||||
content: "\e651";
|
||||
}
|
||||
.pe-7s-gift:before {
|
||||
content: "\e652";
|
||||
}
|
||||
.pe-7s-folder:before {
|
||||
content: "\e653";
|
||||
}
|
||||
.pe-7s-flag:before {
|
||||
content: "\e654";
|
||||
}
|
||||
.pe-7s-filter:before {
|
||||
content: "\e655";
|
||||
}
|
||||
.pe-7s-file:before {
|
||||
content: "\e656";
|
||||
}
|
||||
.pe-7s-expand1:before {
|
||||
content: "\e657";
|
||||
}
|
||||
.pe-7s-exapnd2:before {
|
||||
content: "\e658";
|
||||
}
|
||||
.pe-7s-edit:before {
|
||||
content: "\e659";
|
||||
}
|
||||
.pe-7s-drop:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
.pe-7s-drawer:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
.pe-7s-download:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
.pe-7s-display2:before {
|
||||
content: "\e65d";
|
||||
}
|
||||
.pe-7s-display1:before {
|
||||
content: "\e65e";
|
||||
}
|
||||
.pe-7s-diskette:before {
|
||||
content: "\e65f";
|
||||
}
|
||||
.pe-7s-date:before {
|
||||
content: "\e660";
|
||||
}
|
||||
.pe-7s-cup:before {
|
||||
content: "\e661";
|
||||
}
|
||||
.pe-7s-culture:before {
|
||||
content: "\e662";
|
||||
}
|
||||
.pe-7s-crop:before {
|
||||
content: "\e663";
|
||||
}
|
||||
.pe-7s-credit:before {
|
||||
content: "\e664";
|
||||
}
|
||||
.pe-7s-copy-file:before {
|
||||
content: "\e665";
|
||||
}
|
||||
.pe-7s-config:before {
|
||||
content: "\e666";
|
||||
}
|
||||
.pe-7s-compass:before {
|
||||
content: "\e667";
|
||||
}
|
||||
.pe-7s-comment:before {
|
||||
content: "\e668";
|
||||
}
|
||||
.pe-7s-coffee:before {
|
||||
content: "\e669";
|
||||
}
|
||||
.pe-7s-cloud:before {
|
||||
content: "\e66a";
|
||||
}
|
||||
.pe-7s-clock:before {
|
||||
content: "\e66b";
|
||||
}
|
||||
.pe-7s-check:before {
|
||||
content: "\e66c";
|
||||
}
|
||||
.pe-7s-chat:before {
|
||||
content: "\e66d";
|
||||
}
|
||||
.pe-7s-cart:before {
|
||||
content: "\e66e";
|
||||
}
|
||||
.pe-7s-camera:before {
|
||||
content: "\e66f";
|
||||
}
|
||||
.pe-7s-call:before {
|
||||
content: "\e670";
|
||||
}
|
||||
.pe-7s-calculator:before {
|
||||
content: "\e671";
|
||||
}
|
||||
.pe-7s-browser:before {
|
||||
content: "\e672";
|
||||
}
|
||||
.pe-7s-box2:before {
|
||||
content: "\e673";
|
||||
}
|
||||
.pe-7s-box1:before {
|
||||
content: "\e674";
|
||||
}
|
||||
.pe-7s-bookmarks:before {
|
||||
content: "\e675";
|
||||
}
|
||||
.pe-7s-bicycle:before {
|
||||
content: "\e676";
|
||||
}
|
||||
.pe-7s-bell:before {
|
||||
content: "\e677";
|
||||
}
|
||||
.pe-7s-battery:before {
|
||||
content: "\e678";
|
||||
}
|
||||
.pe-7s-ball:before {
|
||||
content: "\e679";
|
||||
}
|
||||
.pe-7s-back:before {
|
||||
content: "\e67a";
|
||||
}
|
||||
.pe-7s-attention:before {
|
||||
content: "\e67b";
|
||||
}
|
||||
.pe-7s-anchor:before {
|
||||
content: "\e67c";
|
||||
}
|
||||
.pe-7s-albums:before {
|
||||
content: "\e67d";
|
||||
}
|
||||
.pe-7s-alarm:before {
|
||||
content: "\e67e";
|
||||
}
|
||||
.pe-7s-airplay:before {
|
||||
content: "\e67f";
|
||||
}
|
||||
685
css/ainong/post-insurance.css
Normal file
685
css/ainong/post-insurance.css
Normal file
@@ -0,0 +1,685 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.common-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 主题布局 */
|
||||
/* 公共样式 */
|
||||
.main-content .container,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.tale-title {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.loan,
|
||||
.framework,
|
||||
.plan,
|
||||
.advantage,
|
||||
.platform {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.iden {
|
||||
float: left;
|
||||
background: #90c221;
|
||||
}
|
||||
|
||||
.plan-sm-com span,
|
||||
.platform-com span {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.plan-sm-title p,
|
||||
.platform-title p {
|
||||
padding-top: 2%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.plan-sm-com,
|
||||
.platform-com {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 公共样式 */
|
||||
|
||||
/* 养殖业保险难点 */
|
||||
.loan {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.loan-top-con {
|
||||
margin: 4% 0 0;
|
||||
width: 94%;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.loan-con-outBox {
|
||||
padding: 3% 0 6%;
|
||||
}
|
||||
|
||||
.loan-con-box {
|
||||
/* width: 90%;
|
||||
height: 86%; */
|
||||
width: 350px;
|
||||
height: 296px;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.con-box-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
/* font-size: 18px; */
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.con-box-title p {
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
position: absolute;
|
||||
top: 16%;
|
||||
}
|
||||
|
||||
.con-box-tex {
|
||||
width: 100%;
|
||||
height: 86%;
|
||||
font-size: 17px;
|
||||
background: #ffffff;
|
||||
padding: 20% 8% 26%;
|
||||
border-radius: 4px 0px 0px 0px;
|
||||
text-align: justify;
|
||||
margin: -20.8% auto 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
margin-top: -19%;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../../img/government-regulation/18.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-fb {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
width: 100%;
|
||||
height: 78px;
|
||||
font-size: 75px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 16px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
font-size: 25px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 5.2px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台架构 */
|
||||
.loan {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.loan-top-con {
|
||||
margin: 4% 0 0;
|
||||
width: 94%;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.loan-con-outBox {
|
||||
padding: 3% 0 6%;
|
||||
}
|
||||
|
||||
.loan-con-box {
|
||||
/* width: 90%;
|
||||
height: 86%; */
|
||||
width: 350px;
|
||||
height: 296px;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.con-box-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
/* font-size: 18px; */
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.con-box-title p {
|
||||
font-size: 17px;
|
||||
color: #ffffff;
|
||||
position: absolute;
|
||||
top: 16%;
|
||||
}
|
||||
|
||||
.con-box-tex {
|
||||
width: 100%;
|
||||
height: 86%;
|
||||
font-size: 17px;
|
||||
background: #ffffff;
|
||||
padding: 20% 8% 26%;
|
||||
border-radius: 4px 0px 0px 0px;
|
||||
text-align: justify;
|
||||
margin: -20.8% auto 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
margin-top: -19%;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台方案 */
|
||||
.plan {
|
||||
background-image: url(../../img/finance/6.png);
|
||||
}
|
||||
|
||||
.plan-img {
|
||||
margin: 6% 0 9%;
|
||||
}
|
||||
|
||||
.plan-sm-con {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* .plan-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 88% !important;
|
||||
}
|
||||
.plan-sm-com .iden { */
|
||||
/* width: 10px;
|
||||
height: 24px; */
|
||||
/* width: 8px;
|
||||
height: 22px;
|
||||
} */
|
||||
/* .plan-sm-com span { */
|
||||
/* sm-12 */
|
||||
/* margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
} */
|
||||
/* .plan-sm-title p {
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
} */
|
||||
.fram-con-outBox {
|
||||
position: relative;
|
||||
margin: 6% 0 10%;
|
||||
}
|
||||
|
||||
.fram-con-box {
|
||||
width: 84%;
|
||||
}
|
||||
|
||||
.fram-con-title p {
|
||||
margin: 2rem 0 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.fram-con-img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.fram-con-img img {
|
||||
margin-top: -8%;
|
||||
}
|
||||
|
||||
.fram-con {
|
||||
opacity: 0.8;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.adv-con-outBox {
|
||||
margin: 6.5% 0 2%;
|
||||
}
|
||||
|
||||
.adv-con-box {
|
||||
width: 89%;
|
||||
padding: 10% 6%;
|
||||
box-sizing: border-box;
|
||||
border-top-left-radius: 2%;
|
||||
border-top-right-radius: 2%;
|
||||
border-bottom: 2px solid #a3c85e;
|
||||
height: 220px;
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
|
||||
.adv-con-title {
|
||||
justify-content: baseline;
|
||||
}
|
||||
|
||||
.adv-con-title img {
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
||||
.adv-con-title p {
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.adv-con {
|
||||
opacity: 0.8;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify !important;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台 */
|
||||
.platform {
|
||||
width: 100%;
|
||||
background-image: url(../../img/finance/bg.png);
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.platform-con-outBox {
|
||||
margin: 5% 0 10%;
|
||||
}
|
||||
|
||||
.platform-cont {
|
||||
margin-top: 5.6%;
|
||||
}
|
||||
|
||||
.platform-com .iden {
|
||||
/* float: left; */
|
||||
width: 10px;
|
||||
height: 24px;
|
||||
/* background: #90c221; */
|
||||
}
|
||||
|
||||
.platform-com span {
|
||||
display: block;
|
||||
min-width: 230px;
|
||||
padding-left: 3%;
|
||||
font-size: 24px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.platform-title p {
|
||||
font-size: 16px;
|
||||
padding-left: 5%;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1150px) {
|
||||
.plan-img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.plan-sm-con {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.iden {
|
||||
float: left;
|
||||
background: #90c221;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 595px) {
|
||||
.header {
|
||||
height: 231px;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
font-size: 30px;
|
||||
line-height: 92px;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
font-size: 16px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 460px) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bg-finance {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
min-width: 220px;
|
||||
font-size: 26px;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
|
||||
.disappear {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
|
||||
.tale-title {
|
||||
margin-top: -2.6%;
|
||||
opacity: 0.1;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 养殖业保险难点 */
|
||||
.loan-top-con {
|
||||
font-size: 14px;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
|
||||
.loan-con-outBox {
|
||||
margin-bottom: 10%;
|
||||
}
|
||||
|
||||
.loan-con-box {
|
||||
/* height: 86%; */
|
||||
height: 195px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.loan-con-longBox {
|
||||
height: 225px;
|
||||
}
|
||||
|
||||
/* .con-box-title img {
|
||||
width: 20%;
|
||||
} */
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
|
||||
.con-box-title p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.con-box-tex {
|
||||
font-size: 14px;
|
||||
/* margin: -21.6% auto 0; */
|
||||
margin: -66px auto 0;
|
||||
|
||||
/* height: 100% !important; */
|
||||
padding: 16% 8% 10% !important;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台架构 */
|
||||
/* .fram-con-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
} */
|
||||
.fram-con-title p {
|
||||
/* margin: 1.5rem 0 1.5rem; */
|
||||
margin: 1rem 0 1rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.fram-con-title img {
|
||||
margin: 9% 4% 3% 0;
|
||||
width: 28% !important;
|
||||
}
|
||||
|
||||
.fram-con-img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fram-con {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台方案 */
|
||||
.plan {
|
||||
background-image: url(../../img/finance/6.png);
|
||||
}
|
||||
|
||||
.plan-img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.plan-sm-con {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.plan-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 88% !important;
|
||||
}
|
||||
|
||||
.plan-sm-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.plan-sm-com span {
|
||||
/* sm-12 */
|
||||
margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.plan-sm-title p {
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
|
||||
.sm-block-css {
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.adv-con-box {
|
||||
padding: 8% 5%;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.adv-con-title {
|
||||
justify-content: baseline;
|
||||
}
|
||||
|
||||
.adv-con-title img {
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
transform: scale(0.8);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.adv-con-title p {
|
||||
font-size: 17px;
|
||||
margin-bottom: 0.6rem !important;
|
||||
}
|
||||
|
||||
.adv-con {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台 */
|
||||
.platform-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.platform-com span {
|
||||
padding-left: 0% !important;
|
||||
margin-left: 2%;
|
||||
font-size: 16px;
|
||||
/* color: #333333; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
|
||||
.platform-title p {
|
||||
font-size: 15px;
|
||||
padding-left: 0% !important;
|
||||
margin-left: 4.2%;
|
||||
/* color: #666666; */
|
||||
line-height: 20px;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.platform-cont-img {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
204
css/ainong/slick-theme.css
Normal file
204
css/ainong/slick-theme.css
Normal file
@@ -0,0 +1,204 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
.slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('../fonts/ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('./fonts/slick.eot');
|
||||
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
|
||||
}
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
119
css/ainong/slick.css
Normal file
119
css/ainong/slick.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
3283
css/ainong/style.css
Normal file
3283
css/ainong/style.css
Normal file
File diff suppressed because it is too large
Load Diff
448
css/ainong/trade.css
Normal file
448
css/ainong/trade.css
Normal file
@@ -0,0 +1,448 @@
|
||||
/*************
|
||||
名称：活体交易平台
|
||||
作者：杨振天
|
||||
创建时间：2022-03-29
|
||||
结束时间：2022-04-18
|
||||
**************/
|
||||
/* 活体交易平台 CSS */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 100% !important;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/********* 内容顶部背景 CSS START*********/
|
||||
.bg-trade {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../../img/trade/banner.png);
|
||||
background-position: top center; /* 定义图片起始位置 */
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
z-index: 3;
|
||||
}
|
||||
.index-top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.index-top h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: 16px;
|
||||
}
|
||||
.index-top h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 5.2px;
|
||||
}
|
||||
/* 主题布局 */
|
||||
/*********** 公共样式 ***********/
|
||||
.main-content .container,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.main-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
.tale-title {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.row {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.transaction,
|
||||
.link,
|
||||
.stock {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
/* 1.生资交易 CSS */
|
||||
/* .transaction-commont {
|
||||
margin: 2% 0 0;
|
||||
} */
|
||||
|
||||
.h4 {
|
||||
font-size: 22px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
.list-boxS {
|
||||
margin: 3.8% 0 0;
|
||||
padding: 0 5% !important;
|
||||
}
|
||||
|
||||
/* new CSS */
|
||||
/* .graphic-con > .ul-inside {
|
||||
margin-left: 1.2rem;
|
||||
}
|
||||
.ul-inside ul {
|
||||
list-style: square;
|
||||
margin-top: 1.4rem;
|
||||
color: #7fb63e;
|
||||
color: blue;
|
||||
}
|
||||
.graphic-con ul li {
|
||||
margin: 0.8rem 0 0 0;
|
||||
}
|
||||
.graphic-con ul li span {
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0 !important;
|
||||
} */
|
||||
/*************/
|
||||
|
||||
.commont-tale-list {
|
||||
margin-top: 2.4%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ellipse {
|
||||
min-width: 8px;
|
||||
min-height: 8px;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.6rem;
|
||||
background-color: #3e68b6;
|
||||
}
|
||||
.commont-tale-list p {
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.transaction-listBox {
|
||||
margin: 0.8rem 0 3rem;
|
||||
}
|
||||
.listBox-img-con {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.trans-listPic-title,
|
||||
.trans-listPic-con {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
.trans-listPic-con {
|
||||
margin: 0.8rem 0 0;
|
||||
}
|
||||
.trans-listPic-con span {
|
||||
font-size: 17px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
.trans-sm-css {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 2.生资链 CSS */
|
||||
.link {
|
||||
overflow: hidden;
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.link-img-box {
|
||||
margin: 4% 0 6%;
|
||||
}
|
||||
.link-img-box img {
|
||||
width: 90% !important;
|
||||
}
|
||||
|
||||
/* 3. */
|
||||
.stock-title-sm {
|
||||
display: none;
|
||||
}
|
||||
.stock-title {
|
||||
position: relative;
|
||||
}
|
||||
.stock-title .comment-title {
|
||||
margin: 0;
|
||||
}
|
||||
.stock-img-left {
|
||||
justify-content: flex-end !important;
|
||||
}
|
||||
.stock-title-box h3 {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.stock-title-box .tale-title {
|
||||
margin-top: -2.4% !important;
|
||||
}
|
||||
.stock-img-right {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
.stock-list {
|
||||
margin: 6% 0 4%;
|
||||
}
|
||||
.stock-list-con p {
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
text-align: center;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
/* 4.爱农云联 */
|
||||
.aito-box {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background-image: url(../../img/trade/14.png);
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.aito-con {
|
||||
margin: 6% auto;
|
||||
}
|
||||
.aito-img-con {
|
||||
/* align-items:flex-end !important; */
|
||||
padding-right: 10% !important;
|
||||
justify-content: flex-end !important;
|
||||
}
|
||||
.aito-con-tex-text {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
.aito-con-tex h3 {
|
||||
height: 80px !important;
|
||||
color: #ffffff !important;
|
||||
line-height: 48px !important;
|
||||
letter-spacing: 12.8px;
|
||||
}
|
||||
.strip {
|
||||
width: 14%;
|
||||
height: 5%;
|
||||
height: 10px !important;
|
||||
opacity: 0.5;
|
||||
background: linear-gradient(0deg, #07c010 0%, #07c160 100%);
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.aito-p {
|
||||
opacity: 0.7;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
letter-spacing: 8px;
|
||||
}
|
||||
.aito-con-main-sm {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 460px) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
.bg-trade {
|
||||
height: 200px;
|
||||
}
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
font-size: 26px;
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
.disappear {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.main-title {
|
||||
/* font-size: 20px !important; */
|
||||
font-size: 19px !important;
|
||||
}
|
||||
.tale-title {
|
||||
margin-top: -2.6%;
|
||||
opacity: 0.1;
|
||||
/* font-size: 24px; */
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/* 1.生资交易 */
|
||||
.h4 {
|
||||
/* height: 22px; */
|
||||
font-size: 17px;
|
||||
}
|
||||
.trans-listPic-title > .h4 {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.h5 {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.ellipse {
|
||||
min-width: 5px;
|
||||
min-height: 5px;
|
||||
}
|
||||
.commont-tale-list > .ellipse {
|
||||
display: none;
|
||||
}
|
||||
.commont-tale-list p {
|
||||
font-size: 13px;
|
||||
}
|
||||
/* .trans-listPic-con {
|
||||
text-align: center !important;
|
||||
}*/
|
||||
.trans-imglist-smBoxS {
|
||||
margin: 1.2rem 0 3rem;
|
||||
}
|
||||
.trans-imglist-smBox {
|
||||
margin: 0.8rem 0 0 !important;
|
||||
}
|
||||
.trans-lgmd-css {
|
||||
display: none;
|
||||
}
|
||||
.trans-sm-css {
|
||||
display: block;
|
||||
}
|
||||
.trans-imgsm-css > .col-sm-2 {
|
||||
width: 20%;
|
||||
}
|
||||
.trans-imgsm-css > .col-sm-10 {
|
||||
width: 80% !important;
|
||||
}
|
||||
.trans-listPic-con {
|
||||
justify-content: flex-start !important;
|
||||
margin: 0.4rem 0 0;
|
||||
}
|
||||
.trans-sm-img {
|
||||
width: 56%;
|
||||
}
|
||||
.trans-listPic-con span {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* 2.生资链 */
|
||||
|
||||
/* 3.线上活畜交易平台 */
|
||||
.stock-title-sm {
|
||||
display: block;
|
||||
}
|
||||
.stock-title {
|
||||
display: none;
|
||||
}
|
||||
.stock-list {
|
||||
margin: 6% 0 4%;
|
||||
}
|
||||
.stock-listPic > .col-sm-6 {
|
||||
width: 50% !important;
|
||||
}
|
||||
.img-circle {
|
||||
width: 28%;
|
||||
margin-right: 3% !important;
|
||||
}
|
||||
.stock-list-con {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
margin: 0.4rem 0 0;
|
||||
padding-left: 5% !important;
|
||||
}
|
||||
.stock-list-con p {
|
||||
font-size: 15px;
|
||||
margin-top: 0.94rem;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* 4.爱农云联 */
|
||||
.aito-box {
|
||||
height: 230px;
|
||||
}
|
||||
.aito-con-main > .col-sm-6,
|
||||
.aito-con-main > .col-sm-12 {
|
||||
width: 50% !important;
|
||||
}
|
||||
.aito-con-tex > .col-sm-12 {
|
||||
height: 100% !important;
|
||||
}
|
||||
.aito-con-tex h3 {
|
||||
font-size: 16px !important;
|
||||
color: #ffffff !important;
|
||||
line-height: 20px !important;
|
||||
letter-spacing: 0.8px;
|
||||
}
|
||||
.aito-img-con img {
|
||||
width: 86%;
|
||||
}
|
||||
.aito-img-con-right {
|
||||
padding: 0 0 !important;
|
||||
}
|
||||
.strip {
|
||||
width: 24%;
|
||||
height: 6px !important;
|
||||
opacity: 0.5;
|
||||
margin: 0.6rem 0 0.6rem;
|
||||
}
|
||||
.aito-p {
|
||||
opacity: 0.7;
|
||||
font-size: 12px;
|
||||
line-height: 24px;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user