@charset "utf-8";
/* CSS Document */

/* banner */
#banner{ width:100%;  position:relative;  height:418px; background-color:#ccc; overflow:hidden;}
	#banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
	#banner .bd ul{ width:100% !important; }
	#banner .bd li{ width:100% !important; height:418px; overflow:hidden; text-align:center;  }
	#banner .bd li a{ display:block; height:418px; }

	#banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:20px; line-height:20px; }
	#banner .hd ul{ text-align:center; }
	#banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px;height:12px;margin:0 0 0 5px;border-radius:50%;box-shadow:inset 0 1px 0 rgba(0,0,0,0.5);cursor:pointer;background:#ccc; font-size:0; line-height:0;}
	#banner .hd ul .on{ background:#91268f;  }

	#banner .prev,
	#banner .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px 12px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
	#banner .next{ left:auto; right:10%; background-position:-6px 12px; }

/* section1 */
.section1{ padding-bottom:20px; overflow:hidden;}
.sec1-sideL{ float:left; width:650px;}
.case-wrap{ width:620px; height:380px; margin-left:5px; position:relative; overflow:hidden;}
.case-wrap a.prev,.case-wrap a.next{ position:absolute; top:165px; z-index:5; width:30px; height:50px; background:url(../images/slider-arrow.png) no-repeat; background-color:#000\0; background-color: rgba(0,0,0,.5);}
.case-wrap a.prev{ left:5px; background-position:-130px 5px;}
.case-wrap a.next{ right:5px; background-position:-12px 5px;}
.case-wrap .case-main{ width:620px; height:380px; overflow:hidden; position:relative; z-index:2;}
.case-wrap .case-main li{ float:left;}

.sec1-sideR{ float:left; width:550px; overflow:hidden;}
.news{ width:100%; border-bottom:1px solid #dfdfdf; overflow:hidden;}
.news a.newsImg{ float:left; width:200px;}
.news .news-main{ float:left; padding-left:20px; width:470px; overflow:hidden;}
.news .news-main h3{ font-size:16px; line-height:38px; font-weight:normal;color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news .news-main p{ height:70px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #dfdfdf; text-indent:2em; color:#414141; overflow:hidden;}
.news .news-main p a{ color:#91268f;}
.news .news-main li{ padding-left:15px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative;}
.news .news-main li:before{ content:">"; position:absolute; left:5px; top:0; font-size:12px; line-height:24px; color:#cdcdcd; font-family:"????";}
.news .news-main li a{ line-height:24px;}
.information{ width:100%; height:92px; margin-top:16px; background:url(../images/information.png) no-repeat center;}

/*****************/
.secTitle{ margin-bottom:10px; }
.secTitle h2{ display:inline; padding:0 5px; font-size:20px; color:#1b1b1b; font-weight:normal; border-bottom:2px solid #91268f;}

/***************???****************/
.section2{ padding:15px 0 20px;}

.experts .expert_sideL{ float:left; width:300px;}
.experts .expert_sideR{  width:1200px;}
.special_expert{ width:300px; height:186px; overflow:hidden; position:relative; }
.special_expert .bd li{ float:left; }
.special_expert .bd li img{ width:300px; height:186px;}
.special_expert .hd{ position:absolute; bottom:3px; right:10px;}
.special_expert .hd span{ display:inline-block; width:10px; height:10px; margin:0 3px; background-color:#ccc; border-radius:50%; cursor:pointer;}
.special_expert .hd span.active{ background-color:#91268f;}

.reservation{ height:100px; padding-top:2px;}
.reservation h3{ padding-left:30px; font-size:16px; line-height:34px; color:#fff; background:url(../images/icons.png) no-repeat -262px 5px #9b0c3e; border-bottom:1px solid #fff;}
.reservation h3 small{ padding-left:5px; font-size:12px;}
.reservation .yuyue_list{ height:64px; background:#f0f0f0; overflow:hidden;}
.reservation .yuyue_list li{ line-height:32px; color:#626262; text-align:center;}
.experts .Consultation{ height:75px; padding:10px 5px 0;}
.experts .Consultation a{ float:left; width:86px; height:75px; margin:0 5px; display:inline; font-size:14px; line-height:32px; color:#fff; text-align:center; background:#6a6a6a; transition:background .5s;}
.experts .Consultation a i{ display:block; width:26px; height:30px; margin:10px auto 0; background:url(../images/icons.png) no-repeat; overflow:hidden; }
.experts .Consultation a i.icon9{ background-position:-192px -110px;}
.experts .Consultation a i.icon10{ background-position:-218px -110px;}
.experts .Consultation a i.icon11{ background-position:-244px -110px;}
.experts .Consultation a:hover{ background:#91268f;}

	/*??????*/
.experts .expert_team .secTitle{ position:relative;}
.experts .expert_team .more{ position:absolute; top:8px; right:0px; width:50px; font-size:14px; line-height:16px; color:#434343;}
.experts .expert_team .more i{ float:right;width:16px; height:16px; background:url(../images/more.png) no-repeat; transition:all .5s;}
.experts .expert_team .more:hover i{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.experts .expert_team_list li{ float:left; width:395px; height:350px; padding:0 1px;}
.experts .expert_team_list li a{ display:block; width:395px; height:348px; border:1px solid #626262; position:relative; overflow:hidden; -webkit-transition:all .3s; transition:all .3s;}
.experts .expert_team_list .bg{ position:absolute; left:0; bottom:0; z-index:2; width:100%; height:25px; background:#000; background:rgba(0,0,0,.7); opacity:.7; filter:alpha(opacity=70);-webkit-transition:all .3s; transition:all .3s;}
.experts .expert_team_list li p{ position:absolute; bottom:0; left:0; z-index:3; width:100%; height:20px; font-size:14px; line-height:20px; color:#fff; text-align:center; -webkit-transform:translateY(-15%);-webkit-transition:all .3s; transition:all .3s;}
.experts .expert_team_list li a:hover{ border-color:#91268f;}
.experts .expert_team_list li a:hover .bg{ height:50px;}
.experts .expert_team_list li a:hover p{ height:38px;}

/**********cases***********/
.section3{ padding:0 0 20px;}
.cases .cases_list{ height:44px; overflow:hidden;}
.cases .cases_list li{ float:left; width:399px; height:44px; margin-right:1px; display:inline; background:#313131;color:#fff; font-size:20px; line-height:44px;text-align:center; cursor:pointer;}
.cases .cases_list li i{ display:inline-block; width:20px; height:20px; position:relative; top:3px; left:-6px; background:url(../images/icons.png) no-repeat;}
.cases .cases_list li i.icon12{ background-position:-192px -30px;}
.cases .cases_list li i.icon13{ background-position:-212px -30px;}
.cases .cases_list li i.icon14{ background-position:-232px -30px;}
.cases .cases_list li.select{ background:#91268f;}
	/*???????*/
.cases .cases_main{ height:450px; padding-top:20px; overflow:hidden;}
.cases .cases_box{ background-color:#fff; display:none;}
.casePicList{ width:100%; overflow:hidden; font-size:20px; color:#333;}
.casePicList li{ float:left; width:150px; height:150px; text-align:center; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; transition:all .5s; position:relative; cursor:pointer;}
.casePicList li .mask{ position:absolute; top:0; left:0; z-index:99; width:100%; height:100%; background:url(../images/gallery_mask.png) no-repeat;}
.casePicList li span{ font-size:12px; color:#fff; display:none;}
.cases .realSecret{ position:relative;}
.cases .realSecret_content{ float:left; width:1200px;}
.cases .realSecret_before{ float:left; width:294px;}
.cases .realSecret_after{ float:left; width:516px; padding:32px 0 0 40px;}
.cases .realSecret_expert{ float:right; width:294px;}
.cases .realSecret_nav{ position:absolute; bottom:-30px; left:540px;}
.cases .realSecret_nav li{ float:left; width:10px; height:10px; margin:0 6px; display:inline; font-size:0; line-height:0; background:#a0a0a0; border-radius:50%; cursor:pointer;}
.cases .realSecret_nav li.on{ background:#91268f;}
	/*??????*/
.cases .cases_wrap{ float:left; width:364px; height:430px; padding:0 18px;}
.cases .case_txt{ height:180px; position:relative; padding:0 15px; border:1px solid #000; border-top:none;font-size:14px;}
.cases .case_txt>span{ position:absolute; top:-25px; left:50%; width:50px; height:50px; margin-left:-25px; padding-top:8px; line-height:16px; color:#fff; text-align:center; background:#91268f; border-radius:50%; box-sizing:border-box;}
.cases .case_txt h4{ height:30px; line-height:30px; font-weight:normal; color:#91268f; overflow:hidden;}
.cases .case_txt h4 .fl{ float:left;}
.cases .case_txt h4 .fr{ float:right;}
.cases .case_txt p{ padding-top:10px; line-height:24px; color:#434343;}
	/*???????*/
.cases .share{ padding:0 66px;}
.cases .share_box{ float:left; width:320px; padding:0 18px;}
.cases .share_title{ height:136px; position:relative; }
.cases .share_title img{ float:left; width:138px;}
.cases .share_txt{ float:left; width:172px; height:118px; padding:18px 0 0 10px; position:relative;}
.cases .share_txt h3{ font-size:12px; line-height:22px; color:#313131;}
.cases .share_txt span{ line-height:24px; color:#626262;}
.cases .share_txt a{ position:absolute; bottom:14px; width:30px; height:30px; background:url(../images/icons.png) no-repeat; overflow:hidden; transition:background .3s;}
.cases a.watch{ left:18px; background-position:-192px -50px;}
.cases a.watch:hover{ background-position:-192px -80px;}
.cases a.link{ left:57px; background-position:-222px -50px;}
.cases a.link:hover{ background-position:-222px -80px;}
.cases .share_box p{ padding:18px 0 20px; font-size:12px; line-height:24px; color:#626262;}
.cases .share_box p a{ color:#626262;}
.cases .share_box p a:hover{ color:#91268f;} 
.cases .block{ display:block;}

/*********???????*********/
.section4{ padding:15px 0 0;}
.proCenter .pro_sideL{ float:left; width:130px; overflow:hidden;}
.proCenter .pro_sideR{ float:right; width:1067px; height:492px; border:1px solid #0e050a; overflow:hidden;}
.proCenter .pro_list li{ width:120px; height:58px; border:1px solid #4b4a4a; margin-bottom:2px; background:#535353; cursor:pointer; text-align:center; font-size:18px; color:#fff; position:relative;padding-top: 37px;}
.proCenter .pro_list li i{ display:block; width:32px; height:-8px; margin:38px auto 12px; background:url(../images/icons.png) no-repeat;}
.proCenter .pro_list li i.icon15{ background-position:-192px -150px;}
.proCenter .pro_list li i.icon16{ background-position:-224px -150px;}
.proCenter .pro_list li i.icon17{ background-position:-192px -182px;}
.proCenter .pro_list li i.icon18{ background-position:-224px -182px;}
.proCenter .pro_list li.select{ border:1px solid #b8134d; background:#91268f;}
.proCenter .pro_list li.select a{color:#fff;}
.proCenter .pro_list li.select:before{ content:""; height:0; width:0; overflow:hidden; position:absolute; top:53px; right:-16px; border-width:8px; border-style:solid; border-color:transparent transparent transparent #91268f;}
	/*??????????*/
.proCenter .pro_content{ float:left; width:1044px; padding:12px 0 0 12px;}
.proCenter .pro_box{ display:none;}
.proCenter .block{ display:block;}
.proCenter .pro_top_list{ height:45px; overflow:hidden; position:relative;}
	.proCenter .pro_top_list li{ float:left; width:99px; margin-right:12px; display:inline; line-height:36px; border:1px solid #dfdede; font-size:14px; color:#222; text-align:center; background:#fff; cursor:pointer; position:relative;}
	.proCenter .pro_top_list li.select{ border-color:#b5134c;  background:#91268f;}
	.proCenter .pro_top_list li.select a{color:#fff;}
	.proCenter .pro_top_list li.select:before{ content:""; position:absolute; bottom:-14px; left:43px; height:0; width:0; overflow:hidden; border:7px solid #91268f; border-color:#91268f transparent transparent; }
	.proCenter .pro_top_list .more{ position:absolute; top:0; right:0;width:99px; line-height:36px; border:1px solid #dfdede; font-size:14px; color:#222; text-align:center; background:#fff; transition:all .5s; }
	.proCenter .pro_top_list .more:hover{ color:#fff; background:#91268f;}
	.proCenter .inner{ height:82px; padding:8px 0 0; margin-top:5px; border:1px solid #d0cfd0; background:#eee; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box;}
	.proCenter .inner .inner_box{ display:none;}
	.proCenter .inner .block{ display:block;}
	.proCenter .inner li{ float:left; width:97px; padding-left:12px; text-align:center;}
	.proCenter .inner a{ display:block; font-size:12px; line-height:16px; color:#535353;}
	.proCenter .inner a img{ border:1px solid #eee;}
	.proCenter .inner a:hover{ color:#91268f;}
	.proCenter .inner a:hover img{ border-color:#91268f;}
	/*???????*/
.proCenter .pro_cen{ border-bottom:1px dashed #91268f;}
	.pro_article{ float:left; padding:10px 0 8px 5px;}
	.pro_art_list{ float:left; width:100%; padding:12px 0;}
	.pro_art_list img{ float:left; width:60px;}
	.pro_art_list .text a{ color:#91268f;}
	.pro_art_list .text span{color:#91268f;}
	.pro_art_list .text h3{ font-size:20px; font-weight:normal;}
	.pro_art_list .text p{ font-size:14px; line-height:18px; color:#333;}
	/*???????????????*/
.proCenter .pro_cases{ float:right; width:242px; padding-right:12px;}
	.pro_cases h3{ font-size:14px; line-height:22px; color:#333; font-weight:normal;}
	.pro_anli{ padding:5px 0;}
	.pro_anli_box{ width:241px; height:112px; overflow:hidden;}
	.pro_anli_box li{ float:left; width:241px;}
	.pro_zt{ position:relative;}
	.pro_zt_box{ width:241px; height:97px; overflow:hidden;}
	.pro_zt_box li{ float:left; width:241px;}
	.pro_zt_box li a{ display:block;}
	.pro_zt_btn{ position:absolute; top:8px; right:0;}
	.pro_zt_btn li{ float:left; width:10px; height:10px; margin:0 5px; display:inline; font-size:0; line-height:0; background:#434343; cursor:pointer; border-radius:50%;}
	.pro_zt_btn li.on{ background:#91268f;}
	/*????????????锟斤拷?*/
.proCenter .pro_bot{ float:left; width:100%; padding-top:45px;}
	.pro_bot li{ float:left; width:32%; padding:3px 0; font-size:14px; margin-right:10px;line-height:16px; color:#555;}
	.pro_bot li a{ width:340px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	/* .pro_bot li a:before{ content:"hot"; color:#91268f;} */
	/* ??????? */
.proCenter .evaluation{ float:right; width:212px; height:475px; padding:0 20px; margin:12px 6px 0 0; display:inline; border:1px solid #626262; overflow:hidden;}
	.evaluation h3{ width:124px; margin:-1px auto 0; font-size:18px; line-height:38px; font-weight:normal; text-align:center; color:#fff; background:#91268f; }
	.evaluation_list{ overflow:hidden;}
	.evaluation_list li{ padding:20px 0 0; font-size:14px; line-height:24px;}
	.evaluation_list dl{ height:50px; overflow:hidden;}
	.evaluation_list dt{ float:left; width:67px; padding-right:5px;}
	.evaluation_list dd{ float:left; width:140px; color:#333;}
	.evaluation_list p{ color:#434343;}
/* Quality system */
.quality{ width:1200px; margin:20px auto; overflow:hidden;}
.quality img{ background:url(../images/imgloading.png) no-repeat center; }
.qualityMain{ width:100%; overflow:hidden;}
.qualityList{ float:right;}
	.qualityList a{ display:block; width:176px; height:56px; padding-left:50px; margin-bottom:5px; line-height:56px; font-size:16px; color:#414141; background:url(../images/body_04.png) no-repeat 16px 17px #f0f0f0; position:relative;}
	.qualityList a.qualityList_1{ background-position:16px 17px;}
	.qualityList a.qualityList_2{ background-position:16px -45px;}
	.qualityList a.qualityList_3{ background-position:16px -105px;}
	.qualityList a.qualityList_4{ background-position:16px -165px;}
	.qualityList a.qualityList_5{ background-position:16px -228px;}
	.qualityList a.qualityList_6{ background-position:16px -290px;}
	.qualityList a.active{ color:#fff; background:url(../images/body_03.png) no-repeat 16px 17px #414141;}
	.qualityList a.active:after{ position:absolute; top:18px; right:100%; content:""; width:0; height:0; border-right:8px solid #414141; border-top:10px solid transparent; border-bottom:10px solid transparent;}
	.qualityList a.qualityList_1.active{ background-position:16px 17px;}
	.qualityList a.qualityList_2.active{ background-position:16px -45px;}
	.qualityList a.qualityList_3.active{ background-position:16px -105px;}
	.qualityList a.qualityList_4.active{ background-position:16px -165px;}
	.qualityList a.qualityList_5.active{ background-position:16px -228px;}
	.qualityList a.qualityList_6.active{ background-position:16px -290px;}
.qualityInfor{ float:left; width:960px; height:362px; overflow:hidden;}
	.qualityInfor li{ float:left; width:100%; background:url(../images/qhssbg.png) no-repeat 210px 10px #f0f0f0; overflow:hidden;}
	.qualityInfor li>img{ float:right;}
	.qualityInfor .quality-infor-left{ float:left; width:350px; height:282px; margin:80px 0 0 30px; position:relative;}
	.qualityInfor .quality-infor-left h3{ font-size:16px; font-weight:normal; color:#403328;}
	.qualityInfor .quality-infor-left p{ text-indent:2em; line-height:2.2; color:#414141;}
	.qualityInfor .quality-infor-left a{ position:absolute; bottom:20px; width:38px; height:38px; text-indent:-999em; background:url(../images/qualityicon.png) no-repeat 0 0; border-radius:50%; overflow:hidden; -webkit-transition:background-position .3s; transition:background-position .3s;}
	.qualityInfor .quality-infor-left a.quality-link{ right:80px;}
	.qualityInfor .quality-infor-left a.quality-link:hover{ background-position:0 -42px;}
	.qualityInfor .quality-infor-left a.quality-ask{ right:30px; background-position:-46px 0;}
	.qualityInfor .quality-infor-left a.quality-ask:hover{ background-position:-46px -42px;}
	@media(max-width: 650px){
		/* ??? */
		body{
			min-width:100%;
		}
		#nav{
			height:auto;
		}
		.nav{
			border:none;
		}
		.nav,#header,#header h1 a,.nav-ul,.nav-ul li a{
			width:100%;
			height:auto;
		}
		#header h1 a img{
			width:70%;
			height:auto;

		}
		.nav:after{
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		#header{
			margin:0 auto;
		}
		.nav-l{
			display:none;
		}
		.nav-ul{
			border:none;
		}	
		.nav-ul li{
			width:33%;
			height:auto;
		}
		/* banner */
		#banner{
			height:auto;
		}
		#banner .bd ul{
			height:10rem!important;
		}
		#banner .bd li{
			height:10rem;
			background-size:100% 10rem!important;
		}
		/* ??????? */
		.index_subnav,.W1200,.sec1-sideL,.case-wrap,.case-wrap .case-main,.sec1-sideR,.experts .expert_sideR,.experts .expert_team_list li a img,.proCenter .pro_sideL{
			width:100%;
			height:auto;
		}
		.index_subnav{
			padding:0rem;
		}
		.index_subnav li{
			width:25%;
			height:auto;
			margin:0rem;
		}
		.index_subnav a{
			width:100%;
			height:auto;
			border:none;
		}
		.index_subnav span{
			width:92%;
			height:auto;
		}
		.index_subnav i{
			width:100%;
		}
		.case-wrap{
			margin:0rem;
		}
		.case-wrap .case-main ul,.case-wrap .case-main li img,.bottomBox{
			width:100%!important;
			height:auto!important;
		}
		.case-wrap .case-main li,.bottomBox .bottomSlide{
			width:100%!important;
			position:static!important;
		}
		.news .news-main,.news .news-main li{
			padding:0rem;
			width:100%;
		}
		.news .news-main p,.proCenter .pro_top_list{
			height:auto;
		}
		.information{
			background-size:100% 4rem;
			height:4rem;
		}
		.experts .expert_team_list li,.proCenter .pro_content{
			width:100%;
			height:auto;
			padding:0rem;
		}
		.experts .expert_team_list li a{
			width:99%;
			height:auto;
		}
		.proCenter .pro_list li{
			width:97%;
			height:auto;
			padding-top:0rem;
			float:left;
		}
		.proCenter .pro_list li.select:before{
			top:26%;
		}
		.proCenter .pro_sideR{
			width:99%;
			height:auto;
		}
		.proCenter .pro_top_list li{
			width:48%;
			height:auto;
			margin-right:1%;
			margin-top:0.5rem;
		}
		.pro_article,.proCenter .pro_bot{
			padding:0rem;
		}
		.pro_bot li,.pro_bot li a,.item_bottom{
			width:100%;
			height:auto;
		}
		.bottomBox .bottomSlide a{
			width:50%;
			height:auto;
			margin:0 auto!important;
		}
		.bottomBox .bottomSlide a img{
			width :100%;
			height :auto ;
			padding:0rem;
		}
		/* ??? */
		#footer,.footer{
			width:100%;
			height:auto;
			min-width:100%;
			padding:0rem;
		}
		.footer_logo{
			margin:0rem;
			margin-left:20%;
			width:80%;
			display:block;	
			background-size: 240% 22rem;
			height:8rem;
		}
		.footer_list{
			width:100%;
			height:auto;
			padding:0rem;
			margin:0rem;
			border:none;
			 
		}
		.footer_list > li{
			width:40%;
			height:auto;
			margin:0rem;
			margin-left:10%;
		}
		.zxmr_ul li,.footer_wx{
			width:100%;
			height:auto;
		}
		.footer_wx{
			padding:0rem;
		}
		/* ???? */
		.warp{
			width:100%;
			height:auto;
		}
		.fllm_ss,.lm_zjsb,.lm_tit1 span{
			padding:0rem;
		}
		.lm_l,.lm_tit1{
			width:100%;
			height:auto;
		}
		.lm_tit1{
			font-size:1rem;
			line-height:2rem;
		}
		.wz_ltop h3 span{
			width:20%;
			height:auto;
		}
		.lm_r{
			display:none;
		}
		.about-art{
			width:100%;
			height:auto;
			margin:0 auto;
		}
		.about-art:after{
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
	
		.about-art h3{
			width:11%;
			height:auto;
			padding-top:1rem;
		}
		.about-art ul{
			width:80%;
			height:auto;
			padding:0rem;
			margin:0 auto;
			background:none;
		}
		.about-art ul li{
			width:100%;
			height:auto;
		}
	}




.zy {
    width: 1200px;
    height: 288px;
    margin: 0 auto;
    border: 1px #000 solid;
		/* border-top: none; */
		margin-top:15px;
}
.zy ul {
    height: 53px;
    float: left;
    margin-left: 8px;
    margin-top: 30px;
    *margin-left: 4px;
}
.zy ul li {
    width: 570px;
    height: 40px;
    margin-right: 12px;
		float: left;
		font-size:15px;
		color:#555;
}
.pubTitle span {
    height: 39px;
    line-height: 39px;
    border-bottom: 2px solid #91268f;
    float: left;
    font-size: 20px;
    /* color: #91268f; */
}
.pubTitle a {
    height: 39px;
    line-height: 39px;
    float: right;
    font-size: 18px;
    color: #333;
    padding-right: 10px;
    border-right: 1px solid #cecece;
}