@charset "utf-8";
.top1,.top1a{height:90px}
.top1a{ width:1280px;height:90px;background:#fff}
.top2{width:183px;height:49px;padding-top:30px;float:left}
.top3{width:790px;height:90px;float:right}
.top4{width:300px;padding:15px 0 18px 0;float:right;text-align:right}
.top5{line-height:26px;font-size:16px;float:right}
.top5 ul li{    display: inline;/* padding-left: 70px; */}

.box1{ width:1280px;height:62px;font-size:18px;line-height:62px}
.box1 ul li{display:inline}
.box1 .pl40{padding-left:20px}
.box2{width:426px;height:270px;float:left}
.box3{width:1280px;height:auto;margin:10px 0}
.box4{width:1280px;height:215px;padding:50px 0}
.box5{width:290px;height:215px;float:left}

.box5 ul li{line-height:50px;font-size:20px;color:#595757}
.box6{width:990px;height:215px;float:right}
.box6 ul li{width:131px;height:35px;line-height:35px;float:left;text-align:right;font-size:15px}
.box7,.box8,.box9{float:left;height:209px}
.box7{width:292px;padding:0 27px 0 53px}
.box7 ul li{ font-size:14px;line-height:28px;height:112px;overflow:hidden;}
.box7 .t1,.box8 .t2,.box9 .t3{ height:33px;padding-bottom:10px;border-bottom:#bababa 1px solid;line-height:33px;font-size:16px;color:#3b3b3b;margin-bottom:17px}
.box7 .t1{width:292px}
.box8{width:352px;padding:0 30px 0 23px}
.box8 .t2{width:332px}
.box8 ul li{ font-size:14px;line-height:14px;width:105px;height:14;border-right:#808080 1px solid;float:left;margin:8px 0 8px 10px}
.box9{width:425px;padding:0 44px 0 24px}
.box9 .t3{width:425px}
.box9 ul li{
	width:202px;
	height:28px;
	float:left;
	font-size:14px;
	line-height:28px;
	padding-left:10px;
	overflow:hidden;
	background-image: url(../images/dian.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.cz_box {width:1280px;}
.cz_abt {float:left;width:800px;height:400px;}
.cz_news {float:right;width:460px;}
.list { margin: 10px;}
.com dl dt {width: 300px; padding-right: 18px; float: left;}
.com dl dd {width: 460px; float: left;height: 300px;overflow: hidden;}
.com h1, .com h1 a {font-size: 18px;color: #f39801; font-weight: bold; line-height: 35px;}
.com p {line-height: 23px; color: #666;}
.com p a {color: #f39801;}
.com dl dt img{float:left;}
.naws_li {float:left;background-color:#ffffff;width:425px;height:280px;}
.naws_li dd {border-bottom:1px dashed #cbcbcb;height:39px;line-height:39px;margin-left:20px;}
.naws_li dd i {background:url(../images/ne_li.jpg)no-repeat center;width:12px;height:11px;display:block;margin-top:15px;margin-right:5px;}
.naws_li dd a {color:#181818;font-size:14px;}
.naws_li dd a:hover {color:#cf0008;}
.naws_li dd i,naws_li dd a {float:left;}
.naws_li span {color:#181818;float:right;}
.shu {float:left;background:url(../images/003.jpg) no-repeat left;width:19px;height:280px;padding-top:100px;}
.Title {height: 33px;padding: 10px 10px 0 0;border-bottom: 1px solid #ccc;margin-left: 10px;}
.Title dd h1 {
	color: #181818;
    font-size: 24px;
    margin-right: 10px;
    padding-bottom: 10px;
    font-weight: 300;
}
.Title dd {color:#838484;font-size:14px;font-weight:bold;height:35px;float:left;}
.Title .more {height:30px;border-radius:8px;text-align:center;line-height:30px;float:right;color:#181818;font-weight:normal;}
.Title .more:hover {color:#c90e21;}


/*qq2*/
.side-pannel{position:fixed;right:5px;margin-left:496px;z-index:99}
.side-bar{border:1px solid #E7E7E7;border-bottom:none;top:220px;background:#fff}
.side-bar a{display:block;cursor:pointer;width:70px;height:46px;border-bottom:1px solid #E7E7E7;position:relative;color:#676767;text-align:center}
.side-bar a s{display:block;margin-left:auto;margin-right:auto}
.side-bar a span{line-height:20px}
.side-bar a:hover{background:#DFFFED}
.side-bar a.gotop s{position:absolute;top:50%;left:17px}
.side-bar a.text{padding-top:25px}
.side-bar a.qr s{position:absolute;top:50%;left:18px}
.side-bar a.qr i{width:277px;height:289px;position:absolute;left:-277px;top:50%;margin-top:-120px;display:none;background-position:0 0}
.side-bar a.qr:hover i{display:block}
.side-bar a.qr i{background-image:url(../images/sprite2.png)}
.g-icon-top{height:20px;width:35px;margin-top:-10px;background-position:0 -33px}
.g-icon-survey1{height:23px;width:26px;margin-top:-11px;background-position:0 -53px}
.side-bar a.survey:hover s{height:23px;width:26px;margin-top:-11px;background-position:-26px -53px}
.g-icon-qq1{height:20px;width:22px;margin-top:-10px;background-position:-35px -33px}
.g-icon-weibo1{height:25px;width:27px;margin-top:-12px;background-position:-72px 0}
.g-icon-weibo2, .side-bar a.weibo:hover s{height:25px;width:27px;margin-top:-12px;background-position:-72px -25px}
.g-icon-qr1{height:33px;width:36px;margin-top:-16px;background-position:-36px 0}
.g-icon-qr2, .side-bar a.qr:hover s{height:33px;width:36px;margin-top:-16px;background-position:0 0}
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image:url(../images/sprite1.png)}



/*案例*/
.Case1{height:28px;border-top:#ccc 1px solid;width:1280px}
.Case2{width:1280px;height:45px;font-size:24px;line-height:45px; margin-top:55px;color:#000}
.Case3{width:1280px; height:108px;font-size:15px; line-height:30px}
.Case4{width:1280px; padding:24px 0}
.Case5,.Case6{width:315px; height:204px;}
.Case7{ width:315px; height:73px; padding:35px 0 52px 0;}
.Case7 ul li{ line-height:22px; font-size:14px; color:#575757; margin-top:10px;}
.Case7 .f22{ font-size:22px}
.Case8{ width:315px; height:auto;float:left}

/*案例页*/
.tjal_bg{width:1280px; height:294px}
.tjal1{width:426px; height:157px;float:left}
.hyfl{width:1280px; height:64px; background:#efefef}
.hyfl ul li{ display:inline; line-height:64px; padding:0 40px; font-size:18px; color:#727171}
.hyfl ul li .hover{color:#000}

.hyfl2,.hyfl3{width:1280px; height:391px;overflow:hidden;position:relative;float:left; display:inline}
.hyfl2{margin:20px 2px 0 0}
.hyfl3{margin:20px 0 0 0px}
.hyf14{ width:1280px; height:92px; line-height:92px; text-align:center; font-size:20px;}

.zyfl1,.zyfl2{ width:313px; height:auto; float:left}
.zyfl1{margin:20px 9px 0 0}
.zyfl2{margin:20px 0 0 0}
.zyfl3{ width:313px; height:375px;}
.zyfl4{ width:313px; height:50px; line-height:50px; font-size:16px}
.zyfl4 a:link{color:#000}
.zyfl4 a:hover{color:#c90e21}


/*tab增加透明弹出效果*/
.png{position:absolute;width:1280px;height:69px;bottom:-69px;display:block;font-size:20px;}
.png{-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.png span {color:#FFFFFF;display:block;height:69px;line-height:69px;padding:0 24px}
.png span a{color:#FFFFFF}
.png span a:hover{text-decoration:underline}


/*图片滑动特效*/
.goods_list {margin-bottom:50px;zoom:1;margin-top: 20px;}
.goods_list li {position:relative;float:left;width:426px;height:270px;font-family:"microsoft yahei";overflow:hidden;}
.goods_list li .link {position:absolute;top:0;left:0;width:426px;height:100%;padding:0 20px;*background:url(#) ;color:#fff;text-decoration:none;text-indent:-99em; cursor:pointer;}
.goods_list li .link:hover {text-indent:0;text-decoration:none;}
.goods_list li .link b { display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden; }
.goods_list li .link span {display:inline-block;vertical-align:middle;font:14px/30px "microsoft yahei";}
.goods_list li .link strong {display:block;font-weight:normal;font-size:26px;line-height:50px;}
.goods_list li:hover .pic {visibility:hidden;transition:.4s all;}
.goods_list .pic {position:relative;}
.goods_list .pic img {width:100%;height:100%;}
.goods_list .pic .intro {position:absolute;top:10px;left:12px;color:#fff;font:24px/1.5 "microsoft yahei";text-shadow:1px 2px 2px rgba(0, 0, 0, 0.3);zoom:1;}
.goods_list .intro .details {float:left;max-width:194px}
.goods_list .intro .main_det {height:36px;overflow:hidden;}
.goods_list .intro .sub_det,
.theme_list .intro .sub_det_s  {height:26px;font-size:14px;overflow:hidden;}
.goods_list .intro .date {float:left;max-width:76px;margin-left:8px;font-size:16px;white-space:nowrap;}
.goods_list .intro .date b {font:normal 54px/60px Georgia;}

/*css3*/
.goods_list li .link {-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}


/*案例幻灯片*/
/*替换案例幻灯片*/
.focus{float:right;position:relative;width:813px;height:519px;}  
.focus img{width:813px;height:519px;} 
.focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px}
.focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden}
.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1} 
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9}  
.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a}  
.focus .fPic{position:absolute;left:0px;top:0px}  
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10}   
.focus .shadow a{text-decoration:none;color:#fff;font-size:20px;overflow:hidden;margin-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1"}  
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000}  
.focus .fcon img{display:block}  
.focus .fbg{bottom:20px;position:absolute;height:21px;z-index:200; right:0px;}  
.focus .fbg div{margin:4px 50px;overflow:hidden;zoom:1;height:10px}
.focus .D1fBt a{position:relative;display:inline;width:10px;height:10px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:url(../images/p14b.png)}    
.focus .D1fBt .current,.focus .D1fBt a:hover{background: url(../images/p14A.png)}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal}    
.focus .prev,.focus .next{position:absolute;width:39px;height:110px}
.focus .prev{top:50%;margin:-37px 0 0 20px;left:0;cursor:pointer;background:url(../images/left.png) no-repeat}  
.focus .next{top:50%;margin:-37px 20px 0 0;right:0;cursor:pointer;background:url(../images/right.png) no-repeat}

.case_xq_top{height:519px;background-color:#000;color:#fff;}
.case_xq_jj{width:400px;float:left;padding:10px 20px 0 20px;color:#fff;}
.case_xq_title{height:40px; font-size:16px; font-weight:bold; line-height:40px;}
.case_xq_txt{ line-height:24px;}




/*---photo---*/
/*---photo---*/
.zhongbiaoli{float:left;padding-top:9px;width:322px;height: auto;background:#fff}
.zhongbiaoli dl{margin:0px;padding:0px}
.zhongbiaoli dl dt,.mask{height:375px;width:313px;position:relative;overflow:hidden}
.zhongbiaoli dl dt img{display:block;width:313px;height:375px;position:absolute}
.zhongbiaoli dd{height:60px;line-height:60px;font-size:16px;color:#333}
.mask {z-index: 1;position: relative;opacity: 0;filter: alpha(opacity=0)}
.mask-bg {opacity: .5;filter: alpha(opacity=50);position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000}


/*news*/
.news_menu{width:1300px;height:50px;padding-top:20px;}
.news_menu ul li{width:423px;height:50px;background-color:#939393;line-height:50px;text-align:center;float:left;margin-right:5px; font-size:18px;}
.news_menu ul li a{color:#fff;display:block;}
.news_menu ul li a:hover{background-color:#da4a2d;color:#fff; display:block;}
.news_red{background-color:#da4a2d;color:#fff; display:block;}
.news_list{}
.news_list ul li{height:188px;border-bottom:dashed 1px #ccc;padding-top:20px;}
.news_l_img{width:423px;}
.news_l_img img{width: 321px;height: 160px;}
.news_l_txt{width:840px;overflow:hidden;}
.news_l_t_title{height:45px;font-size:14px; line-height:45px;}
.news_l_t_title a{color:#333;}
.news_l_t_title span{float:right;color:#999;}
.news_lt_jj{ font-size:14px;color:#777;}
.news_l_more{height:30px; line-height:30px;text-align:right;}
.news_l_more a{color:#C00; }

.news_line{height:15px;border-top:solid 1px #ccc;}

.news_xg{width:1280px;margin:0px auto;height:225px; background-color:#eee;overflow:hidden;}
.news_xg_1280{width:1350px;padding:10px 15px;}
.news_xg_1280 h3{font-size:22px;height:45px; line-height:45px;border-bottom:solid 1px #ccc;font-weight: 300;}
.news_xg_1280 ul{padding-top:15px;}
.news_xg_1280 ul li{width:520px;float:left;height:30px;line-height:30px; font-size:14px;background:url(../images/dian.png) no-repeat 12px; text-indent:24px;padding-right:100px;}
.news_xg_1280 ul li a{}
.news_xg_1280 ul li a:hover{}
.news_xg_1280 ul li span{float:right;}

/* 添加板块 */

.i_tcase {
	width: 1280px;
	margin: 0px auto 40px;
}

.i_tcase_f {
	width: 100%;
	height: 100%;
	position: relative;
}

.i_tcase_m {
	height: auto;
	overflow: hidden;
}

.i_tcase_main {
	width: 270px;
	height: 350px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 66px;
	margin-bottom: 20px;
	border-bottom: 2px solid #c0bebe;
}

.i_tcase_main:hover {
	border-bottom: 2px solid #db9396;
}

.i_tcase_main:nth-of-type(4n) {
	margin-right: 0;
}

.i_tcase_t {
	font-size: 23px;
	color: #2a2a2a;
	text-align: center;
	background: url(../images/xn_c_index_23_fltitle.png) center no-repeat;
	margin-bottom: 69px;
	overflow: hidden;
}

.i_tcase_t2 {
	color: #b8282e;
	padding: 0 10px;
}

.i_tcase_img {
}

.i_tcase_img img {
	width: 270px;
	height: 270px;
}

.i_tcase_main_name1 {
	color: #000;
	font-weight: bold;
	display: none;
}

.i_tcase_main_name2 a {
	padding: 24px 0px 0;
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-moz-binding: url('ellipsis.xml#ellipsis');
	margin-bottom: 2px;
}

.i_tcase_main_name2 a:hover {
	color: #b8282e;
}

.i_tcase_main_name2 a:before {
	content: "";
	width: 24px;
	height: 5px;
	background: #b8282e;
	display: block;
	margin-bottom: 5px;
}

.i_tcase_main_cnt {
	font-size: 12px;
}

.i_tcase_main_cnt1 {
	color: #000;
	font-weight: bold !important;
/* display:none; */
}

.i_tcase_main_copy {
	font-size: 12px;
	color: #64605f;
	line-height: 12px;
	padding: 0 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	-moz-binding: url('ellipsis.xml#ellipsis');
}

.i_tcase_main_cnt {
/* display:none; */
	padding: 28px 20px 0;
	line-height: 24px;
	font-size: 12px;
	color: #64605f;
}

.i_tcase_more {
	display: none;
}

.i_tcase_main_box {
	width: 270px;
	height: 270px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	top: 270px;
	left: 0;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.i_tcase_main_more a {
	width: 36px;
	height: 19px;
	display: block;
	background: url(../images/yan.png) no-repeat;
	position: absolute;
	bottom: 15px;
	left: 20px;
}

.i_tcase_main_more a:hover {
	background: url(../images/yanhover.png) no-repeat;
}

.i_tcase_main:hover .i_tcase_main_box {
	top: 0px;
}


	/*服务项目*/
.service_title_wrap {
    width: 100%;
    height: 110px;
    text-align: center;
}

.service_cntit {
	padding-top: 20px;
	font-weight: 300;
	font-size: 22px;
	line-height: 35px;
	color: rgba(0, 0, 0, 0.71);
	background: url(../images/xn_c_index_23_fltitle.png) center no-repeat;
}

.service_entit {
	color: #bebebe;
	margin-top: 5px;
	line-height: 36px;
	font-size: 16px;
}

.service_titdesc {
    font-size: 15px;
    color: #444;
    margin-top: 20px;
}

.service_list {
	width: 1280px;
	margin: 0 auto;
	margin-top: 20px;
}

.service_list ul {
	overflow: hidden;
}

.service_list ul li {
	width: 270px;
	float: left;
	overflow: hidden;
	margin-left: 40px;
}

.service_list ul li a {
	display: block;
	background: #dedede;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	text-align: center;
    height:  373px;
}

.service_list ul li a:hover {
	background: #c20000;
}

.sort_ico {
	position: relative;
	color: #666;
	padding-top: 40px;
}

.service_list ul li a .t1, .service_list ul li a .t2, .service_list ul li .t3, .service_list ul li .t4, .service_list ul li a .t5, .service_list ul li .h2 {
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	transition: all 0.9s ease 0s;
	opacity: 1;
	z-index: 1;
}

.service_list ul li a .t1 {
	position: relative;
	margin: 0 auto;
	left: 0;
	display: block;
}

.service_list ul li a:hover .t1 {
	opacity: 0;
	left: 250px;
}

.service_list ul li a .t2, .service_list ul li a .t5 {
	opacity: 0;
}

.service_list ul li .t2 {
	left: -214px;
	position: absolute;
	z-index: 5;
	top: 40px;
}

.service_list ul li a:hover .t2 {
	left: 50%;
	margin-left: -62px;
	opacity: 1;
}

.service_list ul li a .t5 {
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -58px;
	z-index: 0;
}

.service_list ul li a:hover .t5 {
	opacity: 1;
}

.sort_name {
	position: relative;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}

.service_list ul li .t3 {
	position: relative;
	left: 0;
}

.service_list ul li a:hover .t3 {
	left: -300px;
}

.service_list ul li .t3 .h2 {
	color: #333;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
}

.service_list ul li .t3 .span {
	color: #333;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
}
.service_list ul li .t3 p {
	color: #666;
	padding: 0 20px;
	margin-top: 15px;
    font-size: 14px;
}

.service_list ul li .t4 {
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 300px;
	bottom: 30px;
	color: #fff;
}

.service_list ul li a:hover .t4 {
	left: 50%;
	margin-left: -50%;
}

.service_list ul li .t4 .h2 {
	font-weight: 600;
	font-size: 16px;
	line-height: 26px;
}

.service_list ul li .t4 p {
	padding: 0 20px;
	margin-top: 15px;
    font-size: 14px;
}
.service_more{
	    margin-bottom: 20px;
	        margin-top: 20px;
	        text-align: center;
	        font-size: 16px;
}
.service_more a{
	    margin: 0 auto;
    padding: 13px 36px;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    background: #333;
    display: inline-block;

}