<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/www/wwwroot/Z6.COM/func.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/crabs-china.com/img/ff/141e4/b821c.css): failed to open stream: No such file or directory in <b>/www/wwwroot/Z6.COM/func.php</b> on line <b>115</b><br />
/* CSS Document */


@import url(css.css);

.hed_x{ position:relative; background:#FFF; z-index:50}
.nyhed_top{ padding:1vh 0; background:#353535; color:#FFF; font-size:1.5rem}
.nyhed_top .fa{ font-size:20px; position:relative; top:1px;}

@media (max-width: 991px) and (min-width: 768px){
#molheader .mol_navbutton {
    position: absolute;
    top: 25px;
    right: 0;
    width: 74px;
    height: 40px;
}
}

.logo1 img{ padding:12px 0}
#molheader .mol_navbutton {position: absolute;top: 40px;	right: 0;	width: 74px;	height: 40px;}

    .nav {height: 47px;position: relative; margin-top:2%;  }
    .nav ul{display: flex }
	.nav ul li {list-style: none;float: left;color: rgba(255, 255, 255, 0.8);text-align: center;height: 47px;line-height: 47px;cursor: pointer; flex: 1;  text-align: center;}
    .nav ul li a{ font-size:15px; color:#555555; display:block;transition:.2s}
    .nav ul li:hover { background:#db353d; border-radius:0; transition:.2s}
	.navon{ background:none; border-radius:0; color:#fff}
	.navon a{  color:#555555 !important}
	.navon a:hover{  color:#ffffff !important}
	.nav ul li:hover a{ color:#FFF }
    .nav .menu {width: 40px;height: 30px;border: 2px solid #666;position: absolute;line-height: 28px;text-align: center;border-radius: 6px;color: #666;cursor: pointer;right: 40px;top: calc((48px - 34px) / 2);display: none;-webkit-user-select: none;    }
            
    @media all and (max-width: 991px) {
    .nav .menu {display: block;}
    .nav ul {position: absolute;top: 60px;padding-left: 15px;right:-14px;display: none; width:80%        }    
    .nav ul li {float: none;background-color: #333;border-radius: 4px;margin-bottom: 1px; line-height:35px; height:35px; width:100%       }
    .nav ul li:hover {background-color: #333;opacity: 0.9;}
    }
	
	
 .nyfla{ padding:150px 0 80px; position:relative;}
 .nyfla::before {    background-color: rgba(0, 0, 0, 0.5);content: "";    display: block;    height: 100%;    left: 0;    position: absolute;    top: 0;    width: 100%;}
 .banner-content{ position:relative; z-index:1; text-align:center;}
 .banner-content h1 {     color: #ffffff;     font-size: 3.5rem; font-weight:bold;    text-transform: uppercase;     margin-bottom: 3vh;}
 .banner-content h2 {     color: #ffffff;     font-size: 3.5rem; font-weight:bold;    text-transform: uppercase;     margin-bottom: 3vh;}
 .banner-content h3{ color:#FFF;}
 .banner-content h3 a{ color:#FFF;}
 .banner-content h3 a:Hover{ color:#F00}
 
 .fixed{position: fixed;top: 0;}
 
 /*内页关于我们*/
 
.nyabout_nr{ padding:10vh 0; line-height:2.3rem; font-size:1.4rem; overflow:hidden}  
.nyabout_nr img{ max-width:100%; text-align:center; padding-top:3vh}
.nyabout_nr .nn1{ font-size:1.6rem; font-weight:bold; padding:1vh 0 2vh; color:#222222}
.nyabout_nr .nn2{ font-size:3.5rem; font-weight:bold;padding:0vh 0 2vh; color:#666666}
.nn3{ font-size:3.5rem; font-weight:bold;padding:4vh; color:#444444; text-align:center}
  
.center2 .slid_img1{ border:1px solid #CCC; margin:0 15px}
.center2 .slid_img1 img{ width:250px; } 



/*内业产品*/

.nycp_bt{ text-align:center; padding:8vh 0 3vh}
.nycp_bt div{ margin:1vh 0}
.nycp_bt .on a{ background:#db353d}
.nycp_bt a{ padding:10px 30px; background:#3f3f3f; color:#FFF; font-size:1.6rem; display:block; transition:0.2s}  
.nycp_bt a:hover{ background:#db353d}

.nyjs h2{ font-size:2.6rem; text-align:center; font-weight:bold; padding:10vh 0}
.nyjs .fa{ color:#db353d}
.nyjs h3{ line-height:1.8; font-size:1.4rem}  

.link-header{ background:#db353d; color:#FFFFFF; text-align:center; height:40px; line-height:40px;font-size:1.6rem; width:100%;}
.link-content{ line-height:1.8; font-size:1.6rem; padding-top:1.4rem;}
/*产品展示*/
.tabBox{ height:auto; overflow:hidden; margin:0 auto; padding-top:1rem; padding-bottom:3vh }
.tabBox .hd ul { margin:0 auto; overflow:hidden; }
.tabBox .hd li { float:left; margin-left:2.66666%;width:23%; margin-top:1rem}
.tabBox .hd li:first-child{ margin-left:0;}
.tabBox .hd li a { display:block;  font:1.6rem "Microsoft YaHei"; color:#333333; text-align:center; background:#CCC; border:2px solid #CCC;line-height:3rem; cursor:pointer }
.tabBox .hd li a:hover{ background:#db353d; border-color:#db353d; color:#ffffff; }
.tabBox .hd li.on a{ background:#db353d;  color:#ffffff; border-color:#db353d }
.tabBox .hd li .fsa { background:#2c9cde; color:#fff;}
.tabBox .hd li .fsa:hover { background:#db353d; font-weight:normal;}
		
		.tabBox .bd{  }
		.tabBox .slideBox{ overflow:hidden;  position:relative; padding:2vh 0;display:none }
		.tabBox .slideBox img{  width:100%;}
		
.bd_zi{ font-size:1.4rem; color:#333; line-height:1.8}		

#cen_right_top .active a{ background:#db353d;color:#ffffff;border-color:#db353d }



/*新闻*/
.news_nr{ padding:5vh 0}
.news_nr img{ max-width:85% !important; height:auto !important}
.news_nr p{     margin: 0 0 10px; line-height:1.8}
.news_nr hr{    margin-top: 20px;    margin-bottom: 20px;    border: 0;    border-top: 1px solid #999;}
img.img-responsive{ display:inline-block; max-width:300px; border:1px solid #eeeeee}

@media (max-width: 768px){
img.img-responsive{ display:inline-block; max-width:100%;}

}

.news_nr h1{ font-size:2.5rem; font-weight:bold; padding:3vh 0 2vh 0 }
.news_nr h3 { padding:15px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news_nr h3 a{ color:#000; font-size:2rem;  }
.nydaohang {      min-height: 42px;    overflow: hidden;    margin: 50px auto 25px;    line-height: 42px;    text-align: center;}
.nydaohang a {display:inline-block;background: #dddddd;    padding:1vh 2vw;    color: #333333;    font-size: 16px;   cursor:pointer; margin-top:10px;}
.nydaohang a:first-child{ margin-left:0}
.nydaohang a:hover{ background:#d43f3a; color:#FFF;}

.tag-items {  margin-top: 50px;  display: block;}
.tag-items a {  padding: 8px 12px;  background-color: #f1f4f5;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;}
 .nav-links {	    border-top: 1px solid #f2f2f2;	    border-bottom: 1px solid #f2f2f2;	    display: inline-block;	    width: 100%;	    padding: 2.188em 0;	    margin: 1.875em 0 0 0	}
	
 .nav-links .nav-previous {	    float: left;	    width: 50%;	    border-right: 1px solid #f2f2f2	; line-height:1.8}
 .nav-links .nav-previous .nav-title {	    padding-right: 50px	}
 .nav-links .nav-next {	    float: right;	    width: 50%;	    text-align: right	; line-height:1.8}
 .nav-links .nav-next .nav-title {	    padding-left: 50px;	}
 .nav-links .meta-nav {color: #848484; font-size:1.2rem;   -webkit-transition: all .5s;	    transition: all .5s	}
 .nav-links a:hover {	    text-decoration: none	}
 .nav-links a:hover .meta-nav {	    color: #db353d	}
 .nav-links .nav-title { color: #2e2e2e; font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
 
.xg_bt{  padding-top:3vh;    margin-bottom: 1vh;}

.xg_bt {	font-size: 24px;	font-weight: 700;	margin-bottom: 40px;	position: relative;}
.xg_bt::before {	content: '';	position: absolute;	bottom: -15px;	left: 0;	width: 90px;	height: 3px;	background: #db353d;}

.xg_bt span{ font-size:1.8rem; font-weight:bold; }
.xgtj_nr ul li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;   margin-bottom: 13px;    border-bottom: 1px solid #dfdfdf;    padding-bottom: 10px;}
.xgtj_nr ul li a{ -webkit-transition: all .5s;	    transition: all .5s; color:#333}
.xgtj_nr ul li a:hover{ color: #db353d}	
	
	
	
	/*单页*/
	
	.danye  h2{ font-size:2.6rem; text-align:center; font-weight:bold; padding:2vh 0}
	.danye .fa{ color:#db353d}
	.danye_zi p{ line-height:2.5rem}
	
	
	/*案例*/
	.anli{ padding:5vh 0}
	.img-portfolio { width:33.333%;    margin-bottom: 30px; float:left;}
	.img-portfolio img.img-responsive{ display:block; max-width:100%;}
	
	@media (max-width: 768px){
	.img-portfolio { text-align:center;float:left; height:150px; overflow:hidden;}
	.img-portfolio img.img-responsive{ display:inline-block; width:100%;}
}
	
	.img-hover{ transition:.3s}
	.img-hover:hover {    opacity: 0.8;}
    .img-portfolio h3{    margin-top: 20px;    margin-bottom: 10px; font-size:1.6rem; text-align:center;}
    .img-portfolio h3 a{ color:#666; transition:.3s; font-weight:normal}
    .img-portfolio h3 a:hover{ color:#222}
	
	
	/*联系我们*/


.m-btn{
  text-decoration: none;
  display: inline-block;
  margin-bottom: 0;
  padding: 12px 25px;
  letter-spacing: 1px;
  background: transparent;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: 0px 3px 31px 3px rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0.32s ease-in-out;
    -moz-transition: all 0.32s ease-in-out;
      -o-transition: all 0.32s ease-in-out;
        transition: all 0.32s ease-in-out;
}




.m-btn-theme{
  color: #fff;
  border:2px solid;
}
.m-btn-theme:hover{
  background: #fff;
  color:#FF0000;
}


 .m-btn-theme {
    background: #db353d;
}

@media (max-width: 769px){
  .m-btn{
    padding: 10px 10px;
  }
}

.box-shadow {
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}

.section {
    padding: 50px 0;
}
.contact-info {
  padding: 15% 10%;
  background: #fff;
  text-align: center;
  border-radius: 5px;
}
.contact-info i{
  font-size: 35px;
  margin-bottom: 30px;
  display: inline-block;
}
.contact-info h6{
  font-size: 1.8rem;
  font-weight: 600;
  color: #2D2E33;
  margin-bottom: 15px;
}
.contact-info p{
  margin: 0; font-size:1.5rem
}
.contact-info p a{ color:#333}

.contact-form {
  padding: 8%;
  margin: 0 5%;
  position: relative;
  background: #fff;
}

.contact-form .message_table td{ padding:5px;}
.contact-form h2{
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  color: #2D2E33;
  display: inline-block;
}
.contact-form .form-group{
  margin-bottom: 20px;
}
.contact-form .form-control {
  font-size: 14px; 
  height: 45px;
  border: 1px solid rgba(0,0,0,0.2);
  color: #2D2E33;
  width:100%;
}
.contact-form textarea.form-control  {
  height: 65px;
}
.contact-map {
  height: 100%;
  padding: 10px;
}
.m-15px-tb {margin-top:15px; margin-bottom:15px;}

.gray-bg {
  background: #f7fafc;
}

.embed-responsive-16by9 {
    padding-bottom: 66.25%;
}
.theme-color{ color:#db353d}

/*tags*/
ul.tags{ padding:3vh 0}
ul.tags li{ padding:1vh 0; border-bottom: dashed #eeeeee 1px;}
ul.tags li a{ color:#333; font-size:1.6rem}

.map-items a{padding: 8px 12px;
    background-color: #f1f4f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; color:#222222}
	
	
	
	/*产品详细下*/
.slhy .sl1{ font-size:3rem; padding:2vh 0; font-weight:bold; color:#222222}
.slhy .sl2{ font-size:2.2rem; font-weight:bold; color:#58595b; padding:1vh 0 0.5vh 0}
.slhy .sl2 i{ color:#00cd52; font-size:1.2rem; position:relative; top:-3px;}
.slhy .sl3{ font-size:1.5rem; color:#58595b; padding-bottom:0.8vh; padding-left:40px}
	
.sltp{ padding:3vh 0; }	
.sltp img{ width:100%; }	
.sltp div{ margin:1vh 0}
.sltp p{font-size:1.4rem; text-align:center; padding:10px 0 0;}
.cpimg{ width:100%;}
.cpimg img{ max-width:600px; width:100%; border:1px #bfbfbf solid;}
@media (max-width: 768px) {
.sltp img{height:100px;}
}