@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/
/* Css Reset */
pre{white-space: pre-wrap; word-wrap: break-word;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {padding: 0;margin: 0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { vertical-align: top; border: 0; }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal;  }
ol, ul, li { list-style: none; }
div, dl, dt, dd, ol, ul, li {zoom: 1;}
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display:block;zoom:1;}

/* Public */
body {  min-width:1200px; color: #333;}
a { color: #333; text-decoration: none; outline: none; transition:all 0.5s;}
a:hover {color: #E20500;text-decoration: underline;}
.clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden; }
.blank { display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* + html .clearfix { min-height: 1%; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }

.wrap{margin:0 auto;min-width: 1400px;}
.oh{overflow:hidden;}
.siteWidth{width: 1400px;padding: 0;margin:0 auto;position:relative;}


/* 顶部 */
#header {position: fixed;left: 0;top: 0;width: 100%;z-index: 50;background: linear-gradient(180deg, #B42C2B 0%, rgba(180, 44, 43, 0) 100%);height: 200px;}
#header .logo {flex-grow: 1;}
#header .logo a {display: block;padding: 30px 0;}
#header .logo img {width: auto;height: 80px;}
.page-banner {height:400px;background-size: cover;background-position: center;background-image: url(/content/lihua/base/img/subbanner.jpg);}
.navbar {position: relative;align-items: stretch;max-width: 1400px;margin: 0 auto;padding: 0;}
.navbar .navbar-collapse {}

    .nav-main {display: flex;border: none;background: none;margin: 52px -16px 0;max-height: 42px;overflow: visible;}
    .nav-main .li1 {margin: 0 16px;height: 58px;border-bottom: none;position: relative;}
    .nav-main .h1 {position: relative;font-size: 20px;}
    .nav-main .a1 {padding: 0;line-height: 42px;color: #fff; text-decoration:none}
    .nav-main .on1 .a1 { font-weight:bold;} 
    .nav-main .hasUl1 .drop { display: none; }
    /* 导航下拉菜单 */
    .nav-main .ul1 {padding:20px 20px 80px;overflow: hidden;border-top: 3px solid #A66B37;position:absolute;left:50%;width:200%;margin-left:-100%;text-align:center;background: linear-gradient(180deg, #B42C2B 30%, rgba(180, 44, 43, 0) 100%);display: none;}
    .nav-main .ul1 li {display: block;border-bottom: 1px dashed #FFFFFF33; }
    .nav-main .ul1 li h3 {margin: 0;}
    .nav-main .ul1 li a { display: block; padding:8px 0; line-height: 24px; font-size: 15px; color: #fff;  }
    .nav-main .ul1 li a:hover { text-decoration: none; background-color: #B42C2B;}

/* 导航折叠按钮 */
#header .navbar-toggler {margin-top: 24px; margin-left: 24px; border: none; color: #fff; outline: none; width: 80px; height: 70px; font-size: 50px; line-height: 70px; box-shadow: none; border-radius: 6px; }
#header .navbar-toggler[aria-expanded=true] { background: rgba(0, 0, 0, .2); }

/* 搜索按钮 */
.nav-panel {position: relative;z-index: 1;}
.nav-panel {position: absolute; z-index: 1; right: 0; top: 36px;}
.nav-panel .btn-search {margin-top: 0;font-size: 20px;width: 30px;height: 30px;line-height: 30px; border-radius:5px; color: #fff;font-weight: normal;cursor: pointer;text-align: center;transition: all ease 0.3s;background: rgb(0 0 0 / 10%);display: flex;justify-content: center;align-items: center;}
.nav-panel .btn-search:hover { transform: scale(1.2); }


/* 搜索弹框 */
#modal-search { background: rgba(0, 0, 0, .4); }
#modal-search .modal-backdrop{ display: none !important; }
#modal-search .modal-dialog{ max-width: none; justify-content: center; }
#modal-search .modal-content{ width: 500px; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-search .btn-close{position: absolute;z-index: 1;right: 100px;top: 100px;padding: 0;width: 60px;height: 60px;color: #fff;pointer-events: auto;text-align: center;line-height: 1;opacity: 1;box-shadow: none;background: none;border: none;transition: all ease .4s;transform: rotate(45deg);}
#modal-search .btn-close i:before { content:""; position:absolute; left:30px; top:0; width:4px; height:60px; background:#eee;}
#modal-search .btn-close i:after { content:""; transform: rotate(90deg); left:30px; top:0; width:4px; height:60px; background:#eee; position:absolute;}
#modal-search .btn-close:hover{ transform: rotate(225deg); }
.s-form{ display: flex; }

/* 搜索站点选择 */
.s-form .select-box { position: relative; margin-right: 15px; }
.s-form .select-box .s-option { display: block; line-height: 2; font-size: 16px; text-decoration: none; padding: 15px 25px; background: #fff; border-radius: 500px; }
.s-form .select-box .s-option::after { display: inline-block; content: ''; vertical-align: middle; margin: 0.25em 0 0 0.5px; width: 0; height: 0; border: 0.5em solid transparent; border-top-color: #999; }
.s-form .select-box .arrow-dn { display: none; }
.s-form .select-box ul { position: absolute; display: flex; flex-wrap: wrap; left: 0; top: 100%; width: 350px; background: #fff; padding: 15px 20px; margin: 5px 0 0; border-radius: 10px; }
.s-form .select-box li { min-width: 33.3333%; padding: 0 10px; font-size: 14px; line-height: 2.5; cursor: pointer; border-radius: 5px; }
.s-form .select-box li:hover { background: #f5f5f5; color: #B42C2B; }

/* 搜索输入框 */
#modal-search .s-form .input-box{position: relative;width: 1%;flex-grow: 1;background: #fff;border-radius: 500px 0 0 500px;}
#modal-search .s-form .input-box .iconfont { position: absolute; left: 1px; top: 50%; }
#modal-search .s-form .input-box input{position: relative;width: 100%;height: auto;vertical-align: top;padding: 15px 30px;line-height: 2;border: 0;outline: none;background: none;font-size: 16px;}
#modal-search .s-form .input-box .dropdown-word { position: absolute; top: 100%; width: auto; left: 30px; right: 0; background: #fff; max-height: 190px; overflow-y: auto }
#modal-search .s-form .input-box .dropdown-word li { padding: 0 10px; font-size: 15px; line-height: 2.5; cursor: pointer; }
#modal-search .s-form .input-box .dropdown-word li:hover { background: #f5f5f5; color: #B42C2B; }
#modal-search .s-form .btn-box {background: linear-gradient(180deg, #B42C2B, #9c2222);border-radius: 0 500px 500px 0;}
#modal-search .s-form .btn-box input{height: auto;line-height: 1.7778;padding: 15px 30px;overflow: hidden;border: none;outline: none;color: #fff!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;background: none;font-size: 18px;text-align: center;}
#modal-search .s-form .btn-box input:focus{ outline: none; box-shadow: none; }
#modal-search .s-form .link-box{ text-align: right; font-size: 14px; }

/* 顶部面板 */
.top-panel {position: absolute;right: 42px;top: 38px;}
.list-panel > li { height: 24px; color: rgba(255, 255, 255, 0.8); margin: 0 4px; }
.list-panel > li a { color: inherit; text-decoration: none; }
.list-panel #siteLast dt,
.list-panel > li a { display: block; font-size: 14px; height: 24px; line-height: 24px; padding: 0 8px; border-radius: 4px; }
.list-panel #siteLast:hover dt,
.list-panel > li a:hover { background: rgba(0, 0, 0 , .1); color: #fff; }
.list-panel #siteLast dt::before,
.list-panel > li a::before { display: inline-block; vertical-align: top; font-family: "iconfont"; font-size: 18px; margin-right: 6px; }

/* 面板图标 */
.list-panel > li.li-xs a::before { content: '\e650'; }
.list-panel > li.li-jg a::before { content: '\e652'; }
.list-panel > li.li-xy a::before { content: '\e64c'; }
.list-panel > li.li-ksjfk a::before { content: '\e655'; }
.list-panel > li.li-xzxx1 a::before { content: '\e651'; }
.list-panel > li.li-dszxx a::before { content: '\e648'; }
.list-panel > li.li-jmxqs a::before { content: '\e64b'; }
.list-panel > li.li-tsg a::before { content: '\e64d'; }
.list-panel > li.li-jbwz a::before { content: '\e6a5'; }
.list-panel #siteLast dt::before {content: '';width:11px;height:10px;background:url(/content/lihua/base/img/siteico.png) no-repeat;margin-top: 7px;}
.btn-search .icon-search {display:block;content: '';width:12px;height:12px;background:url(/content/lihua/base/img/srhico.png) no-repeat;}
    
/* 手机版-顶部类型-子栏目-效果 */
#nav-othter-list{
    padding: 20px;
    background: #bc3037;
    display: flex;
    flex-flow: wrap;
    box-sizing: border-box;
}
#nav-othter-list li{
    flex-basis: 33.3%;
    height: auto;
    margin: 0;
}
.list-panel > li a{
    font-size: 16em;
    height: auto;
    vertical-align: top;
    line-height: 2;
}
.list-panel > li a::before{
    font-size: 1.2em;
    margin-top: -4px;
}

/* 站群导航-公共 */
#siteLast{position: relative; }
#siteLast dt {cursor: pointer; }
#siteLast dd{display:none; width:700px; position:absolute;  background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px}
#siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden; }
#siteLast dd h3.h i{display:none; }
#siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#ffffff; position:relative; z-index:2; }
#siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eeeeee; top:16px; right:0; width:100%; position:absolute; z-index:1; }
#siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%}
#siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden}
#siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold; }
#siteLast dd ul{overflow:hidden; }
#siteLast dd ul li{width:18%; margin-left:2%; float:left; height:26px; line-height:26px; overflow:hidden}
#siteLast dd ul li a{color:#333}
#siteLast dd ul li a:hover{color:#c00; }
#siteLast dd table.up{background:#f7f7f7}
#siteLast.on dd{display:block; }

/* 站群导航-个性 */
#siteLast {z-index: 2;}
#siteLast dt { position: relative; }
#siteLast:hover dt::after { position: absolute; left: 50%; top: 100%; margin-left: -6px; content: ''; width: 0; height: 0; border: 6px solid transparent; border-top-color: rgba(0, 0, 0 , .1); }
#siteLast:hover dd { display: block; }
#siteLast dd { right: 0; top: 100%; width: 760px; max-height: 500px; padding: 10px; margin: 0 0 0 -300px; box-shadow: 0 0 20px rgba(0, 0, 0 , .15); }
#siteLast dd h3 span a { font-size: 14px; padding: 0; }
#siteLast dd ul li a { font-size: 12px; padding: 0; }
#siteLast dd h3 span a:hover,
#siteLast dd ul li a:hover { background: none; color:#B42C2B; }

/* 顶部登录注册 */
.list-panel .userLogged { margin: 0; height: auto; float: none; }
.list-panel .loggedin,
.list-panel .notlogged { display: flex; }
.list-panel .userLogged .split { width: 0; font-size: 0; margin: 0 4px; }
.list-panel .userLogged .userDropdown .ud-hd { display: flex; align-items: center; width: auto; height: auto; padding-left: 8px; border-radius: 4px; }
.list-panel .userLogged .userDropdown:hover .ud-hd { background: rgba(0, 0, 0 , .1); color: #fff; }
.list-panel .userLogged .userDropdown .avatar { width: 24px; height: 24px; margin-right: 0; }
.list-panel .userLogged .userDropdown .avatar img { vertical-align: top; width: 100%; height: 100%; }
.list-panel .userLogged .userDropdown .nickname { height: 30px; padding-right: 8px; }
.list-panel .userLogged .userDropdown .nickname:hover { background: none; color: #fff; }
.list-panel .userLogged .userDropdown .nickname::after { position: static; margin: 0 0 0 6px; display: inline-block; vertical-align: top; background: none; width: auto; height: auto; font-size: 12px; font-family: "iconfont"; content: "\e648"; color: #fff; }
.list-panel .userLogged .userDropdown .ud-bd { left: 0; top: 100%; }
.list-panel .userLogged .userDropdown .ud-bd li a { height: auto; line-height: inherit; font-size: 14px; padding: 0; background: none; }
.list-panel .userLogged .loggedin .myMsg { width: auto; height: 30px; background: none; }
.list-panel .userLogged .loggedin .myMsg::before { margin-right: 0; }
.list-panel .userLogged .loggedin .myMsg:hover { background: rgba(0, 0, 0 , .1); }

/*顶部 E*/

.banner{width:100%; text-align:center;}
    .banner{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh;}
    .banner-mask{height: 0;transition: all .7s cubic-bezier(.5,0,.2,1) 0s;}
    .banner-mask.fixed{ height: 0; }
#content{width: 1400px;margin: 0 auto;text-align:left;position:relative;/* z-index:1; */padding:20px;background:#fff;}
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.content{position:relative; z-index:99;}


/* banner */
.banner { position: relative; height: auto; overflow: hidden; }
.banner .swiper-slide { overflow: hidden; }
.banner .pic img { width: 100%; height: auto; }
.banner .bg { display: block; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner .bg a { display: block; width: 100%; height: 100%; }
.banner .con { display: none; }
.banner .swiper-pagination { bottom: 4%; text-align: center; padding: 0 2.6%; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 15px; height: 15px; background: #fff; margin: 0 10px; opacity: 1; border-radius: 8px; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 46px; }
.banner .down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 9%; line-height: 1; cursor: pointer; font-size: 36px; color: #fff; z-index: 10; padding: 10px; animation: down 2s linear 0s infinite; }
.banner .swiper-button-next,
.banner .swiper-button-prev{
    width: 36px;
    height: 36px;
    margin-top: 18px;
    line-height: 36px;
    text-align: center;
    display: none;
}
.banner .swiper-button-next{
    right: 3%;
}
.banner .swiper-button-prev{
    left: 3%;
}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{
    font-size: 36px;
    font-family: "iconfont";
    color: rgba(255, 255, 255, 0.65);
}
.banner .swiper-button-next:after{
    content: "\e64e";
}
.banner .swiper-button-prev:after{
    content: "\e646";
}
.banner .swiper-button-next:hover:after,
.banner .swiper-button-prev:hover:after{
    color: white;
    border-color: white;
}



/*侧栏 */
.side{width: 260px;float: left;position:relative;margin: 0 30px 0 0;}
.mainContent{overflow:hidden;zoom: 1;}

/*底部 */
#footer{clear: both;padding:50px 0;background:#B42C2B;text-align:center;color:#fff; font-size:14px; line-height:30px;}
#footer a{color:#fff}
#footer .siteWidth{overflow:hidden;}
#footer .links li{ display:inline-block; *display:inline; zoom:1; margin-right:15px;}
#footer .copyRight{overflow:hidden; zoom:1; }
.friendLinks {padding: 0 0 20px 0;clear: both;font-size:0;height:30px;}
.friendLinks .title{font-size: 16px;vertical-align:middle;color: #fff;}
.friendLinks select{font-size:12px;margin: 0 0 0 17px;border:1px solid #ddd;background:#fff;padding:5px;width: 182px;vertical-align:middle;}

/* 当前位置 */
.path{color:#999; margin-bottom:20px; font-size:12px;}
.path em{color:#B11D01}
.path a,.path span{margin:0 5px; color:#999}

/* goTop */
#goTop{position:fixed;  display:none; _display:none !important; width:50px;height:50px;bottom:60px;right:5px;z-index: 99;cursor:pointer;margin:5px;width:40px;height:40px;border-radius:2px;-webkit-box-shadow:0 0 5px #9c9c9c;opacity:.9;background:rgba(0,0,0,.5); }
#goTop::after{ display:block; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-15px; content:""; border-width:10px; border-color:transparent; border-bottom-color:#fff; border-bottom-style:solid; border-style:dashed; display:block; font-size:0; line-height:0; width:0;  }
/* winMark */
#winMark{ z-index: 1;width: 100%;display:none; height:100%; position:fixed; background:rgba(0,0,0,.8) ;left: 0;top: 0;}

/* box */
.box{margin-bottom:20px;background:#fff;border-top:3px solid #B11D01;}
.box .hd{height:46px;line-height:46px;overflow:hidden; }
.box .hd h3{float:left;font-size:16px;font-weight:bold;}
.box .hd .more{float:right;font-size:12px;color:#999;}
.box .bd{overflow:hidden;padding: 5px 0;}

/* sideBox */
.sideBox{margin-bottom:30px; background:#F5F5F5;}
.sideBox .hd{height:47px;line-height:47px;background:#B11D01;padding:0 15px;color:#fff;overflow:hidden;}
.sideBox .hd .more{float:right; color:#fff; font-size:12px;}
.sideBox .hd h3{font-size:16px; font-weight:bold; color:#fff}
.sideBox .hd h3 a{color:#fff}
.sideBox .bd{padding:5px 20px; overflow:hidden}

/* pageBanner */
.pageBanner{height:200px;background:url(/content/lihua/base/img/pagebanner.jpg) center 0 no-repeat;position: relative;z-index: 0;}

/* 顶部注册登录 */
.topBar .userLogged{margin-top:12px;}
.topBar .userLogged a{color:#ffffff;}
.topBar .userLogged .notlogged .split{margin:0px}
.user-mainbox .hd h3,
.user-mainbox .top h3{color:#B01D00 !important;border-bottom:3px solid #B01D00 !important;}
.user-mainbox .loginBtn {background: #B01D00 !important;}
.user-mainbox .loginBtn:hover { background: #d03617 !important;}

/*手机版自动调用pc版头部底部时屏蔽*/
.body_Phone .footer-box-wrapper { padding:0 10px;}
.body_Phone #header { display:none;}
/*-- CSS结束 --*/



