@charset "gb2312";
/* CSS Document */


.jztc-banner{ width:100%; height:410px; background:#ff3e35; position:relative;}
.jztc-banner-bg{ position:absolute; width:100%; height:410px; left:0; top:0;}
.jztc-banner-bg ul{ height:100%; width:100%}
.jztc-banner-bg li{ width:100%; height:100%; text-align:center; display:none;}
.banner-box{width:1194px;height:410px;position:relative;overflow:hidden; margin:0 auto; padding-top:10px;}
.banner-box .bd{ width:1194px;}
.banner-box .bd li .m-width {width:1194px;overflow:hidden;}
.banner-box .bd li{width:694;height:390px;}
.banner-box .bd li a{display:block;background-size:auto;}
.banner-box .bd li img{ width:944px; height:390px;}
.banner-box .hd {position:absolute;bottom:30px;left:0; width:100%; text-align:center;}
.banner-box .hd ul li{width:8px;height:8px;border-radius :50%;text-indent:-9999px; margin:0 4px; border:2px solid #fff; display:inline-block; cursor:pointer;}
.banner-box .hd ul li.on{ border-color:#ff6800}
.jztc-banner .w-1200{ height:100%; position:absolute; left:50%; margin-left:-600px; top:0}
.jztc-banner-meau{ position:absolute; left:0; top:10px; width:244px; height:390px; background:rgba(255,255,255,.4);}
.jztc-banner-meau ul{ width:186px; margin:0 auto; padding:21px 0 0;}
.jztc-banner-meau ul li{ width:100%; line-height:42px; position:relative}
.jztc-banner-meau ul li a{ width:100%; display:block; line-height:42px; color:#333; font-size:14px; background:url(../images/n-qyjz-1.png) no-repeat; background-position:165px 14px;}
.jztc-banner-meau ul li a:hover{ color:#ff6800}
.jztc-banner-meau ul li.li-t a{background-position:165px -28px;}
.jztc-banner-meau ul li.li-s a{background-position:165px -70px;}
.jztc-banner-meau ul li.li-f a{background-position:165px -112px;}
.jztc-banner-meau ul li.li-w a{background-position:165px -154px;}
.jztc-banner-meau ul li.li-l a{background-position:165px -196px;}
.jztc-banner-meau ul li.li-q a{background-position:165px -238px;}
.jztc-banner-meau ul li.li-b a{background-position:165px -280px;}
.jztc-banner-meau ul li b{ display:block; width:9px; height:11px; background:url(../images/n-qyjz-1.png) no-repeat -67px 0; position:absolute; top:7px; left:75px;}

.jztc-banner-gg{ position:absolute; top:10px; right:0; width:244px;}
.jztc-banner-gg img{ width:100%; margin-bottom:10px;}

.qyjz-main-o .m-o-t44{ width:100%; height:223px; background-image:url(../images/n-qyjz-444.gif); background-color: #ffe4d2; background-position:center; background-repeat:no-repeat; background-size:118%;}

.qyjz-main-o .m-o-t556{ width:100%; height:223px; background-image:url(../images/n-qyjz-556.gif); background-color: #ffe4d2; background-position:center; background-repeat:no-repeat; background-size:110%;}
.qyjz-main-o{ background:#fff; margin-bottom:20px;}
.qyjz-main-o .m-t li a{ width:100%; height:100%; display:block}
.qyjz-main-o .tit{ line-height:60px; width:100%; height:60px; overflow:hidden; border-bottom:2px solid #f5b785; position:relative;}
.qyjz-main-o .tit h4{ color:#000000; font-size:20px; margin-left:20px;}
.qyjz-main-o .tit span{ color:#747474; font-size:14px; margin-left:13px; position: relative}
.qyjz-main-o .tit span i{width:81px; height:21px; display:block; background:url(../images/wz_bq.png) no-repeat; position:absolute; top:20px; right:-90px;}
.qyjz-main-o .tit a.but{ width:100px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:12px; background:#ff6800; margin:18px 18px 0 0;}
.qyjz-main-o .tit a.but:hover{ background:#ed6202}
.qyjz-main-o .tit b{ display:block; width:32px; height:34px; background:url(../images/n-qyjz-1.png) no-repeat -66px -33px; position:absolute; left:0; top:0; display:none}
.qyjz-main-o .m-o{ width:240px;}
.qyjz-main-o .m-o-t{ width:100%; height:223px; background-image:url(../images/n-qyjz-4.gif); background-color: #ffe4d2; background-position:center; background-repeat:no-repeat;}



.qyjz-main-o.qyjz-main-o-t .m-o-t{background-image:url(../images/n-qyjz-10.gif);}
.qyjz-main-o.qyjz-main-o-s .m-o-t{background-image:url(../images/n-qyjz-16.gif);}
.qyjz-main-o.qyjz-main-o-f .m-o-t{background-image:url(../images/n-qyjz-22.gif);}
.qyjz-main-o.qyjz-main-o-w .m-o-t{background-image:url(../images/n-qyjz-28.gif);}
.qyjz-main-o .m-o-b{ width:100%; height:123px; background:#fdd2b5;}
.qyjz-main-o .m-o-b p{ font-size:12px; color:#da663c; line-height:32px; margin:27px 0 0 36px; float:left}
.qyjz-main-o .m-t{ width:960px;}
.qyjz-main-o .m-t ul{ width:100%; height:346px;}
.qyjz-main-o .m-t li{ width:240.5px; height:173px; border:1px solid #eeeeee; float:left; position:relative; margin:0 0 -1px -1px; z-index:1; background:#fff; border-right-color:#fff; border-bottom-color:#fff}
.qyjz-main-o .m-t li:hover{ border-color:#f5b785; z-index:2}
.qyjz-main-o .m-t li h5{ color:#333333; font-size:18px; line-height:22px; margin:15px 0 0 20px; text-align:left}
.qyjz-main-o .m-t li h5 span{ display:block; color:#7a7a7a; font-size:12px;}
.qyjz-main-o .m-t li .li-img{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.qyjz-main-o .m-t li.li-o{ width:476px; height:346px; text-align:center}
.qyjz-main-o .m-t li.li-o h5{ font-size:24px;  text-align:center; margin-bottom:37px; margin-left:0; margin-top:18px; line-height:26px;}
.qyjz-main-o .m-t li.li-o h5 span{ font-size:14px;}
.qyjz-main-o .m-t li.li-o{ border-color:#fff; border-right-color:#eee;}
.qyjz-main-o .m-t li.li-o img{-moz-transition: all .3s ease;-o-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}
.qyjz-main-o .m-t li.li-o img:hover {-moz-transform:scale3d(0.96, .96, 1);-ms-transform:scale3d(0.96, .96, 1);-webkit-transform:scale3d(0.96, .96, 1);transform:scale3d(0.96, .96, 1)}
.qyjz-main-t{ padding:35px 0; background:#fff; width:100%;}
.qyjz-main-t-o{ padding:0 25px; border-right:1px solid #dfdfdf; width:460px; height:111px; float:left}
.qyjz-main-t-o h5{ color:#333333; font-size:14px; line-height:14px; margin-bottom:28px;}
.qyjz-main-t-o dl{ float:left; text-align:center; width:153px; color:#666; font-size:12px;}
.qyjz-main-t-o dl dd{ line-height:26px;}
.qyjz-main-t-o.qyjz-main-t-o-t{ width:400px}
.qyjz-main-t-o ul{ margin-top:-10px;}
.qyjz-main-t-o li{ float:left; line-height:26px; width:190px; margin-right:10px; }
.qyjz-main-t-o li a{ line-height:26px; display:block; color:#666666; font-size:12px; background:url(../images/n-qyjz-37.gif) no-repeat left center; padding-left:14px; width:176px; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.qyjz-main-t-o li a:hover{ color:#ff6800}
.qyjz-main-t-o.qyjz-main-t-o-s{ width:188px; border:0;}
.qyjz-main-t-o.qyjz-main-t-o-s h5{ margin-bottom:12px;}
.qyjz-main-t-o.qyjz-main-t-o-s a{ color:#2b91b8; font-size:12px; margin-bottom:12px; display:block}
.qyjz-main-t-o.qyjz-main-t-o-s a:hover{ text-decoration:underline;}
.qyjz-main-t-o.qyjz-main-t-o-s p{ color:#2b91b8; font-size:14px;}

/*列表页面*/

.maketing-banner{ width:100%; height:410px;}
.maketing-banner .w-1200{ height:410px;}
.maketing-banner-m{ position:absolute; left:0; bottom:40px; color:#fff;}
.maketing-banner-m a{ float:left; width:146px; height:34px; line-height:34px; text-align:center; border:1px solid #ffde00; color: #ffde00; font-size:14px; display:block;}
.maketing-banner-m a:hover{ background:#ffde00; color: #ff0000}
.maketing-banner-m p{ float:left; margin-left:15px; font-size:14px; color:#fff; line-height:36px;}
.maketing-banner-m p span{ color:#ffde00; font-size:30px; margin-left:5px;}
.maketing-banner-m p i{ color:#ffde00}
.maketing-banner-m b{ font-weight:normal; font-size:12px;display:block;}

.maketing-main { width:100%;}
.maketing-main .tit{ width:100%; margin-bottom:20px;}
.maketing-main .tit h4{ font-size:24px; color:#ff6800; line-height:44px;}
.maketing-main .tit h4 span{ color:#666666;}
.maketing-main .tit h4 p{ font-size:12px; color:#666;}
.maketing-main .tit a{ color:#ff6800; font-size:14px; line-height:34px; padding:0 15px; border:1px solid #ff6800; display:block; margin-top:14px;  transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.maketing-main .tit a:hover{ color:#fff; background:#ff6800; border-color:#ff6800;}

.maketing-main-o{ background:#fff; padding:45px 0;}
.maketing-main-o .o-m{ background:#f8f8f8}
.maketing-main-o .o-m .ul-o{ float:left; width:320px; position:relative; background:#bfbdb9;}
.maketing-main-o .o-m .ul-o li{ width:100%; cursor:pointer; position:relative; z-index:2}
.maketing-main-o .o-m .ul-o span{ width:62px; height:68px; float:left; display:block; border-bottom:1px solid #bfbdb9; background:url(../images/n-qyjz-1.png) no-repeat; background-position:-272px 20px;}
.maketing-main-o .o-m .ul-o .li-t span{ background-position:-272px -50px;}
.maketing-main-o .o-m .ul-o .li-s span{ background-position:-272px -120px;}
.maketing-main-o .o-m .ul-o .li-f span{ background-position:-272px -190px;}
.maketing-main-o .o-m .ul-o .li-w span{ background-position:-272px -257px;}
.maketing-main-o .o-m .ul-o .li-l span{ background-position:-272px -323px;}
.maketing-main-o .o-m .ul-o li p{ float:left; line-height:68px; color:#fff; font-size:16px; font-style:italic; width:258px; border-bottom:1px solid #cccbc8;}
.maketing-main-o .o-m .ul-o li b{ position:absolute; display:block; width:15px; height:32px; background:url(../images/n-qyjz-38.png) no-repeat; top:50%; margin-top:-16px; right:-15px; display:none}
.maketing-main-o .o-m .ul-o .li-mask{ background:#ff6800; position:absolute; left:0; top:0; width:335px; height:68px; background:url(../images/n-qyjz-52.png) no-repeat;}
.maketing-main-o .o-m .ul-o li.on b{ display:block;}
.maketing-main-o .o-m .ul-t{ background:#f8f8f8; width:880px; float:left; height:414px;}
.maketing-main-o .o-m .ul-t li{ list-style-type:none; position:relative; height:100%; display:none;}
.maketing-main-o .o-m .ul-t .li-top{ padding:25px 0 0 50px;}
.maketing-main-o .o-m .ul-t h5{ color:#666; font-size:24px; line-height:38px;}
.maketing-main-o .o-m .ul-t p{ color:#999; font-size:14px; line-height:22px; margin-bottom:5px}
.maketing-main-o .o-m .ul-t .li-a a{ color:#2b91b8; font-size:14px; margin-right:30px; cursor:default; line-height:22px;}
.maketing-main-o .o-m .ul-t .li-a span{ color:#999; font-size:14px}
.maketing-main-o .o-m .ul-t .li-img{ width:100%; text-align:center; position:absolute; left:0; bottom:0;}

.maketing-main-s {
padding: 0px 0 40px 0;
}

.choose{ width:1196px; height:auto;border:#f86d0d 2px solid; border-top:0; overflow:hidden; }
 .list_con{
	float:left;
	width:1160px;padding:23px 18px; }
.list_con ul{
	float:left;
	width:1200px}
.list_con ul li{
	float:left;
	width:370px;
	height:335px;
	margin:0 20px 20px 0;
	position:relative;
	background:#fff;
	box-shadow:1px 1px 3px #e0e0e0,-1px -1px 3px #e0e0e0}
.list_con ul li.mr_0{
	margin-right:0}
.list_con ul li p{
	float:left;
	width:370px;
	font-size:14px}
.list_con ul li .tit{
	color:#333;
	padding:0px 10px;
	height:40px;
	line-height:40px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.list_con ul li span{
	position:absolute;
	left:0;
	top:0;
	z-index:99;
	display:none;
	width:370px;
	height:290px;
	background:url(../images/case_repeat_bg.png) left repeat}
.list_con ul li .tag{
	color:#0095cc;
	width:350px;
	height:50px;
	padding:0 10px;
	line-height:50px;
	text-align:center;
	background:#fafafa;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.list_con ul li .tag img{
	padding-right:5px;
	}
.list_con ul li:hover .tag{
	
	z-index:999;
	background:#0f0f0f}
.list_con ul li:hover span{
	display:block}
.list_con ul li span a{
	float:left;
	color:#fff;
	width:300px;
	height:36px;
	line-height:36px;
	text-align:center;
	margin:111px 0 0 50px;
	font-size:18px;
	border:1px solid #fff;
	border-radius:20px}
	
	.crumbs{
	float:left;
	font-family:"微软雅黑";
	font-size:12px;
	width:1200px;
    padding-bottom: 10px;
    padding-top: 15px;
	color:#333}
        
/*案例详情页面*/
.show_case_box{
	float:left;
	width:1118px;
	padding:40px;
	margin-top:20px;
	border:1px solid #e5e5e5;
	box-shadow:1px 1px 1px #e5e5e5,-1px -1px 1px #e5e5e5;
	background:#fff}

.show_top_con{
	float:left;
	width:1118px;
	border-bottom:1px solid #eaeaea}
.show_top_con dl{
	float:left;
	width:1118px;
	padding-bottom:25px}
.show_top_con dl dt{
	float:left;
	width:110px;
	height:110px;
	overflow:hidden;
	position:relative;
	border:1px solid #e5e5e5;
	border-radius:50%}
.show_top_con dl dt img{
/*    position:absolute;
	left:50%;
	margin-left:-88px*/}
.show_top_con dl dd{
	float:right;
	width:1000px}
.show_top_con dl dd h1{
	color:#34495e;
	float:left;
	width:1000px;
	height:58px;
	line-height:58px;
	font-size:24px;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis}
.show_top_con dl dd p{
	color:#b8c4ce;
	float:left;
	width:1000px;
	height:24px;
	line-height:24px;
	font-size:14px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis}
.show_top_con dl dd p a{
	color:#3498db;}
.tj_mb{
	float:left;
	width:1100px;
	margin-top:40px;
	border-top:1px solid #eaeaea;}
.tj_mb .bt{
	float:left;
	width:1100px}
.tj_mb .bt h3{
	color:#6093ba;
	float:left;
	height:40px;
	line-height:40px;
	padding-left:10px;
	font-size:18px;
	font-weight:bold}
.tj_mb .bt a{
	color:#364d5f;
	float:right;
	height:40px;
	line-height:40px;
	font-size:14px}
.tj_mb .mb_list,
.tj_mb .mb_list ul{
	float:left;
	width:1100px;}
.tj_mb .mb_list ul li{
	float:left;
	width:250px;
	padding:10px;
	margin:10px 5px 0 0}
.tj_mb .mb_list ul li.mr_0{
	margin-right:0}
.tj_mb .mb_list ul li:hover{
	background:#f1f4f6}
.tj_mb .mb_list ul li img{
	border:1px solid #e5e5e5}
.tj_mb .mb_list ul li p{
	float:left;
	width:280px}
.tj_mb .mb_list ul li .tit a{
	float:left;
	color:#333;
	width:280px;
	height:30px;
	line-height:30px;
	margin-top:10px;
	font-size:16px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis}
.tj_mb .mb_list ul li .num span{
	float:left;
	color:#b5b5b5;
	height:30px;
	line-height:30px;
	font-size:14px;
	padding-left:20px;
	margin-right:30px;
	background:url(../images/tit_num_ico.png) no-repeat}
.tj_mb .mb_list ul li .num span.like{
	background-position:0 -33px}
.tj_mb .mb_list ul li .num span.down{
	background-position:0 8px}

.tj_mb .dz_user{
	float:left;
	color:#ff8b24;
	width:1100px;
	font-size:16px;
	margin-top:20px;
	text-align:center}
.tj_mb .dz_user a{
	display:inline-block;
	height:34px;
	line-height:34px;
	color:#fff;
	font-size:18px;
	padding:0 20px;
	margin-left:20px;
	background:#ff8b24;
	border-radius:3px}
.tj_mb .dz_user a:hover{
	text-decoration:none}

.al_js{
	float:left;
	width:1080px;
	padding:10px 22px;
	margin-top:40px;
	background:#f8f7f2;
	box-shadow:2px 2px 3px #ebeaea}
.al_js h3{
	float:left;
	color:#333;
	width:1000px;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #d9d9d9}
.al_js .txt_con{
	color:#666;
	float:left;
	width:1100px;
	margin-top:20px;
	line-height:24px;
	font-size:14px}

.case_zw_con{
	float:left;
	color:#333;
	width:1100px;
	margin-top:50px;
	font-size:14px}
.case_zw_con p{	margin-top:10px}
.cp_t{  background:url(../images/discount-bg.png) repeat-x; height:auto;}
.cp_t ul{height:60px;}
.cp_t li { float:left; height:60px;  text-align:center;width:232px;}
.cp_t li a{ color:#fff;  font-size:18px;line-height:68px;}
.cp_t li.on{ background:#fff; height:43px; margin-top:17px;  margin-left:18px;}
.cp_t .on a{ color:#f86d0d; line-height:40px;}
.list_con .page_box{ padding-bottom:0px;}
.cp_t .choose_t{width: 1160px;height:80px; padding: 6px 18px;border-left: #f86d0d 2px solid;border-right: #f86d0d 2px solid; }
.choose_t li {
    width: 23%;
    height: 42px;
    float: left;
    margin-bottom: 7px; margin-top:24px;
    margin-right: 18px;
}
.choose_t li a.on, .choose_t li a:hover {
    background: #f90;
    color: #fff;
    border: 1px solid #f90;
}
.choose_t li a{ font-size:16px;
    width: 100%;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    border: 1px solid #ddd;
    color: gray;
    text-align: center;
    border-radius: 3px;
}
.temp-main-item{float: left;
    width: 1160px;
    padding:0 18px 23px 18px;}
	.temp-main-item li{float:left;width:285px;height:380px;position:relative;}
.item-dm{width:218px;margin:0 auto}
.item-dm p{color:#5c6061;font-size:14px;text-align:center;line-height:34px;height:34px;margin-top:18px;}
.item-demo:hover .demo_bg
{
    display: block;
}
.item-demo{border-top:1px solid #ececec;box-shadow:0 10px 5px rgba(0, 0, 0, 0.3);width:228px;height:275px;padding:9px;background-color:#fff;position:relative;display:block;/*margin-top:8px;*/}
.item-demo:after{position:absolute;background-color:#f7f7f7;bottom:-14px;left:0;width:100%;box-shadow:0 -10px 3px #f7f7f7;height:9px;content:"";overflow:hidden;border-radius:50%}
.item-demo img{width:208px;height:255px; margin:10px 8px 10px 11px; }
.demo_bg {
    position: absolute;
    z-index: 2;
    width: 236px;
    height: 281px;
    padding: 6px 5px 9px;
    top: 1px;
    left: 0;
    display: none;
    background: url(../images/case_repeat_bg.png) left repeat;
}
.demo_bg p{margin-top:100px}
.demo_bg p a{display:inline-block;width:80px;height:26px;color:#fff;line-height:26px;text-align:center}
.demo_bg p a.apply{margin-right:10px;background-color:#0391c1}
.demo_bg p a.show{background-color:#99c872}
.demo_bg .demo_bg_d{text-align:center;margin-top:55px}
.demo_bg .demo_bg_d img{width:120px;height:120px}
.demo_bg .demo_bg_d a.apply{margin-top:10px;width:120px;margin-right:0}

.demo_mf{position:absolute;top:6px;right:5px;padding:0 20px;height:34px;line-height:34px;color:#fff;font-size:18px}
.demo_mf em{font-size:22px;margin-left:3px}


.wwz_main_s{ background:#f2f2f2; padding:45px 0;}
.wwz_main_s h3{ font-size:30px; color:#666666; text-align:center; line-height:30px; margin-bottom:40px}
.wwz_main_s_m{ text-align:center;} 
.wwz_main_s_m dl{ width:216px; height:404px; background:url(../images/wwz_27.png) no-repeat; position:relative; float:left; margin:28px 17.5px 25px 17.5px;}
.wwz_main_s_m dt{ padding:55px 0 0 14px; float:left;}
.wwz_main_s_m dt img{ width:185px; height:279px;}
.wwz_main_s_m dd{ width:185px; height:279px; top:55px; left:14px; text-align:center; position:absolute; display:none;}
.wwz_main_s_m dd h4{ color:#f7f8fa; font-size:20px; line-height:20px; margin:22px 0;}
.wwz_main_s_m dd p{ color:#f7f8fa; font-size:12px; line-height:18px; margin:22px 0;}
.wwz_main_s_m dd a{color: #fff;text-decoration: none; display:inline-block; padding-bottom: 4px; padding-top: 4px; border: #f76301 1px solid; margin-top: 0px; background-color: #f76301; width: 95px;
font-size: 12px; border-radius: 5px; -moz-border-radius: 5px;}
.wwz_main_s_m dd a:hover{ background:#e24524;}
.wwz_main_s_m dd img{ width:99px; height:99px;}
.wwz_main_s_m dl .bg{ width:185px; height:279px; background:#000; filter:alpha(opacity=70); /*IE滤镜，透明度50%*/ -moz-opacity:0.7; opacity:0.7; position:absolute; top:55px; left:14px; display:none;}
.wwz_main_s_m .more{ text-align:center; font-size:14px; color:#666666; border:2px solid #dfdfdf; display:inline-block; padding:2px 45px; border-radius: 25px; -moz-border-radius: 25px;}
.wwz_main_s_m .more:hover{color:#f86d0d;}
.item-dm span{background:#f90;color:#fff;padding:2px 10px;position:absolute;top: 43px;
    left: 32px;
    z-index: 9;}
.wwz_main_s_m dl span{position:absolute;top:-32px;left:48px;margin-bottom:10px;background:#f90;color:#fff;padding:2px 10px;}