12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- *{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 .logo{float: left;padding-left: 20px;}
- .h_fix{position: fixed;top: 0;left: 0;z-index: 99999;box-shadow: 2px 4px 10px #CCCCCC;}
- 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 a{color: #333333;width: 120px;line-height: 76px;display: inline-block;font-size: 16px;}
- header .nav ul li:hover a{color: #074F88;}
- .active a{color:#074F88!important;}
- .nav ul li:hover img{animation: hot 1s infinite linear;transition: all 1s;}
- @keyframes hot{
- 0% {width: 30px;height: 30px;}
- 25% {width: 25px;height: 25px; top: 9px;}
- 50% {width: 30px;height: 30px;}
- 100% {width: 25px;height: 25px;top: 9px;}
- }
- header .nav_right{float: right;padding-right: 40px;}
- header .nav_right a{color: #333333;margin: 2px;}
- header .nav_right a:hover{color: #2a6597;}
- .nav ul li {position: relative;}
- .nav ul li img{width: 30px;height: 30px;position: absolute;right: 0px;top: 9px;}
- .banner{clear: both;position: relative;padding-top: 44px;width: 1000px;margin: 0 auto;}
- .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;}
- .img_list ol li{float: left;margin-left:10px ;border: 1px solid transparent;}
- .img_list{overflow: hidden;margin-top: 64px;}
- .img_list ol li:first-child{margin-left: 0;}
- .img_list ol li:hover{cursor: pointer;border: 1px solid #2a6597;}
- .banner_next:hover,.index_pre:hover{cursor: pointer;}
- .banner_mid{position: absolute;width: 100%;top: 194px;}
- .banner_mid .banner_next{float: right;margin-right:-60px;}
- .banner_mid .index_pre{float: left;margin-left: -90px;}
- .banner_imgs{width:100%;height: 340px;}
- .banner_box{position: absolute;top: 44px ;right:5px;width: 530px;overflow: hidden;}
- .banner_box ul li{float: left;width: 530px;}
- .banner_txt{padding-bottom: 60px;}
- #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;}
|