/****/
* { margin: 0; outline: 0; padding: 0;}
body{ color: #333; overflow-x: hidden; width: 100%; height: 100%; font:14px/2 "Microsoft Yahei","Hiragino Sans GB",sans-serif; background: #fff;}
ul, li { list-style-type: none; }
input, button, select, textarea { outline: none;resize: none;font:14px/2 "Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #999; text-indent: 5px; margin: 0; padding: 0;-webkit-appearance: none;}
img { border:0; max-width: 100%;}
small,i,em{font-style: normal;}
table{border-color: #e5e5e5;width: 100%;display: block; border-collapse: collapse;}
td,th {border-color: #e5e5e5; padding: 10px;}
hr{height: 1px; border: none; background-color: #efefef;}
a{ color: #333; text-decoration: none;}
a:hover{color: #154a9a;}
.fl{float: left;}
.fr{float: right;}
.container{margin: 50px auto 65px;width:100%; overflow: hidden;}
.content{padding:10px;}
.content table td{padding: 5px;}
.content table p{line-height: inherit!important;}
.content img{height: auto!important;}
.bg{background: #f8f8f8;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0;}
.clearfix:after { clear: both;}
.hide,.gg_widget .gg_t,.gg_widget .gg_desc,#map,.thumbpic,embed{display: none;}
video{max-width: 100%;height: auto!important;background-color: #000;}
iframe{max-width: 100%;}

/*mob头部*/
.header{position: fixed; top: 0; left: 0; right: 0; z-index: 10; background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.header .logo{height: 40px; padding:5px;}
.header .logo img{height: 40px;}

/*404*/
.error{width: 100%; height: 400px; text-align: center;position: absolute; top: 50%; margin-top: -160px;}
.error img{width: 60%;}
.error_img{margin: -40px auto 0; width: 220px;}
.error h1{font-size: 16px;}
.error a{display: block;background: #154a9a;color: #fff;line-height: 40px;text-align: center;width: 40%;margin: 0 auto;border-radius: 5px;}

/*banner*/
.banner,.pdt_thumb{width:100%; position:relative;overflow:hidden;background:#f9f9f9;}
.pdt_thumb img{vertical-align: middle;}
.banner .slides li{display: none;}
.banner .slides li a{display: block;}
.banner .slides img{width: 100%;vertical-align: middle;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; height: 10px;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 3px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;background:#eee; text-indent: -9999px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.flex-control-nav .flex-active{ background: #154a9a;}
.flex-direction-nav{display: none; position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.t{line-height: 50px;padding: 0 10px; border-bottom: 1px #e5e5e5 solid; font-size: 16px;font-weight: bold;}
.t a{float: right;font-size: 14px; color: #94949e;font-weight: normal;}

/*产品*/
.pdt_index {margin: 15px 0; background: #fff;}
.pdt_index .cate{padding: 10px 5px 0;}
.pdt_index .cate li{ width: 33.3333%;float: left;padding: 0 5px 10px;box-sizing:border-box;}
.pdt_index .cate li a{display: block;text-align: center; background: #f3f3f3;border:1px #e5e5e5 solid;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;font-size: 12px;padding: 0 5px; line-height: 32px;}
.pdt_index .list{border-bottom: 1px #e5e5e5 solid;}
.pdt_index .list .item{width: 50%;float: left;padding:10px;border-top: 1px #e5e5e5 solid;border-right: 1px #e5e5e5 solid;box-sizing:border-box;text-align: center;}
.pdt_index .list .item img{width: 100%;}
.pdt_index .list .item h4{font-size: 14px; font-weight: normal; line-height: 32px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

/*案例*/
.photo_index {margin: 15px 0; background: #fff;}
.photo_index .list{padding: 10px 5px}
.photo_index .list .item{width: 33.3333%;float: left;padding:5px;box-sizing:border-box;}
.photo_index .list .item span{display: block; background: #eee;}
.photo_index .list .item span img{width: 100%; height: 100%;vertical-align: top;}
.photo_index .list .item h4{font-weight: normal;line-height: 32px; height: 32px; overflow: hidden;font-size: 14px; text-align: center;white-space: nowrap;text-overflow:ellipsis;}

/*简介*/
.about_index {margin: 15px 0 0; background: #fff;padding-bottom: 10px;}
.about_index .info{padding: 10px;}
.about_index .info .gg_img{display: block; margin-bottom: 8px;}
.about_index .info .gg_desc{display: block;}

/*视频*/
.video_index {margin: 15px 0; background: #fff;}
.video_index .info{padding: 10px 5px}
.video_index .info .item{width: 50%;float: left;padding:5px;box-sizing:border-box;}
.video_index .info .item span{display: block; background: #eee;}
.video_index .info .item span img{width: 100%; height: 100%;vertical-align: top;}
.video_index .info .item h4{font-weight: normal;line-height: 32px; height: 32px; overflow: hidden;font-size: 14px; text-align: center;white-space: nowrap;text-overflow:ellipsis;}
.video_index .info .item p,.video_index .info .item .time{display: none;}


/*新闻*/
.news_index {margin: 15px 0 0; background: #fff;padding-bottom: 10px;}
.news_index .info{padding: 5px 10px;}
.news_index .info .item{position: relative; padding: 10px 0 10px 130px; height: 75px; overflow: hidden;}
.news_index .info .item .image{display: block; width: 120px; position: absolute; left: 0; top: 10px; overflow: hidden;}
.news_index .info .item h4{font-size: 14px; color: #000; line-height: 18px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news_index .info .item p{color: #999; font-size: 12px;height: 54px; line-height: 18px; margin-top: 8px;overflow: hidden;}

/*mob搜索*/
.searchformzone{width: 100%; margin: 0 auto; float: none; background: #fff;padding: 15px 50px 15px 10px;border-bottom: 1px #f0f0f0 solid; position: relative;}
.searchformzone .searchform{width: 100%;}
.searchformzone .searchform input{background:none; border-radius: 15px; width: 100%; height: 30px; border: thin solid #dedede; text-align: center; text-indent: 0;}
.searchformzone .search_submit{border-radius: 100%;width: 30px; height: 30px; position: absolute;top: 15px;right: 10px; background: #d3d3d3 url(../images/searchicon.png) no-repeat center center; background-size: 65%; text-indent: -9999999px}
.searchformzone .search_submit a{display: block; width: 30px; height: 30px;}


/*==============================================*/

/*底部菜单*/
.m_footer{position: fixed; bottom: 0; height: 50px; left: 0; width: 100%; background: #fff; z-index: 11;border-top: 1px #e5e5e5 solid;}
.m_footer a{display: block; float: left;width: 25%; height: 45px; text-align: center;padding: 5px 0 0;}
.m_footer span{display: block;width: 23px; height: 23px;margin: 0 auto;}
.m_footer p{display: block; text-align: center;font-size: 12px;color: #8b8b8b; line-height: 15px;padding-top: 4px;}


/*=======================内页部分start=======================*/
/* table */
.main table{overflow-x: auto;}
.main tbody{width: auto;max-width: inherit;}
.main table *{white-space: nowrap!important;}
.main table .table_page *{white-space: inherit!important;}
.td_block tbody,.td_block tr,.td_block td,.table_page tbody,.table_page tr,.table_page td{display: block;width: auto;box-sizing: border-box;}
.hide_img img{display: none;}

/*内页样式*/
.path_title{border-bottom: 1px solid #e5e5e5; line-height: 50px; background: #fff;padding: 0 10px;}
.path_title span{font-size: 15px; font-weight: bold;}

/* 筛选 */
.attr_icon{color: #666;background: url(../images/attr_icon.png) no-repeat right center;background-size: 14px;padding:0 20px;}
.attr_cover{display: none;position: fixed; background: rgba(0,0,0,.7); width: 100%; height: 100%; top: 0; z-index: 1001;}
.attr_cover span{display: block; width: 40px; height: 40px; position: absolute; right: 70%; top: 10px; background: url(../images/close.png) no-repeat center center; background-size: 70%;}
.attr_se_list{ height: 100%; overflow-y: auto; position: fixed; background: #fff; top: 0; bottom: 0; right: -70%; width: 70%; z-index: 1002;}
.pdt_attr_list {padding: 20px 0 70px;font-size: 13px;}
.pdt_attr_list li{border-bottom: 1px #ececec solid;padding:5px 0 5px 10px;}
.pdt_attr_list li span{color: #666;}
.pdt_attr_list li a{display: block;width: 33.3333%;float: left;background-color: #f3f3f3;text-align: center;padding: 2px 0; margin: 5px 0;border-right: 10px #fff solid; box-sizing: border-box;word-break: break-all; padding: 5px; line-height: 20px;}
.pdt_attr_list li a.cu{background-color: #154a9a; color: #fff;}
.pdt_attr_list .attr_li{display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.attr_se_list .attr_btn{position: fixed;bottom: 0;left: 100%;right: 0;z-index: 1;background: #fff;padding: 10px 10px 20px;}
.attr_se_list .attr_btn input{border: none;text-align: center;float: left;line-height: 40px;color: #fff;}
.attr_se_list .attr_btn .submit{background-color: #154a9a;width: 60%;}
.attr_se_list .attr_btn .reset{background-color: #c1c1c1;width: 40%;}

/*图片列表*/
.photo_list{padding:10px 5px;}
.photo_list li{ width:50%; float:left;}
.photo_list a{display: block;padding: 0 5px; overflow: hidden;}
.photo_list li.p{ width:50%; float:left;padding: 0 5px;box-sizing: border-box;}
.photo_list .imsgs{display:block;overflow: hidden;border: 1px #e5e5e5 solid;position: relative;}
.photo_list img{width: 100%;vertical-align: top; position: absolute;}
.photo_list img.top1{z-index: 1;position: relative;}
.photo_list a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.photo_list p{display: block;text-align: center; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.photo_list a:hover p{color: #154a9a;}

/*产品列表*/
.product_cate{padding-top: 10px;}
.product_cate li{    width: 33.3333%;
    float: left;
    padding: 0 5px 10px;
    box-sizing: border-box;
}
.product_cate li a{display: block;
    text-align: center;
    background: #f3f3f3;
    border: 1px #e5e5e5 solid;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    padding: 0 5px;
    line-height: 32px;}
.product_cate li a.curr{background-color: #154a9a;color: #fff;border-color: #154a9a;}
.product_list {padding:10px 5px;}
.product_list li{ width:50%; float:left;}
.product_list a{display: block;padding: 0 5px; overflow: hidden;}
.product_list span{display:block;overflow: hidden;border: 1px #e5e5e5 solid;}
.product_list img{width: 100%;vertical-align: top;}
.product_list a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.product_list p{display: block;text-align: center; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.product_list a:hover p{color: #154a9a;}

/*产品详情*/
.product_group{padding: 10px;background: #fff;}
.product_group h2{color:#000;font-size:18px; line-height:26px;padding: 12px 0 16px;margin-bottom: 10px;border-bottom: 1px #e5e5e5 solid;}
.product_group li{line-height:26px; color: #666;color: #999;margin:10px 10px 10px 0; border: 1px #d2d2d2 solid; padding: 5px 10px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.product_group .download {padding-top: 10px;margin-top: 10px;border-top: 1px #e5e5e5 dashed;}
.product_group .download p{color: #999;}
.product_group .download a {line-height: 34px;}
.product_group .download a span{display: block;float: right;width: 34px;height: 34px;background: #154a9a  url(../images/download.png) no-repeat center center;background-size: 18px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.introduce{ color: #333;margin-bottom: 10px; border-bottom: 1px #e8e8e8 solid;font-size: 15px;line-height: 40px; text-indent: 10px;}
.product_content{ clear:both;overflow: hidden;line-height:26px;}
.product_content .pdt_attr_li{background: #fff; margin-top: 15px; clear: both; overflow: hidden; line-height: 26px;}
.product_content .pdt_attr_h4{font-size: 16px;padding: 0 10px;line-height: 40px;border-bottom: 1px #e5e5e5 solid;margin-bottom: 15px;}
.product_content .pdt_attr_info{padding: 0 10px 10px;}
.product_content img{height: auto!important;}
.product_content table{position: relative;}
.product_content table img{vertical-align: middle;max-width: initial;}
.product_content table::before{left: 0;top: -20px;content: "左右滑动表格可预览更多内容";padding: 3px 6px;font-size: 12px;background: #f7f6da;color: #a09143;}
.product_content table::after{left: 0;bottom: -20px;content: "左右滑动表格可预览更多内容";padding: 3px 6px;font-size: 12px;background: #f7f6da;color: #a09143;}
.product_content .pdt_attr_info .item{width: 50%;float: left;padding-bottom: 15px;box-sizing: border-box;}
.product_content .pdt_attr_info .item:nth-child(odd){padding-right: 5px;}
.product_content .pdt_attr_info .item:nth-child(even){padding-left: 5px;}
.product_content .pdt_attr_info .item p,.product_content .pdt_attr_info .item .time{display: none;}
.product_content .pdt_attr_info .item h4{font-weight: normal;text-align: center;}

/* 图片双指放大 */
#fullPage{ display: none; background: black;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 999999;}
#fullPage img{ display: block; width: 100%;}
#canvas{ width: 100%; height: 100%; background: none; display: block;}

/*相册放大*/
body.over-flow-x{overflow: hidden;}
#jquery-overlay{position:absolute;top:0;left:0;z-index:1001;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1002;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:100%!important;height:auto!important; min-height: 200px;margin:0 auto;overflow: hidden;}
#lightbox-container-image{padding:10px;}
#lightbox-container-image img{max-width: 100%;}
#lightbox-loading{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;line-height:0;background: url(../images/loading.gif) no-repeat center center;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{float:left;}
#lightbox-nav-btnNext{float:right;}
#lightbox-container-image-data-box{background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%!important;padding:0 10px 0;box-sizing:border-box;}
#lightbox-container-image-data{padding:0;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:20px;float:right;padding:0 10px 10px 0;}

/*分页样式*/
.page{clear:both; padding:10px 0px 0; text-align: center; font-size: 13px;}
.page a,.page .current {display: inline-block; padding: 5px 15px; background: #ebebeb; border-radius: 3px; -webkit-border-radius: 5px; margin:0 3px 10px 0;}
.page a:hover,.page .current{ background: #154a9a; color: #fff;}


/*上一个下一个*/
.point span{display: block; width: 60px; height: 150px;}
.point span a{display: block;width: 60px; height: 150px; text-indent: -999999px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background: url(../images/prev_next.png) no-repeat center top}
.point span.to_prev{position: fixed; left: 0; top: 40%; z-index: 1000;}
.point span.to_next{position: fixed; right: 0; top: 40%;z-index: 1000;}
.point span.to_prev a{background-position: 0 0 }
.point span.to_next a{background-position: -80px 0 }
.point span a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


/*下载列表*/
.main .download_list{padding: 10px;}
.main .download_list li{position: relative;background: #fff;border-bottom: 1px #e5e5e5 dashed; padding:10px 10px 10px 130px; height: 85px; margin-bottom: 10px;overflow: hidden;}
.main .download_list li{padding: 10px 70px 10px 0;position: relative;height: auto;}
.main .download_list li .btn{display: block;  width: 40px;  height: 36px;  line-height: 36px;padding-left: 28px; background: #154a9a  url(../images/download.png) no-repeat 10px center; color: #fff; background-size: 15px; position: absolute; right: 0; top: 10px;border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;}
.main .download_list h4{font-size: 14px; color: #000;line-height: 14px; font-weight: normal; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.main .download_list a{display: block;}
.main .download_list a:hover h4{color: #154a9a}
.main .download_list .list_time{font-size: 12px;line-height: 12px;color: #999;margin-top: 8px;display: block;}
.main .download_list .desc{color: #999;font-size: 12px;line-height: 18px;margin-top: 8px;}


/*新闻列表*/
.main .news_list{padding: 10px;display: flex;flex-wrap: wrap;}
.main .news_list li{width: 50%;float: left;padding-bottom: 15px;}
.main .news_list .image{display: block; overflow: hidden;}
.main .news_list .image img{ width: 100%;vertical-align: top; }
.main .news_list h4{font-weight: normal;
    padding: 10px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.main .news_list a{display: block;padding: 0 5px;}
.main .news_list a:hover h4{color: #154a9a}
.main .news_list .list_time{display: none;}
.main .news_list .desc{color: #999;font-size: 12px;line-height: 18px;}

/*视频列表*/
.videos_list{padding: 10px 5px;display: flex;flex-wrap: wrap;}
.videos_list li{width: 50%;float: left;}
.videos_list li a{display: block;padding: 0 5px;}
.videos_list .image{display: block;overflow: hidden;}
.videos_list .image img{width: 100%;vertical-align: top;}
.videos_list h4{font-weight: normal;padding:0 0 10px;white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.videos_list a:hover h4{color: #154a9a}
.videos_list .desc,.videos_list .list_time{display: none;}


/*新闻、下载详情*/
.news_content .content_title{font-size:16px; color: #000;border-bottom: 1px #e5e5e5 dashed;margin-bottom: 10px;padding-bottom: 5px;}
.news_content .time{display: block; color: #999;line-height: 30px;font-size: 12px; font-weight: normal;}
.news_content .info{padding-bottom: 10px;}

.download_content .fj{margin: 10px 0 30px;color: #999;font-size: 12px;}
.download_content .down_btn a{display: block;text-align: center; padding: 6px 0; background: #154a9a; color: #fff; font-size: 15px; border-radius: 4px; -webkit-border-radius: 3px;}
.news_content img,.download_content img{height: auto!important;}


/*订单/留言*/
.feedback_list li{ position: relative;margin-bottom: 10px;padding:0 0 10px 70px;border-bottom: 1px #e5e5e5 solid;}
.feedback_list li.code{padding-right: 50px;}
.feedback_list li.touch_code{padding: 0 0 10px;}
.feedback_list li .tncode_box{margin: 0 auto;padding: 10px 0;}
.feedback_list .codeimg{position: absolute;right: 0;top: 10px;}
.feedback_list span{display: block;width: 70px; position: absolute;left: 0;top: 0;line-height: 40px;}
.feedback_list input{width: 100%; height: 40px; border:none;}
.feedback_list textarea{width: 100%; height: 80px;border:none;padding-top: 5px;}
.feedback_cont .submit_btn{width: 100%; display: block; text-align: center; padding: 6px 0;position: relative;z-index: 2; background: #154a9a; color: #fff; font-size: 15px; border-radius: 4px; -webkit-border-radius: 3px;border:none;margin: 20px 0;}
.f_tip {line-height: 40px; background: #f3f3f3; display: block; padding: 0 10px; color: #999; margin: 20px 0;}

/*网站地图*/
.ul_sitemap li{list-style: none; line-height: 26px;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}
.ueditor_baidumap {background: #ccc;border-right: 1px #ccc solid;}

/*=======================内页部分end=======================*/


@media screen and (min-width: 320px) and (max-width: 768px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.photo_index .list .item span {height: 160px;}
	.photo_list span{height: 240px;}
}

@media screen and (min-width: 1024px) {
	.photo_index .list .item span {height: 220px;}
	.photo_list span{height: 330px;}

}
/*side-nav*/
.sidebar {display: block; position: relative; z-index: 1000;}
.grey_back { position: fixed; background: rgba(0,0,0,.7); width: 100%; height: 100%; top: 0; z-index: 1; }
.grey_back span{display: block;width: 40px; height: 40px; position: absolute; right: 230px; top: 10px; background: url(../images/close.png) no-repeat center center; background-size: 70%;}
.menu_btn {line-height: 30px; height: 30px;  margin: 10px;  display: block;  position: fixed;  right: 0;  top: 0;  background: url(../images/menu.png) no-repeat 5px center;  background-size: 30px;
    padding: 0 10px 0 35px;  border: 1px #e5e5e5 solid;  border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;}
.sidebar_wrap { height: 100%; overflow-y: auto; position: fixed; background: #fff; top: 0; bottom: 0; right: -220px; width: 220px; z-index: 2; }
#demo-list a { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.side-menu, .side-menu * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0 }
.side-menu { width: 100%; }
.side-menu .side-menu-header { width: 100%; height: 50px; padding:10px 0 10px 22px; float: left; line-height: 50px; font-weight: 600; color: #f0f0f0; background: #414956;border-bottom:  1px #f0f0f0 solid;}
.side-menu ul { width: 100%; overflow: hidden; margin: 0; padding: 0; list-style: none; }
.side-menu ul li { width: 100%; display: block; float: left; position: relative }
.side-menu ul li a { width: 100%; padding: 12px 10px 12px 20px; float: left; text-decoration: none; color: #f0f0f0; background: #414956; white-space: nowrap; text-overflow:ellipsis; position: relative; overflow: hidden; -o-transition: color .2s linear, background .2s linear; -moz-transition: color .2s linear, background .2s linear; -webkit-transition: color .2s linear, background .2s linear; transition: color .2s linear, background .2s linear }
.side-menu>ul>li.active>a, .side-menu>ul>li:hover>a { color: #fff; background: #3b424d }
.side-menu>ul>li>a { border-bottom: solid 1px #3b424d }
.side-menu .submenu-indicator {width: 36px;right: 8px;top: 8px;bottom: 8px;text-align: center;z-index: 3; position: absolute; line-height: 36px; font-size: 20px; -o-transition: transform .3s linear; -moz-transition: transform .3s linear; -webkit-transition: transform .3s linear; -ms-transition: transform .3s linear }
.side-menu ul ul.submenu .submenu-indicator {}
.side-menu ul ul.submenu .thimenu li a{background: #2b2b2b;border-bottom: 1px #282828 solid; padding-left: 45px;}
.side-menu .submenu-indicator-minus>.submenu-indicator { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.side-menu ul ul.submenu { width: 100%; display: none; position: static }
.side-menu ul ul.submenu li a { width: 100%; float: left; background: #383838; border-top: none; position: relative; border-left: solid 3px transparent; -o-transition: border .2s linear; -moz-transition: border .2s linear; -webkit-transition: border .2s linear; transition: border .2s linear }
.side-menu ul ul.submenu li:hover>a { border-left-color: #414956 }
.side-menu ul ul.submenu>li>a { padding-left: 30px; border-bottom: 1px #343434 solid;}
.side-menu ul ul.submenu>li>ul.submenu>li>a { padding-left: 50px;background: #2b2b2b;}
.ink { display: block; position: absolute; background: rgba(255,255,255,.3); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
.animate-ink { -webkit-animation: ripple .5s linear; -moz-animation: ripple .5s linear; -ms-animation: ripple .5s linear; -o-animation: ripple .5s linear; animation: ripple .5s linear }
 @-webkit-keyframes ripple {  100% {
 opacity: 0;
 -webkit-transform: scale(2.5)
}
}
 @-moz-keyframes ripple {  100% {
 opacity: 0;
 -moz-transform: scale(2.5)
}
}
 @-o-keyframes ripple {  100% {
 opacity: 0;
 -o-transform: scale(2.5)
}
}
 @keyframes ripple {  100% {
 opacity: 0;
 transform: scale(2.5)
}
}
.white.side-menu .side-menu-footer, .white.side-menu .side-menu-header, .white.side-menu ul li a { background: #fff; color: #555 }
.white.side-menu>ul>li.active>a, .white.side-menu>ul>li:hover>a { background: #f0f0f0 }
.white.side-menu>ul>li>a { border-bottom-color: #f0f0f0}
.white.side-menu ul ul.submenu li:hover>a { border-left-color: #f0f0f0 }
.white.side-menu ul ul.submenu li a { color: #f0f0f0 }
.white.side-menu>ul>li>a>.ink { background: rgba(0,0,0,.1) }
/*side-nav*/


/*share_mob*/
/*以下是样式代码*/
.screenW{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 10; display: none;}
.screenW.curr{display: block!important;}
.subW{width: 100%; height: 150px; position: absolute; left: 0; background-color: #FFF; z-index: 999;padding-bottom:50px;animation:sidebar-back .5s ease;  -webkit-animation:sidebar-back .5s ease;} 
.screenW.curr .subW{
    animation:sidebar-move .5s ease;
    -webkit-animation:sidebar-move .5s ease;bottom: 0; 
}
.subW .title{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: .4rem;}
.subW .close{width: 30px; height: 30px; text-align: center;display: block;margin:0 auto; }
.subW .info{ height: 100px;}
/*以下是对百度自带样式的改造*/
.shareBox .bdshare-button-style0-16{
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.1) 50%,transparent 50%);
    background-image: linear-gradient(bottom,rgba(0,0,0,.1) 50%,transparent 50%);
    background-size:  100% 1px;
    background-repeat: no-repeat;
    background-position: left bottom;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.shareBox .bdshare-button-style0-16:last-child{background: none;}
.shareBox .bdshare-button-style0-16:after{
    content: "";
    visibility: hidden;
    display: none;
    height: 0;
    clear: both;
}
.shareBox .bdshare-button-style0-16 a{
    text-align: center;
    float: none;
    font-size: 12px;
    padding: 45px 0 0 0;
    line-height: normal;
    height: auto;
    cursor: pointer;
    margin: 10px 0;
    position: relative;
    background: none;
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
}
.shareBox .bdshare-button-style0-16 a:after{
    content: " ";
    width:30px;
    height:30px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.shareBox .bdshare-button-style0-16 a.bds_qzone:after{
    background: url("../images/icon_qqkongjian_yellow.png") no-repeat; background-size: 100%;
}
.shareBox .bdshare-button-style0-16 a.bds_tsina:after{
    background: url("../images/icon_xinlangweibo_red.png") no-repeat; background-size: 100%;
}
.shareBox .bdshare-button-style0-16 a.bds_sqq:after{
    background: url("../images/icon_qqhaoyou_blue.png") no-repeat; background-size: 100%;
}
.shareBox .bdshare-button-style0-16 a.bds_tqq:after{
    background: url("../images/icon_qqweibo_green.png") no-repeat; background-size: 100%;
}
.shareBox .bdshare-button-style0-16 a.bds_weixin:after{
    background: url("../images/icon_weixin_green.png") no-repeat; background-size: 100%;
}

.shareBox .bdshare-button-style0-16 a.popup_more{width: 100%; margin: 20px 0;}
.shareBox .bdshare-button-style0-16 a.popup_more:after{
    width:40px;
    height:40px;
    position: absolute;
    left: 50%;
    top: 0px;
    background: url("../images/icon_more_orange.png") no-repeat; background-size: 100%;

}
/*动画*/
@keyframes sidebar-move {
    0% {
        bottom:-260px;
    }
    100% {
        bottom:0px;
    }
}
@keyframes sidebar-back {
    0% {
        bottom:0px;
    }
    100% {
        bottom:-260px;
    }
}
@-webkit-keyframes sidebar-move {
    0% {
        bottom:-260px;
    }
    100% {
        bottom:0px;
    }
}
@-webkit-keyframes sidebar-back {
    0% {
        bottom:0px;
    }
    100% {
        bottom:-260px;
    }
}