|
|
@@ -174,7 +174,7 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
.head-left{
|
|
|
display: flex;
|
|
|
//头部图标
|
|
|
- >a{width: 160px;height: 80px;display: inline-block;background-image: url("~static/images/client/component/nav-logo.svg");background-repeat: no-repeat;background-position: center;}
|
|
|
+ >a{width: 164px;height:70px;display: inline-block;background-image: url("~static/images/client/component/nav-logo.png");background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: 5px;margin-right: 40px;}
|
|
|
}
|
|
|
|
|
|
//头部右侧区域
|
|
|
@@ -219,8 +219,8 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
.client-title{ @include setFontStyle(10);color: rgba(0,0,0,0.85);letter-spacing: 0;padding-top: 80px;text-align: center;}
|
|
|
|
|
|
/* 网站副标题 */
|
|
|
-.client-subtitle-title{width: 650px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 22px;margin:0 auto;margin-top: 16px;text-align: center}
|
|
|
-.client-subtitle-title-big{width: 1000px;padding:0 100px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 22px;margin:0 auto;margin-top: 48px;text-align: center}
|
|
|
+.client-subtitle-title{width: 650px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 30px;margin:0 auto;margin-top: 16px;text-align: center}
|
|
|
+.client-subtitle-title-big{width: 1000px;padding:0 100px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 30px;margin:0 auto;margin-top: 48px;text-align: center}
|
|
|
|
|
|
/* 网站通用按钮 */
|
|
|
.client-default-Btn{display: block;@include setFontStyle(-4);background: #2B5CFD;color: rgba(255, 255, 255, 0.85);border-radius: 4px;transition: .3s all linear;text-align: center;}
|
|
|
@@ -239,8 +239,17 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
display: inline-block;
|
|
|
dl{display: inline-block;margin-right: 48px;margin-bottom: 40px;vertical-align: top;}
|
|
|
dt{@include setFontStyle(-4);color: #FFFFFF;margin-bottom: 24px;}
|
|
|
- dd{@include setFontStyle(-6);color: rgba(255,255,255,0.64);margin-bottom: 8px;}
|
|
|
- dd:hover{color: rgba(255,255,255,0.85);cursor: pointer}
|
|
|
+ dd,dd a{@include setFontStyle(-6);color: rgba(255,255,255,0.64);margin-bottom: 8px;}
|
|
|
+ dd:hover,dd a:hover{color: rgba(255,255,255,0.85);cursor: pointer}
|
|
|
+ // 二维码
|
|
|
+ .two-code-box{position: relative;}
|
|
|
+ .two-dimensional-code{width: 110px;height: 110px;background-image: url(/_nuxt/static/images/client/component/two-dimensional-code.jpg);display: none;position: absolute;left: 85px;top:-40px;background-size: cover;border-radius: 4px;transition: .5s; }
|
|
|
+ .two-dimensional-code:before{width: 0;height: 0;content: "";display: none;margin-left: -20px;margin-top: 40px;border-width: 10px;border-style: solid;border-color: transparent #fff transparent transparent;transition: .5s; }
|
|
|
+ .two-code-box:hover{
|
|
|
+ cursor: default;
|
|
|
+ .two-dimensional-code{display: block;}
|
|
|
+ .two-dimensional-code:before{display: block;}
|
|
|
+ }
|
|
|
}
|
|
|
.contact-right-box{
|
|
|
width: 170px;
|
|
|
@@ -305,10 +314,11 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
>h1{@include setFontStyle(-2);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
|
|
|
//内容区域
|
|
|
.client-content-box{
|
|
|
- min-height: calc(100vh - 517px);
|
|
|
+ min-height: calc(100vh - 587px);
|
|
|
line-height: 24px;
|
|
|
color: rgba(0,0,0,0.64);
|
|
|
@include setFontStyle(-6);
|
|
|
+ margin-bottom: 70px;
|
|
|
p{line-height: 22px;}
|
|
|
img{max-width: 100%;}
|
|
|
h1,h2,h3,h4,h5,h6,p{margin-bottom: 10px;}
|
|
|
@@ -442,10 +452,19 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
|
|
|
}
|
|
|
|
|
|
/* 首页行业学习详情页-通用部分 */
|
|
|
+// banner
|
|
|
+.industrydetails-banner{
|
|
|
+ width: 100%;
|
|
|
+ height: 400px;
|
|
|
+ background-color:#042D85;
|
|
|
+ position: relative;
|
|
|
+ .industrydetails-banner-box{width:inherit;height:inherit;background-position-x: center;background-repeat: no-repeat;}
|
|
|
+ .free-trial-default-btn{position: absolute;top:280px;left: 50%;margin-left: -119px;}
|
|
|
+}
|
|
|
// 发展现状
|
|
|
.industrydetails-develop-box{
|
|
|
.client-container{padding: 48px 0 80px;text-align: center;}
|
|
|
- p{width: 460px;display: inline-block;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 22px;vertical-align: middle;margin-right: 96px;text-align: justify;}
|
|
|
+ p{width: 480px;display: inline-block;@include setFontStyle(-6);color: rgba(0,0,0,0.65);line-height: 30px;vertical-align: middle;margin-right: 120px;text-align: justify;}
|
|
|
img{display: inline-block;vertical-align: middle;}
|
|
|
}
|
|
|
// 产品和服务
|
tanxue
