@charset "utf-8";
html{-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body{font-size:14px;font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Source Han Sans","Noto Sans CJK Sc","Microsoft YaHei","Microsoft Jhenghei",sans-serif;}
@font-face{font-family:iconfont;src:url(../fonts/iconfont.woff2) format('woff2'),url(../fonts/iconfont.woff) format('woff'),url(../fonts/iconfont.ttf) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:14px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap: break-word;margin:0;padding:0;outline:0;border:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{vertical-align: top;}
a{text-decoration:none;transition:all .15s ease 0s;}
a:hover{text-decoration:none;}
button{background: transparent;}
button:focus , input:focus , textarea:focus{outline:0;} 
ol , ul{list-style-type:none}
i{font-style:normal}
img{max-width:100%;height:auto;border:0;vertical-align:middle;transform: rotateZ(0);-moz-transform: rotateZ(0);-webkit-transform: rotateZ(0);-o-transform: rotateZ(0);-webkit-transition:-webkit-transform .2s ease 0s;transition:transform .2s ease 0s}
video{height:auto!important;width:100%!important}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}


.webwidth{max-width:899px}

/***网站背景颜色**/
header , .search input{background:#fcfcfc;}
.section , .compost .com_info li input , .compost .com_info textarea , .active_time , .search{background: #fdfcfc;}
/***网站字体颜色**/
body{color:#333333;background: #fff;} /**网站的背景颜色**/
.content , .title_c , .contact-number , .abstract , #nav , #search , #contact{color:#555555;}
a,ins{color:#363636}
a:hover , .list-a li i , .list-it li .info span a:hover , .subcategorys li a:hover , .subcategorys li a.current , .readmore span:hover , .jian ul li a::before{color:#d12005;} 
html , footer{background: #303030;}
footer p , footer  a{color:#fcfcfd}
/***导航栏和按钮颜色**/
.nav_box , .search button , .pagebar .page:hover , .pagebar .now-page , .compost .com_info button , .slides_tabs li.slides_here a , #nav_search , header.head2 , .section .h3 h3::before{background:#09F;}
.search button:hover , .compost .com_info button:hover , .nav li.current-li , .nav li:hover {background:#e02306;}
.content h2::before , .content h3::before , .content h4::before , .content h5::before , .content h6::before , .contact-number i{color:#09F;}
.content table tr:first-child{background:#09F!important;}
.readmore span {border:1px solid #09F;color:#09F;}
.readmore span:hover{background:#09F;color:#fff;}

/**边框颜色**/
.section .h3 , .content .article_title , .list-comment li , .list-it li , .column-it li , .breadcrumb , .border-bottom , .abstract , .subcategorys{border-bottom:1px solid #ededed;}
.comlist ul ,  .list-pic li .info , .border_top {border-top:1px solid #ededed}
.content table td , .compost .com_info li input , .compost .com_info textarea {border:1px solid #ededed;}
.search input{border:2px solid #ededed;}
.contact p , .search input , .input_clear , .section .info , .turn , .list-a li span , .list-a li span i ,  .pagebar .page , .focus p , .clbody em , .logo p , .content .turn p , .list-it li p , .list-comment .comment_info , .comment_zan , .comment_cai , .column-a li span , .list-comment .comment_box h4 span , .breadcrumb , .breadcrumb i , .breadcrumb a , .subicon li::before{color:#888888}
@media screen and (max-width:721px){
#nav i,#search i, #contact i {color:#09F}
.search , .contact{background: #fcfcfc; }
}

/*网站头部样式2*/
.head2_pf {position: fixed;top:0px;z-index:9999;right:0;left:0;transition:top .5s}
.head2_hide{top:-60px}
.head2{height:60px;}
.head2 .logo , .head2 .title_c{float:left;height:40px;overflow:hidden;}
.head2 .logo {margin:10px 10px 10px 20px;}
.head2 .logo img{height:40px;}
.head2 .title_c {margin:10px 0;color:#fff;}
.head2 .title_c .title_t1{line-height:40px;font-size: 24px;}
.head2 .title_c .title_t2{line-height: 24px; font-size: 18px;}
.head2 .title_c p {line-height:16px;font-size: 12px;letter-spacing: 2px;color:rgba(255,255,255,.3);}
.nav_box2{line-height:60px;height:60px;float: right;}
.nav_box2 .nav li , .nav_box2 #nav_search{line-height:60px;}
.nav_box2 .nav li ul li{line-height:36px;}
.nav_box2 .search{top:60px;}
.pr60{padding-right: 60px;}
.top60{top:60px;}
/**通用间距**/
.ml20{margin-left:20px;}
.pl20{padding-left:20px;}
.mb20{margin:0 0 20px 0!important;}
.left{float:left;text-align: left;}
/*.right{float:right;text-align: right;}*/
.clear{clear:both}
.webwidth {margin:0 auto;position: relative;}
.logo , .title_c{float:left;height:60px;overflow:hidden;}
.logo {margin:20px 10px 20px 20px;}
.logo img{height:60px;}
.title_c{margin:20px 0;}
.title{font-weight:bold;display:block;overflow:hidden;}
.title_c .title_t1{line-height:60px;font-size:28px;}
.title_c .title_t2{line-height:36px;font-size:24px;}
.button_c , .input_clear{display:none}


/*容器*/
.ArticleEdt{float:right;font-size:14px;color:#266497;}
.section {overflow:hidden;margin:20px 0 0 0;}
.section .h3 {padding:0 20px;line-height:40px;}
.section .h3 h3{display: inline-block;position: relative;font-size: 16px;}
.section .h3 h3::before{content: ""; width:100%; height:2px;border-radius: 2px;display: inline-block;position: absolute;top:100% ;left:0;}
.section .h3 span {float:right;font-size:12px;}




/***内容*/
.content{padding:0 20px 20px 20px;}
.content h3 { line-height:150%;border:0;padding:0;}
.content h3 {margin-top:20px;}
.content h3::before , .content h4::before , .content h5::before , .content h6::before{content:"\ef616";margin-right: 5px;font-family:iconfont!important;} 

.content p , .content div {line-height:175%;}
.nomp{padding:0!important}
.nomp p , .nomp div {margin-top:0!important;} 
.content img{max-width:100%;height:auto!important;vertical-align: middle;}
.content table{border-collapse:collapse;width:100%;}
.content section{width:100%!important}

.website-declare h3{font-size: 14px;font-weight: normal;}
.website-declare h3::before{content: '————';margin-right: 5px;color:#333}
.website-declare h3::after{content: '————';margin-left: 5px;color:#333}
.website-declare p{font-size: 12px;color: #999;margin:20px; line-height: 175%;}












body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
    color: #666;
    font-size: 14px;
}

h1, h2, h3, ul, ul li {
    margin: 0px;
    padding: 0px;
}
img{
    display: block;
    width: 100%;
}

ul li {
    list-style-type: none;
}

a:hover {
    text-decoration: none;
}

.content_width {
    width: 750px;
    margin: 0 auto;
}




.top_bg {
    height: 60px;
    line-height: 60px;
    background: #1959b3;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    overflow: hidden;
}




.header_img {
    margin-top: 60px;
}

.top_header a {
    height: 60px;
    line-height: 60px;
    color: #f5f5f5;

}

.top_header h1 {
    line-height: 60px;
    color: #f5f5f5;
}

.div_table {
    border: 1px solid #cccccc;
    padding: 10px 15px;
    margin: 20px 0;
}

h3 {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

.explain li {
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    background: #f5f5f5;
    line-height: 20px;
}

.explain .left {
    flex: 0 0 8rem;
    width: 4rem;
    color: #333;
    padding: 0 0.2rem;
    margin: 0;
    display: block;
    text-align: center;
    color: #333333;
}
.explain .right {
    border-left: 1px solid #eee;
    padding: .2rem 0 .5rem .5rem;
    flex: 1 auto;
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
    background: #fff;
    line-height: 1.5;
    display: block;
    color: #666666;
}
.article {
    padding-top: 10px;
}
.level_select{
    display: none;
}
.tab2 label {
    display: block;
    border-bottom: 1px solid #eee;
}
.tab2 .title {
    font-size: 16px;
    line-height: 40px;
    position: relative;
}
.tab2 .content {
    display: none;
    transition: max-height .7s;
    overflow: hidden;
    line-height: 30px;
    padding-left: 16px;
    font-size: 12px;
}

.dqxl {
    width: 32%;
    height: 24px;
    line-height: 24px;
    text-indent: 6px;
    font-size: 16px;
}
.flink {
    margin-right: -15px;
    margin-bottom: 50px;
    padding-top: 10px;
}
.flink li {
    line-height: 24px;
    padding:0 5px;
    display: inline-block;
}
a {
    text-decoration: none;
    color: #333;
}
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #fff;
    opacity: 1;
    box-shadow: 0 0 10px 0 hsla(0,6%,58%,.6);
    text-align: center;
    visibility: visible;
    transition: visibility 1s,opacity 1s;
    z-index: 11;
}
.footer_l{
    width: 30%;
    float: left;
    color: #333333;
}
.footer_r{
    width: 70%;
    float: left;
    background: #e8211b;
    color: #fff;
}
.footer_r a{
    color: #fff;
}
.footer a{
    display: block;
    line-height: 50px;
}



#bottomnav{position:fixed;left:0px !important;bottom:0px !important;width:150%;height:45px;z-index:1000;text-align:center;overflow:hidden;}

#bottomnav a{background:#09F;color:#ffffff;display:inline-block;float:left;width:20%;height:100%;line-height:45px;font-size:1.5rem;text-decoration:none;}

#bottomnav a.free_tel{background:#0b8028;}	

#bottomnav a.free_tel img{-webkit-animation: change 1s infinite;animation: change 1s infinite;-moz-animation:change 1s infinite;}

#bottomnav a.botdet{background:#ff0000;width:50%;color:#fff;position:relative;}

#bottomnav a.botdet em{width:45px;text-align:center;position:absolute;left:41%;top:30px;color:#5f5f60;}