@charset "utf-8";
html, body, div, span, ul, li, p, h1, h3, h4, dl, dd, dt,input {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
img {
	border: 0;
}
body {
	font-family: "微软雅黑";
	
	font-size: 14px; color: #696969;
}

a {
	color: #696969;
	text-decoration: none;
}
.clear {
	clear: both;
}
#top{ width:1164px; margin:0 auto; height:183px;}
.logo{ width:388px; float:left;}
.logo img{ width:203px; margin-top:20px; height:141px; float:left;}
.top-right{ width:711px; float:right;}
.top-right .t{ height:79px;}
.top-right .t img{ width:262px; height:79px; float:right; margin-right:21px;}
#navwarp{ width:788px; float:right; height:40px; margin-top:20px; }

		/* 本例子css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ width:788px; margin:0 auto; height:40px; line-height:40px;  position:relative; z-index:1;  }
		.nav a{ color:#a50000;  }
		.nav .nLi{ float:left;  position:relative; display:inline;}
		.nav .nLi h3{ float:left; padding:0 13px; text-align:center;  }
		.nav .nLi h3 a{ display:block; font-weight:100; padding:0 13px; font-size:16px; font-weight:bold;  }
		.nav .sub{ display:none; width:135px; text-align:center; left:0; top:40px;  position:absolute; background:#2a1770;  line-height:26px; padding:5px 0;  }
		.nav .sub li{ zoom:1;line-height:30px; height:30px;   }
		.nav .sub a{ display:block; padding:0 10px; }
		.nav .sub a:hover{ background:#e76e41; color:#fff;  }
		.nav .on h3 a{ background:#a50000; color:#fff; padding:0 13px; border-radius:5px;  }
		/*banner*/
		.bannerSlide {position: relative;background: #fff; overflow:hidden;}
.bannerSlide .hd {width: 100%;position: absolute;z-index: 1;bottom:20px;left: 0;height: 10px;line-height: 30px;}
.bannerSlide .hd ul {text-align: center;height: 10px;}
.bannerSlide .hd ul li {cursor: pointer;display: inline-block;*display:inline;zoom: 1;overflow: hidden;line-height: 999px;margin-left:10px;height: 15px;width: 15px;border-radius: 10px;background: #fff;}
.bannerSlide .hd ul li.on {background: #a40000}
.bannerSlide a{ display:block;height:100%;}
.bannerSlide .slide_ul li{ background-size:cover !important}
.bannerSlide .prev{ height:36px; width:36px; background:url(/images/prev1.png) no-repeat center center; position:absolute; left:40%; margin-left:-600px;top:50%; margin-top:-18px; cursor:pointer;
	filter:alpha(opacity=0); 
	-moz-opacity:0;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/
    -khtml-opacity: 0;
	 opacity: 0;}
.bannerSlide .next{ height:36px; width:36px; background:url(/images/next1.png) no-repeat center center; position:absolute; right:40%; margin-right:-600px;top:50%; margin-top:-18px;cursor:pointer;
	filter:alpha(opacity=0); 
	-moz-opacity:0;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/
    -khtml-opacity: 0;
	 opacity: 0;}


.con1{ width:1140px; margin:50px auto;}
 
 .con1 .text{ width:178px; margin:20px 30px 0 70px; text-align:center; float:left;}
  .con1 .text img{ width:178px; height:178px;}
   .con1 .text span{ display:block; height:40px; color:#000; line-height:40px;}
.con2{ width:1194px; margin:20px auto 30px auto;}
.con2 .tt{ height:40px; text-align:center; color:#000; font-size:25px; width:200px; margin:0 auto; margin:0 auto;}
#tab{width:1194px;position:relative;margin:40px auto;}
#tab .tab_menu{width:400px;position:absolute;z-index:1; left:495px;}
#tab .tab_menu li{float:left;width:92px;height:30px;line-height:30px; border-radius:10px; color:#a50000;border:1px solid #ccc;cursor:pointer;text-align:center;margin:0 15px 0 0;}
#tab .tab_box{width:1194px; height:420px;clear:both; padding-top:50px;position:relative;}
#tab .tab_menu .selected{background-color:#a50000; color:#fff;cursor:pointer;}
.hide{display:none;}
.tab_box div{}
.c1{ background-color:#f5dcf2;}
.c2{ background-color:#fff1c0;}
.c3{ background-color:#cee8f9;}
.c4{ background-color:#e6e6e6;}
.yinyu{ width:278px; height:405px; margin-left:16px; float:left;}
.yinyu-t{ height:40px; color:#000; line-height:40px;}
.yinyu-tl{ padding:0 0 0 10px; font-size:18px; float:left;}
.yinyu-tr{ padding:0 10px 0 10px; float:right;}
.yinyu-tr a{ color:#000;}
.yinyu .tx{ height:50px; margin:20px 0; padding:0 10px; line-height:26px;}
.yinyu .txl{ width:30px; height:26px; float:left;}
.yinyu .txR{ width:207px; height:26px; float:right;}
.yinyu .tx a{ color:#000;}
.yinyu .tx .txl a{ display:inline-block; width:100%; height:100%;}

.mv{}
.mv-text{width:341px; height:298px; float:left; margin:0 0 0 46px;}
.mv-text span{ display:block; line-height:30px;}
.mv-text span a{ color:#000;}
.mv-text .img{ width:341px; height:298px; overflow:hidden; float:left; margin:0 0 20px 0;}

.mv-text .img img{ width:341px; height:298px;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s ; 
	-o-transition-duration: .3s;
	}
.mv-text .img img:hover{transform:scale(2.2);-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-o-transform:scale(2.2);}
.morex a{ width:202px; display:block; color:#fff; background-color:#e7334e; height:51px; margin:0 auto; border-radius:5px; text-align:center; line-height:51px;}
.con3{ width:100%; height:650px; padding-top:50px; background:url(/images/bg.jpg) no-repeat; background-position:top center;}
.con3 .ll{ width:450px; float:left; color:#ffffff;}
.con3 .llt{ border-bottom:#fff 6px solid; margin-bottom:20px; font-size:22px; height:80px; width:175px;}
.con3 .lltt{ height:30px;}
.con3 .rr{ width:700px; padding-top:50px; float:right; }
.con3 .rr img{ width:300px; margin:30px 0 0 30px; height:190px; float:left;}
.con4{ width:1164px; margin:0 auto;}
.con4T{ height:100px; font-size:18px;}
.con4T .l{ width:250px; height:60px; border-bottom:#e33a3d 8px solid; float:left;}
.con4T .R{ width:783px; float:right;}
/* section */
.section{width:1220px;margin:10px auto 0 auto;overflow:hidden;}
.section ul{width:1220px;}
.section ul li{float:left;margin-right:22px;margin-bottom:10px;display:inline;width:270px;height:429px;overflow:hidden;position:relative;}
.section ul li .photo{width:270px;height:429px;overflow:hidden;}
.section .rsp{width:270px;height:429px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:270px;height:429px;left:-429px;top:0px;overflow:hidden;}
.section .text h3{width:270px;margin-top:100px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}
.section .text a{text-decoration:none}
.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}
.con4 .video{ width:598px; height:310px; float:left; background:url(/images/line.jpg) no-repeat right center;}
.con4 .video img{ width:580px; height:308px;}
.con4 dl{ width:540px; float:right;}
.con4 dl dt{ height:40px; line-height:40px; background:url(/images/dot.jpg) no-repeat left center; padding-left:15px;}
#tabb{width:1164px;position:relative;margin:40px auto;}
#tabb .tabb_menu{width:555px;float:left;position:absolute;right:0;z-index:1;}
#tabb .tabb_menu li{width:540px;height:45px;line-height:45px; background:url(/images/dot.jpg) no-repeat left center; padding-left:15px;}
#tabb .tabb_box{width:598px;background:url(/images/line.jpg) no-repeat right center;height:310px; float:left;}
#tabb .tabb_menu a:hover{ color:#D52B2E;cursor:pointer;}
.hide{display:none;}
#tabb .tabb_box img{width:580px; height:308px;}
.tabb_box div{} 
#footer{ width:100%; height:190px; background:url(/images/ff.jpg) repeat-x #161616;}
#footer .inner{ width:1164px;text-align:center; margin:0 auto;}
#footer .inner .ft{ height:32px; margin-bottom:30px; line-height:32px; }
#footer .inner .ft a{ margin:0 8px; color:#fff;}
/*neiye*/
.ptop{ height: 77px;}
.pageNavBox{ height: 36px; font-weight:bold; line-height: 34px; background-color: #fff;}
.pageNavBox.fixed .pageCur{ position: fixed; right: 0; top: 0px; z-index: 801;}
.pageNavBox.fixed .pageNav{ position: fixed; left: 0px; top: 0px; background-color: #fff; z-index: 800;}
.pageCur{ float: right; display: block; margin-right:3%;}
.pageCur a:link,.pageCur a:visited { color: #999;}
.pageCur a:active,.pageCur a:hover { color: #2c4e9f;}
.pageCur a,.pageCur span{ background: url(/images/pnav_act.png) no-repeat scroll left center; padding-left: 20px; margin-left: 12px;}
.pageCur a.home{ background-image: url(/images/home_ico.png);}
.pageCur a.act,.pageCur .act{ color: #2c4e9f;}
.pageCur span.act{ background: url(/images/pnav_act.png) no-repeat scroll left center; padding-left: 20px; olor: #2c4e9f;}
.pageNav a:link,.pageNav a:visited { color: #666666;}
.pageNav a:active,.pageNav a:hover { color: #fff;}
.pageNav a:hover{ background-color: #e33a3d;}
.pageNav{ border-left: 1px solid #e4e4e4; padding: 0px 0 0 6.5%; line-height: 34px; height: 34px; width: 93.2%;  border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.pageNav a{ display: block; float: left; display: block; padding:0 10px; height: 35px; text-align: center; border-right: 1px solid #e4e4e4; background-repeat: no-repeat; background-position: 90% center;}
.pageNav a.active{ background-color: #e33a3d; color: #fff;}
.co{ width:1164px; margin:0 auto; line-height:200%;}
/*资讯类*/
.z_825_3{ width:100%; float:left; margin:0 0 0 0; padding-bottom:30px;}
.z_825_3 .z_main_3{ width:100%; float:left; padding-bottom:38px; border-bottom:solid 1px #ddd;}
.z_825_3 .z_main_3 .z_text_2{ float:left; width:408px;}
.z_825_3 .z_main_3 .z_pic_2{ float:right; width:376px; height:225px; overflow:hidden;}
.z_825_3 .z_main_3 .z_pic_2 img{ display:block; width:100%;}

.z_825_3 .z_main_3 .z_text_2 .z_tit_1{ height:69px; border-bottom:solid 1px #ddd; font-size:16px; color:#333; line-height:16px; float:left; width:100%; /*font-weight:bold;*/}
.z_825_3 .z_main_3 .z_text_2 .z_tit_1 span{ display:block; font-size:14px; color:#aaa; line-height:14px; margin:16px 0 0 0; fon t-family:"Arial"; font-weight:normal;}
.z_825_3 .z_main_3 .z_text_2 .text_2_b{ float:left; margin:23px 0 0 0; font-size:14px; color:#777; line-height:24px; overflow:hidden; height:72px; width:100%;text-align: justify;}
.z_825_3 .z_main_3 .z_text_2 .z_more_1{ margin:35px 0 0 0; font-size:12px; color:#aa1018; line-height:12px; text-transform:uppercase; float:left; width:100%;}
.z_825_3 .z_main_3 .z_text_2 .z_more_1 .a1{ color:#aa1018;}

.z_825_3 ul{ width:100%; float:left; padding-bottom:25px;}
.z_825_3 ul li{ width:100%; float:left; padding:34px 0;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; border-bottom:1px solid #dddddd;}
.z_825_3 ul li .left_84{ float:left; width:84px;-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.z_825_3 ul li .left_84 .t_84{ float:left; width:100%; height:30px; background:#f7f7f7; color:#888888; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:30px;-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.z_825_3 ul li .left_84 .d_date{ float:left; width:100%; color:#fdc113; font-size:24px; height:50px; background:#f7f7f7; text-align:center; line-height:50px; font-family:Arial, Helvetica, sans-serif; margin-top:3px;
-webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}

.z_825_3 ul li .z_text_3{ margin-left:131px;}
.z_825_3 ul li .z_text_3 .z_tit_2{ font-size:16px; /*font-weight:bold;*/ color:#333;}
.z_825_3 ul li .z_text_3 .z_tit_2 a{ display:block; width:90%; overflow:hidden; text-overflow:ellipsis;}
.z_825_3 ul li .z_text_3 .text_3_b{ width:100%; float:left; font-size:14px; color:#777; margin:11px 0 0 0; line-height:24px; height:48px; overflow:hidden;text-align: justify;}
.z_825_3 ul li .z_text_3 .l_fb{ float:left; color:#aaaaaa; line-height:28px; margin-top:5px;}
.z_825_3 ul li .z_text_3 .l_fb img{ vertical-align:middle; margin-top:-3px;}
.z_825_3 ul li:hover{ background:#f7f7f7;}

.z_825_3 ul li:hover .left_84{ margin-left:20px;}
.z_825_3 ul li .z_text_3{  /*margin-left:161px;*/ margin-right:20px;}
.z_825_3 ul li:hover .left_84 .t_84,.z_825_3 ul li:hover .left_84 .d_date{ background:white;}
.z_825_3 ul li:hover .z_text_3 .z_tit_2 a{ color:#aa1018;} 

@media screen and (max-width:767px) {
.z_825_3{ width:100%; float:left; margin:30px 0 0 0; padding-bottom:0px;}
.z_825_3 .z_main_3{ width:100%; float:left; padding-bottom:25px; border-bottom:solid 1px #ddd;}
.z_825_3 .z_main_3 .z_text_2 .z_tit_1{ height:100%;}
.z_825_3 .z_main_3 .z_text_2{ width:100%; float:left; padding-top:26px;}
.z_825_3 .z_main_3 .z_pic_2{ width:100%;}
.z_825_3 .z_main_3 .z_text_2 .text_2_b{ height:48px; overflow:hidden; margin:18px 0 0 0;}
.z_825_3 ul li{ padding:30px 0 20px 0; border-bottom:1px solid #dddddd;}
.z_825_3 ul li:last-child{ border-bottom:0;}
.z_825_3 ul li .z_text_3{ margin-left:80px;}
.z_825_3 .z_main_3 .z_text_2 .z_more_1{ margin-top:15px;}
.z_825_3 .z_main_3 .z_text_2 .z_tit_1{ border:none;}

}
/*产品及案例*/
.pro{ padding:0 0 40px 0; width:1260px; margin-left:-30px;}
.pro .text{ width:278px; margin:40px 0 0 26px; float:left;}
.pro .text img{ width:278px; height:278px;}
.pro .text span{ display:block; margin:20px 0; line-height:30px;}
.pic .text .morea a{ color:#a50000}
.pic{ padding:0 0 40px 0; width:1260px; margin-left:-30px;}
.pic .text{ width:278px; margin:40px 0 0 26px; float:left;}
.pic .text img{ width:278px; height:178px;}
.pic .text span{ display:block; margin:20px 0; line-height:30px;}
.pro .text .morea a{ color:#a50000}
.team{padding:0 0 40px 0;}
.team ul{}
.team ul li{ width:245px; height:407px; float:left; margin:15px 0 36px 36px;}
.team ul li img{ width:245px; height:310px;}
.team ul li .ttt{ padding:0 10px; color:#fff; height:107px; background-color:#e36161; text-align:center;}

.team ul li .ttt a{ color:#fff;}
.ywfw{ padding:0 0 30px 0;}
.ywfw ul{}
.ywfw ul li{ width:291px; margin-bottom:40px; font-size:20px; float:left;height:70px; line-height:70px;}
.ywfw ul li span{ display:block; margin-right:20px; width:70px; height:70px; float:left;}
.ywfw ul li span img{ width:70px; height:70px;}
.ywfw ul li a{ text-decoration:underline; color:#D92E31;}

/*案例列表*/
.c4-in{ padding:20px 0 0 60px;}
.c4-in .info1A{ width:380px; float:left; margin:0 0 26px 16px;}

.case-item{float:left;}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:80px;height:80px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:70px;height:70px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:90px;height:90px;border:10px solid #3ca1e8;border-right-color:#a50102;border-bottom-color:#a50102;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 13px;padding:30px 0 0;height:80px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}

.c4-in .info1A-text{ width:274px; float:right;}
.c4-in .info1A-text h3 a:link,.c4-in .info1A-text h3 a:visited{  text-decoration:none;}
.c4-in .info1A-text h3 a:hover{ color:#a50100; text-decoration:underline;}
.c4-in .info1A-text span a:hover{transition: all 0.3s linear 0s; display:block; color:#fff; color:#CD2023;}
/*我们的团队最新*/
	/* 本例子css */
		.slideGroup{ width:1255px; margin:0 auto; }
		.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
		.slideGroup .parHd ul{ float:left; position:absolute; left:10px; top:-1px; height:32px;   }
		.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
		.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
		.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 40px; position:relative;   }

		.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0px; top:180px; display:block; width:30px; height:94px; background:url(/images/prev2.png) center center no-repeat; }
		.slideGroup .sNext{ left:auto; right:0px; background:url(/images/next2.png) center center no-repeat;  }
		.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

		.slideGroup .parBd ul{  zoom:1;   }
		.slideGroup .parBd ul li{ margin:0 0px; padding-left:30px;width:270px; float:left; _display:inline;  text-align:center;  }
		.slideGroup .parBd ul li .pic{ width:270px; text-align:center; }
		.slideGroup .parBd ul li .pic img{ width:270px; height:429px; display:block;  padding:2px; border:1px solid #ccc; }
		.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
		.slideGroup .parBd ul li .title{ line-height:24px; text-align:center; font-size:18px;width:200px;}

/*
     FILE ARCHIVED ON 02:33:20 Jan 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:04:25 Sep 19, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.612
  exclusion.robots: 0.028
  exclusion.robots.policy: 0.016
  esindex: 0.012
  cdx.remote: 14.028
  LoadShardBlock: 305.082 (3)
  PetaboxLoader3.datanode: 102.238 (4)
  PetaboxLoader3.resolve: 392.473 (2)
  load_resource: 239.416
*/