@-ms-viewport{width: device-width;}
@media only screen and (min-device-width: 800px){html{overflow:hidden;} }
html{height:100%;}
a:link{text-decoration: none;color: #FFF;}
a:visited{text-decoration: none;color: #FFF;}
a:hover{text-decoration: none;color: #FFF;}
ul{margin: 0px;padding: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;list-style-type: none;}
#box{overflow: visible;position: absolute;z-index: 999;right: 10px;top: 50px;width:108px;}
#box ul {float: right;}
#box ul li{height:38px;width:80px;margin-top: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;color: #FFF;background-image: url(../images/bg.png);line-height: 38px;text-align: center;font-size: 12px;font-weight: bold;padding-right: 8px;padding-left: 8px;overflow: hidden;}
#box ul a .huang{color: #FF0;}
#box ul a .ipad{background-image: none;margin-top: 10px;}
#jx_box{display:none;position: absolute;z-index: 999;width:800px;height:500px;top:50%;left:50%;margin-left:-400px;color: #000;-moz-border-radius: 8px;-webkit-border-radius: 8px;-moz-box-shadow: 0px 0px 10px #000;-webkit-box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px #000;/* For IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');margin-top: -280px;background-image: url(../images/bg_90.png);border: 1px solid #000;}
#jx_box_content{margin-top: 10px;margin-right: 20px;margin-bottom: 10px;margin-left: 20px; padding-bottom:80px;}
#jx_box_content img{max-width:100%; margin: auto;}
#jx_box_close{background-image:url(../images/erlfff-yuan.png);background-size:53px 53px;position: absolute;right:0px;height:53px;width:53px;cursor:pointer;top: 0px;z-index: 9999;}
#wrapper{position:relative;z-index:9999;overflow:auto;height: 480px;margin-top: 10px;width: 100%;}
/*浮动客服样式*/
.main-im{position:fixed; right: 10px; top:230px; z-index: 99999999; width: 110px; height: 145px;}
.main-im .qq-a{display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative;}
.main-im .qq-a span{bottom: 5px; position: absolute; width: 90px; left: 10px;}
.main-im .qq-hover-c{width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9;}
.main-im .qq-container{z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width: 70px; left: 1px; top: 8px; position: absolute;}
.main-im .im_main{background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel{color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num{font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover{background: #fafafa;}
.main-im .im_main .weixing-container{width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute;}
.main-im .im_main .weixing-show .weixing-ma{width: 104px; height: 103px; padding-left: 5px; padding-top: 5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top{width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display: block; width: 52px; height: 47px;}
.main-im .close-im{position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px;}
.main-im .close-im a{display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration: none;}
.main-im .open-im{cursor: pointer; margin-left: 68px; width: 40px; height: 145px; background: url(../images/open_im.png) no-repeat left top;}
.main-im .open-qrcode{cursor: pointer; margin-left: 68px; width: 40px; height: 145px; background: url(../images/open_qrcode.png) no-repeat left top;}
.caozuoshipin{position:fixed; right: 12px; top:380px; z-index: 99; width: 40px; height: 150px; background: url(../images/caozuo.jpg) no-repeat left top;}
.baocuntishi{height: 81px; width: 170px; position: absolute; left: 557px; top: 13px; z-index: 2;}
.ditutishi{height: 81px; width: 170px; position: absolute; left: 750px; top: 0px; z-index: 2;}

.qrerwei{height: 120px;width: 95px; float: right; background-repeat: no-repeat;margin-top: 20px;filter: alpha(opacity=80);-moz-opacity: 0.80; opacity: 0.80; border-radius: 5px; font-size: 12px;text-align: center; line-height: 20px;background: #fff; color: #000;}

/**分享列表**/
body[browser="pc"] #shareButton_weixin:hover , body[browser="mobile"] #shareButton_weixin:active{color:#000; background-color:rgba(253,217,0,1);}
#shareButton{position:fixed; left:0px; bottom:165px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../images/bg_share.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s; z-index: 9999999999999999999999;}
#shareButtonWrapper,#shareButtonWrapper[open="false"]{position: absolute; left: 100px; bottom: -180px;height:220px; line-height: 42px;opacity:0; display:inline; visibility:hidden; transform-origin:bottom center; -webkit-transform-origin:left center; transform:scaleX(0); -webkit-transform:scaleX(0); transition:opacity 0.3s , transform 0.3s; -webkit-transition:opacity 0.3s , -webkit-transform 0.3s; z-index: 999999999;}
#shareButtonWrapper[open="true"]{opacity:1; visibility:visible; transform:scaleX(1); -webkit-transform:scaleX(1);}
#shareButton_weibo{position:absolute; right:0px; bottom:0px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../images/bg_weibo.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s;}
body[browser="pc"] #shareButton_weibo:hover , body[browser="mobile"] #shareButton_weibo:active{color:#000; background-color:rgba(253,217,0,1);}
#shareButton_qzone{position:absolute; right:51px; bottom:0px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../images/bg_qzone.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); color:#fff; transition:all 0.3s; -webkit-transition:all 0.3s;}
body[browser="pc"] #shareButton_qzone:hover , body[browser="mobile"] #shareButton_qzone:active{color:#000; background-color:rgba(253,217,0,1);}
#shareButton_renren{position:absolute; right:102px; bottom:0px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../images/bg_renren.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s;}
body[browser="pc"] #shareButton_renren:hover , body[browser="mobile"] #shareButton_renren:active{color:#000; background-color:rgba(253,217,0,1);}
#shareButton_weixin{position:absolute; right:153px; bottom:0px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../images/bg_weixin.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s;}
#productCenter{position:fixed; left:0px; bottom:120px; height:30px; width:50px; color:#fff; font-size:12px; text-align:center; line-height:42px; padding-top:12px; background-position:center top; box-shadow:rgba(0,0,0,0.60) 1px 1px 6px 0px; background-image:url(../images/productIcon.png); background-repeat:no-repeat; background-size:45px; background-position:1px -7px; background-color:rgba(0,0,0,0.80); transition:all 0.3s; -webkit-transition:all 0.3s; z-index: 9999999999999999999999;}
.icon-share-2{ background: url("../images/share.png"); width: 24px; height: 24px;}
/* 产品菜单样式*/
/*.top_bar{position: fixed;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;border-top: 1px solid #3D3D46; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53)); border-top: 1px solid ##}*/

.top_menu{display:-webkit-box; cursor:pointer;display: block;width: 100%;background: rgba(255, 255, 255, 0.7);height: 40px;display: -webkit-box;display: box;margin:0;padding:0;-webkit-box-orient: horizontal;background: -webkit-gradient(linear, 0 0, 0 100%, from(#697077), to(#3F434E), color-stop(60%, #464A53));box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;}

.top_bar .top_menu>li{background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.5))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.15)));-webkit-box-flex:1; ; -webkit-background-size:1px 100%, 1px 100%; background-size:1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center; width:33%;}
.top_menu>li:first-child{background:none;}
.top_bar .top_menu>li>a{line-height:40px; display:block; text-align:center; color:#d5d5d5; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.6); -webkit-box-flex:1;}
.top_bar .top_menu li a label{padding:0; font-size:14px; overflow:hidden;}
.top_bar .top_menu>li>a img{display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle;}
.top_bar li:first-child a{display: block;}
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active{background-color:#333;}