/* 样式重置 */
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;
}