@charset "utf-8";
/* CSS Document */
body,div,h1,h2,h3,h4,h5,span,a,dl,dt,dd,ul,ol,li,p,img{
	padding:0px; 
	margin:0px; 
	border:0px;
	/*
	text-align:center;
	*/
	list-style:none;
	}
.clear{ clear:both;}

body{
	text-align:justify; 
	text-justify:inter-ideograph;
}



body{font-family:"微软雅黑"; font-size:12px; color:#686868; background:rgb(255,255,255); margin-top:10px; }
a:link,a:visited{color:#444;text-decoration:none;}
samp{
	font-family:"微软雅黑"; 
}
.pp a:hover{color:red;}

.pp a{
	color:#727171;
}

.pp1 a{
	color:#727171;
}

.pp1 a:hover{color:#0057e3;}

.sxy a{
	width:2%;
	color:#727171;
}

.sxy a:hover{
	color:red;
}
.sxy{
	font-size:15px;
	margin-top:50px;
	margin-bottom:30px;

}




img{ display:block;}
.red{ color:#e40000;}
.orange{ color:#fd8834;}
.green{ color:#4fc340;}
.left{ float:left;}
.right{ float:right;}
/*-------hedder开始----------*/




	.box{width:0;height:287px; position:fixed;left:1389px;top:150px; overflow:hidden;}
 	li:hover .box{width:1100px;height:400px;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;}

.header{
	margin:0px auto; 
	width:100%;
	height:60px;
	margin-top:-10px;
	
	
}
#second_a {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 80px;
	text-align: center;
	border-bottom: 0;
	color:#fff;
	padding: 0;/*     padding-left: 52px; */

}


#second_a:hover {
	color:#fd8834;

}


.nav{
	margin-left:13.75%;
	magin-bottom:40xp;
	line-height:65px;
	width:72.5%;
	color:0 135 238;
	font-size:14px;
	position:fixed;
	top:100xp;
	z-index:999;
	background-color:rgb(255,255,255);
	
	
}

.blank{
	
	width:30%;
	
	float:left;
}

.blank img{
	
	text-align:justify;
  	text-justify:inter-ideograph;
	
	
	
}
.blank p{
	color:#595757;
	font-weight:510;
	font-family:"微软雅黑";
	font-size:18px;
	text-align:justify;
  	text-justify:inter-ideograph;
	
	
}

/*aaaaaaaaaaaaaaa*/








.nav ul {
	height: 60px;
	list-style:none;
	float: right;
   
}

.nav img{
	width:100%;
}








.nav .first_nav li {
	float: left;
	margin-left:10px;
	position: relative;
	
}

.nav ul li a {
	padding-left: 10px;
	text-decoration: none;
	
}

.nav ul li.current a {
	border-bottom: 2px solid #c7000a;
}

.nav ul  li:first-child {

	margin-left: 25px;
}
.nav .first_nav li.img{
	width:30px;
	height:30px;
	margin-top:18px;
}
.nav ul li.language {
	position: relative;
	top: 0;
	cursor:pointer;
	margin-left:35px;
	color:rgb(255,255,255);
}
.nav ul li.language b{
	display:none;
	color:rgb(255,255,255);
}
.nav ul li.language b.ccr{
	display:block;
}

.nav ul li.language span {
	display: inline-block;
	width: 80px;
	line-height: 36px;
	position: absolute;
	top: 10px;
	left: 87px;
}

.nav ul li.language span b {
	display: inline-block;
	width: 100%;
	position: relative;
	cursor: pointer;
}

.nav ul li.language span b.first::after {
	content: "";
	height: 6px;
	width: 12px;
	background: url(../image/icon/jtdown.png) no-repeat;
	background-size: contain;
	right: 0;
	margin-top: 15px;
	position: absolute;
}

.nav ul li.language span b.secede {
	display: none;
}
.nav .second_nav {
	width: 80px;
	position: absolute;
	top: 56px;
	left: 0px;
	z-index: 100;
	background:rgb(255,255,255); /* overflow: hidden; */
	display: none;
}

.second_nav{
	color:red;
	background: #fff;
}

.second_nav_ol {
	color:red;
	background: #fff;
}

.nav .second_nav .second_nav_ol {
	width: 80px;
	float: left;	/* height: 410px; */
	background: #fff;
	color:red;
}

.nav .second_nav .second_nav_ol li {
	width: 70px;
	height: 40px;
	line-height: 40px;
	float: none;
	margin-left: 0px;
	color:rgb(255,255,255);
/*
		border-bottom: 1px solid #cccccc;0
*/

	padding-left: 10px;
	margin-right: 3px;
	display: block;
	position: relative;
	background:rgb(78,75,74);
	

}











/*-------banner开始----------*/
#banner{
	margin-right:13.75%;
	margin-left:13.75%;
	width:72.5%;
	margin-top:35px;
	position:relative;
	}
	
	

	
	
	
	
	
	
	
#banner .banner_ul{
	width:100%;
}
	
#banner .banner_ul li{
	width:100%;
}	
	
	
#banner .banner_ul li img{
	width:100%;
}	
	
	


#banner .hd{ 
	
	height:10px; 
	overflow:hidden; 
	position:absolute; 
	right:46.3%; 
	bottom:30px; 
	z-index:1; 

	}
#banner .hd ul{ 
	overflow:hidden; 
	zoom:1; 
	float:left;  
	
	}
#banner .hd ul li{ 
	
	
	
	float:left; 
	margin-right:10px; 
	 width:10px; 
	 height:10px; 
	 border-radius:5px;
	 -webkit-border-radius:5px; 
	 -moz-border-radius:5px; 
	 line-height:14px; 
	 text-align:center; 
	 background:#fff; 
	 cursor:pointer; 
	 }
#banner .hd ul li.on{ background:#00835f;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
#banner .prev,#banner .next{ 
	position:absolute; 
	left:3%; 
	top:50%; 
	margin-top:-25px; 
	display:block; 
	width:32px; 
	height:40px;
	 background:url(../images/slider-arrow.png) -110px 5px no-repeat; 
	 filter:alpha(opacity=50);
	 opacity:0.5;   
	 }
#banner .next{ 
	left:auto; 
	right:3%; 
	background-position:8px 5px; 
	}
#banner .prev:hover,#banner .next:hover{ 
	filter:alpha(opacity=100);
	opacity:1;  
}
#banner .prevStop{ display:none;  }
#banner .nextStop{ display:none;  }




/*--------content开始-------------*/

 .sk1 img{

float:left;
margin-bottom:21px;
padding-left:2%;
}





.content{

	margin-top:15px;
	width:72.5%;

	
}


.content img{
	width:32%;
	float:left;
	margin-bottom:20px;
}

 .xiang{
	width:72.5%;
	height:10px;
	background-color:#898989;
	margin-bottom:10px;
}



















 
/*--case--真颜案例--*/



.show img{

float:left;
margin-bottom:21px;
margin-right:2%;
}


 .show1{
float:left;	

margin-right:0px;

} 




 



/*---------tail----------------*/






.tail3{
	margin-top:23%;
	widht:100%;
	margin-bottom:15px;
	
}



.tail4{
	margin-top:1.5%;
	widht:100%;
	margin-bottom:15px;
}

.tail2{
	margin-top:62%;
	widht:100%;
	margin-bottom:15px;
	
}


 		


.tail1 img{
	width:72.5%;
	
}

.tail1{
	margin-top:39%;
	widht:100%;
	margin-bottom:15px;
	
}


.tail{
	margin-top:30px;
	
	widht:100%;
	margin-bottom:15px;
	
}

.tail img{
		
	width:72.5%;
	
}


/**--contact联系真颜---*/



.x{
	font-size:22px;
	border-bottom:1px solid #dddddd;
}





.sabu{
	
	width:72.5%;
	
	/*
	background-image:url(../image/contact/djb.png);
	
	
	background-color:#f5eedf;
	*/
	
}
/**/
.sabu img {
	heigth:100%;
	float:left;
	width:100%;
}




.sabu .wbk{
	height:30%;
	text-align:justify; 
 	text-justify:inter-ideograph;
	width:37.5%;
	font-size:18px;
	float:left;
	margin-left:10%;
	margin-top:-20%;
}

/*
 input[type=text]{
	
		
		
		width:100%;height:27px;margin-bottom:18px;border-radius:3px;border:1px solid #898989;font-size:14px;line-height:28px;font-family:微软雅黑;"
		
	
}

*/

 input[type=text]{
	
		
		
		width:38%;height:27px;margin-bottom:18px;border-radius:3px;border:1px solid #898989;font-size:14px;line-height:28px;font-family:微软雅黑;"
	
	
}








.sabu .wbk1{
	
	height:30%;
	width:37.5%;
	font-size:18px;
	float:left;
	margin-left:58%;
	margin-top:-20%;
}














.sabu p{
	width:100%;
	 padding-top:40px;
}


imput[type=text]{
	margin-bottom:28xp;
	width:420px;
	height:25px;
	border-radius:3px;
	border:1px solid #000;
	
}
input[type=buttom]{
	color:red;
	font-family:微软雅黑;
}

.tu4{
	
	width:72.5%;
	
	}

.tu4 img{
	
	height:400px;
	width:49.3%;
	float:left;
	margin-bottom:20px;
}


.cd{
	margin-top:-3.5%;
	margin-right:1.4%;
}
.nn{
	margin-top:-3.5%;
}

.content6{
	margin-bottom:30px;
	margin-top:80px;
	width:100%;
	height:820px;
}


.tijao{
	font-family:微软雅黑;
	float:left;
	width:68px;
	height:30px;
	border-radius:3px;
	color:#ffffff;
	margin-top:-4%;
	margin-left:50.8%;
	
}


.warning{
	margin-top:-15px;
	padding-bottom:5px;
	font-size:12px;
	width:500px;
	height:12px;
	color:red;
}





/*--dynamic真颜动态--*/

.Journalism{
 text-align:justify; 
 text-justify:inter-ideograph;
 margin-top:40px;
	
}

.content05{	
	margin-top:20px;
	width:72.5%;
	 text-align:justify; 
 text-justify:inter-ideograph;

	
}


.content05 img{
	margin-top:30px;
}








.content5{	
	margin-top:20px;
	width:72%;
	
}





.cctv{
	background-color:#dcdddd;
	width:139%;
	height:1px;
	margin-left:-19.5%;
}


/*--service--真颜服务--*/

.content4{	
	margin-top:50px;
	width:51.5%;
	margin-bottom:70px;
}

.content4 img{	
	
	width:100%;

}

.content4 p{
text-align:justify; 
 text-justify:inter-ideograph;
	width:100%;
}


/*--Online--电商运营--*/

.content401{	
	margin-top:50px;
	width:51.5%;
	margin-bottom:70px;
}


.content401 img{	
	
	width:100%;

}


.content401 p{
	color:#545253;
	text-align:justify; 
 	text-justify:inter-ideograph;
	width:100%;
	font-size:15px;
	margin-top:20px;
	margin-bottom:20px;
	line-height:25px;		
	
	
}




/*--introduce真颜简介--*/
.content1{	
	margin-top:50px;
	width:100%;


}

.content1 p{
	text-align:justify;
  	text-justify:inter-ideograph;
	width:52%
}


.content1 img{
	width:52%
}














.lianhang{
	width:660px;
	height:1000px;
    float:left;
	
	
}


 .xiang1{
	width:72.5%;
	height:10px;
	background-color:#898989;
	margin-bottom:10px;
	margin-top:1000px;
}




.lan{
	width:980px;
	margin-left:200px;
	height:500px;
}





/*-- case--真颜案例*/




.content33{

	margin-top:50px;
	width:72.5%;

	
}


.content33 img{
	width:32%;
	float:left;
	margin-bottom:20px;
	
}








.content3 .ks img{
	width:48%;
	
	
}

.content3 .ks img:hover{
	margin-top:-5px;
	
	box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}




.content3 p{

	line-height:25px;
	font-size:14px;
text-align:justify;
  	text-justify:inter-ideograph;
}


.content3{

	margin-top:50px;
	width:72.5%;

	
}


.content3 img{
	width:32%;
	float:left;
	margin-bottom:20px;
	
}


.content3 .ks .im1{
	margin-left:4%;
}








/*case1 */






.zxian {
	text-align:justify;
  	text-justify:inter-ideograph;
	width:100%;
	
	
}

.zxian p{
	
	
	font-size:20px;
	line-height:40px;"
}




.zxian1 {
	width:100%;

	
}

.zxian1 p{
	text-align:justify;
  	text-justify:inter-ideograph;
}


.zxian1 img{
	width:100%;
}

















.zgmx{
	
	margin-left:9px;
	margin-bottom:60px;
}


.zgmx img{
	width:100%;
}








.juz{
	width:100%;
	text-align:justify;
  	text-justify:inter-ideograph;
	
}


.juz img{
	width:100%;
}








.juz1{
	width:100%;

	
}





.juz1 img{
	width:71%;
}






.juz p{
	width:100%;
}



.content308{
	margin-top:50px;
	width:72.5%;
	
}





.content301{
	margin-top:30px;
	width:72.5%;
	
}

.content301 img{
	width:100%;
}






.content301 p{
	text-align:justify;
  	text-justify:inter-ideograph;
  	width:71%;
}






.content302{
text-align:center;
	margin:0 auto;
	margin-top:35px;
	width:51.5%;

}






.content302 p{
	text-align:justify;
  	text-justify:inter-ideograph;
	width:100%;
	
}











.content303{
	margin-top:40px;
	width:51.5%;
	
}


.content303 p{
	text-align:justify;
  	text-justify:inter-ideograph;
	width:100%;
}








.content304{
	margin-top:35px;
	width:51.5%;
}

.content304 p{
	text-align:justify;
  	text-justify:inter-ideograph;
	width:100%;
}


.content305{
	margin-top:35px;
	width:51.5%;

	
}
.content305 p{
	text-align:justify;
  	text-justify:inter-ideograph;
	width:100%;
}

.content305 img{
	width:100%;
}



.content306{
	margin-top:35px;
	width:51.5%;
}



.content306 p{
	text-align:justify;
  	text-justify:inter-ideograph;
	width:100%;
}

.content306 img{
	width:100%;
}














.wen1{
	margin-top:50px;
	margin-bottom:35px;
	font-size:15px;
}

.wen1 p{
	margin-top:25px;
	line-height:25px;
	width:100%
}



.wen4{
	margin-top:50px;
	margin-bottom:35px;
	font-size:15px;
}

.wen4 p{
	margin-top:25px;
	line-height:25px;
	width:100%
}





.wen2 img{
	float:left;
	width:49%;
	
}


.aa{
	margin-right:2%;
}






.wen2 p{
	font-size:15px;
	margin-top:25px;
	line-height:25px;
}

.wen3{
	width:100%;
	
}

.wen3 p{
	font-size:15px;
	margin-top:25px;
	line-height:25px;
}




.sk1{
	
	width:100%;
	background:#f4f4f4;
}

.sk1 p{
	text-align:justify;
  	text-justify:inter-ideograph;
	width:95%;
}




















.Magazine p{
	font-size:15px;
	line-height:25px;
	
}


#lunbo{

	width:100%;
	position:relative;

	
	
	}
#lunbo_ul li img{
	width:100%;
	list-style:none;
	}
#lunbo_ul li{
	position:relative;
 	height:auto;
	
	}


/* 下面是前/后按钮代码，如果不需要删除即可 */
#lunbo .prev{ 
	

	
	position:absolute; 
	left:5%; 
	top:50%; 
	margin-top:-25px; 
	display:block; 
	width:32px; 
	height:40px;
	 background:url(../image/case/case1/al-03.png)  1px no-repeat ; 
	 filter:alpha(opacity=50);
	 opacity:0.5;   
	 }

#lunbo .next{

	
	position:absolute; 
	left:3%; 
	top:50%; 
	margin-top:-25px; 
	display:block; 
	width:40px; 
	height:40px;
	background:url(../image/case/case1/al-04.png) -10px 5px no-repeat; 
	filter:alpha(opacity=50);
	opacity:0.5;  
	
	
	
	
}	 
	
	 
#lunbo .next{ 
	left:auto; 
	right:5%; 
	background-position:8px 5px; 
	}
#lunbo .prev:hover,#lunbo .next:hover{ 
	filter:alpha(opacity=100);
	opacity:1;  
}
#lunbo .prevStop{ display:none;  }
#lunbo .nextStop{ display:none;  }






/*--viewpoint--真颜观点--*/

.position{
	margin-top:30px;

	text-align:justify;
  	text-justify:inter-ideograph;
	width:72%;
	height:30px;

}

.position p{
	float:left;
	font-size:14px;
	line-height:30px;
	color:#444;
 
}





/****************************************************************************************************************************************************/








.sabu110{
	margin-top:-58px;
	width:72.5%;
	height:433px;
	background-color:#edecec;
}

.sabu110 p{
	
	width:91%;
	font-size:14px;
	color:#000000;
	text-align:justify; 
 	text-justify:inter-ideograph;
 	margin-bottom:28px;;
}

.ok{
	padding-top:3%;
}


.nb{

	width:91%;
	height:2px;
	background-color:#000000;
}




.sabu110 .wbk110{
	margin-top:30px;

	text-align:justify; 
 	text-justify:inter-ideograph;
	width:100%;
	font-size:18px;
	float:left;
	margin-left:1%;
	margin-top:-150px;;
}

.wbk110 input{
	float:left;
	margin-left:9.1%;
}




.sabu110 .wbk1110{
	height:30%;
	width:37.5%;
	font-size:18px;
	float:left;
	margin-left:58%;
	margin-top:-7%;
}


.wbk110 .warning110{

 	margin-top:-15px;
	padding-bottom:5px;
	font-size:12px;
	width:38%;
	height:12px;
	color:red;
}




#warning_1{
	margin-left:9%;
}

#warning_2{
	margin-top:-30px;
	margin-left:9%;
	
	}

#warning_3{
	margin-top:-40px;
	margin-left:56.2%;
	
	}

.liantao input{
	width:100%;
	
	
}

.tijao input{
	margin-top:12px;
	font-family:"微软雅黑";
}





.liantao{
	width:38%;
	margin-top:-2.2%;
	margin-left:-42%;
float:left;
}


.ok1{
	margin-top:40px;
	
}

.ok2{
	
	margin-top:-240px;
	margin-left:49%;
}



/*1111111111111111111111111111111111111111111111111111111**/

.header1{
	margin:0px auto; 
	width:100%;
	height:50px;

	
	
}



.nav1{

	margin-left:13.75%;
	z-index:99;
	width:72.5%;
	font-size:14px;
	position:fixed;
	background:#ffffff;
	padding-top:20px;
	padding-bottom:5px;
	height:50px;
	
}



.nav1 .design li {
	    display: list-item;
	float:left;
	position: relative;
	
}






.navLi1{


background:#a9a9a7;
 

padding-left:7px;

padding-right:7px;

padding-top:4px;

padding-bottom:4px;


}


.navLi1 a{
letter-spacing:1.4px;

}





.nav1 ul li.language span b.secede {
	display: none;
}










.zysp{
	padding-bottom:30px;
	width:100%;
	
}



.zysp img{
	width:49%;
	float:left; 
}









.cctvk{

	width:52px;
	height:211px;
   
background: url(../image/case/case1/) 1px no-repeat ; 
   bottom: 10px;
    left: 100%;
    margin-left: -71px;
    margin-bottom: 95px;
    position: fixed;
    z-index: 999;
   

}



.zyd-qq:hover{
	background: url(../image/case/case1/button-011.jpg) no-repeat scroll 0 0 #727171;
	  opacity: 1;
}

 .btn-wx:hover{
 
 background: url(../image/case/case1/button-022.jpg) no-repeat scroll 0 0 #727171;
  opacity: 1;
 }

 .btn-phone:hover{
 
 background: url(../image/case/case1/button-033.jpg) no-repeat scroll 0 0 #727171;
   opacity: 1;
 }


.btn-top:hover{
	  opacity:0.8;
	background: url(../image/case/case1/button-044.jpg) no-repeat scroll 0 0 #727171;
	
}








 .zyd-qq{
	
	background: url(../image/case/case1/button-01.jpg) no-repeat scroll 0 0 #727171;
    display: block;
    text-decoration: none;
    opacity: 0.8;
}


 .btn-wx {
     
    background: url(../image/case/case1/button-02.jpg) no-repeat scroll 0 0 #727171;
    opacity: 0.8;
}

 .btn-phone {
     
    background: url(../image/case/case1/button-03.jpg) no-repeat scroll 0 0 #727171;
    opacity: 0.8;
}


.btn-top{
	 background: url(../image/case/case1/button-04.jpg) no-repeat scroll 0 0 #727171;
    opacity: 0.8;
}






.btn-wx:hover  .pic{
	display: block;
}

.btn-phone:hover .phone{

    display: block;
 }


 .izl_btn {
    cursor: pointer;
    height: 52px;
    margin-bottom: 1px;
    position: relative;
    width: 51px;
}


 .btn-wx .pic {
     opacity: 1;
  display: none;
    height: 160px;
    left: -160px;
    position: absolute;
    top: 0px;
    width: 160px;
}


 	.btn-phone .phone {

	display: none;
    background-color: #da251c;
    color: #fff;
   
    font-size: 18px;
    left: -160px;
    line-height: 52px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 160px;
}