@charset "utf-8";
/* CSS Document */
*{list-style:none;margin: 0;padding: 0;}
html{width:100%;height:100%; overflow-x:hidden; overflow-y:auto; background:#fff;}
body{min-width:1232px;height:100%;background-attachment:fixed; font-size:14px;color:#333;line-height:28px;margin:0px;font-family:"Microsoft YaHei";list-style:none; font-weight:400;}
@media screen and (max-width: 1024px) and (min-width: 0px){body{min-width:100%;}}
dl,ul,li{list-style:none} 
form,dl,ul,li,dl,dt,dd,input,textarea,p{margin:0px;padding:0px;list-style:none} 
img{border:0px;vertical-align:bottom} 
h1{margin:0px}
h2{margin:0px}
h3{margin:0px}
p{margin:0px;word-wrap:break-word;overflow:hidden} 
a{color:#333; text-decoration: none}
a:hover{color: rgba(31, 135, 232, 1); text-decoration: none}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
.clear{clear:both;}
.clearfix:after{ content:"."; display:block; height:0; visibility:hidden;overflow: hidden; clear:both; }/*伪类清除*/
.clearfix{ *zoom: 1;}    
.clearit{ clear:both; height:0; font-size:0; overflow:hidden; }/*设置class名清除*/
.l{ float:left}
.r{ float:right}
form {display: inline;}
.none {display: none;}
table,tr,td{border-collapse:collapse; border:1px #666 solid;padding: 2px 0px;}

/**/
.main{width:100%;clear:both;margin:0 auto;}
.main1{width:100%;clear:both;margin:0 auto;}
.wrap{width:1232px;clear:both;margin:0 auto;}
.wrap1{width:1232px;clear:both;margin:0 auto;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.wrap{width:100%;clear:both;margin:0 auto;}
.wrap1{width:100%;clear:both;margin:0 auto;}
}

/*网站顶部*/
.head{ background: #fff; padding: 30px 0 15px 0;}
.head .logo{ width: auto; float: left;}
.head .s_t{ width: 382px; float: right;}
.head .s_t .search{ width:225px; margin-right: 5px; border: 1px #ccc solid; border-radius: 100px;margin-top:0px;float:right}
.head .s_t .search .wb{ width:calc(100% - 44px);float:left}
.head .s_t .search .wb input{ width:90%; padding-left:10%; border:0px; line-height: 30px; height: 30px;border-radius: 100px; color: #999;float: left;outline: none;}
.head .s_t .search .an{ width:39px; padding-right: 5px; height: 29px;float:right}
.head .s_t .search .an input{outline: none;}
.head .s_t .tel{ width: 380px; margin-top: 10px; font-size: 18px; color: #666; text-align: right;float:right;}
.head .s_t .tel span{ font-size: 24px;color: rgb(30, 81, 173)}
.head .mobile_mav{display:none}
@media screen and (max-width: 1024px) and (min-width: 0px){
    
.head{; padding: 10px 0;
    display: block;
    height:auto;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    overflow: hidden;}
.head .logo{ width: 60%; margin-left: 3%;float: left;}
.head .logo img{ width: 100%;}
.head .s_t{display: none}
    
.head .mobile_mav{display:block}
.headrg{width:auto;padding-right:30px;padding-top:12px; text-align: right;float: right;}
.headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
}

/*导航*/
.nav_pic{ background: #5874d8; border-bottom: 3px #fff solid; height: 46px; line-height: 46px;}
.nav_pic ul{ width:100%;  font-size: 16px;float: left;}
.nav_pic ul li{ width:auto;padding:0 6px; float: left;}
.nav_pic ul li a{ width:auto;padding:0 7px; color: #fff;float: left;}
.nav_pic ul li a:hover{color: rgba(31, 135, 232, 1); background: #fff; }
.nav_pic ul ol{ width:auto; background: #fff;float: left;}
.nav_pic ul ol a{color: rgba(31, 135, 232, 1); padding:0 13px;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.nav_pic{display: none}
}

/*分页列表*/
.paging{ width: 100%; padding-bottom: 40px; text-align: center; float: left;}
@media screen and (max-width: 1024px) and (min-width: 0px){
.paging{ width: 100%; padding-bottom: 20px; text-align: center; float: left;}
}
.pre_nex{ width:80%; padding: 0 10%;color: #666;float:left;}
.pre_nex .previous{ width:45%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.pre_nex .next{ width:45%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:right;}
.pre_nex a{ color: #666}
.pre_nex a:hover{ color:#1f87e8}
@media screen and (max-width: 1024px) and (min-width: 0px){
.pre_nex{ width:90%; padding: 0 5% 15px 5%;color: #666; font-size: 12px; line-height: 20px;float:left;}
.pre_nex .previous{ width:45%;float:left;}
.pre_nex .next{ width:45%;float:right;}
.pre_nex a{ color: #666}
.pre_nex a:hover{ color:#1f87e8}
}


/* 底部浮动导航 */
.float_nav{ display: none}
@media screen and (max-width: 1024px) and (min-width: 0px){
/* 底部浮动导航 */
.float_nav{display: block;position: fixed; width: 100%;line-height: 40px;height:auto;left: 0;bottom: 0;z-index: 99999; background:rgba(0,0,0,0.80); padding: 10px 0; text-align: center;}
.float_nav .list{width:40%; margin: 0 5%;background: #1e51ad; color: #fff;float: left;border-radius: 5px;}
.float_nav a{ color: #fff}
    }