@charset "utf-8";
/* CSS Document */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}


/* banner */
#banner{ width:1423px;  margin:0 auto;  position:relative;  height:418px; background:#000; 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:30px; line-height:30px; }
	#banner .hd ul{ text-align:center; }
	#banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px;height:10px;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:#3baae2;  }

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


/* 王牌项目 */
#subnav{ width:1423px;; height:66px; margin:0 auto; background:#fff;}
	#subnav .subnav_title{ float:left; width:82px; height:58px; padding-top:8px; font-size:18px; line-height:24px; color:#313131; background:#d6d6d6; text-align:center; position:relative; z-index:2;margin-left: 190px;}
	#subnav .subnav_title:before{ position:absolute; top:26px; right:-14px; content:""; height:0; overflow:hidden; border-width:7px; border-style:solid; border-color:transparent transparent transparent #d6d6d6;}
	#subnav ul{ float:left;}
	#subnav li{ float:left; width:92px; height:64px; border:1px solid #dfdfdf; margin-right:-1px; position:relative;}
	#subnav a{ position:absolute; width:100%; height:100%; overflow:hidden;}
	#subnav em{ display:block; width:44px; height:36px; margin:3px auto; background:url(/../web/pcs/public_html/images/subnav.png) no-repeat;}
	#subnav strong{ display:block; font-size:16px; line-height:22px; color:#858585; font-weight:normal; text-align:center;}
	#subnav .subnav_a1 em{ background-position:0 0;}
	#subnav .subnav_a2 em{ background-position:-44px 0;}
	#subnav .subnav_a3 em{ background-position:-88px 0;}
	#subnav .subnav_a4 em{ background-position:-132px 0;}
	#subnav .subnav_a5 em{ background-position:-176px 0;}
	#subnav .subnav_a6 em{ background-position:-220px 0;}
	#subnav .subnav_a7 em{ background-position:-264px 0;}
	#subnav .subnav_a8 em{ background-position:-308px 0;}
	#subnav .subnav_a9 em{ background-position:-352px 0;}
	#subnav .subnav_a10 em{ background-position:-396px 0;}
	#subnav .subnav_a11 em{ background-position:-440px 0;}
	#subnav .subnav_a12 em{ background-position:-484px 0;}
	#subnav a:hover strong{ color:#fff;}
	#subnav .subnav_a1:hover em{ background-position:0 -36px;}
	#subnav .subnav_a2:hover em{ background-position:-44px -36px;}
	#subnav .subnav_a3:hover em{ background-position:-88px -36px;}
	#subnav .subnav_a4:hover em{ background-position:-132px -36px;}
	#subnav .subnav_a5:hover em{ background-position:-176px -36px;}
	#subnav .subnav_a6:hover em{ background-position:-220px -36px;}
	#subnav .subnav_a7:hover em{ background-position:-264px -36px;}
	#subnav .subnav_a8:hover em{ background-position:-308px -36px;}
	#subnav .subnav_a9:hover em{ background-position:-352px -36px;}
	#subnav .subnav_a10:hover em{ background-position:-396px -36px;}
	#subnav .subnav_a11:hover em{ background-position:-440px -36px;}
	#subnav .subnav_a12:hover em{ background-position:-484px -36px;}

	#subnav ul li i{position:absolute;width:100%;height:100%;opacity:0;background-color:#ea1355;background-color:#fff\9; -webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;}
	#subnav ul li:hover i{opacity:1;background-color:#ea1355;
		-webkit-animation:orangeIn 0.2s ease;
		animation:orangeIn 0.2s ease;background-color:#ea1355 \9;}

	@-webkit-keyframes orangeIn {
		0% {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		opacity:0
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1
	}
	}
	@-moz-keyframes orangeIn {
		0% {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		opacity:0
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1
	}
	}
	@-ms-keyframes orangeIn {
		0% {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		opacity:0
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1
	}
	}
	@keyframes orangeIn {
		0% {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		opacity:0
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1
	}
	}

	@-webkit-keyframes orangeOut {
		0% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1
	}
	100% {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		opacity:0
	}
	}
	@-moz-keyframes orangeOut {
		0% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1
	}
	100% {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		opacity:0
	}
	}
	@-ms-keyframes orangeOut {
		0% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1
	}
	100% {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		opacity:0
	}
	}
	@keyframes orangeOut {
		0% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1);
		opacity:1
	}
	100% {
		-webkit-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		opacity:0
	}
	}


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

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

.sec1_Main .sec1_sideL{ float:left; width:300px;}
.sec1_Main .sec1_sideC{ float:left; width:575px; padding:0 15px;}
.sec1_Main .sec1_sideR{ float:right; width:295px;}

.sec1_Main .brand_info{ width:300px; height:188px; overflow:hidden; position:relative;}
.sec1_Main .brand_info p{ position:absolute; left:0; bottom:0; width:290px; padding:0 5px; font-size:12px; color:#d2d2d2; text-indent:2em; background:rgba(27,27,27,.65);}
.sec1_Main .brand_info p a{ color:#d2d2d2;}
.sec1_Main .zt_activity{ padding-top:10px;}
.sec1_Main .zt_activity .zt_activity_info{ width:300px; height:168px; background:#ccc; position:relative; overflow:hidden;}
.sec1_Main .zt_activity .zt_activity_info ul{ height:100%; font-size:20px; line-height:168px; text-align:center;}
.sec1_Main .zt_activity .zt_activity_info li a{ display:block;}

.sec1_Main .news_hot{}
.sec1_Main .news_hot .news_hot_box{ padding:15px 0;}
.sec1_Main .news_hot .news_hot_box h3{ font-size:16px; color:#333; }
.sec1_Main .news_hot .news_hot_box p{ font-size:14px; line-height:20px; color:#898989;}
.sec1_Main .news_hot .news_hot_box p a{ color:#ea1355;}
.sec1_Main .news_info{ padding-top:8px;}
.sec1_Main .news_info .news_list{ height:30px; border-bottom:1px solid #cf1556; overflow:hidden;}
.sec1_Main .news_info .news_list li{ float:left; width:191px; padding:3px 0; text-align:center; background:#eee;}
.sec1_Main .news_info .news_list a{ display:block; font-size:16px; line-height:24px; color:#333; }
.sec1_Main .news_info .news_list li:nth-of-type(2)>a{ border-left:1px solid #666; border-right:1px solid #666;}
.sec1_Main .news_info .news_list li.select{ background:#cf1556;}
.sec1_Main .news_info .news_list li.select a{ color:#fff;}

.sec1_Main .news_info .news_info_box{ margin-top:10px;}
.sec1_Main .news_info .news_list_main{ display:none;}
.sec1_Main .news_info .news_list_main li{ height:28px; padding-left:15px; padding-right:42px; font-size:14px; line-height:28px; background:url(/../web/pcs/public_html/images/dian.gif) no-repeat left center;}
.sec1_Main .news_info .news_list_main a{ float:left; width:370px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sec1_Main .news_info .news_list_main a:hover{ color:#cf1556;}
.sec1_Main .news_info .news_list_main span{ float:right; width:90px;}
.sec1_Main .news_info .block{ display:block;}

.sec1_Main .activity_center .activity_info{ width:295px; height:188px; overflow:hidden; position:relative;}
.sec1_Main .activity_center .activity_info a{ display:block; position:relative;}
.sec1_Main .activity_center .activity_info span{ position:absolute; left:0; bottom:0; width:100%; height:24px; line-height:24px; font-size:16px; color:#d2d2d2;text-align:center;background:rgba(27,27,27,.65);}

.sec1_Main .advisory_platform{ padding-top:10px;}
.sec1_Main .advisory_platform li{ float:left; width:48px; padding:10px 12px 0;}
.sec1_Main .advisory_platform a{ display:block; text-align:center;}
.sec1_Main .advisory_platform i{ display:block; width:48px; height:48px; margin:0 auto; background:url(/../web/pcs/public_html/images/icons.png) no-repeat; overflow:hidden; transition:all .3s;}
.sec1_Main .advisory_platform span{ font-size:12px; line-height:22px; color:#1b1b1b;}
.sec1_Main .advisory_platform a:hover span{ color:#cf1556;}
.sec1_Main .advisory_platform i.icon1{ background-position:0 -30px;}
.sec1_Main .advisory_platform i.icon2{ background-position:-48px -30px;}
.sec1_Main .advisory_platform i.icon3{ background-position:-96px -30px;}
.sec1_Main .advisory_platform i.icon4{ background-position:-144px -30px;}
.sec1_Main .advisory_platform i.icon5{ background-position:0 -126px;}
.sec1_Main .advisory_platform i.icon6{ background-position:-48px -126px;}
.sec1_Main .advisory_platform i.icon7{ background-position:-96px -126px;}
.sec1_Main .advisory_platform i.icon8{ background-position:-144px -126px;}
.sec1_Main .advisory_platform a:hover i.icon1{ background-position:0 -78px;}
.sec1_Main .advisory_platform a:hover i.icon2{ background-position:-48px -78px;}
.sec1_Main .advisory_platform a:hover i.icon3{ background-position:-96px -78px;}
.sec1_Main .advisory_platform a:hover i.icon4{ background-position:-144px -78px;}
.sec1_Main .advisory_platform a:hover i.icon5{ background-position:0 -174px;}
.sec1_Main .advisory_platform a:hover i.icon6{ background-position:-48px -174px;}
.sec1_Main .advisory_platform a:hover i.icon7{ background-position:-96px -174px;}
.sec1_Main .advisory_platform a:hover i.icon8{ background-position:-144px -174px;}

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

.experts .expert_sideL{ float:left; width:300px;}
.experts .expert_sideR{ float:right; width:890px;}

.experts .special_expert{ width:300px; height:186px; overflow:hidden; position:relative;}
.experts .special_expert ul{ position:absolute;}
.experts .special_expert li{ float:left;}

.experts .reservation{ height:100px; padding-top:2px;}
.experts .reservation h3{ padding-left:30px; font-size:16px; line-height:34px; color:#fff; background:url(../web/pcs/public_html/images/icons.png) no-repeat -262px 5px #9b0c3e; border-bottom:1px solid #fff;}
.experts .reservation h3 small{ padding-left:5px; font-size:12px;}
.experts .reservation .yuyue_list{ height:64px; background:#f0f0f0; overflow:hidden;}
.experts .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(../web/pcs/public_html/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:#cf1556;}

	/*专家团队*/
.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(../web/pcs/public_html/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{}
.experts .expert_team_list li{ float:left; width:176px; height:350px; padding:0 1px;}
.experts .expert_team_list li a{ display:block; width:174px; height:348px; border:1px solid #626262; position:relative; overflow:hidden;}
.experts .expert_team_list .bg{ position:absolute; left:0; bottom:0; z-index:2; width:100%; height:50px; background:rgba(27,27,27,.6); opacity:.6; filter:alpha(opacity=60);}
.experts .expert_team_list li p{ position:absolute; bottom:0; left:0; z-index:3; width:100%; font-size:14px; line-height:20px; color:#fff; text-align:center; -webkit-transform:translateY(-15%);}
.experts .expert_team_list li a:hover{ border-color:#cf1556;}

/**********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(../web/pcs/public_html/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:#cf1556;}

	/*真人蝶变*/
.cases .cases_main{ height:436px; padding-top:20px; overflow:hidden;}
.cases .cases_box{ 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(../web/pcs/public_html/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:100%;}
.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:#cf1556;}

	/*经典案例*/
.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:#cf1556; border-radius:50%; box-sizing:border-box;}
.cases .case_txt h4{ height:30px; line-height:30px; font-weight:normal; color:#cf1556; 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(../web/pcs/public_html/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 .block{ display:block;}

/*********项目中心*********/
.section4{ padding:15px 0 0;}

.proCenter{}
.proCenter .pro_sideL{ float:left; width:130px; overflow:hidden;}
.proCenter .pro_sideR{ float:right; width:1068px; height:492px; border:1px solid #0e050a; overflow:hidden;}

.proCenter .pro_list li{ width:120px; height:120px; border:1px solid #4b4a4a; margin-bottom:2px; background:#535353; cursor:pointer; text-align:center; font-size:14px; color:#fff; position:relative;}
.proCenter .pro_list li i{ display:block; width:32px; height:32px; margin:38px auto 12px; background:url(../web/pcs/public_html/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:#cf1556;}
.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 #cf1556;}

	/*项目中心上部*/
.proCenter .pro_content{ float:left; width:788px; 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; color:#fff; background:#cf1556;}
.proCenter .pro_top_list li.select:before{ content:""; position:absolute; bottom:-14px; left:43px; height:0; width:0; overflow:hidden; border:7px solid #cf1556; border-color:#cf1556 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:#cf1556;}

.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:#cf1556;}

.proCenter .inner a:hover img{ border-color:#cf1556;}

	/*项目中心*/
.proCenter .pro_cen{ border-bottom:1px dashed #ea1355;}
.proCenter .pro_article{ float:left; width:390px; padding:10px 0 8px 5px;}
.proCenter .pro_art_list{ float:left; width:100%; padding:12px 0;}
.proCenter .pro_art_list img{ float:left; width:60px;}
.proCenter .pro_art_list .text{ float:right; width:310px;}
.proCenter .pro_art_list .text a{ color:#cf1556;}
.proCenter .pro_art_list .text h3{ font-size:14px; font-weight:normal;}
.proCenter .pro_art_list .text p{ font-size:12px; line-height:18px; color:#333;}

	/*项目中心案例和专题*/
.proCenter .pro_cases{ float:right; width:242px; padding-right:12px;}
.proCenter .pro_cases h3{ font-size:14px; line-height:22px; color:#333; font-weight:normal;}
.proCenter .pro_anli{ padding:5px 0;}
.proCenter .pro_anli_box{ width:241px; height:112px; overflow:hidden;}
.proCenter .pro_anli_box li{ float:left; width:241px;}

.proCenter .pro_zt{ position:relative;}
.proCenter .pro_zt_box{ width:241px; height:97px; overflow:hidden;}
.proCenter .pro_zt_box li{ float:left; width:241px;}
.proCenter .pro_zt_box li a{ display:block;}
.proCenter .pro_zt_btn{ position:absolute; top:8px; right:0;}
.proCenter .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%;}
.proCenter .pro_zt_btn li.on{ background:#cf1556;}

	/*项目中心文章列表*/
.proCenter .pro_bot{ float:left; width:100%; padding-top:10px;}
.proCenter .pro_bot li{ float:left; width:262px; padding:3px 0; font-size:12px; line-height:16px; color:#555;}
.proCenter .pro_bot li a{ display:block; width:250px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.proCenter .pro_bot li a:before{ content:"hot："; color:#cf1556;}

	/* 顾客评价 */
.proCenter .evaluation{ float:right; width:212px; height:475px; padding:0 20px; margin:12px 6px 0 0; display:inline; border:1px solid #626262; overflow:hidden;}
.proCenter .evaluation h3{ width:124px; margin:-1px auto 0; font-size:18px; line-height:38px; font-weight:normal; text-align:center; color:#fff; background:#cf1556; }
.proCenter .evaluation_list{ overflow:hidden;}
.proCenter .evaluation_list li{ padding:20px 0 0; font-size:14px; line-height:24px;}
.proCenter .evaluation_list dl{ height:50px; overflow:hidden;}
.proCenter .evaluation_list dt{ float:left; width:67px; padding-right:5px;}
.proCenter .evaluation_list dd{ float:left; width:140px; color:#333;}
.proCenter .evaluation_list p{ color:#434343;}

/* Quality system */
.section5{ padding:15px 0 20px;}
#quality{ background:#fff; position:relative;}
	.qualityList li a i,.qualityContent a{ background:url(../web/pcs/public_html/images/quality_icons.png) no-repeat;}
	.qualityList{ float:left; width:235px;}
	.qualityList li{ width:230px; margin-bottom:5px; position:relative;}
	.qualityList li a{ display:block; height:58px; padding-left:84px; background:#f0f0f0; font-size:16px; line-height:56px; color:#333; position:relative;}
	.qualityList li a i{ position:absolute; top:15px; left:45px; width:24px; height:24px; overflow:hidden;}
	.qualityList .quality_a1 i{ background-position:0 0;}
	.qualityList .quality_a2 i{ background-position:0 -48px;}
	.qualityList .quality_a3 i{ background-position:0 -96px;}
	.qualityList .quality_a4 i{ background-position:0 -144px;}
	.qualityList .quality_a5 i{ background-position:0 -192px;}
	.qualityList .quality_a6 i{ background-position:0 -240px;}

	.quality_main .block{ display:block;}
	.qualityList .select:before{ position:absolute; right:-10px; top:22px; content:"\20"; width:0; height:0; font-size:0; line-height:0; border-width:5px; border-style:solid; border-color:transparent transparent transparent #626262;}
	.qualityList .select a{ background:#626262; color:#fffefe;}
	.qualityList .select .quality_a1 i{ background-position:0 -24px;}
	.qualityList .select .quality_a2 i{ background-position:0 -72px;}
	.qualityList .select .quality_a3 i{ background-position:0 -120px;}
	.qualityList .select .quality_a4 i{ background-position:0 -168px;}
	.qualityList .select .quality_a5 i{ background-position:0 -216px;}
	.qualityList .select .quality_a6 i{ background-position:0 -264px;}

	.qualityShow{ float:right; width:960px; background:#f0f0f0; display:none; zoom:1;}
	.qualityShow:after{ content:""; display:block; clear:both;}
	.qualityImg{ float:left; width:523px; border-right:1px solid #fff; position:relative; overflow:hidden;}
	.qualityContent{ float:right; width:436px; height:374px; position:relative;}
	.qualityContent h4{ font-size:22px; line-height:24px; color:#333;  padding:40px 0 50px 40px; overflow:hidden;}
	.qualityContent p{ padding:0 20px 0 40px; font-size:14px; line-height:26px; color:#333; text-indent:2em;}
	.qualityContent a{ position:absolute; bottom:10px; width:40px; height:40px;-webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;  overflow:hidden;}
	.qualityContent .qualityContent_a1{ right:68px; background-position:0 -288px;}
	.qualityContent .qualityContent_a1:hover{ background-position:0 -328px;}
	.qualityContent .qualityContent_a2{ right:18px; background-position:0 -368px;}
	.qualityContent .qualityContent_a2:hover{ background-position:0 -408px;}


/* 环境、设备等 */
.section6{ padding:15px 0 20px;}
.hradPower{ height:356px; overflow:hidden;}
.hradPower .sideL{ float:left; width:228px;}
.hradPower .sideC{ float:left; width:750px;}
.hradPower .sideR{ float:right; width:222px;}
.hradPower .sideL h3{ padding-left:16px; font-size:18px; line-height:32px; font-weight:normal; color:#fff; background:#cf1556; }
.hradPower .sideL li{ padding-top:10px;}
.hradPower .sideC a{ float:left; width:362px; padding-left:9px; padding-bottom:10px;}
.hradPower .links{ width:100%; height:173px; margin-top:10px; padding:20px; background:#bfbfbf; overflow:hidden; box-sizing:border-box;}
.hradPower .links h3{ font-size:16px; line-height:32px; color:#cf1556;}
.hradPower .links a{ float:left; margin-right:10px; display:inline; font-size:12px; line-height:24px; color:#fff; white-space:nowrap;}

/*微信*/
.qrcode{
	-webkit-animation-name: qrcode;
    -moz-animation-name: qrcode;
    -o-animation-name: qrcode;
    animation-name: qrcode;

	-webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;

	-webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes qrcode {
    0% {top:-17px;opacity: 1;}
    50% {top:160px;opacity: 1;}
    100% {top:-17px;opacity: 1;}
}
@-moz-keyframes qrcode {
    0% {top:-17px;opacity: 1;}
    50% {top:160px;opacity: 1;}
    100% {top:-17px;opacity: 1;}
}
@-o-keyframes qrcode {
    0% {top:-17px;opacity: 1;}
    50% {top:160px;opacity: 1;}
    100% {top:-17px;opacity: 1;}
}
@keyframes qrcode {
    0% {top:-17px;opacity: 1;}
    50% {top:160px;opacity: 1;}
    100% {top:-17px;opacity: 1;}
}
.maindiv1{float:left;width:810px;height:350px;overflow:hidden;position:relative;}
.maindiv1 ul{position:absolute;left:0;top:0;}




.fakui{ width:222px; float:left; overflow:hidden;}
.fakui h3{ width:100%; float:left; overflow:hidden; height:40px; line-height:40px; padding-bottom:4px; background:url(../web/pcs/public_html/images/fakui_h3_bg.gif) no-repeat; text-align:center; color:#fff; font-weight:normal; font-size:16px}

.tui02{  float:left; width:256px;  padding:10px}
#demo{height:315px;width:236px; overflow:hidden;}
#demo dl{ width:236px; float:left; overflow:hidden; margin-bottom:10px}
#demo dl img{ width:60px; height:60px; float:left; overflow:hidden; margin-right:15px}
#demo dl dt{ width:222px; float:left; line-height:20px; height:20px; overflow:hidden; margin-bottom:10px;}
#demo dl dt a{ color:#333}
#demo dl dd{width:161px; float:left; line-height:20px; color:#888 }
#demo a:hover img{filter:alpha(opacity=70);opacity:0.7;}