|
@@ -0,0 +1,153 @@
|
|
1
|
+html,body{width: 100%;min-width: 1200px !important;}
|
|
2
|
+.common{width: 1200px;margin: 0 auto;}
|
|
3
|
+.back_top{position: fixed;bottom:70px;right:12px;display: none;}
|
|
4
|
+.back_top a{transition: all .5s ease-in; }
|
|
5
|
+.banner{width: 100%;height: 520px;}
|
|
6
|
+.bus-banner{background: url(../images/bin_header.png) no-repeat center center;background-size: cover;}
|
|
7
|
+.abo-banner{background: url(../images/about_banner.png) no-repeat center center;background-size: cover;}
|
|
8
|
+.news-banner{background: url(../images/news_banner.png) no-repeat center center;background-size: cover;}
|
|
9
|
+/*=====header======*/
|
|
10
|
+#header{width: 100%;min-width: 1200px;height: 90px;background: rgba(0,0,0,0.6);position: absolute;top: 0;z-index: 8;}
|
|
11
|
+#header .common{overflow: hidden;}
|
|
12
|
+#header .common h1{ width:280px; float:left;padding: 0 10px;margin-top: 9px;}
|
|
13
|
+#header .common ul{ width:900px; height:90px; float:right;}
|
|
14
|
+#header .common ul li{width: 150px; float:left;height:90px; line-height: 88px; text-align: center; font-size: 20px; cursor: pointer;}
|
|
15
|
+#header .common ul li a{color: #FFFFFF;}
|
|
16
|
+#header .common ul li:hover a,
|
|
17
|
+#header .common ul li.on a{color: #f76301;}
|
|
18
|
+/*======banner========*/
|
|
19
|
+#banner,#business,#about,#partner,#news,#investor,#employ,#investor,#footer{width: 100%;}
|
|
20
|
+#banner .swiper-container .swiper-slide{height: 763px;width: 100%;}
|
|
21
|
+#banner .swiper-slide-1{background: url(../images/banner.png) no-repeat center center;background-size: cover;}
|
|
22
|
+#banner .swiper-slide-2{background: url(../images/banner2.png) no-repeat center center;background-size: cover;}
|
|
23
|
+#banner .swiper-slide-3{background: url(../images/banner3.png) no-repeat center center;background-size: cover;}
|
|
24
|
+#banner .swiper-button-prev,
|
|
25
|
+#banner .swiper-button-next{width: 78px;height: 78px; background:url(../images/left_btn.png) no-repeat center center;top: 360px;padding:6px;}
|
|
26
|
+#banner .swiper-button-prev{left: 182px;}
|
|
27
|
+#banner .swiper-button-next{background:url(../images/rigth_btn.png) no-repeat center center;right: 182px;}
|
|
28
|
+#banner .swiper-pagination-bullet{width: 20px;height: 20px;background: url(../images/banner_icon.png) no-repeat center center;opacity: 1;margin-right: 20px;}
|
|
29
|
+#banner .swiper-pagination-bullet-active{background: url(../images/banner_icon_focus.png) no-repeat center center;}
|
|
30
|
+#banner .swiper-pagination{bottom: 50px;}
|
|
31
|
+/*=======business============*/
|
|
32
|
+#business{overflow: hidden;margin-top: -1px;}
|
|
33
|
+#business .common{overflow: hidden;margin-top: -2px;background: url(../images/business.png) no-repeat top right;}
|
|
34
|
+#business .common .left, #business-video .left{width: 760px;float: left;padding: 57px 20px;text-align: center;}
|
|
35
|
+#business .common .left h3, #business-video .left h3{font-size: 40px;font-weight: normal;text-align: center;line-height: 1.8;color: #000000;}
|
|
36
|
+#business .common .left p, #business-video .left p{font-size: 20px;text-align: left;line-height: 1.8;text-indent: 2em;color: #666;margin-top: 60px;margin-bottom: 80px;}
|
|
37
|
+#business .common .left label{overflow: hidden;}
|
|
38
|
+#business-video .common{overflow: hidden;}
|
|
39
|
+#business-video .left{ float: right; padding: 48px 24px 30px;}
|
|
40
|
+#business-video .right{ float: left; }
|
|
41
|
+#business-video .left p{ margin: 60px 0 ; }
|
|
42
|
+/*#business .common .right{width: 400px;height: 100%;padding-left: 400px;}*/
|
|
43
|
+/*#business .common .right img{width: 100%;}*/
|
|
44
|
+/*==========about============*/
|
|
45
|
+#about{background:url(../images/about.png) no-repeat center center;background-size: cover;margin-top: -1px;}
|
|
46
|
+#about .common{width: 1160px; padding: 80px 20px;}
|
|
47
|
+#about .common h3,#employ h4{font-size: 40px;font-weight: normal;text-align: center;line-height: 1.5;color: #FFFFFF;}
|
|
48
|
+#about .common p{font-size: 20px;text-align: left;line-height: 2;text-indent: 2em;color: #666;margin-top:60px;color: #fff;}
|
|
49
|
+/*==========partner===============*/
|
|
50
|
+#partner{padding-bottom: 20px;}
|
|
51
|
+.common .title{overflow: hidden;margin: 46px 0;line-height:72px;}
|
|
52
|
+.common .title img{width: 400px; float: left;margin-top: 26px;}
|
|
53
|
+.common .title h3,.common .title h3 a{width: 400px;float:left;font-size: 40px;font-weight: normal;text-align: center;line-height: 1.8;outline: none;}
|
|
54
|
+.common .title h3 a{color: #000000;}
|
|
55
|
+/*=======news========*/
|
|
56
|
+#news .common ul{overflow: hidden;margin-bottom: 36px;}
|
|
57
|
+#news .common ul li a{display: block;width: 100%;overflow: hidden;}
|
|
58
|
+#news .common .content,#news .common .container_img{width: 600px;float: left;height:200px;background-color: #d8d8d8;}
|
|
59
|
+#news .common ul li a:hover .content{background-color: #eb6112;}
|
|
60
|
+#news .common .content{position: relative;display: table;}
|
|
61
|
+#news .common ul li a .triangle{display: block; width: 37px;height: 64px;background: url(../images/triangle.png) no-repeat center center;position: absolute;top: 68px;left:600px;}
|
|
62
|
+#news .common ul li a .triangle.second{left:-36px;background:url(../images/triangle_change.png) no-repeat center center;}
|
|
63
|
+#news .common ul li a:hover .content .triangle{background:url(../images/triangle_hover.png) no-repeat center center;}
|
|
64
|
+#news .common ul li a:hover .content .triangle.second{background:url(../images/triangle_change_focus.png) no-repeat center center;}
|
|
65
|
+#news .common .content h5{display: table-cell;vertical-align: middle;text-align: center; color:#666;font-size: 22px;line-height: 2;font-weight: normal;}
|
|
66
|
+#news .common ul li a:hover .content h5{color: #fff;}
|
|
67
|
+/*=======employ==========*/
|
|
68
|
+#employ{background:url(../images/employ.png) no-repeat;background-size: cover;padding-bottom: 40px;}
|
|
69
|
+#employ .common h4{padding: 30px 0;}
|
|
70
|
+#employ .common h4,#about .common h3{color: #fff;}
|
|
71
|
+#employ .common ul{overflow: hidden;}
|
|
72
|
+#employ .common ul li{width: 240px;float: left;text-align: center;color: #fff;font-size: 18px;margin-top: 30px;}
|
|
73
|
+#employ .common ul li i.icon{display:block;width:70px;height: 70px;margin: 0 auto 30px;}
|
|
74
|
+#employ .common ul li i.icon img{height: 70px;}
|
|
75
|
+/*========investor========*/
|
|
76
|
+#investor .common ul{overflow: hidden;margin-bottom: 30px;}
|
|
77
|
+#investor .common ul li{margin: 40px 0;text-align: center;}
|
|
78
|
+#investor .common ul li:first-child{margin: 0;}
|
|
79
|
+#investor .common ul li a{font-size: 22px;color: #176ce1;line-height: 1.5;}
|
|
80
|
+#investor .common ul li a:hover{color: #eb6112;}
|
|
81
|
+/*=========footer==========*/
|
|
82
|
+#footer{background-color: #5d5d5d;}
|
|
83
|
+#footer .common{overflow: hidden;width: 1200px;padding: 40px 0;}
|
|
84
|
+#footer .common ul{overflow: hidden;}
|
|
85
|
+#footer .common ul li{width: 200px;height: 60px;list-style: none;float: left;text-align: center;font-size: 18px;display: table; }
|
|
86
|
+#footer .common ul li a{color:#fff;display: table-cell; vertical-align: middle;}
|
|
87
|
+#footer .common p{font-size: 18px;color: #fff;text-align: center;margin-top: 26px;}
|
|
88
|
+#footer .common p .domain:before{content: "\0040";}
|
|
89
|
+/*================
|
|
90
|
+========招聘====================*/
|
|
91
|
+#employ_page{background-color: #fff;margin-top: 90px;}
|
|
92
|
+#employ_page .common{padding: 40px 20px 20px 20px;width: 1160px;}
|
|
93
|
+#employ_page .em_ul{overflow: hidden;}
|
|
94
|
+#employ_page .em_ul>li{width: 560px;float: left;margin-bottom: 40px;height: 564px;border-bottom: #F5F5F5 solid 1px;}
|
|
95
|
+#employ_page .em_ul li .icon_em{width:80px;}
|
|
96
|
+#employ_page .em_ul>li:nth-child(2n+1){margin-right: 10px;}
|
|
97
|
+#employ_page .em_ul>li:nth-child(2n){margin-left: 10px;}
|
|
98
|
+#employ_page .em_ul li i{display: block;width: 60px;height: 60px;background: url(../images/icon_em_g.png) no-repeat center center;background-size: cover;margin-bottom: 8px;}
|
|
99
|
+#employ_page .em_ul li em{font-size: 18px;}
|
|
100
|
+#employ_page .em_ul li h5{color: #666;margin:40px 0 20px;font-size: 15px;font-weight: normal;}
|
|
101
|
+#employ_page .em_ul li ul{overflow: hidden;}
|
|
102
|
+#employ_page .em_ul li ul li{line-height: 2;color: #666;font-size: 14px;}
|
|
103
|
+#employ_page .em_ul li i.android{background:url(../images/icon_ios_g.png) no-repeat center center;}
|
|
104
|
+#employ_page .em_ul li i.bd{background:url(../images/icon_bd.png) no-repeat center center;}
|
|
105
|
+#employ_page .em_ul li i.php{background:url(../images/icon_php.png) no-repeat center center;}
|
|
106
|
+/*================
|
|
107
|
+========关于我们====================*/
|
|
108
|
+#about_page img{height: 520px;}
|
|
109
|
+#about_page .common{padding: 40px 0;}
|
|
110
|
+#about_page .common h4{font-size: 28px;font-weight: normal;margin-bottom: 40px;}
|
|
111
|
+#about_page .common p{font-size: 16px;color: #666;text-indent: 2em;line-height: 2.8;padding: 0 20px;}
|
|
112
|
+#about_page .common img{width: 100%;margin: 30px 0;}
|
|
113
|
+#about_page .common .intro{position: relative;height: 800px;margin-top: 40px;text-align: center;}
|
|
114
|
+#about_page .common .intro h5{font-weight: normal;font-size: 20px;background: #dc5305;color: #fff;width: 300px;margin:40px 450px;padding: 12px 0;}
|
|
115
|
+#about_page .common .intro ul{overflow: hidden;}
|
|
116
|
+#about_page .common .intro ul li{width: 240px;height: 670px; float: left;position: relative;}
|
|
117
|
+#about_page .common .intro ul li span{width: 100%;height: 0;line-height:670px;color: #fff;font-size: 28px;position: absolute;bottom: 0;left: 0;}
|
|
118
|
+#about_page .common .intro ul li.num_1{background: url(../images/main_5.png) no-repeat center center;}
|
|
119
|
+#about_page .common .intro ul li.num_1 span{background: rgba(0,0,0,.5);}
|
|
120
|
+#about_page .common .intro ul li.num_2{background: url(../images/main_2.png) no-repeat center center;}
|
|
121
|
+#about_page .common .intro ul li.num_2 span{background: rgba(0,0,0,.5);}
|
|
122
|
+#about_page .common .intro ul li.num_3{background: url(../images/main_3.png) no-repeat center center;}
|
|
123
|
+#about_page .common .intro ul li.num_3 span{background: rgba(0,0,0,.5);}
|
|
124
|
+#about_page .common .intro ul li.num_4{background: url(../images/main_4.png) no-repeat center center;}
|
|
125
|
+#about_page .common .intro ul li.num_4 span{background: rgba(0,0,0,.5);}
|
|
126
|
+#about_page .common .intro ul li.num_5{background: url(../images/main_1.png) no-repeat center center;}
|
|
127
|
+#about_page .common .intro ul li.num_5 span{background: rgba(0,0,0,.5);}
|
|
128
|
+/*================
|
|
129
|
+========新闻====================*/
|
|
130
|
+#news_page .hover_btn{display: inline-block;width:90px;height:90px;position: fixed;bottom: 45%;}
|
|
131
|
+#news_page .hover_btn.btn_r{background: url(../images/rigth_btn.png) no-repeat center center;right: 30px;}
|
|
132
|
+#news_page .hover_btn.btn_l{background: url(../images/left_btn.png) no-repeat center center;left: 30px;}
|
|
133
|
+#news_page img{height: 520px;}
|
|
134
|
+#news_page .common{border-top: #979797 dashed 1px;padding: 40px 20px 0 20px;margin-bottom: 60px;width: 1160px;}
|
|
135
|
+#news_page .common h3{font-size: 22px;font-weight: normal;color: #666;margin-bottom: 20px;}
|
|
136
|
+#news_page .common label{font-size: 14px;}
|
|
137
|
+#news_page .common label em{color: #868686;}
|
|
138
|
+#news_page .common label a{color: #6187e9;}
|
|
139
|
+#news_page .common p{font-size: 18px;line-height: 2;text-indent: 2em;}
|
|
140
|
+#news_page .common h5{font-size: 18px;font-weight: normal;line-height: 2;}
|
|
141
|
+#news_page .common ul{}
|
|
142
|
+#news_page .common li{text-indent:2em;font-size: 18px;line-height:2;}
|
|
143
|
+#news_page .common .img_box{margin: 30px auto;text-align: center;}
|
|
144
|
+#news_page .common .img_box img{height: 100%;}
|
|
145
|
+#news_page .common .img_box em{color: #999;}
|
|
146
|
+#news_page .content{padding: 30px 0;}
|
|
147
|
+/*================
|
|
148
|
+========公司业务====================*/
|
|
149
|
+#business_page .common{padding: 60px 0;}
|
|
150
|
+#business_page .common img{height: 352px;}
|
|
151
|
+#business_page .ku_bg{background: url(../images/ku_bg.png) no-repeat center center;background-size: cover;height: 500px;}
|
|
152
|
+#business_page .ku_bg .content{padding:0 ;width: 1200px;margin: 0 auto;height: 520px;}
|
|
153
|
+a:hover h3,a:hover h4,#footer .common ul li a:hover{color: #eb6112 !important;}
|