@charset "utf-8";
html,body {	margin: 0px; padding:0;background:#f7f7f7; font-family: ""; font-size: 12px; color: #222; text-align:center; }
* { margin:0; padding:0; }
.bodyen{
background:#FFF url(../images/enbg.gif) repeat-x left top;
font-family:Arial;
}
img { border:0; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul{ list-style:none;}
/* 链接样式 */
a { color:#666; text-decoration:none; }
a:hover { color:#F00; text-decoration:none; }
#logo {width:444px; height:100px; display:block; overflow:hidden; position:absolute; left:0; top:0; image-rendering: -webkit-optimize-contrast;}
#logo a{ display:inline-block}
#logoEn {width:444px; height:100px; display:block; overflow:hidden; position:absolute; left:0; top:0; image-rendering: -webkit-optimize-contrast;}
#logoEn a{ display:inline-block}
.gray{ color:#999;}
.orange { color:#FF7800 !important; }
a.red { color:#F00 !important; }
.red{ color:#f00;}
.darkblue{ color:#590c31; }
.blue { color:#1F71AF; !important; }
a.more { text-align:left; color:#333; text-decoration:none; font-size:12px; font-weight:normal; position:absolute; right:0px; top:0px; }
a.more:hover { color:#c00; text-decoration:none; }
a.btnBlack { background:url(../images/bg_btn.gif) repeat-x; padding:4px 10px 5px 10px; color:#FFF !important; font-weight:700; font-size:14px; text-decoration:none !important; border:1px solid #000; }

a.aboutMore{  width:150px; height:30px; line-height:30px;  border:1px solid #f60; color:#f60; text-align:center; display:inline-block; transition:0.5s;}
a.aboutMore i{ font-size:12px;}
a.aboutMore:hover{width:200px; background:#f60; color:#fff; text-decoration:none; font-size:14px;}

.ibrandjpg{ float:left;}
.brandout{ float:left;}

a.pdMore{ margin:50px auto; width:200px; height:40px; line-height:40px; border:1px solid #999; color:#999; text-align:center; display:block; font-size:18px; transition:400ms;}
a.pdMore:hover{ background:#75db40; color:#fff; text-decoration:none; font-size:24px;border:1px solid #75db40;}

a.newsMore{ position:absolute; right:0px; bottom:20px; width:100px; height:25px; line-height:25px; background:#fff; border:1px solid #f60; color:#f60; text-align:center; display:block; transition:400ms;}
a.newsMore i{ font-size:12px;}
a.newsMore:hover{ background:#f60; color:#fff; text-decoration:none; font-size:14px;}

#videoIcon{ position:fixed; right:30px; bottom:80px; width:50px; height:50px; line-height:50px; text-align:center; background:#f60; z-index:99999; border-radius:5px; }
#videoIcon i{ font-size:30px; color:#fff;}
#videoIcon a{ text-decoration:none;}

.time h2{ margin-top:20px;}
/* 按钮样式 */
input.text_type { border:1px solid #949494; color:#626262; }
input.select_type { border:none; background:url(../images/input_search_style.gif) no-repeat; width:124px; height:19px; color:#626262; }

.input1{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:25px;
	line-height:25px;
	margin-bottom:-3px;
}
.input2{ border:1px solid #ccc; 
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	margin-bottom:5px;
	background:#eee;
	height:20px;
	line-height:20px;
	margin-bottom:-3px;
}

.text7 td{ padding:4px 0;}

/* 位置 */
.left{float:left;}
.right{ float:right;}
/* 字体样式 */
.f12px{ font-size:12px; font-weight:normal;}
.f14px{ font-size:14px;}
.fB { font-weight:900; }
/* 顶部样式 */
.headtop{ width:100%; box-shadow:0 0 5px #ccc; z-index:999; background:#fff;}

#head { position:relative; margin:0 auto;width:1200px; height:100px; z-index:5; text-align:left; }

.headInfo { position:relative; margin:0 auto;width:1000px; height:40px; line-height:40px; z-index:5; text-align:right; }
.headInfof a:hover{ text-decoration:none; color:#fff;}

.loginContent{ position:absolute; right:0px; bottom:20px; text-align:right; }
.loginContenten{ position:absolute; right:0px; top:0px; width:157px; height:27px; line-height:27px; background:url(../images/loginbgen.jpg) no-repeat left top; color:#fff;}

.videocon{padding: 20px 0 30px 0; background: #fff; }
.mnews{ padding:10px;}


.cnen{ position:absolute; right:0px; bottom:20px; height:30px; line-height:30px; text-align:center; color:#fff;  z-index:999;}
.cnen i{ font-size:12px;}
.cnen a{ width:40px; height:20px; line-height:20px; text-align:center; border:1px solid #f8564e; border-radius:4px; display:inline-block; color:#f8564e; font-size:12px; margin-left:20px;}
.cnen a:hover{ background:#f8564e; color:#fff;}

.tel{ font-size:16px; color:#f60;}
.tel i{ font-size:20px; color:#f60;}

#banner{ margin:0 auto; width:927px; height:284px; padding-top:35px;}

.topdh{ width:960px; margin:0 auto; padding:10px 0 10px 20px; border-bottom:1px dotted #ccc; background:url(../images/home.gif) no-repeat left center;}

.inbanner{ width:980px; height:83px; margin:10px auto;}


/*menu*/
#navContent{  position:relative; z-index:10002; margin:0 auto; width:100%; background:#595757;}

.nav{}
.nav ul{margin:0 auto; width:1200px;}
.nav li{list-style:none;width:100px; float:left;position:relative;}
.nav li .a{display:block; height:40px; line-height:40px; color:#fff;text-align:center;text-decoration:none;font-size:16px; }
.nav li .a p{ font-size:14px;}
.nav li .a:hover{ }
.nav li .active{ color:#fff; background:#ea5f04; }

.xmzs0{background:#ea5f04;display:none;position:absolute;left:0;top:40px;padding:10px; border-radius:0 0 5px 5px; z-index:10005;}
.xmzs0 ul{ margin:0; padding:0; list-style:none; width:120px; text-align:left;}
.xmzs0 ul li{ height:30px; line-height:30px; font-size:14px;overflow:hidden; width:120px;}
.xmzs0 ul li a{ color:#fff; padding-left:10px;}
.xmzs0 ul li a:hover{ text-decoration:underline;}

.search{ width:220px; height:30px; line-height:30px; background:#fff; border:1px solid #ccc; border-radius:4px;  position:absolute; right:0; top:5px;}
.searchCon{ position:relative;}
.searchInput{ width:180px; height:25px; line-height:25px; border:none; border-radius:1px; background:none; text-indent:1px; font-size:14px;}
.searchSubmit{ margin:0; padding:0; border:none; background:none; color:#666; position:absolute; right:5px; top:1px;}
.searchInput i{ font-size:20px !important;}


/*网站头部*/
#navigation {
  position: fixed;
  top: -66px;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  background-color: #00b3fe;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(21, 21, 21, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(21, 21, 21, 0.1);
  /*		
  #
  #Edit these to change CSS transition delay, speed, and type 
  #
  */
  -webkit-transition: top .25s ease .5s;
  transition: top .25s ease .5s;
  z-index:1002;
  filter:alpha(opacity=95);
  opacity:0.95;
}
#navigation ul{ width:1000px; margin:0 auto; padding:0; list-style:none;}
#navigation ul li{  width:160px; float:left; position:relative;}
#navigation ul li a{height: 60px; line-height:60px; color:#fff; text-align:center; font-size:18px; display:block;}
#navigation ul li a:hover{ text-decoration:underline; background:#0585bb;}

#navigation ul li .flowsub{background:#0585bb;display:none;position:absolute;left:-0;top:60px;padding:10px;}
#navigation ul li .flowsub ul{ margin:0; padding:0; list-style:none; width:200px; text-align:left; }
#navigation ul li .flowsub ul li{ text-align:left;width:200px; }
#navigation ul li .flowsub ul li a{ color:#fff;height:25px; line-height:25px; font-size:14px; text-align:left;padding-left:10px; overflow:hidden;}




/*banner */
.banner{}


/* page css */
#info_box{ margin-top:80px;}
h1.title{ font-size:18px;font-family:"Microsoft Yahei",Verdana; margin:0 0 10px 20px; padding:1px 2px; line-height:26px; background:#333; color:#fff; display:inline-block;_ display:inline;}
p.text{ font-size:14px;font-family:"Microsoft Yahei",Verdana; line-height:22px; color:#333; padding:0 20px;}
p.text a{color:#0088CC; margin:0 1px;}
p.text a:hover{ text-decoration:underline;}
.mycode{background:#EEEEEE;border: 1px dashed #CCCCCC;font-size:10pt;margin:10px 20px;padding:10px; font-family:"Courier New",Verdana;}
.mycode pre{ color: #0000FF;margin: 0; white-space: pre-wrap;word-wrap: break-word;}
.mycode pre span.note{color:#999; font-size:12px;line-height:20px;}
.mycode pre span.highlight{color:#F00; font-weight:bold;}
.mycode pre h4{ font-size:12px; background:#c00; color:#fff; display:inline-block;height:20px;line-height:20px; padding:0 5px;}

/* 文本切换盒子 - 公用类 */
.dhooo_tab{width:325px;position:relative; }
.tab_btn{float:right; width:70px}
.tab_btn li {  cursor:pointer;background:#f0ad3c; margin-bottom:5px;}
.tab_btn li a{width:60px; height:42px; padding:5px;  display:block;}
.tab_btn li a:hover{ background:#e67016;}
.tab_btn li img{width:60px; height:42px;}
.tab_btn li.hot {background:#e67016;cursor:default;}

.tab_btn_num{position:absolute; right:50px;bottom:15px;}
.tab_btn_num li{width:20px;height:20px;background: #CC3300;border:2px solid #993300; overflow:hidden; color:#fff; filter:alpha(opacity=80);opacity:0.8;float:left;cursor:default; font-size:12px;line-height:20px; margin:0px 5px; font-family:Arial;}
.tab_btn_num li.hot{background:#FFCC00; color:#993300; border:2px solid #FF0000; }
.shell{width:99999px; height:100%; }
.shell li{float:left; width:240px; height:100%; }
.shell li img{width:328px;height:170px; }
.main{width:240px;height:170px; overflow:hidden;  background:#000;}


.aboutbg{position: relative; background: #fff url(../images/aboutbg.jpg) no-repeat center top;}
.aboutheight{position: relative; height: 650px;}
.iabout_l{width: 600px; position: absolute; right: 50px; top: 170px; font-size: 14px; padding: 20px 0; color: #666; line-height: 200%; text-align: left;}
.iabout_t{font-size: 16px; font-weight: 700; padding-bottom: 10px;}
.iabout_more{ margin-top:30px;}

.video_l{ width: 380px; float: left;}
.news_r{width: 800px; float: right;}

.videoMob{ }
.videoMob{ display:block; padding:20px; background:#fff;}
.videoMob_list_ul{ display:flex; flex-wrap:wrap; justify-content:space-between; list-style:none;}
.videoMob_list_ul li{ width:25%;}
.videoMob_lk{ padding:10px; margin:10px; display:block; border:1px solid #ccc; box-shadow:0 0 5px #eee; background:#fff; border-radius:5px; min-height:160px;}
.videoMob_lk img{ width:100%;}
.videoMob_t{ font-size:14px; height:40px; overflow:hidden; font-weight:normal}

/*公告*/
.iboard{ background:url(../images/iboardbg.jpg) no-repeat left top; padding-left:30px; height:29px; line-height:29px; position:relative;}
.iboard .comNewsUl1{ margin:0; padding:0; list-style:none;}
.iboard .comNewsUl1 li{ width:350px; float:left; height:29px; line-height:29px; overflow:hidden;}
.iboard .comNewsUl1 li span.date1{ font-size:12px;}



div.sitemap{ position:absolute; top:7px; right:5px; width:141px; height:21px; display:block; border:none; background:url(../images/sitemap.gif) no-repeat; }
ul.sitemap { list-style:none; background:#d4ddec; border:1px solid #225893; color:#1f5a95; width:130px; z-index:9999; margin-left:5px;}
ul.sitemap li { padding:2px 5px; }

.video{ width:230px; height:140px;}


.feedback{padding: 0; margin: 0; width:500px; padding-top:40px; float:right;}
.feedbackbg{ padding:40px; background: #fff; border-bottom: 1px solid #eee; margin-bottom: 50px; background:#fff url(../images/feedback.jpg) no-repeat left top;}
.feedback_l{ width:400px; float:left; line-height:200%; font-size:14px;}
.feedback_l h2{ margin-bottom:20px;}

.fixcontact{ position:fixed; right:30px; bottom:140px; width:50px; height:50px; background:rgba(26,170,235,.8); border-radius:4px; color:#fff; cursor:pointer;}
.fixcontact_i{ padding-top:8px;}
.fixcontact_in{ padding:20px; display:flex;}


/*二维码*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); z-index:999;
}
#code{ background-position:-276px -433px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -433px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -485px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:539px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px; z-index:99;}

/* 底部版权声明 */
#friendlink { text-align:left; background:url(../images/dlcustombot.gif) no-repeat left bottom; margin:0 auto; width:975px; border-top:1px dotted #ccc;}
#customer h2 { height:25px; line-height:25px; font-size:12px; background:url(../images/dlcustom.gif) no-repeat; padding-left:15px; }
#friendlink ul { margin:0; padding:5px 0; list-style-type:none;}
#friendlink li { float:left; line-height:20px; padding: 0 10px 0 15px; background:url(../images/dot1.gif) no-repeat 8px center;}
/* 底部友情链接 */
#footer{
	color:#fff;
	width:100%;
	margin:0px auto;
	line-height:150%;
	text-align:center;
	background:#595757;
	height:250px;
	overflow:hidden;
	font-size:14px;
}
#footer a{ color:#fff;transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.footer_txt{
	position:absolute;
	right:0;
	top:10px;
}


.footer_txt select{color:#222;}


.footer_link{
	position:absolute;
	left:300px;
	top:35px;
	width:500px;
	padding:10px 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:center;
}

.qrcode{}

.footer_link a{ font-size:16px; margin-right:10px;}
.footer_link a:hover{ text-decoration:underline;}


.footer_tel{ position:absolute; right:0; top:0;}
.footer_tel dt{ font-size:24px; color:#fff;}
.footer_tel dt span{ font-size:14px; color:#fff;}
.footer_tel dt i{ color:#fff; }

.footer_tel dd i{ color:#fff;font-size:14px;  }
.footer_tel dd a{font-size:44px;}

.foooter_qq{ position:absolute; right:200px; top:0;}
.foooter_qq dd { height:50px; }
.foooter_qq dd a:hover{ text-decoration:none;}
.foooter_qq dd a i{ font-size:42px;}
.foooter_qq dd a:hover i{ color:#fff; text-decoration:none;}

.foota a{ font-size:16px; margin-right:10px;}

/* 边框样式 */
.bDarkgrey { border:1px solid #949494; }
/* 其它样式 */
.webDh{ width:1000px; margin:10px auto; height:25px; line-height:25px; text-align:right;}
.channel { margin:0 auto; width:1200px; text-align:left; }
.channelIn{ margin:0px auto; margin-bottom:50px; width:1000px; text-align:left; background:#fff url(../images/bgx.jpg) repeat-y left top;
-moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */
	border:1px solid #eee;
box-shadow: 0px 0px 15px #ccc; 
-webkit-box-shadow: 0 0 15px #ccc;
-moz-box-shadow: 0 0 15px #ccc;
}

.commonContent{ padding:20px; }
.commonContent img{ width:100%;}
#ebanner { margin:2px auto; width:944px; text-align:left;  }
.bannerIn{ width:100%; margin:0 auto; height:218px; }
.inabout{background: url(../images/inabout.jpg) no-repeat center top;}

.bannerInImg{ width:987px; margin:0 auto; height:220px; position:relative;}
.bannerInImg .webDh{ position:absolute; right:0; bottom:0;}
.c_bg{ background:url(../images/cbg.jpg) no-repeat 130px top;}
.c_bgEn{ background:url(../images/cbg.jpg) no-repeat 200px top;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of clearfix  */
/*========== page */
#page {
	padding: 20px 10px 20px 10px;
	margin: 0px auto;
	text-align: center;
}
#page a {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height:38px;
	border-radius:4px;
	text-align: center;
	color: #666;
	font-size: 15px;
	background:#fff;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	transition:500ms;
    border:1px solid #eee;
}
#page a:hover {
	background:#1aaaeb;
	color: #ffffff;
	text-decoration:none;
}
#page .current {
	display: inline-block;
	width: 28px;
	height: 28px;
	text-align: center;
	color: #ffffff !important;
	font-size: 15px;
	background:#54c917;
	margin: 0px 3px 0px 3px;
}
#page font{
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height:38px;
	border-radius:4px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	background:#fff;
	background-position: 0px 0px;
	margin: 0px 3px 0px 3px;
	transition:500ms;
    border:1px solid #f60;
}
#page .prve {
	font-family:"宋体";
}
#page .prve:hover {
}
#page .prveNO {
	background-position: 0px -120px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#page .next {
	font-family:"宋体";
}
#page .next:hover {
}
#page .nextNO {
	background-position: 0px -158px !important;
	text-indent: -9999em;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/* end*/
/*浮动QQcss*/
.izl-rmenu{position:fixed; right:30px; bottom:20px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:50px;height:50px;cursor:pointer;position:relative; border-radius:4px;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu .btn-qq a{ display:block; text-indent:-9999em;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-qq .qqlist{background-color:#488bc7;position:absolute;width:160px;left:-160px;top:0px;line-height:40px;color:#FFF;font-size:14px;text-align:center;display:none;}
.izl-rmenu .btn-qq .qqlist img{ margin-bottom:-5px;}
.izl-rmenu .btn-qq .qqlist a{ color:#fff;}


.izl-rmenu .btn-pl{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#000;}
.izl-rmenu .btn-pl:hover{background-color:#111;}
.izl-rmenu a.btn-pl,.izl-rmenu a.btn-pl:visited{background:url(../images/r_pl.png) 0px 0px no-repeat;background-color:#9eb223;text-decoration:none;display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_ww.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx a{ display:block; text-indent:-9999em;}
.izl-rmenu a.btn-wx,.izl-rmenu a.btn-wx:visited{background:url(../images/r_ww.png) 0px 0px no-repeat;background-color:#78c340;text-decoration:none;display:block;}

.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;height:73px; line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}

.izl-rmenu .btn-ali{background:url(../images/r_ali.png) 0px 0px no-repeat;background-color:#f60;}
.izl-rmenu .btn-ali:hover{background-color:#c00;}
.izl-rmenu .btn-ali a{ display:block; text-indent:-9999em;}
.izl-rmenu a.btn-ali,.izl-rmenu a.btn-ali:visited{background:url(../images/r_ali.png) 0px 0px no-repeat;background-color:#f60;text-decoration:none;display:block;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-size:cover; background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}



/*banner */
 .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-slide img{ width:100%;}

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px !important;}
	.swiper-pagination-bullet{width: 8px !important;
    height: 8px !important;
	background:#fff !important;
	opacity:0.8 !important;
    }
	.swiper-pagination-bullet-active{  background:#1aaaeb !important;}



    /* lsm-sidebar */

    .lsm-sidebar{margin-left: 10px;    border: 1px solid #eee;    width: 230px;}
.left-side-menu,.lsm-popup.lsm-sidebar   ul li, .lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul{
    background: #3b3e47;
}


.left-side-menu {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; }
.left-side-menu{height: calc(100% - 80px);width: 220px;}
.lsm-expand-btn{height: 65px;}
.lsm-container {height: calc(100% - 65px); transition: all .3s;z-index: 100}

.lsm-container li>a.active{ background: #c55b03; color: #fff; }
.lsm-sidebar .root
{
    height:60px; line-height:60px;
    color: #fff;
    text-decoration: none;
    font-size:16px;
    padding-left:0 !important;
    background:#fff !important;
    display:block;
    overflow:initial;
}

.lsm-sidebar a{display: block;overflow: hidden;padding-left: 20px;color: #666;transition: all .3s;}
.lsm-sidebar .parent{ height:40px; line-height:40px;color: #fff; text-decoration: none;font-size: 16px;    padding-left: 20px;    background: #1aaaeb;    display: block; border-bottom:1px solid #fff;}
.lsm-sidebar .parent:hover{background:#00508f; color:#fff;}
.lsm-sidebar .child{ height:40px; line-height:40px;color: #fff; text-decoration: none;font-size: 14px;display: block;}
.lsm-sidebar .child .on{ font-weight:bold; color:#fff; background:#6e809c;}

.lsm-container ul:first-child > li> a, .lsm-container ul:first-child > li> a span{ line-height: 55px;max-height: 55px; }
.lsm-sidebar a span{margin-left: 30px;}
.lsm-sidebar .lsm-sidebar-item .lsm-sidebar-item >ul>li a span{margin-left: 60px;}
.lsm-sidebar-item{position: relative;}
.lsm-sidebar-item.lsm-sidebar-show{border-bottom: none;}
.lsm-sidebar-item ul{display: none;background: #fff;}
.lsm-sidebar-item.lsm-sidebar-show ul{display: block;}
.lsm-container ul:first-child>li.lsm-sidebar-item>a:before{height: 55px;}
.lsm-sidebar .lsm-sidebar-icon{font-size: 20px;position: absolute;margin-left:-1px;}
/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
.icon_3::after{content: "\e698";}

.lsm-sidebar-more{float:right;margin-right: 20px;font-size: 12px;transition: transform .3s;}

/* 导航右侧箭头 换用其他字体需要替换*/
.lsm-sidebar-more::after{content: "\e621";}


.lsm-sidebar-show > a > i.my-icon.lsm-sidebar-more{transform:rotate(90deg);}
.lsm-sidebar-show,.lsm-sidebar-item>a:hover{color: #777;background: #fff;}
.lsm-sidebar-show>a:before,.lsm-sidebar-item>a:hover:before{opacity:1;}
.lsm-sidebar-item li>a:hover,.lsm-popup>div>ul>li>a:hover{color: #FFF; background: #6e809c;}
.lsm-mini-btn{height: 70px;width: 70px;}
.lsm-mini-btn svg{margin: -10px 0 0 -10px;}
.lsm-mini-btn input[type="checkbox"]{display: none;}

.lsm-mini-btn path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    --length: 24;
    --offset: -38;
    stroke-dasharray: var(--length) var(--total-length);
    stroke-dashoffset: var(--offset);
    transition: all .8s cubic-bezier(.645, .045, .355, 1);
}

.lsm-mini-btn circle {fill: #fff3;opacity: 0;}
.lsm-mini-btn label {top: 0; right: 0;}
.lsm-mini-btn label:hover circle {opacity: 1;}
.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 {--length: 8.602325267;}
.lsm-mini-btn .line--1, .lsm-mini-btn .line--3 {--total-length: 126.38166809082031;}
.lsm-mini-btn .line--2 {--total-length: 80;}
.lsm-mini-btn input:checked+svg .line--1, .lsm-mini-btn input:checked+svg .line--3 {--offset: -109.1770175568;}

.lsm-mini .lsm-container, .lsm-mini .lsm-container{width: 60px;}
.lsm-container.lsm-mini .lsm-sidebar .lsm-sidebar-icon{/* margin-left:-2px; */}
.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a span{display: none;}
.left-side-menu.lsm-mini ul:first-child>li.lsm-sidebar-item>a> i.lsm-sidebar-more{margin-right: -20px;}

.lsm-container.lsm-mini .lsm-sidebar>ul>li.lsm-sidebar-item>ul>li.lsm-sidebar-item>ul{
    display:none;
    position: absolute;top:0px;left:180px;width: 180px;z-index: 99;
    bottom: 0px;
    top: 0px;
    overflow: hidden;
}
.left-side-menu.lsm-mini ul:first-child > li > ul{
    display: none;
}
.transform { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.lsm-popup div{background: #05161f;}
.lsm-popup{
    display: block;
    position: absolute;
    border: 3px solid rgba(60, 71, 76, 0);
}

.lsm-popup > div > a > i.my-icon.lsm-sidebar-more{
    transform:rotate(90deg);
}

.lsm-popup.second{
    left: 60px;
}
.lsm-popup.third{
    left: 243px;
}
.lsm-popup.third.lsm-sidebar > div > ul {
    display: block;
}
.lsm-popup div {
    border-radius: 5px;
}
.lsm-popup .lsm-sidebar-icon{
    display: none;
}
.lsm-popup.lsm-sidebar a span{
    margin-left: 0px;
}
.lsm-popup.lsm-sidebar > div > ul > li.lsm-sidebar-item>ul{position: absolute;top:0px;left:180px;width: 180px;z-index: 99;}

.lsm-popup.lsm-sidebar   ul {
    width: 180px;
}
.lsm-popup.lsm-sidebar   ul li{
    width: 180px;
}
.lsm-popup.lsm-sidebar ul li:last-child, .lsm-popup>div>ul>li:last-child>a{
    border-radius: 0 0 5px 5px ;
}