|
@@ -1,8 +1,24 @@
|
|
-*{padding: 0;margin: 0;font-family: "微软雅黑";}
|
|
|
|
-a{text-decoration: none;}
|
|
|
|
-a:hover{text-decoration: none;}
|
|
|
|
-ul,ol,li{list-style: none;padding: 0;margin: 0;}
|
|
|
|
-p,h3{margin: 0;padding: 0;}
|
|
|
|
|
|
+/*公共样式*/
|
|
|
|
+*{padding: 0;margin: 0;box-sizing:border-box;font-family: "微软雅黑";}
|
|
|
|
+html{font-size:62.5%;}
|
|
|
|
+body{font:14px "simsun",Arial,Helvetica,sans-serif;width:100%;
|
|
|
|
+ background-color:#fff;
|
|
|
|
+ font-size:1.4rem;
|
|
|
|
+ -webkit-user-select:none;
|
|
|
|
+ -moz-user-select:none;
|
|
|
|
+ -ms-user-select:none;
|
|
|
|
+ user-select:none;
|
|
|
|
+}
|
|
|
|
+body,h1,h2,h3,h4,h6,p,ul,ol,dl,dd{margin:0;padding:0;list-style:none;}
|
|
|
|
+a{color:#000;text-decoration:none;}
|
|
|
|
+a:hover{color:#000;text-decoration:none;}
|
|
|
|
+.lf{float:left;}
|
|
|
|
+.rf{float:right;}
|
|
|
|
+.clear{clear:both;}
|
|
|
|
+
|
|
|
|
+input:focus{outline: none;}
|
|
|
|
+ul,ol{padding: 0;margin: 0;list-style: none;}
|
|
|
|
+
|
|
/*顶部区域*/
|
|
/*顶部区域*/
|
|
header{width: 100%;background: #ffffff;line-height: 74px;height: 74px;}
|
|
header{width: 100%;background: #ffffff;line-height: 74px;height: 74px;}
|
|
header .logo{float: left;padding-left: 20px;}
|
|
header .logo{float: left;padding-left: 20px;}
|
|
@@ -12,6 +28,7 @@ header .nav{float: left;padding-left: 90px;}
|
|
header .nav ul li{float: left;width: 120px;text-align: center;line-height: 76px;}
|
|
header .nav ul li{float: left;width: 120px;text-align: center;line-height: 76px;}
|
|
header .nav ul li a{color: #333333;width: 120px;line-height: 76px;display: inline-block;font-size: 16px;}
|
|
header .nav ul li a{color: #333333;width: 120px;line-height: 76px;display: inline-block;font-size: 16px;}
|
|
header .nav ul li:hover a{color: #074F88;}
|
|
header .nav ul li:hover a{color: #074F88;}
|
|
|
|
+.active a{color:#074F88!important;}
|
|
/*hot*/
|
|
/*hot*/
|
|
.nav ul li:hover img{animation: hot 1s infinite linear;transition: all 1s;}
|
|
.nav ul li:hover img{animation: hot 1s infinite linear;transition: all 1s;}
|
|
@keyframes hot{
|
|
@keyframes hot{
|
|
@@ -20,19 +37,14 @@ header .nav ul li:hover a{color: #074F88;}
|
|
50% {width: 30px;height: 30px;}
|
|
50% {width: 30px;height: 30px;}
|
|
100% {width: 25px;height: 25px;top: 9px;}
|
|
100% {width: 25px;height: 25px;top: 9px;}
|
|
}
|
|
}
|
|
-
|
|
|
|
header .nav_right{float: right;padding-right: 40px;}
|
|
header .nav_right{float: right;padding-right: 40px;}
|
|
header .nav_right a{color: #333333;margin: 2px;}
|
|
header .nav_right a{color: #333333;margin: 2px;}
|
|
header .nav_right a:hover{color: #2a6597;}
|
|
header .nav_right a:hover{color: #2a6597;}
|
|
.nav ul li {position: relative;}
|
|
.nav ul li {position: relative;}
|
|
.nav ul li img{width: 30px;height: 30px;position: absolute;right: 0px;top: 9px;}
|
|
.nav ul li img{width: 30px;height: 30px;position: absolute;right: 0px;top: 9px;}
|
|
-/*banner*/
|
|
|
|
|
|
|
|
|
|
+/*banner*/
|
|
.banner{clear: both;position: relative;padding-top: 44px;width: 1000px;margin: 0 auto;}
|
|
.banner{clear: both;position: relative;padding-top: 44px;width: 1000px;margin: 0 auto;}
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-.banner_txt{}
|
|
|
|
.banner_txt h3{font-size: 30px;font-weight: none;color: #565555;margin-top: 55px;margin-bottom: 24px;}
|
|
.banner_txt h3{font-size: 30px;font-weight: none;color: #565555;margin-top: 55px;margin-bottom: 24px;}
|
|
.banner_txt p{font-size: 14px;color: #565555;line-height: 24px;}
|
|
.banner_txt p{font-size: 14px;color: #565555;line-height: 24px;}
|
|
.img_list ol li{float: left;margin-left:10px ;border: 1px solid transparent;}
|
|
.img_list ol li{float: left;margin-left:10px ;border: 1px solid transparent;}
|
|
@@ -44,10 +56,27 @@ header .nav_right a:hover{color: #2a6597;}
|
|
.banner_mid{position: absolute;width: 100%;top: 194px;}
|
|
.banner_mid{position: absolute;width: 100%;top: 194px;}
|
|
.banner_mid .banner_next{float: right;margin-right:-60px;}
|
|
.banner_mid .banner_next{float: right;margin-right:-60px;}
|
|
.banner_mid .index_pre{float: left;margin-left: -90px;}
|
|
.banner_mid .index_pre{float: left;margin-left: -90px;}
|
|
-
|
|
|
|
.banner_imgs{width:100%;height: 340px;}
|
|
.banner_imgs{width:100%;height: 340px;}
|
|
-
|
|
|
|
.banner_box{position: absolute;top: 44px ;right:5px;width: 530px;overflow: hidden;}
|
|
.banner_box{position: absolute;top: 44px ;right:5px;width: 530px;overflow: hidden;}
|
|
-
|
|
|
|
.banner_box ul li{float: left;width: 530px;}
|
|
.banner_box ul li{float: left;width: 530px;}
|
|
.banner_txt{padding-bottom: 60px;}
|
|
.banner_txt{padding-bottom: 60px;}
|
|
|
|
+
|
|
|
|
+/*bottom的css*/
|
|
|
|
+#bottom{width:100%;height:386px;margin:20px auto 0;position: relative;background: #074D88;}
|
|
|
|
+.bottom{width:1200px;height:386px;margin:20px auto 0;position: relative;}
|
|
|
|
+.bottom_text{width:1200px;height:386px;position: absolute;left:0;top:0;}
|
|
|
|
+.text_top{width:100%;height:55px;position: absolute;top:140px;left:0;text-align: center;color:#fff;}
|
|
|
|
+.text_top>a{color:#fff;line-height:25px;}
|
|
|
|
+.text_center{width:100%;height:90px;position: absolute;top:195px;left:0;color:#fff;}
|
|
|
|
+.cont_left{width:455px;height:90px;display:inline-block;margin-left:45px;}
|
|
|
|
+.cont_left>img{margin-left:85px;}
|
|
|
|
+.cont_center{width:200px;height:90px;display:inline-block;text-align: center;}
|
|
|
|
+.cont_right{width:455px;height:90px;display:inline-block;text-align: right;vertical-align:bottom;}
|
|
|
|
+.text_center p{color:#F5F6F9;line-height:50px;font-weight: bold;}
|
|
|
|
+.cont_center p{line-height:20px;}
|
|
|
|
+.cont_right p{display:inline-block;vertical-align:bottom;line-height: 20px;}
|
|
|
|
+.text_bottom{width:100%;height:75px;position: absolute;top:285px;left:0;color:#fff;
|
|
|
|
+ padding-left:45px;margin-top:15px;}
|
|
|
|
+.text_bottom p{font-weight: bold;line-height: 25px;}
|
|
|
|
+.text_bottom a{color:#fff;font-size: 1.2rem;line-height: 18px;}
|
|
|
|
+.pol_act{margin-left: 5px;}
|