123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138 |
- .service_main{width: 100%;height: 600px;}
- .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;}
- .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;
- 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 span{background: #fff;}
- .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;
- 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;
- 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";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_right{width:710px;height:470px;display: inline-block;position: absolute;
- right:0;bottom:0;padding-top: 50px;}
- .serve_right>div{width:232px;height:283px;position: relative;
- display: inline-block;}
- .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: 20px;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;}
- .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{width: 1200px;}
- .Intellectual ul li{float: left;width: 360px;height: 450px;margin-left: 44px;}
- .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 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 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{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 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>.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 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;}
- .that{border-bottom: 2px solid #074d88;}
- .customer_company{margin: 80px auto 0;display: none;}
- .customer_company:nth-child(1){display: block;}
- .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:first-child{margin-left:0 ;}
- .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;}
- .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.thonli{background: #909193;}
- .change_right{display:none;}
- #office{cursor: pointer;}
- #custom{cursor: pointer;}
- #lawyer{display:none;}
- .technology{width: 100%;height:580px;background: url(../../img/service_10.png) no-repeat center;}
- .technology h3{margin-left: 700px;font-size: 30px;color: #ffffff;margin-top: 30px;font-weight: normal}
- .technology_box{width: 600px;margin-left: 500px;}
- .technology_left:first-child{margin-left: 0;}
- .technology_left{float: left;width: 290px;text-align: center;margin-left: 20px;}
- .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 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 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;}
- .cooperation ol li.check_li{border-top:3px solid #EEA203; }
- .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;}
- .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: 16px;color: #ffffff;font-weight: bold;}
- .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: 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;}
- .img_city{width: 100%;height: 300px;margin-top:-150px;background: url(../../img/service_15.png) no-repeat center center;background-size: 100% 100%}
- #bottom{margin-top: -20px; height: 280px;background-color: #074D88;}
- .bottom{height: 280px;}
- .bottom>img{height: 310px;}
- .bottom_text{margin-top: -120px;}
- .pub_fix{z-index: 999;}
|