|
@@ -80,9 +80,26 @@ background:#FBFBFB url(../../img/indexNew7.png) no-repeat;padding:45px 0 0 15px;
|
|
.indexServe_bots .wrapper{
|
|
.indexServe_bots .wrapper{
|
|
float: left;
|
|
float: left;
|
|
width: 230px;
|
|
width: 230px;
|
|
|
|
+ height: 180px;
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+.indexServe_bots .wrapper h3{
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ white-space:nowrap;
|
|
|
|
+ text-overflow:ellipsis;
|
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
|
+ margin: 10px 0;
|
|
|
|
+}
|
|
|
|
+.indexServe_bots .wrapper p{
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-line-clamp:7;
|
|
}
|
|
}
|
|
.indexServe_bots>img{
|
|
.indexServe_bots>img{
|
|
float: left;
|
|
float: left;
|
|
|
|
+ margin-top: 40px;
|
|
width: 140px;
|
|
width: 140px;
|
|
height: 130px;
|
|
height: 130px;
|
|
}
|
|
}
|
|
@@ -103,7 +120,14 @@ text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-bo
|
|
clear: both;
|
|
clear: both;
|
|
}
|
|
}
|
|
.indexServe_bot>div{color:#fff;width:100%;height:18px;background:url(../../img/indexNew9.png) no-repeat;padding-left: 17px;line-height: 18px;}
|
|
.indexServe_bot>div{color:#fff;width:100%;height:18px;background:url(../../img/indexNew9.png) no-repeat;padding-left: 17px;line-height: 18px;}
|
|
-.indexServe_cont>div>div.indexServe_bot>p{width:340px;letter-spacing: 1px;margin-top:10px;color:#4E4E4E;line-height: 20px;
|
|
|
|
|
|
+.indexServe_cont div>div .indexServe_bot>p{padding-top:20px;color:#4E4E4E;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-line-clamp:6;
|
|
|
|
+ width:100%;
|
|
}
|
|
}
|
|
.indexServe_cont>div>div.indexServe_img{position: absolute;bottom: 10px;overflow: hidden;}
|
|
.indexServe_cont>div>div.indexServe_img{position: absolute;bottom: 10px;overflow: hidden;}
|
|
.indexServe_img p{
|
|
.indexServe_img p{
|
|
@@ -142,22 +166,26 @@ text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-bo
|
|
}
|
|
}
|
|
.indexServe_cont>div.indexServe_long{width:795px;height:188px;margin-right:0px;display: inline-block;margin-top: 25px;
|
|
.indexServe_cont>div.indexServe_long{width:795px;height:188px;margin-right:0px;display: inline-block;margin-top: 25px;
|
|
background:#FBFBFB;padding: 0 0 0 215px;text-align: left;position:relative;}
|
|
background:#FBFBFB;padding: 0 0 0 215px;text-align: left;position:relative;}
|
|
-.indexServe_long>img{display: inline-block;position: absolute;top:0;left:0;width: 150px;height: 140px;}
|
|
|
|
|
|
+.indexServe_long>img{display: inline-block;position: absolute;top:0;left:0;width: 200px;height: 190px;}
|
|
.indexServe_long>div.indexServe_bots{display: inline-block;width:235px;height:188px;padding-top: 10px;}
|
|
.indexServe_long>div.indexServe_bots{display: inline-block;width:235px;height:188px;padding-top: 10px;}
|
|
.indexServe_long>div.indexServe_bot{width:340px;height:140px;position: absolute;top:22px;right:10px;border-left:1px dashed #DEDEDE;padding-left:10px;}
|
|
.indexServe_long>div.indexServe_bot{width:340px;height:140px;position: absolute;top:22px;right:10px;border-left:1px dashed #DEDEDE;padding-left:10px;}
|
|
.indexServe_long>div.indexServe_bots>p{width:220px;height:120px;display: inline-block;text-align: left;letter-spacing: 1px;
|
|
.indexServe_long>div.indexServe_bots>p{width:220px;height:120px;display: inline-block;text-align: left;letter-spacing: 1px;
|
|
margin-top:10px;color:#4E4E4E;line-height: 22px;
|
|
margin-top:10px;color:#4E4E4E;line-height: 22px;
|
|
-text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
|
|
|
|
-.indexServe_bot>p{width:100%;letter-spacing: 1px;;color:#4E4E4E;line-height: 20px;padding: 30px 10px 10px;;
|
|
|
|
-}
|
|
|
|
|
|
+text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
|
|
.indexServe_long>div.indexServe_bot>div{width:320px;}
|
|
.indexServe_long>div.indexServe_bot>div{width:320px;}
|
|
.indexServe_long>div.indexServe_img{width:350px;height:40px;background:url(../../img/indexNew10.png) top right no-repeat;margin-top:10px;
|
|
.indexServe_long>div.indexServe_img{width:350px;height:40px;background:url(../../img/indexNew10.png) top right no-repeat;margin-top:10px;
|
|
text-align:right;padding-right:50px;font-size:16px;line-height:40px;color:#FF580D;cursor:pointer;position: absolute;bottom:10px;right:25px;}
|
|
text-align:right;padding-right:50px;font-size:16px;line-height:40px;color:#FF580D;cursor:pointer;position: absolute;bottom:10px;right:25px;}
|
|
-.indexServe_right{width:390px;height:401px;position: absolute;right:0;bottom:170px;}
|
|
|
|
-.indexServe_bottom{position: absolute;left:0;bottom: 50px;}
|
|
|
|
-
|
|
|
|
|
|
+.indexServe_right{width:390px;height:401px;position: absolute;right:0;bottom:133px;}
|
|
|
|
+.indexServe_bottom{position: absolute;left:0;bottom: 0px;}
|
|
|
|
+.indexServe_long .indexServe_bots p,.indexServe_long .indexServe_bots p{
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-line-clamp:3!important;
|
|
|
|
+}
|
|
|
|
|
|
-#indexPolicy{width:1200px;height:500px;margin:0 auto;position: relative;}
|
|
|
|
|
|
+#indexPolicy{width:1200px;height:500px;margin:0 auto;position: relative;padding-top: 60px;}
|
|
#indexPolicy>div>a{float: right;width:190px;height:50px;color:#fff;line-height: 50px;font-size:16px;
|
|
#indexPolicy>div>a{float: right;width:190px;height:50px;color:#fff;line-height: 50px;font-size:16px;
|
|
text-align: center;background:#2F83CE;margin-top: 15px;position: relative;padding-left:10px;}
|
|
text-align: center;background:#2F83CE;margin-top: 15px;position: relative;padding-left:10px;}
|
|
#indexPolicy>div>a span{font-size:25px;line-height: 40px;position: absolute;top:5px;left:40px;}
|
|
#indexPolicy>div>a span{font-size:25px;line-height: 40px;position: absolute;top:5px;left:40px;}
|
|
@@ -228,36 +256,26 @@ text-align: center;line-height: 24px;font-size: 16px;}
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
color: #000;
|
|
color: #000;
|
|
text-align: center;
|
|
text-align: center;
|
|
- transition: all .4s ease-in
|
|
|
|
|
|
+ transition: all .2s ease-in
|
|
}
|
|
}
|
|
.indexExpert_cont>a>div:hover{
|
|
.indexExpert_cont>a>div:hover{
|
|
box-shadow: 0 4px 10px #ccc;
|
|
box-shadow: 0 4px 10px #ccc;
|
|
- transform: scale(1.05);
|
|
|
|
- transition: all .4s ease-in
|
|
|
|
|
|
+ transition: all .2s ease-in
|
|
}
|
|
}
|
|
.indexSeach_two>div:hover .seachTitle>div{
|
|
.indexSeach_two>div:hover .seachTitle>div{
|
|
background: #1697E9;
|
|
background: #1697E9;
|
|
color: #fff;
|
|
color: #fff;
|
|
box-shadow: 0 6px 10px #ccc;
|
|
box-shadow: 0 6px 10px #ccc;
|
|
- transform: scale(1.2);
|
|
|
|
- transition: all .3s ease-in;
|
|
|
|
-}
|
|
|
|
-.indexSeach_two>div:hover .seachMore{
|
|
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+ transition: all .2s ease-in;
|
|
}
|
|
}
|
|
.indexSeach_two>div:hover .seachMore a{
|
|
.indexSeach_two>div:hover .seachMore a{
|
|
- transition: all .3s ease-in;
|
|
|
|
|
|
+ transition: all .2s ease-in;
|
|
margin-right:-4px;
|
|
margin-right:-4px;
|
|
color: #1697E9;
|
|
color: #1697E9;
|
|
}
|
|
}
|
|
.wit:hover p,.wih:hover p{
|
|
.wit:hover p,.wih:hover p{
|
|
- /* height: 60px;
|
|
|
|
- line-height: 60px;
|
|
|
|
- background: rgba(0, 0, 0, .5); */
|
|
|
|
transition: all .4s ease-in;
|
|
transition: all .4s ease-in;
|
|
color: #1697E9
|
|
color: #1697E9
|
|
-
|
|
|
|
}
|
|
}
|
|
.wit:hover img,.wih:hover img{
|
|
.wit:hover img,.wih:hover img{
|
|
transform: rotateY(360deg);
|
|
transform: rotateY(360deg);
|