/****/
* { margin: 0; outline: 0; padding: 0; word-break: break-all;}
body{ color: #333; overflow-x: hidden; width: 100%; height: 100%; font:14px/2 arial,"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 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; background: none; color: #999; text-indent: 5px; margin: 0; padding: 0;-webkit-appearance: none;}
img { border:0; vertical-align: middle;}
small,i,em{font-style: normal;}
table{border-color: #e5e5e5; width: 100%; border-collapse: collapse;}
td,th {border-color: #e5e5e5; padding: 10px; vertical-align: middle; }
hr{height: 1px; border: none; background-color: #efefef; margin: 10px 0;}
a{ color: #333; text-decoration: none;}
a:hover{color: #c8161d;}
.hide,.mob .m_hide{display: none;}
.fl{float: left;}
.fr{float: right;}
.mb_15{margin-bottom: 15px;}
.mt_15{margin-top: 15px;}
.w{width: 1200px; margin: 0 auto;}
.main{width: 1200px; margin:20px auto 50px; height: auto; min-height: 400px; overflow: hidden;}
.container{margin: 150px auto 0;width:100%; overflow: hidden;}

.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0;}
.clearfix:after { clear: both;}

/*脙楼脗陇脗麓脙漏脝鈥櫭偮�+脙楼脗炉脗录脙篓脣鈥犆偮�*/
.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: 60px; */padding: 15px 5px;/* padding-bottom: 30px; */}
.header .phone{padding-left: 40px; background: url(../images/phone.png) no-repeat left center;margin-top: 30px;}
.header .phone p{font-size: 14px;color: #999;display: block;line-height: 12px;margin-left: 0.5rem;}
.header .phone h3{font-size: 2.2rem;color: #c8161d;display: block;line-height: 3.6rem;font-weight:normal;font-family: Impact;/* margin: 20px 20px 3px 20px; */margin-left: 0.5rem;}
.col-md-9 {width: 85%;}.header a {display: block;/* float: left; *//* width: 25%; */}
.header .logo_wel {display: block;width: 45%;height: 60px;border-left: 1px solid #777777;margin-left: 10px;padding-left: 15px;margin-top: 32px;float: left;}
.header .logo_wel h5 {font-size: 1.5rem;color: #0c0c0c;font-family: Microsoft YaHei;Font-weight: 700;margin-top: -10px;}
.header .logo_wel p {
	font-size: 16px;
	color: #7a7a7a;
	margin-top: -5px;
}
@media (max-width:768px){
.header .logo_wel {
display: none;
}}
.menu{background: #7a7a7a;}
.nav{display: block; text-align: center;}
.nav li{ display: inline-block;}
.nav .nav_li{float: left;}
.nav .nav_li.curr .nav_a,.nav .nav_li.curr .nav_a:hover,.nav .nav_li:hover .nav_a{ background:#c8161d;}
.nav .nav_a{display: block;width: 171px; line-height: 50px; position: relative; color: #fff;font-size: 16px;}

.nav .subnav{ display: none;position: absolute;background:#fff;z-index:99;box-shadow:0 0px 5px -1px rgba(0,0,0,.2);}
.nav .subnav_li{display: block; }
.nav .subnav_a{width: 171px; display: block; line-height: 40px;min-width: 56px;border-bottom: 1px #eee solid;}
.nav .subnav_a:hover{background: #f3f3f3;border-color: #f3f3f3;}

/*404*/
.error{width: 440px; height: 400px; text-align: center;position: absolute;  left: 50%; margin-left: -220px; top: 50%; margin-top: -160px;}
.error_img{margin: -40px auto 0; width: 220px;}

/*脙楼脗潞芒鈧⒚兟┟嗏€櫭偮�*/
.footer {color: #999; clear:both; background:#2b2b2b;}
.foot{padding: 40px 0;}
.foot h4{font-size: 20px; color: #fff; font-weight: normal;}
.foot .fl{width: 450px;padding-right: 80px;}
.foot .fl span{display: block; line-height: 35px;padding-left: 30px;background-position: left center;background-repeat: no-repeat;color: #cdcdcd;}
.foot .fl .tel{background-image: url(../images/tel_ft.png);font-size: 20px; color: #fff;}
.foot .fl .email{background-image: url(../images/email_ft.png);}
.foot .fl .fax{background-image: url(../images/fax_ft.png);}
.foot .fl .add{background-image: url(../images/add_ft.png);}
.foot p{color: #cdcdcd;border-top: 1px #383838 solid;margin-top: 10px; padding-top: 10px;}
.foot .fr{width: 140px;}
.foot .fr img{width: 130px;}

.copyright{line-height:28px; word-break:break-all; padding: 12px 0;background: #262626;}
.copyright a{color: #999;}
.btn_org{background: #F09216; font-size: 16px; padding: 6px 10px; display: inline-block; margin-bottom: 20px;}
 #returnTop {position:fixed;z-index:999;right:15px;bottom:-200px;width:36px;height:65px;text-indent:-999px;overflow:hidden;	
	transition:bottom 0.9s;	-webkit-transition:bottom 0.9s;	-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}

/*脙娄脗聽芒鈧∶兟偮偮久兟γ偮犆偮访兟ッ偮济偮�*/
.tags{}
.tags ul{position:absolute; z-index:100;width:720px; margin-top: 10px;}
.tags li{float: left;list-style:none; }
.tags a{display:block;color:#bdbdbd; height: 16px; font-size:12px; float:left;text-align:center; background-color:#68696D; padding:3px 10px; margin:5px 4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px;line-height: 16px;}
.tags a:hover{ text-decoration:none; background-color:#68696D; color:#fff;}

/*=======================脙漏脗娄芒鈧€溍兟┟偮∶偮得兟┟嗏€櫭偮兟ッ嬧€犆⑩偓聽start=======================*/
.t{padding: 15px 0; border-bottom: 1px #ececec solid; margin-bottom: 20px;}
.t h3{text-align: center; font-size: 30px; font-weight: normal;}

/*banner*/
.banner,.pdt_thumb{width:100%; position:relative;overflow:hidden;background:#f5f5f5 url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.banner .slides li{height:555px; background-position:50% 0; background-repeat: no-repeat;display: none;}
.banner .slides li a{display: block; width: 100%; height: 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;overflow:hidden;background:#fff; background: rgba(255,255,255,.5); text-indent: -9999px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}

.flex-control-nav .flex-active{ background: rgba(255,255,255,1);}

.flex-direction-nav{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;}

/*脙楼芒鈧犆⑩偓娄脙漏脗隆脗碌banner*/
.page_banner{position: relative; width: 2560px; left: 50%; margin:0 auto 0 -1280px;  text-align: center; height: auto; overflow: hidden; background: #eee;}
.page_banner span{display: none;}

/*脙陇脗潞脗搂脙楼芒鈧撁偮伱兟γ偮幻吢∶兟ッ吢犆偮�*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{	display: none;	padding: 0;	position: relative;	width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls .owl-buttons div {position: absolute;top: 40%;width: 30px;height: 58px;margin: 0;padding: 0;overflow: hidden;_display: none;}
.owl-theme .owl-controls .owl-buttons div:hover{color: #666;}
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -60px; background: url(../images/l.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-next { right: -60px;background: url(../images/r.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover{background: url(../images/l_hover.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-next:hover{background: url(../images/r_hover.png) no-repeat center center;}

/*脙陇脗潞脗搂脙楼芒鈧撁偮伱兟ッ嬧€犆⑩偓隆脙娄脗聧脗垄*/
.pdt_switch .tabs{text-align: center;display: block; width: 1400px; margin-left: -100px;}
.pdt_switch .tabs li{display: inline-block;margin: 0 10px;width: 20%;height: 50px;overflow: hidden;line-height: 50px;}
.pdt_switch .tabs li a{display: block;font-size: 15px;text-align: center;background: #eee;transition:background .3s;-webkit-transition:background .3s,color .3s;}
.pdt_switch .tabs li.thistab a,.pdt_switch .tabs li a:hover{background: #c8161d;color: #fff;}
.pdt_switch .tab_conbox{margin-top: 20px;}
.pdt_switch .tab_conbox > li{display: none; width: 106%;}

.pdt_switch .item{width: 285px; float: left; margin:0 20px 20px 0; background: #fff;}
.pdt_switch .item a{display: block;border:5px #e7e7e7 solid; position: relative; color: #333;padding-bottom: 10px;}
.pdt_switch .item a small{display: block; color: #999;padding: 0 20px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pdt_switch .item a:hover{border-color: #c8161d;}
.pdt_switch .item span{ display:block;}
.pdt_switch .item img{width:100%;}
.pdt_switch .item em{position: absolute;right: -5px;bottom: -5px;width: 33px; height: 33px;  background: url(../images/em.png) no-repeat; z-index: 1;}
.pdt_switch .item p{line-height: 40px;padding: 0 20px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}

/*脙陇脗录脣艙脙楼脜聽脗驴*/
.adv_switch{ padding: 30px 0;}
.adv_switch .fl{width: 360px; height: 380px; background: #eee; text-align: center;}
.adv_switch .fl h4{font-size: 28px;padding-top: 12px}
.adv_switch .fl p{padding: 0 30px; font-size: 14px;color: #999;padding-bottom: 12px;}
.adv_switch .fl li a{height: 60px; line-height: 60px; border-bottom: 1px #fff solid;display: block;font-size: 16px;}
.adv_switch .fl li a:hover,.adv_switch .fl li.thistab a{background: #c8161d; color: #fff;}
.adv_switch .fr{width: 790px; height: 330px;border: 5px #c8161d solid;padding: 20px;overflow: hidden; }
.adv_switch .fr .ad{color: #666; text-align: center;display: block;cursor: default;}
.adv_switch .fr .ad img{max-width: 100%;}
.adv_switch .fr .ad span{display: none;}
.adv_switch .fr .ad p{text-align: left;}

/*脙娄脗聬脜鈥溍兟偮疵偮�*/
.searchformzone{width: 315px; float: right; margin:6px 0 6px 0; position: relative;}
.searchformzone .searchform{width: 280px; border-radius: 4px 0 0 4px;}
.searchformzone .searchform input{width: 100%; height: 36px; border:1px #e4e4e4 solid; background: #fff;}
.searchformzone .search_submit{display: block; border-radius: 0 4px 4px 0; position: absolute; right: 0; top: 0; z-index: 1; background: #c8161d url(../images/searchicon.png) no-repeat center center; text-indent: -9999999px}
.searchformzone .search_submit a{display: block; width: 40px; height: 38px;}


/*脙娄脗禄脜隆脙楼脜聽脗篓脙搂芒鈧好偮该兟ッ⑩偓聽脜鈥�*/
.photo_scroll{padding: 10px 0;}
.photo_scroll .dowebok{width: 1220px; margin-left: -10px;}
.photo_scroll .item{padding: 0 10px;}
.photo_scroll .item span{display: block; width: 100%; overflow: hidden;border:1px #e5e5e5 solid;}
.photo_scroll .item span img{width: 100%;}
.photo_scroll .item p{ text-align: center;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;background: #f5f5f5; margin-top: 10px; line-height: 40px;}

/*脙楼脗聬脣鈥犆兟っ偮矫呪€溍兟っ偮济⑩€灺⒚兟っ偮济偮�*/
.partner{ background: #f5f5f5;margin-top:10px ;padding-bottom: 20px;}
.partner .list{width: 105%;}
.partner .item{width: 185px; float: left;overflow: hidden; margin-right: 18px;}
.partner .item img{width:100%;}
.partner .item p{line-height: 40px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden; text-align: center;}

/*脙娄芒鈧€溍偮懊兟┟⑩偓鈥澝偮幻兟ッ嬧€犆⑩偓鈥澝兟偮∶偮�*/
.news_box{background: #f5f5f5; text-align: center;}
.news_box ul{width: 120%;overflow: hidden;}
.news_box li{width: 420px; padding:0 50px 0 160px; margin-bottom: 20px; position: relative;min-height: 100px;float: left; text-align: left;}
.news_box li .image{position: absolute; left: 0; top: 0; width: 150px; height: 100px;}
.news_box li .image img{width: 150px; height: 100px;}
.news_box li .news_t{display: block; line-height: 25px; font-size: 16px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.news_box li .desc{font-size: 14px; line-height: 20px; color: #999; padding: 5px;}
.news_box li .time{font-size: 12px;}
.news_box .more{color: #bcbcbc;border:1px #e5e5e5 solid;padding: 2px 10px;display: inline-block;margin:20px 0 40px}


/*脙漏脗娄芒鈧€溍兟┟偮∶偮得兟ッ偮姑偮棵兟ッ⑩偓藴脜聽*/
.ad_box{text-align: center;margin: 30px 0 40px;}
.ad_box span{display: none;}
.ad_box p{display: none;}

/*脙楼芒鈧γ偮趁兟っ偮好吢�*/
.about_index{background: url(../images/about_bg.jpg) no-repeat center top;background-size: cover;padding-bottom: 40px;}
.about_index .t {border-color: #577a8f}
.about_index .t h3{color: #fff;}
.about_index .w{text-align: center; color: #fff;}
.about_index .info{padding: 0 50px 10px;}
.about_index .more{color: #bcbcbc;border:1px #fff solid;padding: 2px 10px;display: inline-block;margin-top: 20px;}
.about_index .ad span,.about_index .ad p{display: none;}

.links {margin: 50px 0;}
.links .tt{border-top: 1px #f4f4f4 solid;}
.links span{display: block;float: left;width: 100px; line-height: 40px; background: #fff url(../images/links.png) left center no-repeat;margin-top: -20px; font-size: 18px; padding-left: 40px;}
.links .list{clear: both;padding-top: 10px;}
.links .list a{display: block;float: left;margin: 0 10px 10px 0; line-height: 14px;}

.more:hover{background: #c8161d;color: #fff;border-color: #c8161d}

/*=======================脙漏脗娄芒鈧€溍兟┟偮∶偮得兟┟嗏€櫭偮兟ッ嬧€犆⑩偓聽end=======================*/



/*=======================脙楼芒鈧犆⑩偓娄脙漏脗隆脗碌脙漏脝鈥櫭偮兟ッ嬧€犆⑩偓聽start=======================*/
/*脙楼脗路脗娄脙陇脗戮脗搂*/
#left {float:left; width:20%;}
#left h2{ font-size: 20px; font-weight: normal; padding-left: 20px; line-height: 70px; background: #c8161d; color: #fff;}
#left .category{background: #eee; padding-bottom: 15px; margin-bottom: 20px;}
#left .contact{background: #eee; padding: 10px; margin-bottom: 20px;}

/*脙楼脗路脗娄脙陇脗戮脗搂脙楼脣鈥犆⑩偓聽脙搂脗卤脗禄*/
.category a{display:block; padding-left: 20px; border-left: 3px solid #eee; line-height: 50px;}
.category a:hover,.category li.small a:hover,.category li a.category_active,.category li.small a.category_active{ border-left: 3px solid #c8161d; background: #fff;}
.category li.small a{display:block;text-decoration:none; text-indent: 30px;background:#f6f6f6; color: #999;border-left: 3px solid #f6f6f6;}


/*脙楼脗聫脗鲁脙陇脗戮脗搂*/
#right{float:left; width:77%; margin-left: 3%; display: inline-block;}
#right .content{padding: 20px 0; height: auto; overflow: hidden;}

/*脙楼芒鈧犆⑩偓娄脙漏脗隆脗碌脙娄脗聽脗路脙楼脗录脗聫*/
.path_title{height:60px;border-bottom: 1px solid #ededed; line-height: 60px;}
.path_title .span_left{ float: left; font-size: 22px;}
.path_title .span_right{ float: right; color: #999}
.path_title .span_right a{color: #999;}

/*脙陇脗潞脗搂脙楼芒鈧撁偮伱兟ッ嬧€犆⑩偓鈥澝兟偮∶偮�*/
.products_list {width: 102%; padding-top: 20px;}
.products_list li{ width:31.3333%; float:left; margin-right: 2%; margin-bottom: 20px; }
.products_list a{display: block; width: 100%; overflow: hidden;}
.products_list span{display:block;overflow: hidden;border:1px #e5e5e5 solid;}
.products_list img{width: 100%;}
.products_list a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.products_list p{display: block;text-align: center; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.products_list a:hover p{color: #c8161d;}


/*脙陇脗潞脗搂脙楼芒鈧撁偮伱兟偮偮γ兟γ嗏€櫭⑩偓娄*/
.main_photo{float:left; margin:20px 0px 0px 0;}
.product_group{float:left; width:450px; margin:20px 0px 0px 20px;}
.product_group h2{color: #000; font-size: 18px; line-height: 30px; padding: 8px 0px 20px 0px; border-bottom: dashed 1px #e5e5e5; margin-bottom: 25px;}
.product_group li{line-height:26px; color: #666;}
.product_group li.nbd{border: none;}
.product_group .product_attr{background: #f3f3f3;padding: 10px;}
.product_content{ clear:both; width:100%; overflow:hidden;line-height:26px; padding-top: 25px;}
.introduce{ color: #333;margin-bottom: 20px; border-bottom: 1px #e8e8e8 solid;font-size: 18px;line-height: 50px;}

.product_group .m_hide{border-top:dashed 1px #e5e5e5;margin-top: 25px;padding-top: 18px;}
.product_group span.tel{line-height: 22px;margin-bottom: 10px;display: block;font-size: 12px; background: url(../images/pdt_tel.png) no-repeat left center; padding-left: 20px;}
.product_group span.tel p{font-size: 18px; color: #c8161d;}
.product_group span.fd a{display: block;background: #c8161d;padding: 5px ;width: 135px; text-align: center; color: #fff;border-radius: 4px;}

/*脙楼芒鈧好偮久兟⑩偓掳芒鈧∶兟ッ嬧€犆⑩偓鈥澝兟偮∶偮�*/
.photo_list{width: 102%; padding-top: 20px;}
.photo_list li{ width:31.3333%; float:left; margin-right: 2%; margin-bottom: 20px; }
.photo_list a{display: block; width: 100%;}
.photo_list span{border:1px #e5e5e5 solid;; display:block; overflow: hidden;}
.photo_list img{width: 100%;}
.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: #c8161d;}

/*脙搂芒鈧好偮该兟ッ⑩偓聽脜鈥櫭兟γ⑩偓聺脗戮脙楼脗陇脗搂*/
body.over-flow-x{overflow: hidden;}
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1000;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#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%;padding:0 10px 0;}
#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; margin:25px 0px; 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;}
.page a:hover,.page .current{ background: #c8161d; color: #fff;}


/*脙陇脗赂脜聽脙陇脗赂芒鈥毬兟っ偮该偮兟っ偮该⑩偓鹿脙陇脗赂芒鈥毬兟っ偮该偮�*/
.point{}
.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;}


/*脙娄芒鈧€溍偮懊兟┟⑩偓鈥澝偮幻兟ッ嬧€犆⑩偓鈥澝兟偮∶偮�*/
#right .news_list{padding: 30px 0;}
#right .news_list li{position: relative; padding-left: 220px; height: 130px; margin-bottom: 15px; padding-bottom: 20px;border-bottom: 1px #e5e5e5 dashed;margin-bottom: 20px;}
#right .news_list .image{display: block; width: 200px; height: 130px; position: absolute; left: 0; top: 0; overflow: hidden; border: 1px #e5e5e5 solid;}
#right .news_list .image img{width: 200px;}
#right .news_list h4{font-size: 18px; color: #000; font-weight: normal;}
#right .news_list a{display: block;}
#right .news_list a:hover h4{color: #c8161d}
#right .news_list .list_time{display: block;}
#right .news_list .desc{color: #999;}

/*脙陇脗赂芒鈧姑兟偮矫偮矫兟ッ嬧€犆⑩偓鈥澝兟偮∶偮�*/
#right .download_list{padding: 30px 0;}
#right .download_list li{ margin-bottom: 20px; border-bottom: 1px #eee dashed; padding-bottom: 20px;}
#right .download_list h4{font-size: 18px; color: #000; font-weight: normal;}
#right .download_list a{display: block;}
#right .download_list a:hover h4{color: #c8161d}
#right .download_list .list_time{display: block;}
#right .download_list .desc{color: #999;}


/*脙娄芒鈧€溍偮懊兟┟⑩偓鈥澝偮幻兟偮偮γ兟γ嗏€櫭⑩偓娄*/
.news_info{border-top: 1px #e5e5e5 dashed;padding-top: 20px; margin-top: 20px;}
h1.content_title{font-size:22px; font-weight: normal; line-height:45px; color: #000;}
.down_btn{display: inline-block; padding: 8px 25px; background: #e58904; color: #fff; font-size: 16px; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 10px;}
.down_btn:hover{color: #fff; background: #CE7A00;}

/*脙篓脗庐脗垄脙楼脗聧芒鈧⒚兟⑩偓垄芒鈥灺⒚兟偮⑩€毬�*/
dl.table{margin:30px 0 0;}
dl.table dt{float:left; width:75px; height:40px; line-height:40px;}
dl.table dd{height:40px; margin-bottom: 20px;}
dl.table dd input{border:1px solid #ebebeb;width:360px; height: 40px;}

dl.table dd.biezhu{height:130px;}
dl.table dd.biezhu textarea{height:115px;width:360px;border:1px solid #ebebeb;}
.codeimg{background-color: #000; margin: 0 0 0 10px;}
dl.table dd .submit_btn{ width: 160px; margin-right: 20px; background: #c8161d; color: #fff; cursor: pointer; border:none; text-indent: 0;}

/*脙搂脗陆芒鈧溍兟偮⑩€灺⒚兟ッ呪€溍偮懊兟ッ⑩偓潞脗戮*/
.ul_sitemap{margin: 10px 0 30px 30px;}
.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;}

/*=======================脙楼芒鈧犆⑩偓娄脙漏脗隆脗碌脙漏脝鈥櫭偮兟ッ嬧€犆⑩偓聽end=======================*/

/* 脙娄芒鈧∶偮兟γ偮得偮兟ッ偮偮⒚兟γ呪€溍偮�*/
#leftsead{position:fixed;bottom:0;right:0; z-index:79}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{height:60px;}
#leftsead li span{display: block; width: 140px; height: 60px; padding-left: 60px;margin-right:-140px;cursor:pointer;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#leftsead li a{height:60px;float:right;display:block;min-width:60px;max-width:140px; color: #fff; line-height: 60px;}

#leftsead li.qq_li span{background: #19baea url(../images/q.png) no-repeat 10px center;}
#leftsead li.msn_li span{background: #58d249 url(../images/msn.png) no-repeat 10px center;}
#leftsead li.skype_li span{background: #12e2cd url(../images/skype.png) no-repeat 10px center;}
#leftsead li.w_li span{background: #ef6311 url(../images/ww.png) no-repeat 10px center;}
#leftsead li.ww_li span{background: #e8952d url(../images/ww.png) no-repeat 10px center;}
#leftsead li.www_li span{background: #b1d848 url(../images/ww.png) no-repeat 10px center;}
#leftsead li.feedback span{background: #e46464 url(../images/feedback.png) no-repeat 10px center;}
#leftsead li.code_li span{background: #6381f1 url(../images/code.png) no-repeat 10px center; position: relative;}
#leftsead li.code_li .code{ width: 280px; height: 280px; position: absolute; right: 140px; bottom: 0; background:#6381f1; background: rgba(99, 129, 241, 0.52); border-radius: 5px; padding: 10px;}
#leftsead li.code_li .code img{width: 280px; height: 280px;}
#leftsead li.top_li span{background: #6e6e6e url(../images/gotop.png) no-repeat 10px center;}
#remind{ width: 100%; height: 60px;line-height: 60px; position: fixed; bottom: 0; left: 0; z-index: 10; color: #f5d783; font-size: 20px; text-align: center; background: #000; background: rgba(0,0,0,.8);}

/*========== mob ==========*/
.mob{font-size: .8rem;}
.mob .sidebar,.mob .m_show{display: block;margin-bottom: 60px;}
.mob .menu,.mob .phone,.mob #leftsead,.mob .flex-direction-nav,.mob .t a,.mob .pdt_switch .item a:hover em,.mob .links_box,.mob #left,.mob .path_title .span_right,.mob #right .news_list .list_time,.mob .main_photo,.mob .pdt_page .page_banner,.mob .pdt_page .path_title,.mob .page_banner,.mob #right .down_btn,.mob .container .searchformzone,.mob .footer,.mob #map{display: none!important;}
.mob .photo_scroll .item,.mob .news_box ul,.mob .path_title{padding: 0 10px;}
.mob #right img{max-width: 100%;height: auto!important;}

.mob .header .logo{height: 30px;padding: 10px;width: 103px;overflow: hidden;}
.mob .header .logo img{height: 30px;/* margin: 20px 20px 3px 20px; */margin-top: -0.5rem;}
.mob .container{margin: 50px 0 10px;width: 100%;}
.mob .w,.mob .main,.mob #right{width: 100%;margin: 0; padding: 0}

.mob .banner{height: 160px;}
.mob .slides li{height: 160px; background-size: auto 100%;}
.mob .flex-control-nav li{width: 8px; height: 8px;margin: 0 3px;}
.mob .flex-control-nav a{width: 8px; height: 8px;}

.mob .t{padding: 10px;font-size: .9rem;margin-bottom: 10px;}
.mob .t h3{font-size: 16px;text-align: left;font-weight: bold;}

.mob .dowebok{width: 100%;margin: 0;padding: 0 5px;box-sizing:border-box;}
.mob .dowebok .item {padding: 0 5px;}
.mob .pdt_scroll .item a{border:none;}
.mob .pdt_scroll .item a:hover p{background: #fff; color: #333;}
.mob .pdt_scroll .item span,.mob .pdt_switch .item span,.mob .photo_scroll .item span{background: none;height: auto;width: 100%;border:none;display: block;}

.mob .pdt_switch .tabs{padding:0 10px; margin:0 0 10px;overflow: hidden;width: 100%;box-sizing:border-box;}
.mob .pdt_switch .tabs li{width: 31.3333%;margin:0 1%;line-height: 35px; height: 35px;float: left;margin-bottom: 10px;}
.mob .pdt_switch .tabs li:nth-child(7){display: none;}
.mob .pdt_switch .tabs li a{padding: 0;font-size: 12px;display:block; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.mob .pdt_switch .tab_conbox{margin: 0; padding: 0 5px;}
.mob .pdt_switch .tab_conbox li{width: 100%;}
.mob .pdt_switch .item{width:50%; background: none;margin: 0 0 10px;}
.mob .pdt_switch .item a{border:none;padding: 0 5px;}
.mob .pdt_switch .item p{padding: 0;line-height: 30px;text-align: center;}
.mob .pdt_switch .tab_conbox small{display: none;}

.mob .adv_switch {padding:10px 0; }
.mob .adv_switch .fl,.mob .adv_switch .fr{width: 100%;height: auto;border:none; box-sizing: border-box;}
.mob .adv_switch .fr{padding: 10px;}
.mob .adv_switch .fl h4{font-size: 16px; padding: 10px; text-align: left;border-bottom: 1px #e2e2e2 solid;margin-bottom: 10px;}
.mob .adv_switch .fl p{display:none;}
.mob .adv_switch .tabss{padding: 0 10px;}
.mob .adv_switch .tabss li{width: 25%;float: left;}
.mob .adv_switch .tabss li a{height: 35px; line-height: 35px;font-size: 12px;border:none;}

.mob .partner .list{width:auto;padding: 0 5px;}
.mob .partner .list .item{width: 50%; margin: 0 0 10px;display: none;}
.mob .partner .list .item:nth-child(1),.mob .partner .list .item:nth-child(2),.mob .partner .list .item:nth-child(3),.mob .partner .list .item:nth-child(4){display: block;}
.mob .partner .list .item a{padding: 0 5px;display: block;}

.mob .about_index{padding-bottom: 10px;}
.mob .about_index img{width: 90%;}
.mob .about_index .info{padding: 0 10px;}

.mob .news_box{padding-bottom: 0;}
.mob .news_box ul{overflow: hidden;width: auto;}
.mob .news_box li{border-bottom: 1px #e5e5e5 dashed;padding:0 0 10px 100px;margin-bottom: 10px;height: 60px; overflow: hidden;min-height: 60px;width: auto;float: none;}
.mob .news_box li:nth-child(4),.mob .news_box li:nth-child(5),.mob .news_box li:nth-child(6){display: none;}
.mob .news_box li .image{width: 90px; height: 60px;}
.mob .news_box li img{width: 90px; height: 60px;}
.mob .news_box li .desc{font-size: 12px;padding: 0;height: 40px; line-height: 20px; overflow: hidden;}
.mob .news_box li .news_t{font-size: 14px;}
.mob .news_box .more{margin: 0 0 10px;}

.mob #right .content{padding: 10px;}
.mob .page_banner img{width: 20%;}
.mob .path_title{height: 40px; line-height: 40px; background: #eee;}
.mob .path_title .span_left{font-size: .9rem;}

.mob .photo_list,.mob .products_list{padding: 10px 5px 0; width: auto;}
.mob .photo_list li,.mob .products_list li{width: 50%;margin: 0 0 10px;}
.mob .photo_list li a,.mob .products_list li a{display: block;padding: 0 5px;width: auto;}
.mob .photo_list span,.mob .products_list span{width: 100%; height: auto; background: none;}
.mob .photo_list p,.mob .products_list p{height: 30px; line-height: 30px;}
.mob .photo_list a:hover p,.mob .products_list a:hover p{color: #333}
.mob .photo_list a,.mob .products_list a{background: none;}
.mob .pdt_thumb{display: block;}
.mob .pdt_thumb,.mob .pdt_thumb .slides li{height: auto;overflow: hidden; text-align: center;}
.mob .pdt_thumb .slides li img{width: 100%;max-width: 800px;}

.mob #lightbox-container-image{padding:0;}
.mob #lightbox-container-image-data #lightbox-image-details{width: 100%; text-align: center;padding-bottom: 5px;}
.mob #lightbox-container-image-box{width: 100%!important; background: none;}
.mob #jquery-lightbox{position: fixed;width: 100%; height: 100%; top: 0!important;}
.mob #jquery-lightbox img{max-width: 100%;}
.mob #lightbox-container-image-data-box{padding: 0; background: none; position: fixed; bottom: 0; width: 100%!important; z-index: 10;}
.mob #lightbox-nav-btnPrev{ background-image: url(../images/lightbox-btn-prev.png)!important; background-position: 0 45%!important; background-size: 20%!important; background-repeat: no-repeat;}
.mob #lightbox-nav-btnNext{ background-image: url(../images/lightbox-btn-next.png)!important; background-position: 100% 45%!important;background-size: 20%!important; background-repeat: no-repeat;}

.mob #right .news_list,.mob #right .download_list{padding: 10px 10px 0;}
.mob #right .news_list li{padding-left: 110px;height: auto;min-width: 65px;border-bottom: 1px #e5e5e5 dashed;padding-bottom: 10px;margin-bottom: 10px;}
.mob #right .news_list .image{width: 100px; height: 72px;}
.mob #right .news_list h4,.mob #right .download_list h4{font-size: .9rem;white-space: nowrap; text-overflow:ellipsis;overflow: hidden;}
.mob #right .news_list .desc{font-size: 12px;height: 45px; overflow: hidden;}
.mob #right .download_list li{ border-bottom: 1px #e5e5e5 dashed; padding-bottom: 10px; margin-bottom: 10px;}
.mob #right .content_title,.mob .product_group h2{font-size: 1rem;margin: 0;line-height: 25px; font-weight: normal;padding-top: 0;font-weight: bold;margin-bottom: 5px;}
.mob #right .time{display: block;border-bottom: 1px #e5e5e5 dashed;padding-bottom: 5px; margin-bottom: 5px;}

.mob .product_group{width: 100%;padding: 10px;box-sizing:border-box;margin: 0;}
.mob .introduce{font-size: .8rem; font-weight: normal; text-indent: 10px; line-height: 30px; background: #eee;margin-bottom: 10px;border: none;}
.mob .product_content{padding: 0 10px 10px;box-sizing:border-box;}

.mob .page{margin: 10px;font-size: 13px;}
.mob .page a,.mob .page .current{padding: 0 8px;}

.mob dl.table{margin: 0; padding: 10px;}
.mob dl.table dt{float:none;height: auto;}
.mob dl.table dd{margin-bottom: 0; width: 100%;}
.mob dl.table dd input,.mob dl.table dd textarea {width: 100%;}
.mob dl.table dd .submit_btn{float: left; width: 48%;margin: 20px 1%;}

.mob .searchformzone{width: 100%; margin: 0 auto; float: none; background: #fff;padding: 15px 50px 15px 10px;border-bottom: 1px #f0f0f0 solid; position: relative;}
.mob .searchformzone .searchform{width: 100%;}
.mob .searchformzone .searchform input{background:none; border-radius: 15px; width: 100%; height: 30px; border: thin solid #dedede; text-align: center; text-indent: 0;}
.mob .searchformzone .search_submit{border-radius: 100%;width: 30px; height: 30px;top: 15px;right: 10px; background-size: 65%; background-color: #d3d3d3;}
.mob .searchformzone .search_submit a{display: block; width: 30px; height: 30px;}

.mob .error{width: 100%; position: inherit; margin:0 auto;padding-top: 80px;}
.mob .error h1{font-size: 1.2rem;}
.mob .error_img{width: 50%;} 

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

@media (min-device-width: 569px) and  (max-device-width: 736px) and (orientation: landscape) {
	.mob .banner{height: 260px;}	
}
@media screen and (min-width: 750px) and (max-width: 960px) {
	.mob .banner,.mob .slides li{height: 280px;}
	.mob .page_banner{display: block!important;}
	.mob .page_banner img{width: 50%;}
}
@media screen and (min-width: 961px) and (max-width: 1080px) {
	.mob .banner,.mob .slides li{height: 320px;}
	.mob .page_banner{display: block!important;}
	.mob .page_banner img{width: 50%;}
}
@media screen and (min-width: 1081px){
	.mob .banner,.mob .slides li{height: 400px;}
	.mob .pdt_switch .item{width: 24%;margin:0 1% 15px 0;}
	.mob .pdt_switch .item:nth-child(even){margin-left: 0;}
	.mob .page_banner{display: block!important;}
	.mob .page_banner img{width: 70%;}
}

/*side-nav*/
.sidebar {display: none; position: relative; z-index: 12;}
.grey_back { position: fixed; background: #000; opacity: 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 { width: 36px; height: 36px;margin: 7px; display: block; position: fixed ; right: 0; top: 0;background: url(../images/menu.png) no-repeat center center; background-size: 80%; text-indent: -9999px;}
.sidebar_wrap { height: 100%; overflow-y: auto; position: fixed; background: #eee; 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 { float: right; right: 22px; position: absolute; line-height: 25px; 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 { line-height: 16px }
.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>ul.submenu>li>a { padding-left: 60px }
.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 .close img{width: 100%;}
.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;
    }
}