/*配置颜色*/.Themebdhover:hover,.ThemeSborder{border-color:#4c4c4c !important}.Themetxthover:hover,.Custom_AuxiliaryFontColor{color:#4c4c4c !important}.Themebghover:hover,.Themebghover:focus,.Custom_AuxiliaryBg{background-color:#4c4c4c !important}.Themebg,.Custom_Themebg:hover,.Custom_Themebg:focus,.about .aboutBox:hover .iconfont,.contact .contactBox:hover .iconfont,.article .articleBox:hover .iconfont,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet:hover,.tp-leftarrow:hover,.tp-rightarrow:hover{background-color:#37cccc !important}.Themefont,.Custom_Themefonthover:hover,.aboutBox .iconfont:before,.contactBox .iconfont:before,.articleBox .iconfont:before{color:#37cccc !important}.ThemeFborder,.Custom_ThemeFborder:hover{border-color:#37cccc !important}.Pagebg{background-attachment:fixed;background-image:url(/Public/Images/ThemeBg/Pattern/13.png);background-repeat:repeat;background-color:#eee}@media screen and (max-width:600px){.Pagebg{background-attachment:scroll}}/*字体*/@font-face{font-family: "iconfont";src: url('//static.files.mozhan.com/Public/Images/Theme22/icon/iconfont.eot');src: url('//static.files.mozhan.com/Public/Images/Theme22/icon/iconfont.eot?#iefix') format('embedded-opentype'),  url('//static.files.mozhan.com/Public/Images/Theme22/icon/iconfont.woff') format('woff'),  url('//static.files.mozhan.com/Public/Images/Theme22/icon/iconfont.ttf') format('truetype'),  url('//static.files.mozhan.com/Public/Images/Theme22/icon/iconfont.svg#iconfont2') format('svg')}.iconfont{text-align: center;font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;/*  -webkit-text-stroke-width: 0.2px;*/  -moz-osx-font-smoothing: grayscale}.iconfont:before,.icon_display:before{margin-right: 5px}.icon_laba:before{content: "\e60b"}.icon_date:before{content: "\e60a"}.icon_display:before{content: "\e600"}.icon_edit:before{content: "\e604"}.icon_enclosure:before{content: "\e601"}.icon_favor:before{content: "\e605"}.icon_like:before{content: "\e606"}.icon_link:after{content: "\e602"}.icon_location:before{content: "\e607"}.icon_mark:before{content: "\e603"}.icon_phone:before{content: "\e608"}.icon_rest:before{content: "\e609"}.menu .header-box{max-width:1030px;margin:0 auto}.menu .header-box .logo{float:left;position: relative;z-index: 2}.menu .header-box .logo img{max-height:100px}.HeaderBox{padding: 10px;position: relative}/*-------</END 头部 LOGO >------------*//*搜索*/.navbar-form{position: absolute;top: 50%;right: 10px;margin:-15px 0 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.navbar-form .form-control{height:32px;line-height:32px;padding:6px 12px !important;border-radius:4px 0 0 4px;border-right:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.navbar-form .btn{padding: 6px 12px}.navbar-form .btn-search{border-radius:0}.navbar-form .btn-group,.navbar-form .form-group{float: right}.navbar-form .dropdown-menu{min-width: 108px}.navbar-form .btn-danger{border: none;box-shadow:0 0 1px rgba(0,0,0,.3) inset}/*menu*/.menu .nav{padding:0;float:none;margin:0;width:100%}.menu .navbar-nav > li{float:left;width: 12.5%;text-align:center}.menu .navbar-nav > li:first-child a{border: none}.menu .navbar-nav > li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;border-left: 1px solid rgba(255,255,255,.4);font-size:14px;padding: 0 5px;padding: 0 25px;color:#fff;height:auto;line-height: 50px;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;-ms-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s}.menu .NavBox{position: relative;width: 100%;padding: 0 8px;left: -8px;top: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}.leftTCorner,.rightTCorner{width: 0;height: 0;border-color: transparent #888 transparent transparent;border-width: 0 9px 9px 0;border-style: solid;position:absolute;top: 50px;left: 0px}.rightTCorner{border-color: #888 transparent transparent transparent;border-width: 9px 9px 0 0;left: auto;right: 0px}.menu .nav > li{display:inline-block;position: relative}.menu .nav > li:hover ul{display: block}.menu .nav > li .Triangle:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top:6px solid red;position: absolute;right: 15px;top:24px}.menu .nav > li ul{width: 100%;display: none;padding: 0;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);position: absolute;left:0px;top: 50px;z-index: 99}.menu .nav > li ul li{line-height: 36px;margin-top: 1px;text-align: center;width:100%}.menu .nav > li ul li a{font-size: 12px;color: #fff;display: block;margin: 0 5px;padding: 0;overflow: hidden;border-left:none;text-align: center;text-overflow: ellipsis;white-space: nowrap}.menu .nav > li ul li a:hover{text-decoration: none}.menu .navbar-nav > li > a{padding:0 18px;line-height:50px;font-size:14px;color:#fff}.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus{background-color: transparent;color: #fff}.menu .navbar-nav > li > a.active{background-image:none;-webkit-box-shadow: none;box-shadow: none}.NavBtn{display:none;text-align:center;overflow: hidden}/*没有辅助色的时候加*/.menu .nav > li ul li:hover{opacity: .80;filter:Alpha(opacity=80)}/*-------</END 导航>------------*//* 小屏幕 二*/@media screen and (max-width:870px){.navbar-form,.leftCorner,.rightCorner{display: none}.menu .header-box{width:100%;height:auto;position: relative}.menu .header-box .logo img{height: 30px}/*-----------</LOGO>---------------*/  .NavBtn{display: block;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #f5f5f5;background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;border-image: none;border-radius: 4px;border-style: solid;border-width: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color: #333333;font-size: 14px;line-height: 20px;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);cursor: pointer;padding: 6px 11px;vertical-align: middle;position: absolute;right: 15px;top: 50%;margin-top:-18px;z-index: 10}.NavBtn .icon-bar{background-color: #e8603c;border-radius: 1px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);display: block;height: 2px;width: 18px;margin:4px 0}.NavBtn:hover .icon-bar{background-color: #333}/*响应按钮*/  .menu{height:auto}.menu .navbar-brand{padding:10px}.menu .navbar-brand img{height: 40px}.menu .navbar-header{border-top:5px solid #e8603c;float: none;width:100%}.menu .NavBox{display: none}}/*-------------公共样式-----------------*/a:hover,a:focus,a{text-decoration: none}.contentBox{background: #fff;max-width:1030px;margin:0 auto;box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2)}.tpl_one .contentBox{box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2)}@media screen and (max-width: 1030px){.contentBox{margin: 0 15px}}.Animation{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}/*title*/.titleBox{height:47px;color:#626262;position:relative;font-size:15px;margin:40px 120px 40px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.titleBox:before{content:'';height: 1px;width: 100%;background: #ddd;z-index: 1;position: absolute;left: 0;top: 22px}.titleBox .Themebg,.titleBox .Themebg span{padding:0 30px;height:45px;line-height: 45px;position: relative;z-index: 3;border-radius:30px;color: #fff;display:inline-block}.titleBox .Themebg{max-width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.titleBox .Themebg .iconfont{max-width:100%;min-width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;webkit-text-stroke-width:0}.titleBox .Themebg span{filter:Alpha(opacity=0);opacity:0;position: absolute;left;top:0;left: 0;font-size: 14px;width: 100%;height: 100%;background: #eee;color: #666}.titleBox .Themebg span:before{font-size: 20px}.titleBox .Themebg:hover span{filter:Alpha(opacity=100);opacity:1}.titleBox .Themebg:before{position: relative;top: -1px;font-size: 20px}@media screen and (max-width:870px){.titleBox{margin: 20px}}@media screen and (max-width:320px){.titleBox{margin: 10px}.titleBox .Themebg{width: 90%}}/*-----------------tpl样式--------------------*/.Pagebg .tpl_one{margin-top: 15px}.tpl_three .col-md-4{margin:0 4% 0 0;width: 28%}.tpl_three .col-md-4:first-child{margin-left:4%}@media screen and (max-width: 600px){.tpl_three .col-md-4,.tpl_three .col-md-4:first-child{margin: 0;width: 100%}} .banner{width:100%}.carousel{margin: 0}.bannerBox{position: relative}.banner .carousel-control{background: none}.leftCorner,.rightCorner{position: absolute;bottom: -8px;right: 0;display: block;width: 0;height: 0;border-top: 30px solid #cf7229;border-right:8px solid transparent;border-top:8px solid rgb(158,158,158)}.leftCorner{top: -8px;left: 0;border-top: 8px solid transparent;border-left: 0px solid transparent;border-right: 8px solid rgb(158,158,158);border-bottom: 0px solid transparent}.bannerBottom{padding: 0 8px;width: 100%;text-align: center;position: relative;left: -8px;top: 0;height: 100px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}.noticeBox li a{line-height: 100px;color: #fff;color: #fff;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;max-width: 100%}.noticeBox li a:before{font-size: 30px}@media screen and (max-width:870px){.bannerBottom{height: 80px}.noticeBox li a{line-height: 80px;font-size: 18px}.noticeBox li a:before{font-size:26px}}@media screen and (max-width:760px){.bannerBottom{height: 60px}.noticeBox li a{line-height: 60px;font-size: 16px}.noticeBox li a:before{font-size:22px}}@media screen and (max-width:600px){.bannerBottom{height: 40px}.noticeBox li a{line-height: 40px;font-size: 14px}.noticeBox li a:before{font-size: 17px}}/*----banner---原点-*/.bannerEffect .tp-bullets.simplebullets.round .bullet{width: 10px;height:10px;border-radius: 30px;margin: 0 5px}/*-----------<关于我们>---------------*/.about .aboutBox{border-bottom:3px solid #fff;position: relative;padding:30px 0 0;margin:15px 0 0}.about .aboutBox h4.title{margin-top: 15px;overflow:hidden;line-height:30px;height:30px;text-align:center;font-size:18px;color:#626262}.about .aboutBox .company-box{font-size: 14px;color: #333 !important;margin: 5px 0 10px;font-family: '宋体';line-height:20px;height:62px;overflow: hidden}.about .aboutBox:hover{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.about .aboutBox:hover .iconfont:before{color: #fff !important}.about .aboutBox .iconfont{width:190px;height: 190px;margin: 0 auto;border-radius:50%;background: #f2f2f2}.about .aboutBox .iconfont:before{margin-right: 0}.about .aboutBox .iconfont{font-size:85px;line-height: 190px}@media screen and (max-width: 768px){.about .aboutBox .iconfont{width: 150px;height: 150px;line-height: 150px}.about .aboutBox .iconfont{font-size: 70px}}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/@media screen and (max-width: 600px){.about .aboutBox .iconfont{font-size: 60px}.about .aboutBox{margin: 15px 0 20px;padding: 15px}.about .aboutBox h4.title{font-size:16px;line-height:30px;height: 30px}.about .aboutBox .company-box{font-size: 12px;height: auto;max-height: 57px;line-height: 18px;margin-top: 0}}/*-----------<联系我们>---------------*/.contact .contactBox{position: relative;padding:30px 0 0;margin:15px 0 0;border-bottom: 3px solid #fff}.contact .contactBox h4.title{margin-top: 15px;overflow:hidden;line-height:30px;height:30px;text-align:center;font-size:18px;color:#626262}.contact .contactBox .company-box{font-size: 14px;color: #333 !important;margin: 5px 0 10px;font-family: '宋体';line-height:20px;height:62px;overflow: hidden}.contact .contactBox .company-box p{margin: 0}.contact .contactBox:hover{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.contact .contactBox:hover .iconfont:before{color: #fff !important}.contact .contactBox .iconfont{font-size:85px;line-height: 190px;width:190px;height: 190px;margin: 0 auto;border-radius:50%;background: #f2f2f2}.contact .contactBox .iconfont:before{margin-right: 0}@media screen and (max-width: 768px){.contact .contactBox .iconfont{width: 150px;height: 150px;line-height: 150px}.contact .contactBox .iconfont{font-size: 70px}}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/@media screen and (max-width: 600px){.contact .contactBox .iconfont{font-size: 60px}.contact .contactBox{margin: 15px 0 20px;border-bottom-style:solid;border-bottom-width:1px;padding: 15px}.contact .contactBox h4.title{font-size:16px;line-height:30px;height: 30px}.contact .contactBox .company-box{font-size: 12px;height: auto;max-height: 57px;line-height: 18px;margin-top: 0}}/*-----------<最新资讯>---------------*/.article .articleBox{position: relative;padding:30px 0 0;margin:15px 0 0;border-bottom: 3px solid #fff}.article .articleBox h4.title{margin-top: 15px;overflow:hidden;line-height:30px;height:30px;text-align:center;font-size:18px;color:#626262}.article .articleBox .company-box{font-size: 14px;color: #333 !important;margin: 5px 0 10px;font-family: '宋体';line-height:20px;height:62px;overflow: hidden}.article .articleBox:hover{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.article .articleBox:hover .iconfont:before{color: #fff !important}.article .articleBox .iconfont{font-size:85px;line-height: 190px;width:190px;height: 190px;margin: 0 auto;border-radius:50%;background: #f2f2f2}.article .articleBox .iconfont:before{margin-right: 0}.article .company-box .time{color: #aaa;font-size: 12px;position: absolute;right: 0;top: 0}.article .company-box li{line-height: 21px;height: 21px;padding:0 71px 0 10px;position: relative;margin-top: 0}.article .company-box li a:before{content: '●';display: inline-block;font-size: 10px;margin-right: 5px;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transform:scale(0.5)}.article .company-box li a{display:inline-block;width: 100%;height: 21px;line-height: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}/* 平板电脑和小屏电脑之间的分辨率 二*/@media screen and (max-width:870px){.article .company-box .time{display: none}.article .articleBox .company-box li{padding: 0}}@media screen and (max-width: 768px){.article .articleBox  .iconfont{width: 150px;height: 150px;line-height: 150px}.article .articleBox  .iconfont{font-size: 70px}}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/@media screen and (max-width: 600px){.article .articleBox .iconfont{font-size: 60px}.article .articleBox .company-box li{padding: 0 71px 0 10px}	.article .articleBox{margin: 15px 0 20px;border-bottom-style:solid;border-bottom-width:1px;padding: 15px}.article .articleBox h4.title{font-size:16px;line-height:30px;height: 30px}.article .company-box .time{display: block}.article .articleBox .company-box{font-size: 12px;height: auto;max-height: 57px;line-height: 18px;margin-top: 0}}/*产品列表*/.productBox{margin:0 auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.product .productUl{padding: 0;margin:0 40px}.product .productUl li{width: 33.3%;float:left;overflow: hidden}.product .productUl li .imgBox{position: relative}.product .productUl li .imgBox .TxtBox{background:#eee;color: #666;text-align: center;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;filter:Alpha(opacity=0);opacity:0}.product .productUl li .imgBox .TxtBox .AnimationBox{-webkit-transform: scale(.2);-moz-transform: scale(.2);-o-transform: scale(.2);-ms-transform: scale(.2);transform: scale(.2)}.product .productUl li .imgBox img{width: 100%}.product .productUl li .imgBox img,.product .productUl li .imgBox .TxtBox{-webkit-transition: all .7s ease-in-out 0s;-moz-transition: all .7s ease-in-out 0s;-ms-transition: all .7s ease-in-out 0s;transition: all .7s ease-in-out 0s}.product .productUl li .imgBox .TxtBox .AnimationBox{-webkit-transition: all .7s ease-in-out .1s;-moz-transition: all .7s ease-in-out .1s;-ms-transition: all .7s ease-in-out .1s;transition: all .7s ease-in-out .1s}.product .productUl li .imgBox .TxtBox h5{padding:30px 0 10px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px solid #aaa}.product .productUl li .imgBox .TxtBox p{padding: 0 15px;max-height: 64px;margin-top: 15px;font-size: 12px;line-height: 16px;overflow: hidden}.product .productUl li .imgBox .TxtBox .btn{background: #000;color: #fff;margin-top:15px}.product .productUl li:hover .imgBox img{-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);transform: scale(10);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0}.product .productUl li:hover .TxtBox{filter:Alpha(opacity=100);opacity:1}.product .productUl li:hover .TxtBox .AnimationBox{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}/*-----------</END 最新产品>---------------*/@media screen and (max-width:980px){.product .productUl li .imgBox .TxtBox h5{padding: 15px 0 10px;font-size: 14px}.product .productUl li .imgBox .TxtBox p{max-height: 32px}}@media screen and (max-width:768px){.product .productUl li{width: 50%}.product .productUl li .imgBox .TxtBox h5{padding:30px 0 10px;font-size: 16px}.product .productUl li .imgBox .TxtBox p{max-height: 50px}}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/@media screen and (max-width: 600px){.product .productUl{margin: 0 20px}.product .productUl li .imgBox .TxtBox{height:30px;background: none;filter:Alpha(opacity=100);opacity:1}.product .productUl li .imgBox .TxtBox:before{content: '';position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;background: #fff;filter:Alpha(opacity=70);opacity:.7}.product .productUl li .imgBox .TxtBox .AnimationBox{position: relative;z-index: 2;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}.product .productUl li .imgBox .TxtBox h5{line-height: 30px;font-size: 14px;padding: 0;margin: 0}.product .productUl li .TxtBox p,.product .productUl li .TxtBox .btn{display: none}}@media screen and (max-width: 480px){.product .productUl li:hover .imgBox img{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1}}/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/@media screen and (max-width: 400px){.product .productUl{margin: 0 10px}.product .productUl li{width: 100%;margin-top: 10px}}/*-----------<articleLabel>---------------*/.articleLabelBox ul{margin: 0 40px}.articleLabelBox li img{width: 100%}.articleLabelBox li a{font-size: 12px;color: #666}.articleLabelBox li h4{border-bottom:1px solid #ddd;line-height:30px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.articleLabelBox li p{line-height: 18px;max-height:36px;overflow: hidden}.articleLabelBox li .time{font-size: 12px;text-align: left}.articleLabelBox li .time:before{font-size: 16px}.articleLabelBox li .m5{margin:5px}.articleLabelBox li .icon_link:after{display: none;color:#ddd;float: right;font-size: 20px;position: relative;top: -3px}.articleLabelBox li .ImgBox{position: relative}.articleLabelBox li .ImgBox:after,.articleLabelBox li .ImgBox:before{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}.articleLabelBox li .ImgBox:after{content: '';display: none \9;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: #d9d9d9;filter:Alpha(opacity=0);opacity:0}.articleLabelBox li .ImgBox:before{display: none \9;font-size: 40px;color: #666;position: absolute;left: 50%;top: 50%;z-index: 2;margin:-22px 0 0 -20px;filter:Alpha(opacity=0);opacity:0}.articleLabelBox li:hover .ImgBox:after{display: block \9;filter:Alpha(opacity=70);opacity:.7}.articleLabelBox li:hover .ImgBox:before{display: block \9;filter:Alpha(opacity=1);opacity:1}.articleLabelBox li:hover{background: #f9f9f9}.articleLabelBox li:hover .icon_link:after{display:block}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/@media screen and (max-width: 600px){.articleLabelBox ul{margin: 0 20px}}@media screen and (max-width: 400px){.articleLabelBox ul{margin: 0 10px}}	/*---友情链接----*/.friendBox{line-height: 25px;padding: 15px 8px;text-align: center;width: 100%;color:#fff;position: relative;left: -8px;top: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}.friendBox:after,.friendBox:before{content: '';position: absolute;left: 0;top: -8px;right: 0;display: block;width: 0;height: 0;border-top: 8px solid transparent;border-left: 0px solid transparent;border-right: 8px solid rgb(158,158,158);border-bottom: 0px solid transparent}.friendBox:after{left: auto;right:0;border-top: 8px solid transparent;border-right: 0px solid transparent;border-left: 8px solid rgb(158,158,158);border-bottom: 0px solid transparent}.friendBox ul{display: inline-block}.friendBox li{list-style-type:none;display: inline-block}.friendBox h4{padding: 0 10px 0 15px;color: #aaa;font-size: 16px;display: inline-block}.friendBox li a{display: inline-block;color: #fff;word-break: break-all;word-wrap:break-word}.friendBox li:before{content: '|';margin:0 10px}.friendBox li:first-child:before{display: none}/*---footer----*/.footerBox{background: #111;text-align: center;padding: 15px 8px;width: 100%;position: relative;left: -8px;top: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}.footers .footerBox a{margin-right:10px;color: #fff;word-break: break-all;word-wrap:break-word}.footers .footerBox p{color: #aaa;padding:0;font-size:12px;line-height:20px}.footersInformation{padding-left: 7px;width: 79%}.footers .qr{padding-right: 7px}