@font-face {
    font-family:FontAwesome;font-style:normal;font-weight:400;
    src:url(/public/fonts/font-awesome/fontawesome.otf?v=4.7.0);
    src:url(/public/fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix) format('embedded-opentype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),
    url(/public/fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg')
}
html{ font-family:"arial","微软雅黑","宋体",FontAwesome;background-color: #fff; font-size: 14px;}
body{font-size: 14px; line-height: 1.5; color: #5a5a5a; }
body,li,ul,p,img,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,figure, form,a,button {
    margin: 0; border: 0; padding: 0; list-style: none;
}
ul>li>ul{ margin: 0;}
img{ vertical-align: bottom;}
div{margin: 0px auto;}

em{ font-style:normal; }
.container{width: 98%;width: 1200px;  margin: 0px auto; }
.clearfix:after{content:""; height:0; visibility:hidden;display:block; clear:both; }
@media only screen and (max-width: 1240px){
    .container{ padding: 0 20px;  margin: 0px auto; }
}
@media only screen and (max-width: 768px){
    .container{padding: 0 ;  margin: 0px auto; max-width: 98%; }
}
a{ text-decoration: none;color: #5a5a5a }
a:hover{color:#963}
.marginTop{ margin-top: 40px;}
.marginTopByTandC{ margin-bottom: 20px;}
.index-top{ position: relative;}
.head-logo-nav-box{ position: absolute; top:0px; z-index: 10000; width:100%; background-color: rgba(0,0,0,0.3)}
.logo-nav-box{ }
.logo-nav-box .logo{ float: left;}
.logo-nav-box .navbar{ margin-left: 50px; float:left ; margin-top: 15px;}
@media only screen and (max-width: 1240px){
    .logo-nav-box .navbar{ margin-left: 0px; float:right ;}
}
.logo-nav-box .navbar .navli1{ float: left;    margin: 0px 5px;}
.logo-nav-box .navbar .navul1{   height: 45px;  }
.logo-nav-box .navbar .navli1{  position: relative; float: left; }
.logo-nav-box .navbar .navli1-n:before{ content: ""; width:2px; height: 100%; position: absolute; left:-2px; top:0px; }
.logo-nav-box .navbar .navli1 a{font-size: 16px; color:#fff;   }
.logo-nav-box .navbar .navli1>a{  line-height: 45px; display: block;   font-size: 16px; text-align: center; position: relative; padding: 0px 10px ;}
.logo-nav-box .navbar .navli1:hover>a,.navbar .navul1>li.active:hover>a{  background-color: rgba(250,250,250,0.6); }
.logo-nav-box .navbar .navul1>li:hover a{ background-color: rgba(250,250,250,0.4);}
.logo-nav-box .navbar .navul1>li a:hover{  background-color: rgba(250,250,250,0.6);color: #fff;}
.logo-nav-box .navbar  .navul1>li.active>a{ background-color: #91432d; }
.logo-nav-box .navbar .navli1:hover .navul2 .navli2 a{background-color: rgba(0,0,0,0.3);}
.logo-nav-box .navbar .navul2 { position: absolute; z-index: 101; top:200%; right: 0px; width:200%; text-align: left; visibility: hidden; transition: 200ms; opacity: 0; }
.logo-nav-box .navbar .navul2 .navli2{ width:100%;  line-height: 3; padding-top:2px; }
.logo-nav-box .navbar .navul2 a{    width:100%; height: 100%; display: block; text-indent: 14px;  border-right: 0px; border-left: 0px; position: relative;  }
.logo-nav-box .navbar .navli1:hover>.navul2{ top:100%; opacity: 1; visibility:visible; }
.logo-nav-box .navbar .navul2 li.dropleft{ position: relative;}
.logo-nav-box .navbar .navul2 .navul3{ position: absolute; left:0%; top:100%; visibility: hidden; transition: 200ms; opacity: 0;z-index: 100; width:100%; }
.logo-nav-box .navbar .navul2 .navul3 li{ padding-top:2px; }
.logo-nav-box .navbar .navul1>li:hover .navul3{ left: 0%; top:100%; visibility:visible; opacity:1;}
@media only screen and (max-width: 1240px){
    .logo-nav-box .navbar .navli1{margin: 0 2px;}
    .logo-nav-box .navbar .navli1>a{ padding: 0px 5px ;}
    .logo-nav-box .navbar .navul2{ display: none;}
}

@media only screen and (max-width: 768px){
    .logo-nav-box{ position: relative; width:100%;}
    .logo-nav-box .navbar{ position: absolute; right:0;top:0; background: #666666; margin: 0; min-width: 84px;}
    .logo-nav-box .navbar .navul1{ height: auto; display: none;}
    .logo-nav-box .navbar  .shownav{ width:100%; height: 60px; line-height: 60px; display: block; text-align: center;}
    .logo-nav-box .navbar  .shownav:before{ color:#fff; content: "\f0c9"; font-family: FontAwesome; font-size: 30px;}
    .logo-nav-box .navbar .navli1{ float: none;}
    .logo-nav-box .navbar .navli1>a{ font-size: 14px;}
}

.am-slider-default .am-direction-nav a{ width:60px; height: 60px;}
.am-slider-default .am-direction-nav a:before{font-size: 45px; font-size: 45px!important; line-height:60px;line-height:60px!important; color: #963; }


.head-nav-box{ height: 60px; background-color: #666666; position: relative;  }

.other-logo-nav-box .logo{ float: left; height: 60px; width:auto;}
.navbarwithimg { margin-left: 50px; float:left ;}

.navbarwithimg  .navul1{   height: 60px;}
.navbarwithimg .navli1{float: left;    margin: 0px 5px;position: relative; }
.navbarwithimg  .navli1>a{  line-height: 60px; display: block;   font-size: 16px; text-align: center; position: relative; padding: 0px 10px ; color: #fff;}
.navbarwithimg  .navli1>a:hover{ color: #91432d;}
.navbarwithimg .navli1 .navdiv2 { position: absolute; top:200%; width:760px; transition: 200ms;  z-index: 101;  padding: 20px 0px; background-color: rgba(231, 231, 231, 0.8); display: none; visibility: hidden; }
.navbarwithimg .navli1 div.left{ left:50%; transform:translateX(-50%);}
.navbarwithimg .navli1 div.right{ right:-100%; }
.navbarwithimg .navli1:hover .navdiv2{ top:100%; display: block; visibility: visible;  }
.navbarwithimg .navdiv2 .navul2{ float: left; width:150px; margin: 0px 20px;}
.navbarwithimg .navdiv2 .navul2 li {line-height: 3;}
.navbarwithimg .navdiv2 .navul2 li a{ border-bottom: 1px dashed #888; width:100%; height: 100%; display: block; text-indent: 20px; color: #222;  }
.navbarwithimg .navdiv2 .img{ float: left; }
.navbarwithimg .navdiv2 .img img{max-width: 550px;  }
 .otherimg{ position: absolute; z-index: 9; bottom: 0px; right: 100px;  }
.index_share_shop{ position: absolute; bottom:20px; z-index: 10000; left:50%; margin-left: -600px;}
.index_share_shop .index_share{ line-height: 30px;}
.index_share_shop .index_share .txt{ font-weight: bold; font-size: 18px; color: #333; float: left}
.index_share_shop  .index_share .share{ float: left;}
.index_share_shop  .index_shop .shopItem{  float: left; margin-right: 30px; position: relative;}
.index_share_shop  .index_shop .shopItem a{ font-size: 16px; color: #111; font-weight: bold;}
.index_share_shop  .index_shop .shopItem:after{ content: ""; position: absolute; width:0px; height: 0px; top:4px;  right: -18px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 0px; border-left: 15px solid #aa6720;}
.index_share_shop  .index_shop_other{ color:#111; }

.i-a-n .left-box,.i-a-n .mid-box,.i-a-n .right-box{ width:32%; float: left}
.i-a-n .mid-box,.i-a-n .right-box{ margin-left: 2%;}
.i-a-n .title-box { position: relative; line-height: 30px; border-bottom: 1px solid #ddd; }
.i-a-n .title-box  div{ float: left;}
.i-a-n .title-box  div.title a{font-size: 16px; }
.i-a-n .title-box  div.desc {color: #ccc;  margin-left: 10px;}
.i-a-n .title-box  .more{ position: absolute; right: 0px; top:0px;}
.i-a-n  .left-box .about img{ width:100%; height: auto;}
.i-a-n  .left-box .about  .content{ margin-top: 10px;}
.i-a-n   .news-list .item { position: relative; line-height: 2;}
.i-a-n   .news-list .item .title{ width:calc( 100% - 75px); display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.i-a-n   .news-list .item .time{ position: absolute; top:0px; right: 0px;}
.i-k{ margin-bottom: 20px;}
.i-k .title-box{ font-size: 16px; line-height: 30px; border-bottom: 1px solid #ddd;}
.i-k  .content-box li{ float: left; padding: 0px 5px; margin: 0px 5px; margin-bottom: 10px; display: inline-block;}
@media only screen and (max-width: 1240px){
    .index_share_shop{ left:0%; margin-left: 20px;}
}
@media only screen and (max-width: 768px){
    .index_share_shop{ display: none;}
    .i-a-n .left-box, .i-a-n .mid-box, .i-a-n .right-box{ width:100%; float: none; clear: both; margin-left: 0;}
    .i-a-n .mid-box,.i-a-n .right-box{ margin-top: 20px;}
    .i-k{display: none; margin: 0;}
}
.lsideBox{ text-align: center; border-bottom: 1px solid #eee;}
.lsideBox:after{content:""; height:0; visibility:hidden;display:block; clear:both; }
.lsideBox dl{ display: inline-block;}
.lsideBox dt,.lsideBox dd{   display: inline-block; }
.lsideBox dl a{margin: 20px 5px; padding: 10px 20px; line-height: 1; display: block; border: 1px solid transparent;}
.lsideBox dl a:hover{ border-color: #933; color: #933; }
.lsideBox dl a.curr{ border-color: #933; color: #933; }
@media only screen and (max-width: 768px){
    .lsidebar{ width:100%;}
    .lsideBox{ width:1200px; max-width: 100%;}
    .lsideBox{ text-align: left;}
    .lsideBox dl:first-child{ display: none}
    .lsideBox dl a{margin: 0; }
}
.about10item{ border-top: 1px solid transparent;}
.about10item1 .title{ margin-top: 170px; width:800px; text-align: left; margin-left: 10px; font-size: 36px; color:#222; font-weight: bold; line-height: 1; }
.about10item1 .content{ width:800px;  margin-left: 0px; margin-top: 35px; color:#222;  font-weight: bold; }
.about10item2 .title{ margin-top: 180px; width:800px; text-align: center; margin-right: 0px;  font-size: 36px; color:#222; font-weight: bold; line-height: 1; }
.about10item2 .content{ width:800px;  margin-right: 0px; margin-top: 35px; color:#222;  font-weight: bold; }
.about10item2 .imglist {width:800px;  margin-right: 0px; }
.about10item2 .imglist ul{ white-space: nowrap; text-align: center;}
.about10item2 .imglist ul li{ display: inline-block; margin-top: 20px; padding: 0px 10px;}
.about10item2 .imglist ul li .img,.about10item2 .imglist ul li .imgname{ display: block; text-align: center;}
.about10item2 .imglist ul li .imgname{ font-size: 16px; font-weight: bold; color:#222;}
.about10item3 .title{ margin-top: 70px; width:800px; text-align: center;  font-size: 36px; color:#222; font-weight: bold; line-height: 1; }
.about10item3 .content{ width:800px;  ; margin-top: 10px; color:#222;  font-weight: bold; }
@media only screen and (max-width: 768px){
    .about10item2 .imglist{ max-width: 100%;}
}
.about20item{ border-top: 1px solid transparent;}
.about20item1 .title{ margin-top: 100px; width:800px; text-align: center; margin-left: 10px; font-size: 36px; color:#222; font-weight: bold; line-height: 1; }
.about20item1 .content{ width:800px;  margin-left: 0px; margin-top: 35px; color:#222;  font-weight: bold; }

.about20anchor24 { padding-top: 40px; background-color: #ededed;  }
.about20anchor24 .title{ font-size: 23px; color:#191919; line-height: 1; text-indent: 20px; position: relative;}
.about20anchor24 .title:before{ content: ""; width:7px; height: 23px; position: absolute; top:0px; left:0px; background-color: #963;}
.about20anchor24 .content-box .item24{ float: left; margin-top: 10px; height: 200px; width:590px;}
.about20anchor24 .content-box .item24:nth-child(2n){ margin-left: 16px;}
.about20anchor24 .content-box .itemtitle{ font-size: 20px; font-weight: bold; color:#5d5d5d; }
.about20anchor21 { margin-top: 40px;  }
.about20anchor21 .title{ text-align: center; font-size: 36px; color:#191919; font-weight: bold;}
.about20anchor21 .desc{ text-align: center; width:1000px;}
.about20anchor21  .content-box{ margin-top: 20px; position: relative;}
.about20anchor21  .content-box .item21{ position: absolute; width:520px; left:40px; border: 1px solid #f7f5f6; border-radius: 10px;}
.about20anchor21  .content-box .item21-1{left:640px; }
.about20anchor21  .content-box .item21 .item21title{ background-color:#f7f5f6 ; text-indent: 20px; line-height: 40px;position: relative; }
.about20anchor21  .content-box .item211 .item21title{ text-align: right; padding-right: 20px;}
.about20anchor21  .content-box .item21 .item21title:after{ content: ''; width:0px; height: 0px; position: absolute; top:10px; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.about20anchor21  .content-box .item21-1 .item21title:after{ border-left: 0px; border-right: 10px solid #f7f5f6; left:-10px;}
.about20anchor21  .content-box .item211 .item21title:after{ border-right: 0px; border-left: 10px solid #f7f5f6; right:-10px;}
.about20anchor21  .content-box .item21 .item21content{ padding: 10px;}
.about20anchor21  .content-box .item21_1{ top:90px;}
.about20anchor21  .content-box .item21_2{ top:160px;}
.about20anchor21  .content-box .item21_3{ top:375px;}
.about20anchor21  .content-box .item21_4{ top:570px;}
.about20anchor21  .content-box .item21_5{ top:695px;}
.about20anchor22{margin-top: 40px;  }
.about20anchor23  { margin-top: 40px;  }
.about20anchor23 .item23 { padding: 0px 20px; margin-top: 20px;}
.about20anchor23 .item23 .itempic{ float: left; margin-right: 20px; border: 1px solid #b2b2b2;}
.about20anchor23 .item23 .itemcontent-box{ width:calc(100% - 300px); float: left;  }
.about20anchor23 .item23  .itemcontent-box span{ display: block;}
.about20anchor23 .item23  .itemcontent-box span.title a{ font-size: 16px; line-height: 30px; display: block;  width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about20anchor23 .item23  .itemcontent-box span.desc{ line-height: 32px; height: 64px;  overflow: hidden; }
.about20anchor23 .item23 .info{ display: block; padding: 5px 10px; line-height: 1; display: inline-block; color: #fff; background-color: #b2b2b2; border: 1px solid #b2b2b2;}
.about20anchor23 .item23:hover  .itempic { border-color: #963; }
.about20anchor23 .item23:hover  .title a{ color: #963;}
.about20anchor23 .item23:hover  .info { background-color: #963; border-color: #963;}
@media only screen and (max-width: 768px){
    .about20anchor24 .content-box .item24{ max-width: 100%;}
    .about20anchor24 .content-box .itemtitle{ font-size: 16px;}
    .about20anchor24 .content-box .item24:nth-child(2n){margin-left: 0;}
    .about20anchor21 { display: none;}
    .about20anchor23 .item23 .itempic{ display: none;}
    .about20anchor23 .item23{ padding: 0;}
}

.showpage30 {}
.showpage30  .showclaList{ margin-top: 20px; }
.showpage30  .showclaList .showclaitem{ width:33.3%; float: left; position: relative; margin-bottom: 20px;}
.showpage30  .showclaList .showclaitem .content{  background-position: center; background-size: cover;}
.showpage30  .showclaList .showclaitem .content{ width:98%; height: 300px;}
.showpage30 .showclaList .showclaitem .content a{ width:100%; height: 100%;  position: relative;  background-color: rgba(153,102,51,0.4); display: block; visibility: hidden;}
.showpage30 .showclaList .showclaitem .content a span{ position: absolute; top:50%; left:50%; color: #fff; font-size: 20px; font-weight: bold; transform:  translate(-50%,-50%); }
.showpage30  .showclaList .showclaitem .content:hover a{ visibility: visible;}
.showpage31 { margin-top: 20px;  }
.showpage31 .bm{ width:510px;}
.showpage31 .bm label{ display: block; margin: 10px;}
.showpage31 .bm label span{ display: block;float: left; width:70px; font-weight: bold; line-height: 36px;}
.showpage31 .bm label input.pid{ height: 30px; width:300px; padding-left: 10px;}
.showpage31 .bm label input.vdcodep{ height: 30px; width:150px; padding-left: 10px;}
.showpage31 .bm label img.new_code{ height: 36px; width: auto; }
.showpage31 .bm .button{ padding-left: 80px; margin-top: 20px;}
.showpage31 .bm .button input{ height: 30px; width:100px; margin-right: 62px;}
.showpage31 .bm .tip{ margin-top: 40px; color: #000;}
.aboutpage34 .about34item { padding: 20px 0px;}
.aboutpage34 .about34item:nth-child(odd){  background-color: #f3efe6; }
.aboutpage34 .about34item0{ padding-top: 0px; background-color: transparent;}
@media only screen and (max-width: 768px){
    .showpage30 .showclaList .showclaitem{ width:100%; float: none; clear: both;}
    .showpage31 .bm{ max-width: 100%;}
    .showpage31 .bm label input.pid{ width:210px;}
    .showpage31 .bm label input.vdcodep{ width:80px;}
    .showpage31 .bm label img.new_code{ height: 20px; vertical-align: middle;}
    .showpage31 .bm .button input{ margin-right: 10px;}
}
.showpage40 {}
.showpage40  .showclaList{ margin-top: 20px; }
.showpage40  .showclaList .showclaitem{ width:50%; float: left; position: relative; margin-bottom: 20px;}
.showpage40  .showclaList .showclaitem .content{  background-position: center; background-size: cover;}
.showpage40  .showclaList .showclaitem .content{ width:560px;}
.showpage40  .showclaList .showclaitem .content .bgimg { width:540px; height: 540px; background-position: center; background-size: cover; border: 10px solid #b0b0b0; border-radius: 20px; }
.showpage40  .showclaList .showclaitem .content .title{ font-weight: bold; font-size: 18px; text-align: center; margin-top: 15px;}
@media only screen and (max-width: 768px){
    .showpage40  .showclaList .showclaitem{ width:100%; float: none; clear: both;}
    .showpage40 .showclaList .showclaitem .content{ max-width: 100%;}
    .showpage40 .showclaList .showclaitem .content .bgimg{ max-width: calc(100% - 20px); height: auto;}
    .showpage40 .showclaList .showclaitem .content .bgimg:before{content: "";display: inline-block; width:0.1px; padding-bottom: calc(100% - 20px);}
    .showpage40 .showclaList .showclaitem .content .title{ display: none;}
}
.aboutpage50{ margin-top: 20px;  }
.aboutpage50 .contactAndMap{ margin-top: 20px;  position: relative;}
.aboutpage50 .contactAndMap .contact{ position: absolute; width:400px; padding: 20px; padding-left: 40px;  left:0px; top:0px; z-index: 100000; background-color: rgba(44,44,44,0.8); color: #fff;}
.aboutpage50 .contactAndMap .contact p{ height: 71px; margin-top: 45px; vertical-align: middle; padding-left: 80px; line-height: 71px; }
.aboutpage50 .contactAndMap .contact p span{  }
.aboutpage50 .contactAndMap .contact p.about50item{ background-repeat: no-repeat; background-position: left center;}
.aboutpage50 .contactAndMap .contact p.about50item0{ line-height: 25px;}
.aboutpage50 .contactAndMap .contact p.about50item0 span { line-height: 25px;  display: block;}
.aboutpage50 .contactAndMap .contact .qrcode{ height: 170px; line-height: 170px;}
.aboutpage50 .contactAndMap .contact .qrcode img{ max-height: 170px; width: auto;}

@media only screen and (max-width: 768px){
    .aboutpage50 .contactAndMap .contact{ position: relative; max-width: 100%;}
    .aboutpage50 .contactAndMap .contact p.about50item{background: none; background-size: 0; padding-left: 0; height: auto; line-height:1;margin-top:20px; }
    .aboutpage50 .contactAndMap .contact p span{ display: block;  line-height: 2; margin-top: 10px; }
}
.aboutpage91{ margin-top: 20px;  }
.aboutpage91 .paraItemimg{}
.aboutpage91 .paraItemtitle{ background-color: #f2f2f2;}
.aboutpage91 .paraItem li{ width:20%; margin-right: 1%; padding: 0px 0.5%; float: left;}
.aboutpage91 .paraItem li.pro0para{ width:15%; font-weight: bold;}
.aboutpage91 .paraItem li.proimgtitle{ height: 250px; line-height: 250px; font-size: 16px; font-weight: bold;}
.aboutpage91 .paraItem li.proimg { text-align: center; height: 250px; position: relative;}
.aboutpage91 .paraItem li.proimg img{ max-width: 220px; max-height: 220px; vertical-align: middle;  }
.aboutpage91 .paraItem .proselpara{ position: absolute; width:230px; height: 25px; left:0px; bottom:0px;}
.aboutpage91 .paraItem li{ min-height: 25px; line-height: 25px; margin: 5px 0px;}
.aboutpage91  .paraItemparas ul:nth-child(even){ background-color:#f2f2f2; }
.aboutpage91 .paraItem li:nth-child(even){ color:#996633;}
@media only screen and (max-width: 768px){
    .aboutpage91 .content-box{display: none;}
    .aboutpage91:before{content:"请到PC端查看"; text-align: center; font-size: 18px; font-weight: bold; display: block;}
}
.productpage10 { margin-top: 20px; margin-left: 50%; transform: translate(-50%,0); max-width: 100%;}
.productpage10 .proclaList{ position: relative; margin: 0px auto;  background-color: #f2f2f2; width:1200px; height: 1200px;}
.productpage10 .proclaList .proclaitem{ position: absolute;}
.productpage10 .proclaList .proclaitem .content{ width:90%; height: 90%; margin: 5%; background-repeat: no-repeat; background-position: center;  background-size: contain; position: relative; }
.productpage10 .proclaList .proclaitem .content span{ display: block; position: absolute; width:100%; text-align: center; font-size: 16px; font-weight: bold; white-space: nowrap; overflow:hidden;}
.productpage10 .proclaList .proclaitem .content span a{ display: block; width:100%; color:#fff;}
.productpage10 .proclaList  .procla0{  width:calc(100% / 3 - 2% ); height:calc(100% / 3 - 2% ); top:1%; left:1%; background-color: #fff;}
.productpage10 .proclaList  .procla1{  width:calc(100% / 3 - 2% ); height:calc(100% / 3 - 2% ); top:1%; left: calc(100% / 3 + 1%) ; background-color: #2c2c2c;}
.productpage10 .proclaList  .procla2{  width:calc(100% / 3 - 2% ); height:calc(100% * 2 / 3 - 2% ); top:1%; right:1%;  background-color: #434446;}
.productpage10 .proclaList  .procla3{  width:calc(100%  / 3 - 2% ); height:calc(100% * 2 / 3 - 2% ); bottom:1%; left:1%; background-color: #d03060;}
.productpage10 .proclaList  .procla4{ width:calc(100% / 3 - 2% ); height:calc(100% / 3 - 2% ); top:calc(100% / 3 + 1%); left:calc(100% / 3 + 1%); background-color: #91af01;}
.productpage10 .proclaList  .procla5{ width:calc(100% * 2 / 3 - 2% ); height:calc(100% / 3 - 2% ); bottom:1%; right:1% ;background-color: #fe6941;}

.productpage10 .proclaList  .procla0 span.name{  bottom: -10px; }
.productpage10 .proclaList  .procla0 span.name a{color:#333; }
.productpage10 .proclaList  .procla2 span.name{  bottom: -30px; left:0px; text-align: left; }
.productpage10 .proclaList  .procla3 span.name{  bottom: -30px; left:0px; text-align: center; }
.productpage10 .proclaList  .procla4 span.name{  bottom: -0px; left:0px; text-align: center; }
.productpage10 .proclaList  .procla5 span.name{  top: -0px; left:0px; text-align: right; }
.productpage10 .proclaList .proclaitem .over{ position: absolute; width:100%; height: 100%; top:0px; left: 0px; z-index: -1; background-color: rgba(204,204,204,0.6); display: none;  }
.productpage10 .proclaList .proclaitem:hover .over{ z-index: 5; display: block;}
.productpage10 .proclaList .proclaitem .over a{ display: block; height: 100%; width: 100%; color: #fff; position: relative; }
.productpage10 .proclaList .proclaitem .over a span{ position: absolute; top:50%; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; margin-top: -20px; width:100%; display: block; text-align: center;}
.productpage10 .maincontent{  max-width: 100%;}
.productpage10 .maincontent img{ max-width: 100%;}
.productpage10 .maincontent.pcstyle{ display: block;}
.productpage10 .maincontent.wapstyle{ display: none;}
@media only screen and (max-width: 768px){
    .productpage10 .maincontent.pcstyle{ display: none;}
    .productpage10 .maincontent.wapstyle{ display: block;}
    .productpage10 .proclaList{ max-width: 100%; width:100%; height:auto; position: relative;  }
	.productpage10 .proclaList:before{ content:""; width:0.1px; display: inline-block;	padding-bottom: 100%;}
    .productpage10 .proclaList .proclaitem{max-width: 100%;}
    .productpage10 .proclaList .proclaitem .content{ background-size: cover;}
	.productpage10 .proclaList .proclaitem .content span{ font-size: 14px; display:none;}
}
.productpage {padding-top: 20px; }
.productpage  .item{ width:33.3%; float: left;}
.productpage  .item .itemcontent{ width:95%; margin: 10px auto 20px auto; border-radius: 10px; text-align: center; border: 1px solid #963; position: relative; }
.productpage .item .itemcontent img{ max-width: 100%; height: auto;}
.productpage  .item .itemcontent .othermsg{ margin-top: 10px; margin-bottom: 20px;}
.productpage  .item .itemcontent .othermsg .price-box{ width:30%; float: left;}
.productpage  .item .itemcontent .othermsg  .title-box{ width:50%; float: left; }
.productpage  .item .itemcontent .othermsg span{ display: block;}
.productpage  .item .itemcontent .othermsg .price-box .txt{color: #ccc }
.productpage  .item .itemcontent .othermsg .price-box .price{font-weight: bold; }
.productpage  .item .itemcontent .othermsg  .title-box .no{font-weight: bold; }
.productpage  .item  .vr_view{position: absolute; bottom:20px; right: 20px; width:50px; height: 50px; background-color: #963 ;text-align: center; border-radius: 10px; z-index: 100;}
.productpage  .item  .vr_view a{ color:#fff; font-size: 30px; font-weight: bold;  line-height: 50px; }
.productpage  .item  div.pro_view{ position: absolute; width:100%; height: 100%; padding: 10px 0; left:0; top:0px; z-index: -1; background-color: rgba(153,102,51,0.2); display: none; border-radius: 10px;  }

.productpage  .item  div.pro_view a{ position: relative;  width:100%; height: 100%; left:0; top:0px; display: block; }
.productpage  .item  div.pro_view a span{ position: absolute; top:50%; left:50%; color: #fff; transform: translate(-50%,-50%); font-size: 20px; font-weight: bold;}
.productpage  .item .itemcontent:hover div.pro_view{z-index: 1; display:block; }
@media only screen and (max-width: 768px){
    .productpage  .item{ width:100%; float: none; clear: both;}
}
.productpage .parasearch { margin-bottom: 20px; }
@media only screen and (max-width: 768px){
    .productpage .parasearch{ display: none;}
}
.parasearch .myformsearch .para,.parasearch .myformsearch  .search{ float: left; margin-right: 20px; margin-bottom: 10px; line-height: 25px; width:250px; }
.parasearch .myformsearch .para  .parasearch_title{  width:70px; display: inline-block; text-align: right; }
.parasearch .myformsearch .para .parasearch_input{position: relative; }
.parasearch .myformsearch .para .parasearch_input input{}
.parasearch .myformsearch .para .parasearch_input input:focus{}
.parasearch .myformsearch .para .parasearch_input div{ position: absolute; width:auto; min-width: 100%; white-space: nowrap;  top:100%; left:0px; border: 1px solid #eee; display: none; z-index: 10000; background-color: #fff; }
.parasearch .myformsearch .para .parasearch_input div li{  line-height: 2;padding: 0px 10px;}
.parasearch .myformsearch .para .parasearch_input div li.currli{ background-color: #f3f7f9;}
.parasearch .myformsearch .search{ float: left; height: 25px; line-height: 25px; }
.parasearch .myformsearch .search span,.parasearch .myformsearch .search span .searchgo{ width:100%; display: block; height: 25px; line-height: 25px;}
.productshowpage{ padding-top: 20px;}
.productshowpage .proshow-title-box{ clear: both; margin-top: 20px;}
.productshowpage .proshow-img-box{ width:50%; float: left;}
.productshowpage .pro-bigimg{ position: relative;}
.productshowpage .pro-bigimg .vr_view{ position: absolute; display: inline-block; left:50%; bottom:10px; padding: 10px 20px; line-height: 1; background-color: #933; color: #fff; border-radius: 10px; transform: translateX(-50%); }
.productshowpage .pro-bigimg .vr_view a{color: #fff; display: block; width:100%; height: 100%;}
.productshowpage .pro-bigimg-img {max-width: 100%; }
.productshowpage .proshow-img-box .pro-imglist{ overflow: hidden;}
.showdiv .imglist-box li{ float: left; margin-right: 10px; border: 1px solid #fff; }
.productshowpage .imglist-box{ justify-content: center;  }
.productshowpage .imglist-box li{ float: left; margin-right: 10px; border: 1px solid #fff; }
.productshowpage .imglist-box li.curr{border: 1px solid #eee;}
.productshowpage .proshow-title-intor{ width:48%; float: right;}
.productshowpage .proshow-title-intor .title{ font-size: 24px; font-weight: bold; color: #222; }
.productshowpage .proshow-title-intor .priceAndShop li{float: left; margin-right: 20px; line-height: 1; vertical-align: bottom;}
.productshowpage .proshow-title-intor .priceAndShop .price{ font-size: 36px;font-weight: bold; color: #333; }
.productshowpage .proshow-title-intor .priceAndShop  .shop{ font-size: 16px; margin-top: 18px;margin-right: 30px; position: relative;}
.productshowpage .proshow-title-intor .priceAndShop  .shop:after{ content: ""; position: absolute; width:0px; height: 0px; top:0px;  right: -18px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 0px; border-left: 15px solid #aa6720;}
.productshowpage .proshow-title-intor .change_para{ font-size: 20px; font-weight: 700; line-height: 2;}
.productshowpage .proshow-title-intor .changepara_sel{  height: 40px; padding: 0px 20px 0px 10px; }
.productshowpage .proshow-title-intor .changepara_sel option{ height: 30px;line-height: 30px;}
.productshowpage .proshow-title-intor  .changeparadiv .addPrice{ margin-left: 20px; height: 40px;line-height: 40px; font-size: 20px; font-weight: bold;}
.productshowpage .proshow-title-intor .video{ margin-top: 20px;}
.productshowpage .proshow-title-intor  .index_share{ margin: 20px auto;}
.productshowpage .proshow-title-intor  .index_share span ,.productshowpage .proshow-title-intor  .index_share  div{ float: left;}
.productshowpage .productshowbody{ margin: 20px auto;}
.productshowpage .productshowbody .titlebar{ height: 40px; line-height: 40px; background-color:#eee; }
.productshowpage .productshowbody .titlebar li{ padding: 0px 10px; display: inline-block; float: left; background-color:#933; color: #fff; margin-right: 5px; cursor: pointer; }
.productshowpage .productshowbody .titlebar li.active{  background-color:#963;}
.productshowpage .productshowbody .contentpanel{ margin-top: 20px; }
.productshowpage .productshowbody .contentpanel .hide{ display: none;}
.productshowpage .productshowbody .contentpanel .porparalist .porparaitem{ line-height: 2.5; text-indent: 20px;}
.productshowpage .productshowbody .contentpanel .porparalist .porparaitem:nth-child(even){ background-color: #eee; }
.productshowpage .productshowbody .contentpanel  .porcomment{ padding-top:10px; }
.productshowpage .productshowbody .contentpanel  .porcommentitem{ border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; }
.productshowpage .productshowbody .contentpanel  .porcommentitem .dealer{ width:200px; float: left; display: inline-block; text-align: center;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .dealer .delerimg{ max-width: 90%; height: auto; border-radius: 50%; }
.productshowpage .productshowbody .contentpanel  .porcommentitem .dealer  .delername{ display: block; text-align: center; }
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon{ margin-left: 20px; width:950px; float: left; display: inline-block; overflow: hidden;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon .imglist{ width:200%;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon .imglist .imgitem{ float: left; margin-right: 10px;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon .imglist .imgitem img{ max-height: 100px; width: auto; border: 1px solid #963;}
.productshowpage .productshowbody .contentpanel  .porcommentitem .commentCon .com{ margin-top: 10px;}
.productshowpage .contentpanel img{ max-width: 100%; height: auto;}
@media only screen and (max-width: 768px){
    .productshowpage .proshow-img-box{ width:100%; float: none;}
    .productshowpage .pro-bigimg .vr_view{ display: none;}
    .productshowpage .proshow-title-intor{ width:100%; float: none; clear: both;}
    .productshowpage .proshow-title-intor .title{ font-size: 18px;}
    .productshowpage .proshow-title-intor .priceAndShop .price{ font-size: 20px;}
    .productshowpage .proshow-title-intor .video{ display: none;}
    .productshowpage .proshow-title-intor .index_share{ display: none;}
}
.newspage { margin: 20px auto;}
.newspage .left-box{ width:800px; float: left;}
.newspage .left-box .item{ margin-bottom: 20px; padding: 10px; border-bottom: 1px solid #b2b2b2;}
.newspage .left-box .item .pic img{ max-width: 100%; height: auto;}
.newspage .left-box .item .content{ margin-top: 10px;}
.newspage .left-box .item .content .title-box{ position: relative;}
.newspage .left-box .item .content .title-box:before{ content: "\f1c5";font-family:"FontAwesome"; position: absolute; top:50% ;left:5px;  font-size: 40px; line-height: 1; height: 40px; width:40px; color: #963;transform:  translateY(-50%)  }
.newspage .left-box .item .content .title{ font-size: 18px; font-weight: bold; }
.newspage .left-box .item .content  .timehits,.newspage .left-box .item .content .title{margin-left: 50px;}
.newspage .left-box .item .content .title a:hover{color: #963;}
.newspage .left-box .item .content .title a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newspage .left-box .item .content  .timehits span{margin-right: 30px; padding-left: 20px; position: relative;  display: inline-block; height: 30px; font-size: 16px; line-height: 30px;}
.newspage .left-box .item .content  .timehits span:before{ content:"\f017"; font-family:"FontAwesome"; position: absolute; top:0px ;left:0px; height: 30px; width:30px;  }
.newspage .left-box .item .content  .timehits .time:before{ content:"\f017";}
.newspage .left-box .item .content  .timehits .hits:before{ content:"\f0e5";}
.newspage .left-box .item .content  .desc{ line-height: 1.5}
.newspage .left-box .item .content  .tools{ position: relative;  height: 40px}
.newspage .left-box .item .content  .tools .tools1{ height: 40px; line-height: 40px;}
.newspage .left-box .item .content  .tools .more { padding: 5px 10px; line-height: 1; border: 1px solid #b2b2b2; position: absolute; top:0px; right:20px; color: #b2b2b2; }
.newspage .left-box .item .content  .tools .more:hover{ border: 1px solid #963;  color: #963;  }
.newspagedefalut .left-box {}
.newspagedefalut .left-box .item { border: 1px solid #b2b2b2; padding: 0px; padding-bottom: 10px; }
.newspagedefalut .left-box .item .news-title-box,.newspagedefalut .left-box .item  .desc{ padding: 0px 20px;}
.newspagedefalut .left-box .item .news-title-box{ background-color: #e2e2e2; line-height: 40px;}
.newspagedefalut .left-box .item .news-title-box .title{ font-weight: bold;}
.newspagedefalut .left-box .item .news-title-box .time{ float: right;}

.newspage .right-box{ width:350px; float: right;}
.newspage .right-box .news_list { margin-top: 20px;}
.newspage .right-box .news_list1{ margin-top: 0px;}
.newspage .right-box .news_list .item{ margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #eee;}
.newspage .right-box .news_list .title-box{ font-size: 16px ; font-weight: bold;}
.newspage .right-box .news_list .item .img,.newspage .right-box .news_list .item .content{float: left;}
.newspage .right-box .news_list .item .img img{ border: 1px solid #963; }
.newspage .right-box .news_list .item .content { margin-left: 20px; width:260px;}
.newspage .right-box .news_list .item .content  .title{ max-height: 44px; line-height: 22px; overflow: hidden;}
.newspage .right-box .news_list .item .content  .title a:hover{ color:#963}
.newspage .right-box .news_list .item .content  .hits{ height: 16px; line-height: 16px; font-size: 12px; position: relative; padding-left: 20px;}
.newspage .right-box .news_list .item .content  .hits:before{content:"\f0e5"; font-family:"FontAwesome"; position: absolute; top:0px ;left:0px; height: 16px; width:16px;  }

@media only screen and (max-width: 768px){
    .newspage .left-box{ width:100%; float: none; clear: both;}
    .newspage .right-box{ display: none;}
}
.shownewpage { margin: 20px auto;}
.shownewpage .left-box{ width:800px; float: left;}
.shownewpage .left-box .shownewstitle{ text-align: center;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shownewpage .left-box .time{ display: block; text-align: center;}
.shownewpage .left-box  .shownewscontent{ padding-top:10px;}
.shownewpage .right-box{ width:350px; float: right;}
.shownewpage .right-box .news_list { margin-top: 20px;}
.shownewpage .right-box .news_list1{ margin-top: 0px;}
.shownewpage .right-box .news_list .item{ margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #eee;}
.shownewpage .right-box .news_list .title-box{ font-size: 16px ; font-weight: bold;}
.shownewpage .right-box .news_list .item .img,.shownewpage .right-box .news_list .item .content{float: left;}
.shownewpage .right-box .news_list .item .img img{ border: 1px solid #963; }
.shownewpage .right-box .news_list .item .content { margin-left: 20px; width:260px;}
.shownewpage .right-box .news_list .item .content  .title{ max-height: 44px; line-height: 22px; overflow: hidden;}
.shownewpage .right-box .news_list .item .content  .title a:hover{ color:#963}
.shownewpage .right-box .news_list .item .content  .hits{ height: 16px; line-height: 16px; font-size: 12px; position: relative; padding-left: 20px;}
.shownewpage .right-box .news_list .item .content  .hits:before{content:"\f0e5"; font-family:"FontAwesome"; position: absolute; top:0px ;left:0px; height: 16px; width:16px;  }
@media only screen and (max-width: 768px){
    .shownewpage .left-box { width:100%; float: none; clear: both;}
    .shownewpage .right-box{ display: none;}
}
.imgpage41{ margin: 20px auto;}
.imgpage41 .imglist{ min-height: 400px; }
.imgpage41 .imglist .item{ float: left; width:33.3%; margin-bottom: 40px;}
.imgpage41 .imglist .item .content-box{ width:380px;}
.imgpage41 .imglist .item .content-box .video{  width:380px; height: 260px;}
.imgpage41 .imglist .item .content-box .title{ text-align: center; font-weight: bold; line-height: 3 }

.downpage41{ margin: 20px auto; min-height: 200px;}
.downpage41 .left-box{ width:900px; float: left;}
.downpage41 .left-box img{ border: 1px solid #ccc; max-width: 880px;}
.downpage41 .left-box .content-box{ margin-top: 20px;}
.downpage41 .left-box .content-box .downinfo{ width:600px; float: left;}
.downpage41 .left-box .content-box .downinfo .title{ font-size: 16px; font-weight: bold;}
.downpage41 .left-box .content-box .downinfo .content{ margin: 10px 0px;}
.downpage41 .left-box .content-box .downpara{ width:280px; float: right;}
.downpage41 .left-box .content-box .downpara .paratitle{ font-size: 16px; font-weight: bold;}
.downpage41 .left-box .content-box .downpara  .paralist { margin: 10px 0px;}
.downpage41 .left-box .content-box .downpara  .paralist li .paraname{ width:70px; float: left;}
.downpage41 .left-box .content-box .downpara  .paralist li .parainfo { width:200px; float: right;}
.downpage41 .left-box .content-box .downtitle .name{ width:70px; float: left;}
.downpage41 .left-box .content-box .downtitle .downloadclick{ width:200px; float: right;}
.downpage41 .left-box .content-box .downtitle .downloadclick a{ color: #963;}
.downpage41 .right-box{ width:280px; float: right;}
.downpage41 .right-box .downlist .item{ border: 1px solid #ccc; width:100%; text-align: center; margin: 10px auto; position: relative; cursor: pointer;}
.downpage41 .right-box .downlist .item:before{ content: ""; width:100%; height: 100%; left:0px; top:0px; position: absolute; background: rgba(153,102,51,0.4); display: none; visibility: hidden;}
.downpage41 .right-box .downlist .item:hover:before{ display: block; visibility: visible;}
.downpage41 .right-box .downlist .item img{max-width: 100%; }


.feedbackpage  {margin: 20px auto;}

.feedbackpage .feedback_table {max-width: 100%; width: 100%; line-height: 2;}
.feedbackpage .feedback_table .text{ width:100px;  text-align:right; padding-right: 10px;}
.feedbackpage .feedback_table .input{}
.feedbackpage .feedback_table .input .input-text{ width:90%;}
.feedbackpage .feedback_table .input .textarea-text{ width:90%; height: 4rem; }
.feedbackpage .feedback_table .input img{ height: 22px; vertical-align: middle; padding-left: 1rem;}
.feedbackpage .feedback_table .info{ padding-left:5px; color: #f00; }
.feedbackpage .feedback_table .input .input-text,.feedbackpage .feedback_table .input .textarea-text,.feedbackpage .feedback_table .code{  line-height: 22px; }
.feedbackpage .feedback_table .button { width:20%; line-height: 3; background-color:#963;  border: 1px solid #963;  color: #fff; cursor: pointer; border-radius: 10px;}
.feedbackpage .feedback_table .reset{ background-color: #b2b2b2; border-color: #b2b2b2; margin-left: 20px;}

.feedbackpage .message_list{ margin-top: 40px;  }
.feedbackpage  .item{ margin-bottom: 20px; border: 1px solid  #b2b2b2}
.feedbackpage .item .title{ position: relative; margin: 10px 10px;}
.feedbackpage .item .title .name{ color:#963;}
.feedbackpage .item .title .tt{ position: absolute; top:0px; right: 20px; display: block; color: #ccc;}
.feedbackpage .item .title .time{  font-size: 12px; padding-left: 10px; color:#aaa;}
.feedbackpage .item .info {margin: 0px 10px; padding-bottom: 10px; border-bottom: 1px solid #aaa; }
.feedbackpage .item .reinfo{margin: 0px 10px; padding: 10px 0px; }
.feedbackpage .item .reinfo span{ display: block;}
.feedbackpage .item .reinfo span.tt{ color:#963; }

.loginpage{ width:650px; padding: 20px;}
.loginpage .left-box{ width:300px; float: left}
.loginpage .left-box label{ display: block; margin: 10px;}
.loginpage .left-box label.title{ font-size: 16px; font-weight: bold; text-align: left;}
.loginpage .left-box label span{ width:70px; display:block;font-weight: bold; line-height: 36px;}
.loginpage .left-box label input{ line-height: 30px; padding-left: 10px; width:250px;}
.loginpage .left-box  .btn{ height: 40px; line-height: 40px; width:264px; margin:0px 10px; background-color: #996633; color:#fff; cursor: pointer;}
.loginpage .right-box{ width:280px; float: right}
.loginpage .close{ display: none; position: absolute; top:10px; right:10px; border-radius: 10px; font-size: 20px; background-color: #996633; color: #fff; width:30px;height: 30px; text-align: center; cursor: pointer; }
.imgpage41 .loginpage{ display: none;}
.downpage41 .loginpage{ display: none; position: fixed; top:100px; left:50%; z-index: 100000; background-color: #eee; border: #fff;  border-radius: 10px; padding: 50px;  transform:translateX(-50%); }
.downpage41 .loginpage .close{display: block;}
.pagerlist{ text-align: center; clear: both; padding: 3px; margin: 5px;}
.pagerlist a,.pagerlist span { margin: 2px; padding: 2px 5px; border: 1px solid #ccc;}
.pagerlist .current{background-color: #ccc; color:#fff;}
.pagerlist .disabledfy{ font-family: Tahoma, Verdana; cursor: pointer; background: no-repeat}


@media only screen and (max-width: 768px){
    .infotools .page_preinfo{ width:100%; float:none; clear: both; }
    .infotools .page_next{ width:100%; float:none; clear: both;}

}
.footer-box{ margin-top: 20px; border: 1px solid transparent; background-color: #222222; color: #fff; padding: 20px 0px;}
.footer-box .left-box,.footer-box .mid-box ,.footer-box .right-box{ float: left;}
.footer-box .left-box{ width:380px; font-size: 14px; line-height: 26px;}
.footer-box  a{ color:#fff;}
.footer-box .left-box img{ max-width: 100%; height: auto;}
.footer-box .mid-box { width:620px; margin-left: 15px;}
.footer-box .mid-box ul{ float: left; text-align: center; font-size: 12px; line-height: 22px;}
.footer-box .mid-box ul a{ color: #fff;}
.footer-box .mid-box ul h2{ font-size: 16px;}
.footer-box .right-box{ width:180px ; float: right; text-align: center;}
.footer-box .right-box img{ max-width: 100%; height: auto;}
.footer-copyright{ line-height: 3; background-color: #91432d; color: #fff; text-align: center;}
@media only screen and (max-width: 1240px){
    .footer-box .left-box{ width:200px; font-size: 12px;}
    .footer-box .mid-box { width:calc(100% - 330px); margin-left: 15px;}
    .footer-box .mid-box ul{ white-space: nowrap; }
    .footer-box .right-box{ width:100px ; float: right; text-align: center;}
}
@media only screen and (max-width: 768px){
    .footer-box .left-box{ width:100%; clear: both; float: none;}
    .footer-box .mid-box,.footer-box .right-box { display: none;}

}
.onlinefixed { position: fixed; right: 20px;; bottom:100px; z-index: 99999999999 ; width:75px; color:#963; text-align: center; line-height: 1;  opacity: 0.8;}
.onlinefixed a ,.online a:hover{color:#963;  }
.onlinefixed:hover{ opacity: 1;}
.onlinefixed:hover dl{ opacity:0.9;}
.onlinefixed dl:hover{opacity: 1; background-color: #fff;}
.onlinefixed dl{ position: relative;  background-color: #e0e0e0; border: 1px solid  #e0e0e0;}
.onlinefixed dt{ width:75px; height: 81px;cursor: pointer;}
.onlinefixed dl dt {position: relative; font-size: 14px; border-bottom: 1px solid #fff;}
.onlinefixed dl dt em{ position: absolute; bottom:10px; width:100%; left:0px; font-weight: bold;}
.onlinefixed dl dt:before{ content: "\f098";  font-family: "FontAwesome"; position: absolute; left:50%; transform:translate(-50%,15%); font-size: 45px; }
.onlinefixed dl.tel dt:before{ content: "\f098";}
.onlinefixed dl.weixin dt:before{ content: "\f1d7";}
.onlinefixed dl.qq dt:before{ content: "\f1d6";}
.onlinefixed dl.top dt:before{ content: "\f062";}
.onlinefixed dl.emil dt:before{ content: "\f0e0";}
.onlinefixed dl dd{position: absolute; top:50%; right: 102%;transform:translateY(-50%);   }
.onlinefixed dd{  visibility: hidden; border-right: 1px solid  #e0e0e0; background-color: #e0e0e0;    border-right: 2px solid #fff;}
.onlinefixed dl:hover dd{ visibility: visible;}
.onlinefixed dl.weixin dd{ display: flex;}
.onlinefixed dl.weixin dd em{font-size: 14px;line-height: 2;}
.onlinefixed dl.weixin dd div.Item{ float: left; padding: 10px 20px;}
.onlinefixed dl.weixin dd div.Item img{ height: 150px;}
.onlinefixed dl.qq dd div.Item{ display: block; padding: 10px; position: relative; height: 48px; border-bottom: 2px solid  #fff;;}
.onlinefixed dl.qq dd div.Item a{ display: block; width:100%; height: 100%;  white-space: nowrap; }
.onlinefixed dl.qq dd div.Item a em{ margin-top: 5px; display: block;}
.onlinefixed  dl.tel  dd,.onlinefixed  dl.emil  dd{  white-space: nowrap;  text-align: left;}
.onlinefixed  dl.tel  dd .Item,.onlinefixed  dl.emil  dd .Item{text-align: left; padding: 10px 10px 10px 50px; position: relative; margin-left: 0px; border-bottom:2px solid  #fff;; }
.onlinefixed  dl.tel  dd .Item:before,.onlinefixed  dl.emil  dd .Item:before{ content: "\f095"; font-family: "FontAwesome"; position: absolute; left:10px; top:50%; transform:translate(0%,-50%); font-size: 36px;  }
.onlinefixed  dl.emil  dd .Item:before{content: "\f0e0";}
.onlinefixed  dl.tel  dd .txt,.onlinefixed  dl.emil  dd .txt{  font-size: 22px;  }
.onlinefixed  dl.tel  dd .em,.onlinefixed  dl.emil  dd .em{ font-size: 14px; }
.onlinefixed dl.top dt{ border-bottom: 0px;}
.onlinefixed dl.top a{ display: block; width:100%; height: 100%; position: absolute;left:0px; top:0px; }