/*手机端移动端响应*/
@media screen and (max-width: 1200px) {
  .layui-main{width:auto !important;}
  .pcsize{display: none !important;}
  .pcsize2{display: none !important;}
  .mobilesize{display: block !important;}
  body{padding-bottom:50px !important;padding-top:45px !important;}
  .logo{width:100%;text-align:center;font-size:24px !important;}
  .header{height:45px !important;}
  .header .logo{line-height:45px !important;}
  .layui-nav .layui-nav-item{line-height:45px !important;}
  .layui-nav-child{top:42px !important;}
}
@media screen and (min-width: 1200px) {
  .layui-main{widows: 1140px !important;}
  .pcsize{display: block !important;}
  .pcsize2{display: inline-block;}
  .mobilesize{display: none !important;}
  body{padding-bottom:0;}
}

body{padding-top:60px;background:#f5f6f7;}
h1,h2,h3{font-size: 14px;}
::-webkit-input-placeholder{color: #999}
.layui-container{padding:0;}
#fh5co-board{overflow: hidden;}
input {
  -webkit-appearance: none !important;
}
textarea {
  -webkit-appearance: none !important;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 100px white inset !important;
}
/* 详情 */
.deteailed{margin:20px 10px;}
.deteailed .h1{font-size: 22px;line-height: 1.4;margin-bottom: 14px;color:#333;}
.deteailed .h2{margin-bottom:25px;}
.deteailed .h2 span{color:#576b95;font-size:15px;}
.deteailed .h2 em{font-size:14px;color: rgba(0,0,0,0.3);font-style:normal;}
.deteailed .content{line-height:2;font-size:14px;color:#333;}
.deteailed .content img{max-width:100% !important;max-width:100% !important;margin:5px 0 !important;display:block;}


/* 头部 */
.header{ border-bottom: 1px solid #404553;position: fixed;left:0;top:0;width:100%;background:#20123a;border-bottom:none;z-index:8 !important;}
.header .logo{position: absolute; left: 0; top: 0;line-height: 59px;color:#fff;font-size:20px;font-weight:700;letter-spacing:3px;}
.header .logo img{width: 82px; height: 31px;}
.header .layui-nav{position: absolute; right: 0; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{padding: 0 20px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}
.header .layui-nav .layui-nav-item.on{background:#009688 !important;}
.header .layui-nav .layui-nav-item.on a{color:#fff;}
.header .layui-nav a.on{background:#009688 !important;}
.header .layui-nav a.on{color:#fff;}
.header .layui-container .logo{left: 15px;}
.header .layui-container .layui-nav{right: 15px;}
.header .layui-nav .layui-badge, 
.header .layui-nav .layui-badge-dot{right: 0;}
.header .layui-nav-child{font-size:14px;left:-101px;}
.header .home{display:block;float: left;position: absolute;left:0;top:0;height:100%;height:45px;line-height:45px;color:#bbb;padding:0 10px;z-index:50;}
.header .home span{font-size:26px;}
.header .layui-nav-bar{display:none !important;opacity:0;position: fixed;left:-1000000px !important;}
.layui-nav .layui-nav-item a:active{border:none !important;}
.layui-nav .layui-this::after{display:none;}

/*选择框*/
.selectbox{margin:5px;border:1px solid #eee;border-bottom:none;background:#fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);font-size:12px;}
.selectbox dl{padding:10px;border-bottom:1px solid #eee;padding-left:60px;position: relative;}
.selectbox dl{overflow: hidden;}
.selectbox dl a{display:block;float: left;padding:5px 10px;color:#888;}
.selectbox dl a.on,.selectbox dl a:hover{color:#c90000}
.selectbox dl dt{position:absolute;left:10px;font-weight:700;top:15px;}


/* 子侧边 */
.layui-side-child{width: 160px!important; left: 200px; bottom: 60px!important; border-right: 1px solid #eee; background-color: #fff;}
.layui-side-child .layui-side-scroll{width: 170px;}
.layui-side-child .layui-nav{padding: 10px 0; width: 160px; border-radius: 0; background: none}
.layui-side-child .layui-nav-child{border-radius: 0;}
.layui-side-child .layui-nav .layui-nav-title a, 
.layui-side-child .layui-nav .layui-nav-title a:hover, 
.layui-side-child .layui-nav-itemed>a{color: #666 !important;}
.layui-side-child .layui-nav-itemed .layui-nav-child{margin-bottom: 10px; background: none !important;}
.layui-side-child .layui-nav .layui-nav-item a{height: 30px; line-height: 30px; color: #666;}
.layui-side-child .layui-nav .layui-nav-item a:hover{background: none !important;}
.layui-side-child .layui-nav .layui-nav-child a{color: #999 !important;}
.layui-side-child .layui-nav .layui-nav-more{display: none;}
.layui-side-child .layui-nav-tree .layui-this, 
.layui-side-child .layui-nav-tree .layui-this>a, 
.layui-side-child .layui-nav-tree .layui-nav-child dd.layui-this, 
.layui-side-child .layui-nav-tree .layui-nav-child dd.layui-this a{background: none; color: #5FB878 !important;}
.layui-side-child .layui-nav .layui-nav-child a:hover{color: #009688 !important} 
.layui-side-child .layui-nav-bar{background-color: #5FB878;}


/* 2级左侧导航*/
.left-menu-box{position: fixed;background: rgba(255, 255, 255, 0.85);left: 0;top: 50%;z-index: 10000;border-top-right-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 0 0 20px #8e8f8f;transition: all 0.6s;}
.left-menu-box.opacity_end_left #leftmenu-btn{opacity: 0;}
.left-menu-box #leftmenu-btn,.WAP_leftmenu #wapmenu-btn{width: 45px;height: 256px;background: url(../images/left-menu-btn.gif) no-repeat center;cursor: pointer;position: absolute;left: 100%;top: 50%;margin-top: -128px;transition: all 0.4s;display: none;}
.left-menu-box .sub-left-nav{display: inline-block !important;border-left: 2px solid #f4b531;z-index: 90;margin: 30px 20px 30px 34px;}
.left-menu-box .sub-left-nav ul{margin-top: -20px;margin-bottom: -20px;}
.left-menu-box .sub-left-nav li{position: relative;}
.left-menu-box .sub-left-nav li:before{content: "";display: block;width: 8px;height: 8px;border: 3px solid #f4b531;border-radius: 100%;position: absolute;top: 50%;margin-top: -7px;margin-left: -8px;z-index: 9;background: #fff;transition: all .35s ease-in-out;}
.left-menu-box .sub-left-nav li.curr:before,.sub-left-nav li:hover:before{width: 8px;height: 8px;border: 5px solid #ee7133;margin-left: -10px;}
.left-menu-box .sub-left-nav a{display: inline-block;font-size: 1.142em;/*color: #717171;*/
  color: #333;margin-left: 2em;margin-top: 8px;margin-bottom: 8px;padding: 0.4em 1.2em;border-radius: 30px;position: relative;}
.left-menu-box .sub-left-nav li.curr a, .left-menu-box .sub-left-nav li:hover a{background: #ee7133;color: #fff;}
@media(max-height:800px){.sub-left-nav a{padding: 5px 1.2em;font-size: 14px;margin-top: 0 !important;margin-bottom: 0 !important;}
  .left-menu-box .sub-left-nav li:before{margin-top: -5px}
  }
@media(max-height:768px){.sub-left-nav a{padding: 5px 1.2em;font-size: 12px;margin-top: 0px;margin-bottom: 0;}
  .left-menu-box .sub-left-nav li:before{margin-top: -10px}
  }
.left-menu-box .sub-left-nav li.curr a em, .left-menu-box .sub-left-nav li:hover a em{display: block;left: -7px;}
.left-menu-box .sub-left-nav a em{display: block;position: absolute;left: 0;top: 50%;width: 9px;height: 10px;margin-top: -5px;display: none;transition: all .35s ease;}
.left-menu-box.PC_leftmenu #wapmenu-btn{width: 35px;height: 35px;position: absolute;border-radius: 50%;background: url(../images/pc-left-btn.png) no-repeat center #ee7133;top: -10px;right: -10px;cursor: pointer;transition: all 0.4s;}

/*列表*/
.li{background:#fff;border:1px solid #eee;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);border-radius:5px;overflow: hidden;margin:5px 5px;padding-bottom:3px;transition: all 0.5s;}
.li .img img{width:100%;width:0;overflow: hidden;}
.li .txt{padding:10px 10px;line-height:1.8;font-size:12px;color:#666;overflow: hidden;}
.li .txt2{padding:5px 10px 0 10px;border-top:1px solid #f5f5f5;overflow: hidden;}
.li .txt2 span{margin:2px 2px 0 2px;}
.li:hover img{opacity:0.6;transition: all 0.5s;}
.li .layui-badge{margin-top:5px;font-size:12px;overflow:hidden;}
.li .number{margin-top:8px;color:#000;}
.li .price{line-height:32px;}
.li .price span{float: left;padding-right:5px;}
.li .price span font{padding-right:0;}

/*footer*/
.footer{font-size:14px;text-align:center;background:#20123a;color:#fff;padding:10px 0;line-height:22px;}


/*mobilefooter*/
.mobilefooter{width:100%;background:#212121; z-index:9999; position:fixed; bottom:0; left:0;}
.mobilefooter a{width:20%; float:left; color:#555; text-align:center;border-left:1px solid #444;border-right:1px solid #000;box-sizing:border-box;padding:6px 0;}
.mobilefooter a:nth-child(1){border-left:none;}
.mobilefooter a:nth-child(4){border-right:none;}
.mobilefooter a em{display:block;width:20px;height:20px;margin:0 auto;background-size:cover !important;}
.mobilefooter a font{font-size:12px;line-height:20px;color:#999999;}


/*detailed*/
.detailed{background:url(../images/jietubg.gif);padding:5px;overflow: hidden;}
.workbox{overflow: hidden;}
.workbox li{overflow: hidden;border:4px solid #fff;border-radius:3px;box-shadow: rgba(0,0,0,0.15) 0 0 8px;float: left;margin:5px 1%;transition: all 0.5s;box-sizing: border-box;}
@media screen and (max-width: 1080px) {
  .workbox li{width:31%;height:140px;}
}
@media screen and (max-width: 750px) {
  .workbox li{width:23%;height:105px;}
}
@media screen and (max-width: 640px) {
  .workbox li{width:48%;height:100px;}
}

@media screen and (max-width: 350px) {
  .workbox li{width:48%;height:90px;}
}
@media screen and (min-width: 1200px) {
  .workbox li{width:23%;height:155px;}
}
.price font{font-size:18px;font-family:Arial;color:red;float: left;padding-right:5px;}
.price em{font-size:12px;font-family:Arial;color:#999;font-style:normal;float: left;}
.workbox li img{width:100%;}
.workbox li:hover{border-color:#FF5722 !important;transition: all 0.5s;}
.worktxt {margin:5px;}
.worktxt td{font-size:12px;}
.layui-colla-title{padding-left:35px !important;}

/* Base styles */
/* Base styles */
.column {float: left;}
@media screen and (max-width: 300px) {
  .column {
      float: none;
      position: relative;
      clear: both;
  }
}
.size-1of4 {
  width: 25%;
}
.size-1of3 {
  width: 33.333%;
}
.size-1of2 {
  width: 50%;
}


#fh5co-board[data-columns]::before {
  content: '4 .column.size-1of4';
  display: none;
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 320px) {
  #fh5co-board[data-columns]::before {
      content: '1 .column'; 
  }
}

@media screen and (min-width: 321px) and (max-width: 700px) {
  #fh5co-board[data-columns]::before {
      content: '2 .column.size-1of2';
  }
}

@media screen and (min-width: 701px) and (max-width: 1080px) {
  #fh5co-board[data-columns]::before {
      content: '3 .column.size-1of3';
  }
}

@media screen and (min-width: 1081px) {
  #fh5co-board[data-columns]::before {
      content: '4 .column.size-1of4';
  }
}


/*page*/
.pagination{line-height:20px;text-align:center;border-top:none;overflow:hidden;padding:10px 0;margin:15px;}
.pagination li{display:inline-block;padding:5px 0;}
.pagination li a{padding:4px 8px;color:#295d9e;margin:0 6px;border:1px solid #888;background:#fff;border-radius:3px; box-shadow: 0px 0px 2px #CCC;display: inline-block;}
.pagination li a:hover{color:#295d9e;border-radius:3px; box-shadow: 0px 0px 7px #295d9e;}
.pagination span{padding:4px 8px;color:#666;}


/*menu*/
.menu{width:100%;height:100%;position:fixed;left:-100%;top:0;background:rgba(0,0,0,0.6);box-sizing:border-box;overflow:hidden;transition: all .35s ease;z-index:11;}
.menu.open{transition: all .35s ease;left:0;}
.menu_head{height:40px;border-bottom:1px solid #eee;background:#fff;text-align:center;line-height:45px;position:relative;width:75%;z-index:3;padding-right:55px;text-indent:55px;}
.menu_head .menuclose{display: block;width: 40px;height: 40px;position: absolute;right:0px;top:0px;background-size:25px 25px;color:#555;line-height:40px;text-align:center;text-indent:0;}
.menu dl{width:50px;height:40px;}
.menu dl dt{width:50px;height:40px;color:#fff;text-align:center;line-height:40px;width:50px;position:relative;z-index:3;color:#333;font-weight:700;font-size:12px;}
.menu dl dd{position:absolute;left:0;top:0;width:75%;height:100%;padding-left:55px;box-sizing:100%;background:#F2F2F2;z-index:2;display:none;padding-top:40px;}
.menu dl dd:before{content:"";height:100%;position:absolute;left:0;top:0;width:50px;background:#fff;border-right:1px solid #ddd;}
.menu dl dd ul{position:relative;z-index:1;padding-top:10px;overflow:hidden;}
.menu dl dd ul li{border-radius:3px;overflow:hidden;margin:5px 1.5%;float:left;}
.menu dl dd ul li a{border-radius:4px;display:block;padding:5px;font-size:12px;text-align:center;color:#555;border: 1px solid #ccc;background: #F3F3F3;background: -moz-linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);background: -webkit-linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);background: -o-linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);background: -ms-linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#d7d7d7',GradientType=0 );background: linear-gradient(top,#ffffff 0%,#ebebeb 90%,#F3F3F3 100%);}
.menu dl.ons dt{background:#009688;color:#fff;}
.menu dl.ons dd{display:block;}
.menu dl .map{font-size:12px;position:relative;top:8px;margin-left:5px;}
.menu dl .map font{font-weight:700;color:#009688;}
.menu .menuad p{font-size:12px;margin:0 1.5%;margin-bottom:10px;}
.menu .menuad{margin-top:30px;}
.menu .menuad .btns{overflow:hidden;margin:0 1.5%;}
.menu .on a{border:1px solid #FF5722 !important;color:#fff!important;background:#FF5722;}

.gh-count{opacity: 0.8;top:45px;padding:2px 5px 2px 4px;color:#333;white-space:nowrap;border-radius:3px;position:fixed !important;z-index:10;box-shadow:0 0 3px rgba(0, 0, 0, 0.3);background-color:#fafafa;border:1px solid #d4d4d4;right:10px;font-size:10px;}
.gh-count:before{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #fafafa;position:absolute;top:-4px;z-index:1;right:15px}
.gh-count:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #d4d4d4;position:absolute;top:-5px;right:14px}
.toTop{bottom:55px;right:5px;}
.toTop li{width:35px;height:35px;line-height:35px;}



/**右边客服**/
@font-face{font-family: 'fontello';src: url('../fonts/fontello.eot');src: url('../fonts/fontello.eot') format('embedded-opentype'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../fonts/fontello.svg') format('svg');font-weight: normal;font-style: normal;}
.demo-icon{font-family: "fontello" !important;font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;/* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/font-variant: normal;text-transform: none;/* fix buttons height, for twitter bootstrap */line-height: 1em;/* Animation center compensation - margins should be symmetric */ /* remove if not needed */margin-left: .2em;/* You can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;/* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */}
.cndns-right *:hover{text-decoration: none;}
.cndns-right *{text-decoration: none;}
.cndns-right li{list-style: none;}
.cndns-right #zixunUl{margin: 0;padding: 0;}
.cndns-right{position: fixed;right: 10px;top: 50%;margin-top: -100px;z-index: 100;font-family: Arial, "Microsoft YaHei" !important;background: #f1f1f1;border: 1px solid #e0e0e0;filter: alpha(opacity=9);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;z-index: 99999;}
.cndns-right i{font-style: normal !important;}
.cndns-right-meau{position: relative;}
.cndns-right-btn{width: 75px;height: 80px;text-align: center;display: block;position: relative;text-decoration: none;border-top: 1px solid #e0e0e0;}
.cndns-right-btn:hover{background: #fff;}
.cndns-right-btn span{color: #02643a;font-size: 28px !important;line-height: 52px;}
.cndns-right-btn sup{display: block;min-width: 24px;height: 24px;text-align: center;line-height: 24px;color: #fff;border-radius: 50%;background-color: #a17f4c;position: absolute;left: -12px;top: -12px;}
.cndns-right-btn p{color: #333;font-size: 12px;line-height: 18px;padding-top: 0px;margin: 0;text-decoration: none;padding-bottom: 10px;}
.cndns-right-meau:hover .cndns-right-btn p{display: block;text-decoration: none;}
.meau-car .cndns-right-btn{border-color: #02b2b5;margin-bottom: 20px;text-decoration: none;}
.meau-car .cndns-right-meau:hover .cndns-right-btn{background-color: #02b2b5;text-decoration: none;}
.meau-car .cndns-right-meau:hover .cndns-right-btn span{color: #fff;display: block;text-decoration: none;}
.meau-code .sev-t img{width: 134px;height: 134px;margin: 0;padding: 0;}
.meau-car .cndns-right-btn span{color: #02643a;}
.meau-top .cndns-right-btn span{font-size: 24px !important;line-height: 38px;padding-top: 10px;}
.meau-top .cndns-right-btn i{display: block;color: #333;font-size: 12px;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{}
.cndns-right-box{position: absolute;top: -15px;right: 62px;padding-right: 25px;display: none;}
.cndns-right-box .box-border{border-top: 4px solid #02643a;border-left: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;padding: 20px;background-color: #fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position: relative;overflow: hidden;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.cndns-right-box .box-border .arrow-right{display: block;width: 13px;height: 16px;background:red ;position: absolute;right: -13px;top: 26px;}
.cndns-right-box .box-border .sev-t span{font-size: 42px;float: left;display: block;line-height: 56px;margin-right: 20px;color: #d3d3d3}
.cndns-right-box .box-border .sev-t p{float: left;color: #02643a;font-size: 22px;line-height: 28px;padding: 0;margin: 0;}
.cndns-right-box .box-border .sev-t p i{display: block;font-size: 14px;color: #888;font-style: normal !important;}
.cndns-right-box .box-border .sev-b{padding-top: 15px;margin-top: 15px;border-top: 1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color: #666;font-size: 14px;font-weight: normal;padding-bottom: 15px;}
.cndns-right-box .box-border .sev-b li{float: left;width: 50%}
.cndns-right-box .box-border .sev-b li a{display: inline-block;color: #888;font-size: 14px;padding-left: 43px;background: url(../images/zxqq.png) no-repeat left 3px;line-height: 36px;}
.cndns-right-box .box-border .sev-b li a:hover{color: #02643a}
.meau-sev .cndns-right-box .box-border{width: 300px;}
.meau-contact .cndns-right-box .box-border{width: 230px;}
.cndns-right-meau:hover .cndns-right-box{display: block}
.meau-code .cndns-right-box{top: inherit;bottom: -35px;}
.meau-code .cndns-right-box .box-border{width: 156px;text-align: center;}
.meau-code .cndns-right-box .box-border i{display: block;color: #666;font-size: 14px;line-height: 22px;}
.meau-code .cndns-right-box .box-border .arrow-right{top: inherit;bottom: 50px;}
.meau-zs .cndns-right-btn{background-color: #02643a;color: #fff;margin-top: 80px;border-color: #02b2b5}
.meau-zs .cndns-right-btn span{color: #fff}
.meau-zs .cndns-right-btn p{color: #fff}
.sev-t{overflow: hidden;}