|
@@ -3,7 +3,7 @@
|
|
|
.serve{width:1200px;height:600px;margin:0 auto;}
|
|
|
.serve_title{width:1200px;height:130px;text-align: center;}
|
|
|
.clear_{width:100%;height:1px;}
|
|
|
-h2{color:#074d88;margin-top:90px;font-size: 30px;}
|
|
|
+h2{color:#074d88;margin-top:90px;font-size: 26px;}
|
|
|
.serve_cont{width:1200px;height:470px;position: relative;}
|
|
|
.serve_left{width:470px;height:470px;display: inline-block;}
|
|
|
.serve_left>div{width:100%;height:110px;border-radius: 55px;
|
|
@@ -11,7 +11,7 @@ h2{color:#074d88;margin-top:90px;font-size: 30px;}
|
|
|
}
|
|
|
|
|
|
.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 #dcdcdc;cursor: pointer;}
|
|
|
.serve_left>div:hover span{background: #fff;}
|
|
|
.serve_left>div:hover span img:first-child{display: none;}
|
|
|
.serve_left>div:hover span img:first-child+img{display: block;}
|
|
@@ -19,10 +19,10 @@ h2{color:#074d88;margin-top:90px;font-size: 30px;}
|
|
|
.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: #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:15px;left:120px;
|
|
|
color:#f68705;font-size: 16px;font-weight: bold;}
|
|
|
-.serve_left p{display: inline-block;position: absolute;top:35px;left:120px;
|
|
|
- color:#7a7878;font-family: "simsun";}
|
|
|
+.serve_left p{display: inline-block;position: absolute;top:40px;left:120px;
|
|
|
+ color:#7a7878;font-family: "simsun";line-height: 21px;}
|
|
|
.serve_left a{position:absolute;bottom:10px;right:20px;color:#F8A346;}
|
|
|
|
|
|
.serve_right{width:710px;height:470px;display: inline-block;position: absolute;
|
|
@@ -32,17 +32,17 @@ right:0;bottom:0;padding-top: 50px;}
|
|
|
.img_top{width:200px;height:123px;position: absolute;
|
|
|
top:10px;left:14px; background: #fff;text-align: center;
|
|
|
line-height: 120px}
|
|
|
-.img_top p{font-size: 3rem;color:#F8A346;}
|
|
|
+.img_top p{font-size: 18px;color:#F8A346;}
|
|
|
.img_bottom{width:200px;height:128px;position: absolute;
|
|
|
bottom:17px;left:14px;background:#fff;text-align: center;
|
|
|
line-height: 120px;}
|
|
|
-.img_bottom p{font-size: 1.6rem;color:#707070;}
|
|
|
-
|
|
|
+.img_bottom p{font-size: 16px;color:#707070;}
|
|
|
+.img_bottom p a{color:#383838;}
|
|
|
|
|
|
|
|
|
|
|
|
.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: 35px;color: #ffffff;width: 200px;margin: 0 auto;line-height: 150px;}
|
|
|
|
|
|
.Intellectual .container{width: 1200px;}
|
|
|
.Intellectual ul li{float: left;width: 360px;height: 450px;margin-left: 44px;}
|
|
@@ -50,25 +50,22 @@ line-height: 120px;}
|
|
|
.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;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 a{font-size: 16px;color:#383838;}
|
|
|
.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 p{font-size: 36px;color: #f68705;text-align: center;width: 332px;}
|
|
|
.Intellectual ul li:first-child+li .time{font-size: 18px;color: #f68705;margin-top: 60px;}
|
|
|
|
|
|
.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 p{font-size:36px ;color: #f68705;margin-top: 70px;margin-bottom: 70px;width: 332px;}
|
|
|
.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: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;}
|
|
|
-
|
|
|
+.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;border-radius: 10px;}
|
|
|
.customer_main{width: 400px;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;margin-top: 50px;}
|
|
|
-
|
|
|
-
|
|
|
+.customer_main span{font-size: 30px;color: #074d88;width: 180px;text-align: center;line-height: 120px;display: inline-block;margin-top: 50px;}
|
|
|
.that{border-bottom: 2px solid #074d88;}
|
|
|
.customer_company{margin: 80px auto 0;display: none;}
|
|
|
.customer_company:nth-child(1){display: block;}
|
|
@@ -79,7 +76,7 @@ line-height: 120px;}
|
|
|
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;}
|
|
|
.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;cursor: pointer;}
|
|
|
.customer_circle li.thonli{background: #909193;}
|
|
|
.change_right{display:none;}
|
|
|
#office{cursor: pointer;}
|
|
@@ -96,7 +93,7 @@ line-height: 120px;}
|
|
|
.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 h4{font-size: 30px;color: #074d88;font-weight:normal;text-align: center;margin-top: 82px;margin-bottom: 22px;}
|
|
|
+.cooperation h4{font-size: 26px;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 li{float: left;width: 216px;height: 56px;border: 1px solid #6a6a6a;text-align: center;
|
|
|
line-height: 56px;font-size: 18px;color: #6a6a6a;margin: 0 16px;cursor: pointer;}
|