/* 样式重置 */ html,body,ul,li,ol,img,a,p,div,h1,h2,h3,h4,h5,h6,dl,dd,dt{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } html{ font-size: 14px; } body{ font-family: "微软雅黑"; } i,em{ font-style: normal; } a, a:hover{ color: #666; text-decoration: none; } a{ transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } ul,ol{ list-style: none; } input{ border: none; border: 1px solid #ccc; outline: none; } img{ display: block; border: 0 none; } .search21{width: 120px; height: 30px; font-size: 16px; line-height: 30px; border-radius: 10px; margin: 33px 0; background-color: #fff; text-indent: 15px; /* margin: 0 15px; */ margin-right: 15px; color: #333;} .ipt_txt1 { width: 70px; height: 25px; font-size: 16px; line-height: 25px; border:none; color: #333; } .ipt_sub1 { width: 30px; height: 30px; float: right; font-size: 16px; background: url(../img/icon_search.png) no-repeat center; border-radius: 10px; background-color: #fff; color: #fff; border: none; cursor: pointer; } /* 添加新的样式 */ .f_left{ float: left; } .f_right{ float: right; } .pr{ position: relative; } .cb{ clear: both; } .clearfix::before, .clearfix::after{ content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; } .areaheart{ width: 1405px; margin: 0 auto; } .sheng{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nav_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, .5); display: none; } .nav_icon2 { position: absolute; right: 10px; top: 38%; width: 32px; height: 23px; z-index: 110; display: none; } .nav_icon2 img { display: block; width: 100%; height: 100%; } .top{ height: 500px; background: url('../img/banner01.png') no-repeat center; } .logo{ margin-top: 14px;position: relative; } .logo_xx{ position: absolute; left: 0; top: 0px; width: 213px; height: 64px; } .logo_xx a{ display: block; width: 100%; height: 100%; } .logo2{ display: none; } .nav li{ float: left; line-height: 96px; position: relative; } .nav li a{ font-size: 18px; color: #fff; } .nav li>a{ padding: 6px 42px; transition: 0s; } .count_top .nav li a:hover, .nav li a:hover{ color: #f05439; } .nav li dl{ background: #fff; position: absolute; top: 60px; width: 100%; z-index: 2; padding: 5px 0; display: none; text-align: center; box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1); } .nav li dl dd{ float: none; display: block; padding: 0; margin: 0; font-size: 14px; position: relative; } .nav li dl dd a{ line-height: 36px; font-size: 15px; color: #000; display: block; } .nav ul>li>a.hover { color:#120c6d; background: #fff; border-top: 2px solid #d18e59; } .nav li dl dd ol{ position: absolute; left: -121px; top: 0; width: 120px; background: #fff; border: 1px solid #e4e5f3; display: none; } .nav li dl dd:hover ol{ display: block; } .nav li dl dd ol li{ text-align: center; width: 120px; } .nav li dl dd ol a{ padding: 0; } .part_search{ position: absolute; left: 50%; top: 160px; margin-left: -478px; width: 957px; height: 244px; border-radius: 10px; background: rgba(36, 39, 90, 0.6); } .search_tit{ padding: 0 40px; margin-top: 45px; line-height: 30px; } .search_tit li{ float: left; color: #fff; font-size: 16px; margin-right: 90px; padding-bottom: 8px; cursor: pointer; } .search_tit li span{ display: block; } .search_tit li.hot{ background: url('../img/icon_sj.png') no-repeat bottom center; } .search_tit li.hot span{ border-bottom: 2px solid #f05439; } .part_search .search_box .form_box{ display: none; } .part_search .search_box .form_box.hot{ display: block; } .serachinfo{ position: relative; float: left; color: #333; width: 100px; height: 50px; font-size: 18px; line-height: 50px; text-indent: 15px; border-radius: 10px; background: url('../img/icon_down.png') no-repeat 72px center; background-color: #fff; cursor: pointer; margin-right: 15px; } .serachinfo ul{ display: none; position: absolute; left: 0; top: 50px; width: 100%; text-align: center; text-indent: 0; line-height: 32px; height: 32px; } .serachinfo ul li{ width: 100%; background-color: #fff; border-top: 1px solid #24275a; border-radius: 3px; } .serachinfo ul li:hover{ background-color: #24275a; color: #fff; } .search_box{ padding-top: 30px; padding-left: 36px; } .search_box input{ border: 0 none; outline: none; } .search_box .ipt_txt{ width: 765px; height: 48px; font-size: 16px; line-height: 48px; border-radius: 10px; background: url('../img/icon_search.png') no-repeat 98% center; background-color: #fff; text-indent: 15px; /* margin: 0 15px; */ margin-right: 15px; color: #333; } .search_box .ipt_sub{ width: 100px; height: 48px; font-size: 16px; line-height: 48px; border-radius: 10px; background-color: #f05439; color: #fff; border: 1px solid #fff; cursor: pointer; } .main{ min-height: 558px; background: url('../img/bg01.png') no-repeat bottom center; } .part01{ padding-top: 45px; padding-bottom: 20px; } .news_pic{ float: left; width: 436px; height: 230px; background-color: #ddd; } /* 焦点图 */ .slideBox{ position:relative; overflow:hidden; max-width:560px;/* 设置焦点图最大宽度 */ } .slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; } .slideBox .hd li{ display:inline-block; width:8px; height:8px; border-radius:8px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; } .slideBox .hd li.on{ background:#fff; } .slideBox .bd{ position:relative; z-index:0; } .slideBox .bd li{ position:relative; text-align:center; } .slideBox .bd li img{ width:100%; height: 100%;} .slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */ .slideBox .bd li .tit{ display:block; width:100%; font-size:16px; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background: rgba(36, 39, 90, 0.6); color:#fff; text-align:left; } .news_box{ float: left; width: 520px; margin: 0 48px; } .news_title{ height: 32px; line-height: 32px; font-size: 18px; color: #333; margin-top: -10px; border-bottom: 2px solid #24275a; } .news_title span{ cursor: pointer; } .news_title span.hot{ color: #f05439; display: inline-block; border-bottom: 2px solid #f05439; } .link_title a, .news_title a{ float: right; font-size: 14px; color: #888; } .link_title a:hover, .news_title a:hover{ color: #f05439; } .news_list li{ padding: 5px 0; line-height: 34px;height: 34px; position: relative; text-indent: 10px;font-size: 16px; } .news_list li p{ float: left; width: 70%; overflow: hidden; height: 35px; text-overflow: ellipsis; white-space: nowrap; } .news_list li span{ float: right; } .news_list li .hot{ background: url(../img/hot2.jpg) no-repeat center; width: 30px; height: 14px; margin: 10px; float: left; background-size: contain; } .news_list li i{ position: absolute; left: 0; top: 18px; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #f05439; } .news_list li a{ color: #333; } .news_list li:hover a{ color: #f05439; } .ones{ float: right; width: 350px; } .ones li{ float: left; width: 114px; height: 104px; transition: .5s; margin-right: 2px; text-align: center; padding-top: 10px;font-size: 16px; } .ones li i{ display: block; width: 33px; height: 33px; margin: 8px auto; background: url('../img/icon01.png') no-repeat center; } .ones li.ones02 i{ background-image: url('../img/icon03.png'); } .ones li.ones03 i{ background-image: url('../img/icon05.png'); } .ones li.ones04 i{ background-image: url('../img/icon07.png'); } .ones li.ones05 i{ background-image: url('../img/icon09.png'); } .ones li.ones06 i{ background-image: url('../img/icon11.png'); } .ones li em{ display: block; width: 25px; height: 3px; margin: 8px auto; margin-top: 12px; background: #f05439; display: none; } .ones li:hover{ border-radius: 5px; background-color: #f2f2f2; box-shadow: 2px 2px 5px 0px #ccc; transform: translateY(-5px); } .ones li:hover p{ color: #f05439; } .ones li:hover i{ background-image: url('../img/icon02.png'); } .ones li.ones02:hover i{ background-image: url('../img/icon04.png'); } .ones li.ones03:hover i{ background-image: url('../img/icon06.png'); } .ones li.ones04:hover i{ background-image: url('../img/icon08.png'); } .ones li.ones05:hover i{ background-image: url('../img/icon10.png'); } .ones li.ones06:hover i{ background-image: url('../img/icon12.png'); } .ones li:hover em{ display: block; } .part02{ margin-top: 20px; } .link_more{ width: 48%; float: left; } .link_title{ height: 30px; position: relative; } .link_title h2{ float: left; text-indent: 10px; border-left: 7px solid #24275a; line-height: 20px; font-size: 21px; font-weight: normal; color: #333; } .link_title a{ height: 20px; line-height: 20px; } .link_title .line{ position: absolute; right: 0; top: 20px; width: 565px; height: 1px; background: red; } .link_more li{ float: left; width: 25%; line-height: 30px; padding: 20px 0; font-size: 16px; } .link_more li a{ color: #333; padding-left: 30px;display: block; background: url('../img/icon_01.png') no-repeat left center; } .link_more li.hot_link01 a{ background-image: url('../img/icon_02.png'); } .link_more li.hot_link02 a{ background-image: url('../img/icon_03.png'); } .link_more li.hot_link03 a{ background-image: url('../img/icon_04.png'); } .link_more li.hot_link04 a{ background-image: url('../img/icon_08.png'); } .link_more li.hot_link05 a{ background-image: url('../img/icon_05.png'); } .link_more li.hot_link06 a{ background-image: url('../img/icon_06.png'); } .link_more li.hot_link07 a{ background-image: url('../img/icon_07.png'); } .link_more li.hot_link08 a{ background-image: url('../img/icon_09.png'); } .foot{ min-height: 253px; background: url('../img/bg02.png') no-repeat center; } .foot_top{ height: 205px; } .foot_tit{ position: relative; margin-bottom: 16px; padding-top: 8px; } .foot_tit h2{ font-size: 18px; font-weight: normal; color: #fff; line-height: 40px; } .foot_tit i{ position: absolute; left: 0; top: 48px; width: 36px; height: 2px; background: #f05439; } .open_time{ width: 436px; } .foot_time{ color: #fff; line-height: 20px; font-size: 14px; } .foot_time b{ font-size: 30px; font-weight: normal; padding: 30px 0; display: block; } .link_list{ width: 666px; } .link_list ul{ margin-top: -10px; } .link_list li{ float: left; width: 33%; line-height: 34px; font-size: 14px; } .link_list li a{ color: #ddd; } .link_more li a:hover, .link_list li a:hover{ color: #f05439; } .foot_ewm{ width: 236px; } .ewm_box li{ float: left; width: 91px; text-align: center; line-height: 36px; color: #ddd; } .ewm_box li.ewm_wx{ margin-right: 50px; } .foot_btm{ color: #fff; font-size: 12px; line-height: 46px; text-align: center; border-top: 1px solid #565880; } /* 文章内容页 */ .count_top{ height: 123px; background: url('../img/bg04.png') no-repeat top center; } .count_top .nav li a{ color: #333333; } .count{ position: relative; padding-top: 48px; padding-bottom: 40px; } .nav_left{ position: absolute; left: 0; /* top: 48px ; */ width: 236px; padding-right: 44px; height: 500px; border-right: 2px solid #24275a; } .nav_left h2{ font-size: 30px; color: #333; height: 40px; line-height: 40px; font-weight: normal; text-align: right; padding-bottom: 12px; border-bottom: 2px solid #bdbecd; background: url('../img/icon_jt.png') no-repeat 5px 20px; } .nav_left li{ font-size: 18px; line-height: 56px; text-indent: 70px; } .nav_left li a{ color: #333; display: block; background: url('../img/icon_ah01.png') no-repeat 210px center; } .nav_left li dl a.on{ color: #f05439; } .nav_left li.on>a, .nav_left li a:hover{ color: #f05439; background-image: url('../img/icon_ah02.png'); } .nav_left li dl{ margin-top: -15px; } .nav_left li dl a{ line-height: 30px; font-size: 14px; color: #31215f;padding-left: 36px; background-image: none; } .nav_left li dl a:hover{ background-image: none; } .con_rgt{ padding-left: 280px; } .con_in{ padding-left: 55px; border-left: 2px solid #24275a; } .place{ height: 40px; line-height: 40px; padding-bottom: 12px; border-bottom: 2px solid #eaeaea; } .place h3{ float: left; font-size: 30px; color: #31215f; padding-bottom: 12px; font-weight: normal; border-bottom: 2px solid #d53b26; } .place p{ float: right; font-size: 14px; color: #333; line-height: 52px; } .place p a{ color: #333; } .place p a:hover, .place p span{ color: #d53b26; } .article{ font-size: 14px; color: #333; line-height: 38px; padding-top: 20px; padding-bottom: 40px; } .article img{ display: block; margin: 10px auto; max-width: 80%; } .article p{ } .list{ padding-top: 10px; padding-bottom: 20px; } .list li{ height: 28px; line-height: 28px; padding: 10px 0; font-size: 16px; text-indent: 1em; background: url('../img/icon_q01.png') no-repeat left center; } .list li p{ float: left; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 75%; } .list li span{ float: right; color: #666; } .list li:hover span, .list li:hover p{ color: #d53b26; } .fy{ padding: 20px 0; text-align: center; } .fy img{ display: block; margin: 0 auto; } .article2 .art_tit{ padding-bottom: 20px;} .article2 .art_tit h4{ text-align: center; padding: 10px 0; font-size: 24px; color: #242424; font-weight: normal;} .article2 .art_tit p{ text-align: center; text-indent: 0; line-height: 1;} .article2 .art_tit span{ color: #808080; font-size: 12px; padding: 0 8px; } .article2 .art_in p{ font-size: 16px; line-height: 2; } .turn_page li{ color: #333; font-size: 14px; margin-bottom: 5px;} .turn_page li a{ color: #333; } .turn_page li a:hover{ color: #d53b26; } /* 资源推荐 */ .ziyuan{ } .ziyuan .zy_sm{ line-height: 32px; padding: 10px 0; } .ziyuan .form p{ margin: 10px 0; } .ziyuan .form span{ display: inline-block; width: 105px; height: 22px; line-height: 22px; } .ziyuan .form i{ color: #d53b26; font-size: 16px; margin-left: 5px; } .ziyuan .form .ipt_zy{ display: inline-block; width: 310px; height: 22px; line-height: 22px; text-indent: 8px; color: #333; } .ziyuan .form .zy_sub{ width: 64px; height: 26px; border: 0 none; background: #31215f; color: #fff; border-radius: 5px; outline: none; } /* 数据库 */ .w20{ width: 20%; } .w60{ width: 60%; } .sjk{ padding: 20px 0; } .don_tit li{ float: left; text-align: center; height: 48px; line-height: 48px; color: #fff; background-color: #1e2156; } .don_tit li b{ display: block; font-weight: normal; width: 100%; height: 100%; font-size: 16px; } .txtMarquee-top2{ width:100%; overflow:hidden; position:relative; } .txtMarquee-top2 .infoList>li{ border-top: 1px solid #fff; } .txtMarquee-top2 .infoList span{ display: block; width: 100%; height: 100%; font-size: 14px; color: #333; } .infoList tr:nth-child(even){ background-color: #f4f4f4; } .infoList td{ padding: 20px 10px; text-align: center; } .infoList td.w60{ text-align: left; } .txtMarquee-top2 .infoList a:hover span{ color: #d53b26; } /* 我要咨询 */ .zx_box{ margin-top: 20px; margin-bottom: 10px; width: 100%; padding: 10px 0; border: 1px solid #c9c9c9; } .zx_wb{ width: 25%; float: left; text-align: center; } .zx_item li img, .zx_wb img{ margin: 10px auto; } .zx_item{ width: 75%; float: left; text-align: center; } .zx_item li{ float: left; width: 19.33%; padding: 0 7%; } .zx_name{ font-size: 16px; line-height: 30px; } .ask h4{ font-weight: normal; color: #333; font-size: 20px; line-height: 50px; } .ask_in{ font-size: 14px; color: #333; line-height: 48px; } .ziyuan .form input[type=text]{ display: inline-block; width: 310px; height: 22px; line-height: 22px; text-indent: 8px; color: #333; } .ziyuan .form input[type=reset], .ziyuan .form input[type=button]{ width: 64px; height: 26px; border: 0 none; background: #31215f; color: #fff; border-radius: 5px; outline: none; } .ziyuan .form textarea{ margin: 0px; width: 600px;resize: none; height: 100px; border-color: #ccc; } .ziyuan div font, .ziyuan p, .ask_in div, .ask_in p, .article p, .article div{line-height: 38px !important; font-size: 16px !important; font-family: "宋体" !important; color: #333 !important; }