|
@@ -3,21 +3,28 @@
|
|
.serve{width:1200px;height:600px;margin:0 auto;}
|
|
.serve{width:1200px;height:600px;margin:0 auto;}
|
|
.serve_title{width:1200px;height:130px;text-align: center;}
|
|
.serve_title{width:1200px;height:130px;text-align: center;}
|
|
.clear_{width:100%;height:1px;}
|
|
.clear_{width:100%;height:1px;}
|
|
-h2{color:#074F88;margin-top:90px;}
|
|
|
|
|
|
+h2{color:#074d88;margin-top:90px;font-size: 30px;}
|
|
.serve_cont{width:1200px;height:470px;position: relative;}
|
|
.serve_cont{width:1200px;height:470px;position: relative;}
|
|
.serve_left{width:470px;height:470px;display: inline-block;}
|
|
.serve_left{width:470px;height:470px;display: inline-block;}
|
|
.serve_left>div{width:100%;height:110px;border-radius: 55px;
|
|
.serve_left>div{width:100%;height:110px;border-radius: 55px;
|
|
position: relative;margin-bottom:20px;border: 2px solid transparent;
|
|
position: relative;margin-bottom:20px;border: 2px solid transparent;
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ .serve_left>div a{display: none;}
|
|
|
|
+
|
|
|
|
+.serve_left>div span img:first-child+img{display: none;}
|
|
.serve_left>div:hover{border: 2px solid #BCBCBC;cursor: pointer;}
|
|
.serve_left>div:hover{border: 2px solid #BCBCBC;cursor: pointer;}
|
|
.serve_left>div:hover span{background: #fff;}
|
|
.serve_left>div:hover span{background: #fff;}
|
|
-.serve_left>div:nth-child(1):hover span{background: #F8A346;}
|
|
|
|
|
|
+.serve_left>div:hover span img:first-child{display: none;}
|
|
|
|
+.serve_left>div:hover span img:first-child+img{display: block;}
|
|
|
|
+.serve_left>div:hover span{background: #F8A346;}
|
|
.serve_left span{display: inline-block;width:108px;height:108px;text-align: center;line-height:100px;
|
|
.serve_left span{display: inline-block;width:108px;height:108px;text-align: center;line-height:100px;
|
|
-border-radius: 50%;border: 2px solid #F8A346;position: absolute;top:-1px;left:-2px;background: #eee;}
|
|
|
|
|
|
+border-radius: 50%;border: 2px solid #F8A346;position: absolute;top:-1px;left:-2px;background: #ffffff;}
|
|
|
|
+.serve_left>div span img{position: absolute;top: 21px;left: 23px;}
|
|
.serve_left h3{display: inline-block;position: absolute;top:5px;left:120px;
|
|
.serve_left h3{display: inline-block;position: absolute;top:5px;left:120px;
|
|
- color:#F8A346;}
|
|
|
|
|
|
+ color:#f68705;font-size: 16px;font-weight: bold;}
|
|
.serve_left p{display: inline-block;position: absolute;top:35px;left:120px;
|
|
.serve_left p{display: inline-block;position: absolute;top:35px;left:120px;
|
|
- color:#A9A9A9;}
|
|
|
|
|
|
+ color:#7a7878;font-family: "simsun";width: 346px;height: 32px;text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
|
|
.serve_left a{position:absolute;bottom:10px;right:20px;color:#F8A346;}
|
|
.serve_left a{position:absolute;bottom:10px;right:20px;color:#F8A346;}
|
|
|
|
|
|
.serve_right{width:710px;height:470px;display: inline-block;position: absolute;
|
|
.serve_right{width:710px;height:470px;display: inline-block;position: absolute;
|
|
@@ -27,7 +34,7 @@ right:0;bottom:0;padding-top: 50px;}
|
|
.img_top{width:200px;height:123px;position: absolute;
|
|
.img_top{width:200px;height:123px;position: absolute;
|
|
top:10px;left:14px; background: #fff;text-align: center;
|
|
top:10px;left:14px; background: #fff;text-align: center;
|
|
line-height: 120px}
|
|
line-height: 120px}
|
|
-.img_top p{font-size: 3rem;color:#F8A346;}
|
|
|
|
|
|
+.img_top p{font-size: 20px;color:#F8A346;}
|
|
.img_bottom{width:200px;height:128px;position: absolute;
|
|
.img_bottom{width:200px;height:128px;position: absolute;
|
|
bottom:17px;left:14px;background:#fff;text-align: center;
|
|
bottom:17px;left:14px;background:#fff;text-align: center;
|
|
line-height: 120px;}
|
|
line-height: 120px;}
|
|
@@ -35,13 +42,15 @@ line-height: 120px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-.Intellectual{width: 100%;background: url(../../img/service_04.png)no-repeat center;height: 640px;}
|
|
|
|
|
|
+
|
|
|
|
+.Intellectual{width: 100%;background: url(../../img/service_04.png)no-repeat center;height: 640px;text-align: center;}
|
|
.Intellectual .container>h3{font-size: 50px;color: #ffffff;width: 200px;margin: 0 auto;line-height: 150px;}
|
|
.Intellectual .container>h3{font-size: 50px;color: #ffffff;width: 200px;margin: 0 auto;line-height: 150px;}
|
|
|
|
+
|
|
.Intellectual .container{width: 1200px;}
|
|
.Intellectual .container{width: 1200px;}
|
|
.Intellectual ul li{float: left;width: 360px;height: 450px;margin-left: 44px;}
|
|
.Intellectual ul li{float: left;width: 360px;height: 450px;margin-left: 44px;}
|
|
.Intellectual ul li:first-child{margin-left: 0;}
|
|
.Intellectual ul li:first-child{margin-left: 0;}
|
|
.Intellectual_left{width: 360px;height: 145px;background: url(../../img/service_1.png);background-size: 100% 100%;}
|
|
.Intellectual_left{width: 360px;height: 145px;background: url(../../img/service_1.png);background-size: 100% 100%;}
|
|
-.Intellectual_left h4{font-weight: normal;height: 90px;font-size: 20px;color: #f68705;margin-left: 56px;padding-top: 32px;}
|
|
|
|
|
|
+.Intellectual_left h4{font-weight: normal;height: 90px;font-size: 20px;color: #f68705;margin-left: 56px;padding-top: 32px;text-align: left;}
|
|
.Intellectual_left span{margin-top: 10px;font-size: 12px;color: #797979;text-align: left!important;line-height: 18px;display: inline-block;float: left;margin-left: 56px;}
|
|
.Intellectual_left span{margin-top: 10px;font-size: 12px;color: #797979;text-align: left!important;line-height: 18px;display: inline-block;float: left;margin-left: 56px;}
|
|
.Intellectual ul li:first-child+li{background: url(../../img/service_2.png) no-repeat;padding-top: 102px;}
|
|
.Intellectual ul li:first-child+li{background: url(../../img/service_2.png) no-repeat;padding-top: 102px;}
|
|
.Intellectual ul li:first-child+li+li{background: url(../../img/service_3.png) no-repeat;text-align: center;}
|
|
.Intellectual ul li:first-child+li+li{background: url(../../img/service_3.png) no-repeat;text-align: center;}
|
|
@@ -49,24 +58,28 @@ line-height: 120px;}
|
|
.Intellectual ul li:first-child+li .time{font-size: 18px;color: #f68705;margin-top: 60px;}
|
|
.Intellectual ul li:first-child+li .time{font-size: 18px;color: #f68705;margin-top: 60px;}
|
|
|
|
|
|
.number_ten{margin-top:16px;margin-bottom: 30px;}
|
|
.number_ten{margin-top:16px;margin-bottom: 30px;}
|
|
-.Intellectual ul li:first-child+li+li p{font-size:36px ;color: #f68705;margin-top: 120px;margin-bottom: 90px;width: 332px;}
|
|
|
|
|
|
+.Intellectual ul li:first-child+li+li{padding-top: 100px;}
|
|
|
|
+.Intellectual ul li:first-child+li+li p{font-size:36px ;color: #f68705;;width: 332px;line-height: 56px;}
|
|
.Intellectual ul li:first-child+li+li p span{font-size:60px;color: #f54c49;}
|
|
.Intellectual ul li:first-child+li+li p span{font-size:60px;color: #f54c49;}
|
|
-.Intellectual ul li:first-child+li+li a{width: 216px;height: 70px;background: #ffb200;border-radius: 10px;text-align: center;display: inline-block;line-height: 70px;font-size: 24px;color: #ffffff;}
|
|
|
|
|
|
+.Intellectual ul li:first-child+li+li a{width: 216px;height: 70px;margin-top: 90px;background: #ffb200;border-radius: 10px;text-align: center;display: inline-block;line-height: 70px;font-size: 24px;color: #ffffff;}
|
|
.Intellectual ul li:first-child+li+li a:hover{background: #fdce61;color: #000000;transition: all .5s;}
|
|
.Intellectual ul li:first-child+li+li a:hover{background: #fdce61;color: #000000;transition: all .5s;}
|
|
|
|
|
|
-
|
|
|
|
|
|
+.Intellectual>.container>a{width: 150px;height: 46px;display:inline-block;background: #ffb200;line-height: 46px;text-align: center;color:#FFFFFF;font-size: 16px; margin-top: 20px;}
|
|
|
|
|
|
.customer_main{width: 400px;margin: 0 auto;}
|
|
.customer_main{width: 400px;margin: 0 auto;}
|
|
.customer hr{width: 1200px;margin: 0 auto;}
|
|
.customer hr{width: 1200px;margin: 0 auto;}
|
|
-.customer_main span{font-size: 40px;color: #074d88;width: 180px;text-align: center;line-height: 120px;display: inline-block;}
|
|
|
|
|
|
+
|
|
|
|
+.customer_main span{font-size: 40px;color: #074d88;width: 180px;text-align: center;line-height: 120px;display: inline-block;margin-top: 50px;}
|
|
|
|
+
|
|
|
|
+
|
|
.that{border-bottom: 2px solid #074d88;}
|
|
.that{border-bottom: 2px solid #074d88;}
|
|
.customer_company{margin: 80px auto 0;display: none;}
|
|
.customer_company{margin: 80px auto 0;display: none;}
|
|
.customer_company:nth-child(1){display: block;}
|
|
.customer_company:nth-child(1){display: block;}
|
|
.customer_company li{float: left;width: 274px;margin-left: 14px;overflow: hidden;height:274px;}
|
|
.customer_company li{float: left;width: 274px;margin-left: 14px;overflow: hidden;height:274px;}
|
|
.customer_company li>img{width:274px;height:222px;border:none;}
|
|
.customer_company li>img{width:274px;height:222px;border:none;}
|
|
.customer_company li:first-child{margin-left:0 ;}
|
|
.customer_company li:first-child{margin-left:0 ;}
|
|
-.customer_company li p{width: 100%;line-height: 52px;text-align: center;font-size: 16px;color: #333333;background: #ffffff;border: 1px solid #cccccc;
|
|
|
|
- margin-top: -2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;}
|
|
|
|
|
|
+.customer_company li p{width: 100%;line-height: 52px;text-align: center;font-size: 16px;color: #383838;background: #ffffff;border: 1px solid #cccccc;
|
|
|
|
+ margin-top: -2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;font-weight: bold;}
|
|
.thon p{background: #ffb200!important;color: #FFFFFF!important;border: 1px solid transparent!important;}
|
|
.thon p{background: #ffb200!important;color: #FFFFFF!important;border: 1px solid transparent!important;}
|
|
.customer_circle{clear: both;width: 85px;margin: 0 auto;overflow: hidden;padding-top: 58px;padding-bottom: 36px;}
|
|
.customer_circle{clear: both;width: 85px;margin: 0 auto;overflow: hidden;padding-top: 58px;padding-bottom: 36px;}
|
|
.customer_circle li{width: 15px;height: 15px;border-radius: 50%;background: #d5d6d8;float: left;margin-left: 5px;}
|
|
.customer_circle li{width: 15px;height: 15px;border-radius: 50%;background: #d5d6d8;float: left;margin-left: 5px;}
|
|
@@ -78,28 +91,28 @@ line-height: 120px;}
|
|
#lawyer{display:none;}
|
|
#lawyer{display:none;}
|
|
|
|
|
|
.technology{width: 100%;height:580px;background: url(../../img/service_10.png) no-repeat center;}
|
|
.technology{width: 100%;height:580px;background: url(../../img/service_10.png) no-repeat center;}
|
|
-.technology h3{margin-left: 700px;font-size: 50px;color: #ffffff;margin-top: 30px;font-weight: normal}
|
|
|
|
|
|
+.technology h3{margin-left: 700px;font-size: 30px;color: #ffffff;margin-top: 30px;font-weight: normal}
|
|
.technology_box{width: 600px;margin-left: 500px;}
|
|
.technology_box{width: 600px;margin-left: 500px;}
|
|
.technology_left:first-child{margin-left: 0;}
|
|
.technology_left:first-child{margin-left: 0;}
|
|
.technology_left{float: left;width: 290px;text-align: center;margin-left: 20px;}
|
|
.technology_left{float: left;width: 290px;text-align: center;margin-left: 20px;}
|
|
-.technology_left p{font-size: 36px;color: #ffffff;margin-top: 260px;}
|
|
|
|
-.technology_left a{width: 136px;height:60px;text-align: center;font-size: 24px;color: #ffffff;display: inline-block;background: #fcab00;line-height: 60px;margin-top: 112px;float: right;}
|
|
|
|
|
|
+.technology_left p{font-size: 24px;color: #ffffff;margin-top: 260px;}
|
|
|
|
+.technology_left a{width: 136px;height:60px;text-align: center;font-size: 18px;color: #ffffff;display: inline-block;background: #fcab00;line-height: 60px;margin-top: 112px;float: right;}
|
|
|
|
|
|
.cooperation{width: 100%;background: #f0f0f2;}
|
|
.cooperation{width: 100%;background: #f0f0f2;}
|
|
-.cooperation h4{font-size: 40px;color: #074d88;font-weight:normal;text-align: center;margin-top: 82px;margin-bottom: 22px;}
|
|
|
|
|
|
+.cooperation h4{font-size: 30px;color: #074d88;font-weight:normal;text-align: center;margin-top: 82px;margin-bottom: 22px;}
|
|
.cooperation ol{width: 496px;margin: 0 auto;overflow: hidden;margin-bottom: 36px;}
|
|
.cooperation ol{width: 496px;margin: 0 auto;overflow: hidden;margin-bottom: 36px;}
|
|
.cooperation ol li{float: left;width: 216px;height: 56px;border: 1px solid #6a6a6a;text-align: center;
|
|
.cooperation ol li{float: left;width: 216px;height: 56px;border: 1px solid #6a6a6a;text-align: center;
|
|
- line-height: 56px;font-size: 24px;color: #6a6a6a;margin: 0 16px;cursor: pointer;}
|
|
|
|
|
|
+ line-height: 56px;font-size: 18px;color: #6a6a6a;margin: 0 16px;cursor: pointer;}
|
|
.cooperation ol li.check_li{border-top:3px solid #EEA203; }
|
|
.cooperation ol li.check_li{border-top:3px solid #EEA203; }
|
|
.cooperation ul{clear: both;overflow: hidden;}
|
|
.cooperation ul{clear: both;overflow: hidden;}
|
|
-.cooperation ul li{width: 270px;float: left;margin-left: 20px;overflow: hidden;position: relative;z-index: 10;height: 430px;overflow: hidden;}
|
|
|
|
|
|
+.cooperation ul li{width: 270px;float: left;margin-left: 20px;overflow: hidden;position: relative;z-index: 10;height: 430px;}
|
|
.cooperation ul li:first-child{margin-left: 0;}
|
|
.cooperation ul li:first-child{margin-left: 0;}
|
|
-.cooperation ul li>p{width: 100%;line-height: 100px;text-align: center;background: rgba(251,190,49,.8);font-size: 20px;color: #ffffff;}
|
|
|
|
|
|
+.cooperation ul li>p{width: 100%;line-height: 100px;text-align: center;background: rgba(251,190,49,.8);font-size: 16px;color: #ffffff;font-weight: bold;}
|
|
|
|
|
|
-.cooperation ul li .coop_text{position: absolute;top: 0;left: 0;width: 270px;height:430px;background:rgba(40,156,224,.7);z-index: 333;text-align: center;display: none;}
|
|
|
|
|
|
+.cooperation ul li .coop_text{position: absolute;top: 0;left: 0;width: 270px;height:430px;background:rgba(0,0,0,0.5);z-index: 333;text-align: center;display: none;}
|
|
|
|
|
|
-.coop_text h6{font-weight: normal;font-size: 20px;color: #ffffff;margin-top: 40px;margin-bottom: 25px;}
|
|
|
|
-.coop_text>p{font-size: 16px;color: #ffffff;padding-left: 20px;padding-right: 20px;text-align: left!important;}
|
|
|
|
|
|
+.coop_text h6{font-weight: normal;font-size: 16px;color: #ffffff;margin-top: 40px;margin-bottom: 25px;font-weight: bold;}
|
|
|
|
+.coop_text>p{font-size: 16px;color: #ffffff;padding-left: 20px;padding-right: 20px;text-align: left!important;font-family: "simsun";}
|
|
|
|
|
|
.cooperation ul li:hover .coop_text{display: block; cursor: pointer;}
|
|
.cooperation ul li:hover .coop_text{display: block; cursor: pointer;}
|
|
.img_city{width: 100%;height: 300px;margin-top:-150px;background: url(../../img/service_15.png) no-repeat center center;background-size: 100% 100%}
|
|
.img_city{width: 100%;height: 300px;margin-top:-150px;background: url(../../img/service_15.png) no-repeat center center;background-size: 100% 100%}
|