/*网站基础样式*/

@charset "utf-8";



/*分页页码样式*/

.pagination { display: inline-block; padding-left: 0; margin: 80px 0 20px; border-radius: 4px; }

.pagination > li { display: inline; }

.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

.pagination > li > a, .pagination > li > span { position: relative; /*float: left;*/ padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #666; border: 1px solid #ddd; margin-left: -1px; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #666; border-color: #666; cursor: default; }



.text-overflow-ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap }



@media (min-width: 992px) {

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-avg-5, .col-md-avg-4, .col-md-avg-3, .col-md-avg-2, .col-md-avg-1 { float: left; }

    .col-md-12 { width: 100%; }

    .col-md-11 { width: 91.66666667%; }

    .col-md-10 { width: 83.33333333%; }

    .col-md-9 { width: 75%; }

    .col-md-8 { width: 66.66666667%; }

    .col-md-7 { width: 58.33333333%; }

    .col-md-6 { width: 50%; }

    .col-md-5 { width: 41.66666667%; }

    .col-md-4 { width: 33.33333333%; }

    .col-md-3 { width: 25%; }

    .col-md-2 { width: 16.66666667%; }

    .col-md-1 { width: 8.33333333%; }

}



@media (min-width: 768px) and (max-width:992px) {

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-avg-5, .col-sm-avg-4, .col-sm-avg-3, .col-sm-avg-2, .col-sm-avg-1 { float: left; }

    .col-sm-12 { width: 100%; }

    .col-sm-11 { width: 91.66666667%; }

    .col-sm-10 { width: 83.33333333%; }

    .col-sm-9 { width: 75%; }

    .col-sm-8 { width: 66.66666667%; }

    .col-sm-7 { width: 58.33333333%; }

    .col-sm-6 { width: 50%; }

    .col-sm-5 { width: 41.66666667%; }

    .col-sm-4 { width: 33.33333333%; }

    .col-sm-3 { width: 25%; }

    .col-sm-2 { width: 16.66666667%; }

    .col-sm-1 { width: 8.33333333%; }

}



@media (max-width: 767px) {

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-avg-5, .col-xs-avg-4, .col-xs-avg-3, .col-xs-avg-2, .col-xs-avg-1 { float: left; }

    .col-xs-12 { width: 100%; }

    .col-xs-11 { width: 91.66666667%; }

    .col-xs-10 { width: 83.33333333%; }

    .col-xs-9 { width: 75%; }

    .col-xs-8 { width: 66.66666667%; }

    .col-xs-7 { width: 58.33333333%; }

    .col-xs-6 { width: 50%; }

    .col-xs-5 { width: 41.66666667%; }

    .col-xs-4 { width: 33.33333333%; }

    .col-xs-3 { width: 25%; }

    .col-xs-2 { width: 16.66666667%; }

    .col-xs-1 { width: 8.33333333%; }

}

/*.visible-md{display: none !important;}*/



@media (min-width: 993px) {

    .visible-md { display: block !important; }

    .hidden-md { display: none !important; }

}



@media (min-width: 768px) and (max-width:992px) {

    .visible-sm { display: block !important; }

    .hidden-sm { display: none !important; }

}



@media (max-width: 767px) {

    .visible-xs { display: block !important; }

    .hidden-xs { display: none !important; }

}





.font-size-13 { font-size: 13px !important; }

.text-grayLight { color: #cccccc; }

.text-gray { color: #999; }

.text-grayDark { color: #666; }

.padding-right-20 { padding-right: 20px }

.padding-bottom-30 { padding-bottom: 30px; }

.padding-left-30 { padding-left: 30px; }

.padding-top-50 { padding-top: 50px !important; }

.padding-top-10 { padding-top: 10px; }

.padding-top-30 { padding-top: 30px; }

.padding-bottim-30 { padding-bottom: 30px; }

.padding-10 { padding: 10px; }

.margin-top-30 { margin-top: 30px; }

.margin-bottom-30 { margin-bottom: 30px; }

.position-relative { position: relative; }

.pagebanner { display: flex; justify-content: center; overflow: hidden; }

.pagebanner img { max-width: 100%; }

.line-height-2 { line-height: 2; }

.line-height-2-5 { line-height: 2.5; }

.text-center { text-align: center; }

.text-left { text-align: left; }







/*公共样式*/

.card1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }

.card3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; height: 80px; }



/*子栏目样式*/

.sub-nav-box { clear: both; position: relative; }



.sub-nav-box .sub-nav { clear: both; text-align: left; margin-bottom: 20px; width: 100%; overflow: visible; background: #fafafa; }

.sub-nav-box .sub-nav li { width: 100%; padding: 0px; text-align: left; position: relative; display: block; }

.sub-nav-box .sub-nav li a { display: block; padding-left: 25px; line-height: 54px; font-size: 14px; font-family: "Microsoft YaHei",Tahoma,Verdana,"Simsun"; border-bottom: 1px #ececec solid; font-size: 15px }

.sub-nav-box .sub-nav li a:hover { color: #d00; }

.sub-nav-box .sub-nav li ul { display: none }

.sub-nav-box .sub-nav li ul li a { padding-left: 55px; }

.sub-nav-box .sub-nav li ul li ul li a { padding-left: 85px }



.sub-nav-box li .arrow { position: absolute; right: 0px; top: 0px; width: 54px; height: 54px; line-height: 54px; text-align: center; transition-duration: 0.1s; cursor: pointer }

.sub-nav-box li .arrow:after { font-family: FontAwesome; content: "\f105"; display: block; font-weight: bold; font-size: 18px }



.sub-nav-box .sub-nav li.current > a { color: #d00; }

.sub-nav-box .sub-nav li.active > ul { display: block }

.sub-nav-box .sub-nav li.active > .arrow { transform: rotate(90deg) }



/*图片列表*/

.images-list li .item a { display: block; overflow: hidden; }

.images-list li .item img { display: block; width: 100%; height: auto; transition: all 0.3s ease-out 0s; }

.images-list li .item a:hover img { transform: scale(1.1,1.1); }



/*移动端固定栏目按钮*/

.float-nav-toggle { display: block; text-align: center; position: fixed; left: 6px; bottom: 60px; color: #fff; font-size: 18px; width: 40px; height: 40px; line-height: 40px; background-color: rgba(13, 13, 13, 0.6); border-radius: 20px; z-index: 9; }



@media (max-width: 767px) {

    .display-xs-block { display: block !important; }

}



/*手机端固定导航栏*/

.footer-fixed { position: fixed; left: 0; bottom: 0; overflow: hidden; width: 100%; padding: 6px 0px 2px; color: #fff; z-index: 8; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-top: 0.01rem solid #000; background: #fff; }

.footer-fixed ul { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; text-align: center; }

.footer-fixed ul li a { width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 13px; }

.footer-fixed ul li p { font-size: 1.3rem; }

.footer-fixed.active { transform: translateX(2.8rem); z-index: 9; }

.footer-fixed2 { font-size: 2.8rem; padding-top: 0.6rem; }

.footer-fixed i { display: block; }

.footer-fixed .fa { font-size: 22px; }



@media (min-width:1000px) {

    .footer-fixed { display: none !important; }

}



/*遮罩层*/

.mask-bg { position: fixed; width: 100%; height: 100%; display: none; height: 100vh; background-color: rgba(0, 0, 0, .7); overflow: hidden; z-index: 100; top: 0; left: 0; }

.mask-bg.active { display: block; }



/*MENU*/

@media (min-width:1000px) { /*pc端*/

    .nav-bg { background-color: #204c97; }

    .nav { width: 100%; }

    .nav > ul { font-size: 0; }

    .nav > ul > li { display: inline-block; text-align: center; line-height: 44px; width:calc(100% / 10); height: 70px; }

    .nav > ul > li > ul { position: absolute; }

    .nav > ul > li > a { font-size: 16px; display: block; width: 100%; transition: 0.1s linear; height: 70px; line-height: 70px; color: #fff; }

    .nav > ul > li:hover > a, .nav > ul > li.current > a { background-color: #dd0000; color: #fff; }

    .nav li:hover > ul { display: block; }

    .nav > ul > li > ul li ul::before { display: block; margin: 0px auto; text-align: center; position: absolute; top: 20px; left: -10px; content: ""; width: 0; height: 0; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid #fff; }

    .nav ul li ul li a { display: block; width: 100%; text-align: center; color: #fff; font-size: 15px; line-height: 50px }

    .nav ul li ul li a:hover { text-decoration: none; color: #fff; background: #dd0000; }



    .nav ul li { position: relative; }

    .nav ul li .arrow { display: none }

    .nav ul > li > ul { background-color: rgba(0, 0, 0, 0.65); display: none; position: absolute; left: 0; z-index: 2; width: 150px }

    .nav ul li ul li ul { background-color: rgba(0, 0, 0, 0.65); display: none; position: absolute; left: 150px; top: 0px; z-index: 2; width: 150px }

    /*二级ul样式*/



    .nav > ul > li::before { content: ''; border-right: 1px solid #919191; height: 20px; display: block; position: absolute; top: 25px; right: 0; }

}



@media (max-width:1000px) { /*移动端*/



    .nav { position: fixed; z-index: 999; top: 0px; right: 0px; width: 0px; background: #fff; height: 100%; height: 100vh; opacity: 0; transition: all 0.2s linear; overflow-y: auto }

    .nav.active { opacity: 1; width: 300px; max-width: 60% }

    .nav ul li { line-height: 45px; text-align: left }

    .nav ul li ul { display: none; }

    /*二级ul样式*/

    .nav ul li a { padding-left: 30px; display: block; color: #999; font-size: 15px; line-height: 3.5; border-bottom: 1px solid #dcdcdc }

    .nav ul li ul li a { padding-left: 60px; font-size: 14px; background-color: rgba(168, 169, 176, 0.13) }

    .nav ul li ul li ul li a { padding-left: 80px; }

    .nav ul li ul li ul li li a { padding-left: 100px; }

    .nav ul li { position: relative; }

    .nav ul li .arrow { position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; line-height: 50px; text-align: center; transition-duration: 0s }

    .nav ul li .arrow:after { font-family: FontAwesome; content: "\f105"; display: block; font-weight: bold; font-size: 18px }

    .nav ul li.current > a { color: #5a342b; }

    .nav ul li.active > ul { display: block }

    .nav ul li.active > .arrow { transform: rotate(90deg) }



    .sub-nav-box .sub-nav ul li { width: 50% !important; margin-left: 0 !important; }

    .wenmenu { position: absolute; right: 0; top: 10px; width: 60px; height: 60px; text-align: center; font-size: 20px; }

}



/*---------------------------------add--------------------------------*/

.footer { margin-top: 40px; }

.addfooter { background-color: #f8f8f8; margin-bottom: -40px; }



@media (min-width:1000px) {

}



@media (max-width:1000px) {

    .wenheight { height: 150px; }

}