/* CSS Document */
#banner,.case-wrap .case-main,.special_expert .bd li,.expert_team_list li,.pro_anli_box,.pro_zt_box,img.scrollLoading{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAXCAMAAABXhxOBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRF/Pz86enp7Ozs0tLS9fX1+fn51tbWz8/P4uLi3Nzc7+/v39/f2dnZ5eXl8vLyzMzM////tPj8PAAAABF0Uk5T/////////////////////wAlrZliAAACkElEQVR42rSVWZYbIQxFmYdCA/tfbSRRVGF3/jrBB5vxIp6E7Ob/Km4CYNq9i6VEt7upQf8FuSrML1pUMntrZ9ReXM0wA0jFbD2ajpKNGoJWyYsIsMneaBXdtrloyzUbZrJFcgAyysE6RdIiBqsoS3CtlNEEbU7mORskIc+xJqJqIsdUO6Lu1WoFvwW+yUPI3j5C5rLIlbOSN5r1cqPqAduMse7H/r6wF1gK3Ii40CLTY/OlamYlZxXR9D3Rqlb7AIu8BVYpIi0AN6GBViOTnZPRq0VByWr/Ij/o9EbI40ktIosWvejkzhiBQesiL0exz3Yv5uVPt7curc1ft8ZlHuR7k0Si2IpQGbSabEFtRjEbD38wLnLafQ2FsDsneZWmPr4Y5Y7Q+Pbg42BClEGZjHI/um0ufyGPlyz2Dh73YvFZFldqXWo4FPOJVkRWi5m5dZ4OXmnHD/BxyR/xLN/1tcrf4y/54YXdwOOhaoipzVTYIsd/kItF5VCyiwL4JrvbqLx+qjvJMO0NTiU7fQbnSxHPSVRGIbuhbl9z6M5cZKbeNtf0k2zxUjTsj9ddnOARi4RPZHAWDlDYb7IrX+RxGC3px8jmpXjdOeq+tbjcXlGbGFeKQukN9+yPW+f7Afbf5+e79E323w/wt+Rlc6Wt+L+zWXQf18rGFIBrPhaRRFUil1xOjpz3SZ96kiREKWXdIzOULfmHIH8EsuODTAcrxNOB3QWYMLufEmI9UUjxQkJwEHBq4A+UaUQP3l/YWpiRHnKon8K2ej1t1MyLkEucrYw6IXQiGKgwI+uMdqLv5KBVF8rYZDozm0kSXz0yyKZUeh5+pN5GHxF7D6OHnkD+FOeQGfA4fMExQvGjz5j+CDAAssVrW7ldhiwAAAAASUVORK5CYII=) no-repeat center;}

/* 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(../image/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(../image/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:1920px; 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:300px; 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(../image/4.13-3.jpg) 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{ float:right; width:890px;}
.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(../image/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(../image/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(../image/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: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; -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(../image/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(../image/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:#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(../image/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: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:18px; color:#fff; position:relative;}
.proCenter .pro_list li i{ display:block; width:32px; height:32px; margin:38px auto 12px; background:url(../image/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: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; color:#fff; background:#91268f;}
	.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:#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 #ea1355;}
	.pro_article{ float:left; width:640px; 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{ float:right; width:560px;}
	.pro_art_list .text a{ color:#cf1556;}
	.pro_art_list .text h3{ font-size:14px; font-weight:normal;}
	.pro_art_list .text p{ font-size:12px; 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:10px;}
	.pro_bot li{ float:left; width:262px; padding:3px 0; font-size:12px; line-height:16px; color:#555;}
	.pro_bot li a{ display:block; width:250px; color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.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;}
	.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(../image/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(../image/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(../image/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(../image/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(../image/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;}