|
@@ -12,13 +12,13 @@ line-height: 35px;font-size:16px;cursor:pointer;color:#7A7878;}
|
|
.indexSeach_one>div>img{position: absolute;cursor: pointer;}
|
|
.indexSeach_one>div>img{position: absolute;cursor: pointer;}
|
|
.indexImg1{left:902px;top:0;}
|
|
.indexImg1{left:902px;top:0;}
|
|
.indexImg2{left:1020px;top:0;}
|
|
.indexImg2{left:1020px;top:0;}
|
|
-
|
|
|
|
.indexSeach_two{width:1125px;height:200px;margin:40px auto 0;}
|
|
.indexSeach_two{width:1125px;height:200px;margin:40px auto 0;}
|
|
|
|
+
|
|
.indexSeach_two>div{width:275px;height:175px;border:1px solid #DEDEDE;display: inline-block;
|
|
.indexSeach_two>div{width:275px;height:175px;border:1px solid #DEDEDE;display: inline-block;
|
|
position:relative;margin-right:4px;}
|
|
position:relative;margin-right:4px;}
|
|
.indexSeach_two>div:nth-child(4){margin-right:0;}
|
|
.indexSeach_two>div:nth-child(4){margin-right:0;}
|
|
.seachTitle{width:135px;height:30px;position:absolute;left:70px;top:-15px;background: #fff;}
|
|
.seachTitle{width:135px;height:30px;position:absolute;left:70px;top:-15px;background: #fff;}
|
|
-.seachTitle>div{width:115px;height:30px;background:linear-gradient(to right,#FF580D,#FF8044);margin:0 auto;border-radius:15px;
|
|
|
|
|
|
+.seachTitle>div{transition: all .2s ease-in-out;width:115px;height:30px;background:linear-gradient(to right,#FF580D,#FF8044);margin:0 auto;border-radius:15px;
|
|
text-align: center;line-height: 30px;font-size:16px;color:#fff;}
|
|
text-align: center;line-height: 30px;font-size:16px;color:#fff;}
|
|
#seachCont{width:274px;height:100px;margin:35px 0 0 1px;overflow:hidden;position: relative;}
|
|
#seachCont{width:274px;height:100px;margin:35px 0 0 1px;overflow:hidden;position: relative;}
|
|
.seachCont{width:408px;height:100px;position: absolute;top:0;left:0;}
|
|
.seachCont{width:408px;height:100px;position: absolute;top:0;left:0;}
|
|
@@ -50,25 +50,45 @@ line-height:50px;color:#7A7878;font-size:16px;}
|
|
.seachCont4>div:nth-child(4){background: url(../../img/indexNews20.jpg) no-repeat;}
|
|
.seachCont4>div:nth-child(4){background: url(../../img/indexNews20.jpg) no-repeat;}
|
|
.seachCont4>div:nth-child(5){background: url(../../img/indexNews21.jpg) no-repeat;}
|
|
.seachCont4>div:nth-child(5){background: url(../../img/indexNews21.jpg) no-repeat;}
|
|
|
|
|
|
-.seachMore{width:250px;height:40px;color:#FF580D;font-size:15px;cursor:pointer;text-align:right;}
|
|
|
|
-
|
|
|
|
|
|
+.seachMore {width:100%;height:40px;font-size:15px;cursor:pointer;text-align:right;transition: all .2s ease-in-out;padding-right:20px;}
|
|
|
|
+.seachMore a{color:#FF580D;}
|
|
.indexSeach_three{width:1125px;height:110px;border:1px solid #DEDEDE;margin:30px auto 0;position:relative;padding-left:0.5px;padding-top:30px;}
|
|
.indexSeach_three{width:1125px;height:110px;border:1px solid #DEDEDE;margin:30px auto 0;position:relative;padding-left:0.5px;padding-top:30px;}
|
|
.seachTitle2{width:135px;height:30px;position:absolute;left:495px;top:-15px;background: #fff;}
|
|
.seachTitle2{width:135px;height:30px;position:absolute;left:495px;top:-15px;background: #fff;}
|
|
.seachTitle2>div{width:115px;height:30px;background:linear-gradient(to right,#26A0FF,#82D7FF);margin:0 auto;border-radius:15px;
|
|
.seachTitle2>div{width:115px;height:30px;background:linear-gradient(to right,#26A0FF,#82D7FF);margin:0 auto;border-radius:15px;
|
|
text-align: center;line-height: 30px;font-size:16px;color:#fff;}
|
|
text-align: center;line-height: 30px;font-size:16px;color:#fff;}
|
|
-.wit{width:197px;height:100px;display:inline-block;text-align: center;cursor:pointer;}
|
|
|
|
-.wih{width:170px;height:100px;display:inline-block;text-align: center;cursor:pointer;}
|
|
|
|
-.wit>p{color:#7A7878;font-size:15px;}
|
|
|
|
-.wih>p{color:#7A7878;font-size:15px;}
|
|
|
|
|
|
+.wit{width:197px;height: 60px;display:inline-block;text-align: center;cursor:pointer;position: relative;z-index: 100}
|
|
|
|
+.wit img,.wit img{
|
|
|
|
+ width: 70px;
|
|
|
|
+ height: 40px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ transition: all .2s ease-in-out;
|
|
|
|
+}
|
|
|
|
+.wih{width:170px;height: 60px;display:inline-block;text-align: center;cursor:pointer;position: relative;z-index: 100;}
|
|
|
|
+.wit>p{color:#7A7878;font-size:15px;position: absolute;bottom: 0;width: 100%;height: 20px;
|
|
|
|
+line-height: 20px;transition: all .2s ease-in-out;background: #fff}
|
|
|
|
+.wih>p{color:#7A7878;font-size:15px;position: absolute;bottom: 0;width: 100%;height: 20px;
|
|
|
|
+ line-height: 20px;transition: all .2s ease-in-out;background: #fff}
|
|
|
|
|
|
|
|
|
|
#indexServe{width:1200px;height:1150px;margin:0 auto;position: relative;}
|
|
#indexServe{width:1200px;height:1150px;margin:0 auto;position: relative;}
|
|
.indexServe_title{width:655px;height:70px;margin:0 auto;;}
|
|
.indexServe_title{width:655px;height:70px;margin:0 auto;;}
|
|
.indexServe_title>p{font-size:18px;color:#7A7878;text-align: center;}
|
|
.indexServe_title>p{font-size:18px;color:#7A7878;text-align: center;}
|
|
-.indexServe_cont{width:1200px;height:445px;margin-top: 40px;position:relative;}
|
|
|
|
-.indexServe_cont>div{width:390px;height:445px;margin-right:10px;display: inline-block;
|
|
|
|
|
|
+.indexServe_cont{width:1200px;margin-top: 40px;position:relative;}
|
|
|
|
+.indexServe_cont>div{width:390px;margin-right:10px;float: left;
|
|
background:#FBFBFB url(../../img/indexNew7.png) no-repeat;padding:45px 0 0 15px;text-align: center;}
|
|
background:#FBFBFB url(../../img/indexNew7.png) no-repeat;padding:45px 0 0 15px;text-align: center;}
|
|
.indexServe_cont>div:nth-child(3){margin-right: 0;}
|
|
.indexServe_cont>div:nth-child(3){margin-right: 0;}
|
|
|
|
+.indexServe_bots .wrapper{
|
|
|
|
+ float: left;
|
|
|
|
+ width: 230px;
|
|
|
|
+}
|
|
|
|
+.indexServe_bots>img{
|
|
|
|
+ float: left;
|
|
|
|
+ width: 140px;
|
|
|
|
+ height: 130px;
|
|
|
|
+}
|
|
|
|
+.indexServe_cont .indexServe_bots{
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
.indexServe_cont>div>h2{color:#1F1F1F;font-size: 24px;font-weight:500;}
|
|
.indexServe_cont>div>h2{color:#1F1F1F;font-size: 24px;font-weight:500;}
|
|
.indexServe_cont>div h3{color:#FF6D0A;font-size: 18px;font-weight:500;text-align:left;
|
|
.indexServe_cont>div h3{color:#FF6D0A;font-size: 18px;font-weight:500;text-align:left;
|
|
margin-top:20px;letter-spacing: 2px;}
|
|
margin-top:20px;letter-spacing: 2px;}
|
|
@@ -77,24 +97,55 @@ margin-top:20px;letter-spacing: 2px;}
|
|
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;}
|
|
text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
|
|
.indexServe_cont>div>div>img{position:absolute;top:0;right:0;}
|
|
.indexServe_cont>div>div>img{position:absolute;top:0;right:0;}
|
|
-.indexServe_cont>div>div.indexServe_bot{margin-top:20px;}
|
|
|
|
-.indexServe_bot>div{display:inline-block;}
|
|
|
|
-.indexServe_bot>div{color:#fff;width:360px;height:18px;background:url(../../img/indexNew9.png) no-repeat;padding-left: 17px;line-height: 18px;}
|
|
|
|
|
|
+.indexServe_cont>div>div>div.indexServe_bot{margin-top:20px;height: 160px;}
|
|
|
|
+.indexServe_bot>div{float: left;}
|
|
|
|
+.indexServe_bot{
|
|
|
|
+ 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_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{width:340px;letter-spacing: 1px;margin-top:10px;color:#4E4E4E;line-height: 20px;
|
|
-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
|
|
-.indexServe_cont>div>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;display:none;}
|
|
|
|
-
|
|
|
|
|
|
+}
|
|
|
|
+.indexServe_cont>div>div.indexServe_img{position: absolute;bottom: 10px;overflow: hidden;}
|
|
|
|
+.indexServe_img p{
|
|
|
|
+ float: right;
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ color: #4E4E4E;
|
|
|
|
+}
|
|
|
|
+.indexServe_img:hover span{
|
|
|
|
+ background: #F68705;
|
|
|
|
+ color:#ffffff;
|
|
|
|
+}
|
|
|
|
+.indexServe_img:hover p{
|
|
|
|
+ color: #fe7740
|
|
|
|
+}
|
|
|
|
+.indexServe_img p span {
|
|
|
|
+ width: 34px;
|
|
|
|
+ height: 34px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 34px;
|
|
|
|
+ color: #fe7740;
|
|
|
|
+ border: 1px solid #fe7740;
|
|
|
|
+ margin-left: 8px;
|
|
|
|
+ margin-right: 20px;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+}
|
|
|
|
+.indexServe_long{
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+.indexServe_long>a .indexServe_img{
|
|
|
|
+
|
|
|
|
+}
|
|
.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;}
|
|
.indexServe_long>img{display: inline-block;position: absolute;top:0;left:0;}
|
|
-.indexServe_long>div.indexServe_bots{display: inline-block;width:235px;height:188px;}
|
|
|
|
-.indexServe_long>div.indexServe_bot{display: inline-block;width:340px;height:140px;position: absolute;top:0;right:10px;border-left:1px dashed #DEDEDE;padding-left: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_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;}
|
|
text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
|
|
-.indexServe_long>div.indexServe_bot>p{width:340px;letter-spacing: 1px;margin-top:10px;color:#4E4E4E;line-height: 20px;
|
|
|
|
-text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
|
|
|
|
+.indexServe_bot>p{width:100%;letter-spacing: 1px;;color:#4E4E4E;line-height: 20px;padding: 30px 10px 10px;;
|
|
|
|
+}
|
|
.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;}
|
|
@@ -124,15 +175,18 @@ text-align: center;background:#2F83CE;margin-top: 15px;position: relative;paddin
|
|
.policy_p_cont>p{color:#7f7f7f;font-size:14px;margin-top:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
.policy_p_cont>p{color:#7f7f7f;font-size:14px;margin-top:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
|
|
|
|
|
|
|
|
-#indexGroom{width:1200px;height:710px;margin:0 auto;position: relative;}
|
|
|
|
|
|
+#indexGroom{width:1200px;padding-bottom: 110px;margin:0 auto;position: relative;}
|
|
.indexGroom_table{width:270px;height:35px;margin:15px auto;}
|
|
.indexGroom_table{width:270px;height:35px;margin:15px auto;}
|
|
.indexGroom_table>div{width:120px;height:35px;border-radius:15px;color:#1F1F1F;font-size:18px;text-align: center;line-height:35px;
|
|
.indexGroom_table>div{width:120px;height:35px;border-radius:15px;color:#1F1F1F;font-size:18px;text-align: center;line-height:35px;
|
|
display: inline-block;border:1px solid #DEDEDE;cursor: pointer;}
|
|
display: inline-block;border:1px solid #DEDEDE;cursor: pointer;}
|
|
.indexGroom_table>div.indexGroom_active{background: #FF8044;color:#fff;border:none;}
|
|
.indexGroom_table>div.indexGroom_active{background: #FF8044;color:#fff;border:none;}
|
|
.indexGroom_table>div:nth-child(2){margin-left:20px;}
|
|
.indexGroom_table>div:nth-child(2){margin-left:20px;}
|
|
-.indexGroom_tables{width:1200px;height:435px;}
|
|
|
|
|
|
+.indexGroom_tables{width:1200px;}
|
|
|
|
+.indexGroom_more a:hover{
|
|
|
|
+ color: #1697E9
|
|
|
|
+}
|
|
.indexGroom_tables>a>div{width:390px;height:135px;margin:0 7px 10px 0;position: relative;
|
|
.indexGroom_tables>a>div{width:390px;height:135px;margin:0 7px 10px 0;position: relative;
|
|
-background: #F9F9F9;padding-left:150px;display:inline-block;}
|
|
|
|
|
|
+background: #F9F9F9;padding-left:150px;display:inline-block; transition: all .2s ease-in-out}
|
|
.indexGroom_tables>a>div>img{display: inline-block;width:150px;height:135px;position: absolute;top:0;left:0;}
|
|
.indexGroom_tables>a>div>img{display: inline-block;width:150px;height:135px;position: absolute;top:0;left:0;}
|
|
.indexGroom_tables>a>div>div{display: inline-block;width:225px;height:135px;margin-left:10px;position: relative;}
|
|
.indexGroom_tables>a>div>div{display: inline-block;width:225px;height:135px;margin-left:10px;position: relative;}
|
|
.indexGroom_tables>a>div h3{display: inline-block;color:#232323;font-weight:500;width:225px;height:35px;line-height: 22px;
|
|
.indexGroom_tables>a>div h3{display: inline-block;color:#232323;font-weight:500;width:225px;height:35px;line-height: 22px;
|
|
@@ -150,8 +204,8 @@ text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
#indexExpert{width:100%;height:930px;margin:0 auto;position: relative;background: #F9F9F9;}
|
|
#indexExpert{width:100%;height:930px;margin:0 auto;position: relative;background: #F9F9F9;}
|
|
.indexExpert{width:1200px;height:630px;margin:0 auto;position: relative;padding-top:35px;}
|
|
.indexExpert{width:1200px;height:630px;margin:0 auto;position: relative;padding-top:35px;}
|
|
.indexExpert_cont{width:1200px;height:570px;}
|
|
.indexExpert_cont{width:1200px;height:570px;}
|
|
-.indexExpert_cont>a>div{width:285px;height:265px;margin:0 15px 20px 0;background: #fff;position: relative;display: inline-block;}
|
|
|
|
-.indexExpert_cont>a>div>img{width:285px;height:190px;}
|
|
|
|
|
|
+.indexExpert_cont>a>div{transition: all .2s ease-out;width:285px;height:265px;margin:0 15px 20px 0;background: #fff;position: relative;float: left;}
|
|
|
|
+.indexExpert_cont>a>div>img{width:285px;height:190px;display: inline-block;}
|
|
.indexExpert_cont>a:nth-child(4)>div{margin-right:0;}
|
|
.indexExpert_cont>a:nth-child(4)>div{margin-right:0;}
|
|
.indexExpert_cont>a:nth-child(8)>div{margin-right:0;}
|
|
.indexExpert_cont>a:nth-child(8)>div{margin-right:0;}
|
|
.indexExpert_basc{width:285px;height:75px;padding-left: 10px;padding-top: 5px;}
|
|
.indexExpert_basc{width:285px;height:75px;padding-left: 10px;padding-top: 5px;}
|
|
@@ -162,9 +216,53 @@ text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
.indexExpert_basc>p{width:260px;height:22px;line-height: 22px;color:#858383;margin-top:2px;
|
|
.indexExpert_basc>p{width:260px;height:22px;line-height: 22px;color:#858383;margin-top:2px;
|
|
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
|
-.indexExpert_yuyue{width:95px;height:30px;border:2px solid #fff;position: absolute;top:145px;right: 20px;color:#fff;border-radius:15px;
|
|
|
|
|
|
+.indexExpert_yuyue{width:95px;transition: all .2s ease-out;height:30px;border:2px solid #fff;position: absolute;top:145px;right: 20px;color:#fff;border-radius:15px;
|
|
text-align: center;line-height: 24px;font-size: 16px;}
|
|
text-align: center;line-height: 24px;font-size: 16px;}
|
|
-
|
|
|
|
|
|
+/* 门户特效 */
|
|
|
|
+.indexExpert_cont>a>div:hover .indexExpert_yuyue{
|
|
|
|
+ width: 140px;
|
|
|
|
+ background: #ffffff;
|
|
|
|
+ color: #000;
|
|
|
|
+ text-align: center;
|
|
|
|
+ transition: all .4s ease-in
|
|
|
|
+}
|
|
|
|
+.indexExpert_cont>a>div:hover{
|
|
|
|
+ box-shadow: 0 4px 10px #ccc;
|
|
|
|
+ transform: scale(1.05);
|
|
|
|
+ transition: all .4s ease-in
|
|
|
|
+}
|
|
|
|
+.indexSeach_two>div:hover .seachTitle>div{
|
|
|
|
+ background: #1697E9;
|
|
|
|
+ color: #fff;
|
|
|
|
+ box-shadow: 0 6px 10px #ccc;
|
|
|
|
+ transform: scale(1.2);
|
|
|
|
+ transition: all .3s ease-in;
|
|
|
|
+}
|
|
|
|
+.indexSeach_two>div:hover .seachMore{
|
|
|
|
+ transition: all .3s ease-in;
|
|
|
|
+ padding-right:95px;
|
|
|
|
+ letter-spacing: 8px
|
|
|
|
+}
|
|
|
|
+.indexSeach_two>div:hover .seachMore a{
|
|
|
|
+ color: #1697E9;
|
|
|
|
+}
|
|
|
|
+.wit:hover p,.wih:hover p{
|
|
|
|
+ height: 60px;
|
|
|
|
+ line-height: 60px;
|
|
|
|
+ background: rgba(0, 0, 0, .5);
|
|
|
|
+ transition: all .4s ease-in;
|
|
|
|
+ color: #fff
|
|
|
|
+
|
|
|
|
+}
|
|
|
|
+.wit:hover img,.wih:hover img{
|
|
|
|
+ transform: rotateY(360deg);
|
|
|
|
+ transition: all .4s ease-in;
|
|
|
|
+}
|
|
|
|
+.indexGroom_tables>a>div:hover{
|
|
|
|
+ box-shadow: 0 4px 10px #ccc;
|
|
|
|
+ transform: scale(1.01);
|
|
|
|
+ transition: all .4s ease-in;
|
|
|
|
+}
|
|
|
|
|
|
|
|
|
|
|
|
|