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

.col_con{width:100%;height:auto;min-width:1200px;}
.colbg01{background:#f4f6f8;}
.pat90{padding-top:90px;}
.pab70{padding-bottom:70px;}
.colu_btn{padding:0 36px;line-height:50px; display:inline-block;background:#f5f5f5; text-align:center;color:#666666; border:1px solid #e6e6e6; border-radius:3px;font-size:16px;color:#666;margin-top:80px;}
.colu_btn2{padding:0 36px;line-height:50px; display:inline-block;background:#ff6960; text-align:center;color:#666666; border:1px solid #ff6960; border-radius:3px;font-size:16px;color:#fff;margin-top:80px;}
.colu_btn:hover{background:#ff6960;color:#fff; border:1px solid #ff6960;}

/*华清硬实力*/

.column-banner{width:100%;height:330px;min-width:1200px;    margin-top: 12px;}
.po-banner{background:url(../images/power-banner.jpg) center no-repeat;}
.power-title{padding-left:30px;padding-top:90px; font-size:42px;font-weight:bold;color:#fff; text-align:left}
.power-title b{color:#0fa2f6;}

.power_td{width:1200px;height:auto;margin:0 auto;margin-top:70px;}
.power_td li{width:370px;height:360px;float:left;margin:0 15px;transition: .8s;-webkit-transition: .8s}
.power_td li .power_icon_img{display:block; text-align:center;margin:25px 0 0 0}
.power_td li em{width:30px;height:3px;background:#f7bc07; display:block; margin:28px auto 28px}
.power_td li span{font-size:20px; color:#444; display:block; text-align:center;}
.power_td li p{color:#999;font-size:14px;line-height:24px; text-indent:2em;margin-top:18px;padding:0 23px;}
.power_td li:hover{ border-radius:18px;box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.1);transition: .8s;-webkit-transition: .8s }

.power_pro{width:1170px;height:auto;margin:0 auto; position:relative;margin-top:50px;box-shadow: 0 14px 22px rgba(0, 0, 0, 0.05); }
.power_product{width:1170px;height:470px; margin:0px auto 0;}
.power_pro_l{width:238px;height:470px; float:left;}
.power_pro_bg01{ background:url(../images/power_pro_bg01.jpg) no-repeat;border-radius:10px 0 0 10px;text-align:center; color:#fff;}
.power_pro_bg02{ background:url(../images/power_pro_bg02.jpg) no-repeat;border-radius:10px 0 0 10px;text-align:center; color:#fff;}
.power_pro_bg03{ background:url(../images/power_pro_bg03.jpg) no-repeat;border-radius:10px 0 0 10px;text-align:center; color:#fff;}
.power_pro_l .pro_title{margin-top:160px; display:block; font-size:22px;}
.power_pro_l em{width:30px;height:3px;background:#fff; display:block;margin:30px auto 25px;}
.power_pro_l p{font-size:14px;}

.power_pro_r{width:910px;height:auto;float:right;margin:40px 0 0 20px; }
.power_pro_r li{width:260px;height:184px;margin:0 0 30px 30px;float:left;background:#f4f6f8; position:relative;transition: .4s;-webkit-transition: .4s;}
.power_pro_r li span{width:260px;line-height:38px;background:rgba(255, 255, 255, 0.5);font-size:14px;color:#666; text-align:center;display:block;}
.power_pro_r li:hover{box-shadow: 0 14px 22px rgba(0, 0, 0, 0.05); transform: translateY(-6px); -webkit-transform: translateY(-6px);}


.power_prod{width:100%; height:auto; margin:0 auto; display:table;}
.power_prod li.power_prod_li{ float:left;width:100%;position:relative;cursor:pointer;overflow:hidden;background:#fff;border-radius:10px;}
.power_btn_f{ width:55px; height:36px; position:absolute; top:310px; left:60px; z-index:99; cursor:pointer;background:url(../images/power_icon04.png) 0px 0px no-repeat; }
.power_btn_g{ width:55px; height:36px; position:absolute; top:310px; left:115px; z-index:99; cursor:pointer; background:url(../images/power_icon04.png) -55px 0px no-repeat;}


/*真实实战*/

.power_sz{width:1200px;height:auto;margin:72px auto 0;}
.power_sz li{width:270px;height:auto;float:left;margin:0 15px;}
.power_sz li .power_img{width:270px;height:148px;margin-bottom:16px; position:relative; overflow:hidden;border-radius:10px;}
.power_sz li .power_img img{border-radius:10px;transition: .8s;-webkit-transition: .8s}
.power_sz li:hover .power_img img{border-radius:10px;transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s;}
.power_sz li span{font-size:16px; font-weight:bold;color:#333;}
.power_sz li:hover span{color:#ff6960}
.power_sz li p{font-size:12px;color:#999;margin-top:12px;}
.power_bo{width:270px;height:148px;border-radius:10px; background:rgba(0,0,0,0.35); position:absolute;left:0;top:148px;}
.power_bo img{margin:55px auto;display:block;}

.lingyu{width:1182px;height:240px; border-radius:10px;box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.1); margin:42px auto 0}
.lingyu h2{line-height:54px; background:#484e5f; border-radius:10px 10px 0 0 ;}
.lingyu h2 span{color:#fff;font-size:16px;padding-left:16px;}
.lingyu h2 a{float:right;font-size:14px;color:#fff;padding-right:16px;}
.lingyu ul{padding:28px 0px 28px 20px;}
.lingyu ul li{width:330px;height:34px;line-height:34px;float:left;margin-right:10px;color:#666; background:url(../images/power_bob.png) 6px no-repeat; padding-left:40px;margin-bottom:7px;}
.lingyu ul li:hover{background:url(../images/power_bo.png) 6px no-repeat #feedec; paddng-left:8px;}
.lingyu ul li span{width:60px;line-height:20px;background:#ea352a;color:#fff;display:block; text-align:center; border-radius:10px; float:right; margin-top:7px;margin-right:5px; display:none}

/*智能硬件讲解*/
.power_v{width:1200px;margin:0 auto;height:100%;overflow:hidden;}
.power_video{width:590px;height:420px; background:url(../images/video_bottom.png) bottom center no-repeat;margin-top:70px;}
.power_v_img{width:435px;height:267px; margin:0 auto; position:relative;transition: .4s;-webkit-transition: .4s;}
.power_v_img img{border-radius:13px;margin-top:27px;}
.power_v_img:hover{transform: translateY(-2px); -webkit-transform: translateY(-2px);transition: .4s;-webkit-transition: .4s;}
.power_v_img em{width:59px;height:59px; background:url(../images/power_bo3.png) no-repeat; display:inline-block; position:absolute;top:132px;left:187px;}
.power_video span{font-size:16px;color:#333;line-height:35px; text-align:center;display:block; padding-top:25px;}
.power_v_list{width:610px;height:auto;margin-top:124px;}
.power_v_list li{width:284px;height:76px; background:#fff;border:1px solid #cfdaff;margin:0 16px 26px 0; display:inline-block;transition: .4s;-webkit-transition: .4s;}
.power_v_list li a{display:block; text-align:center;width:100%;line-height:76px;color:#333;font-size:16px;transition: 0s;-webkit-transition: 0s; position:relative}
.power_v_list li:hover{box-shadow: 0 14px 22px rgba(0, 0, 0, 0.05);transform: translateY(-2px); -webkit-transform: translateY(-2px);transition: .4s;-webkit-transition: .4s;}
.power_v_list li:hover a{color:#4e7ee8; background:url(../images/power_bo4.png) 14px no-repeat; left:5px; }

.power_box{width: 1200px;height: 604px;position: relative;margin-top: 80px; margin-left: auto; margin-right: auto;}
.power_box .list{width: 1200px;height: 604px;overflow: hidden;position: absolute;left: 50%;margin-left: -600px;}
/*.power_box .btn{	position: absolute;top: 50%;margin-top: -76px;width: 63px;height: 63px;text-decoration: none;text-align: center; left:30px;cursor: pointer; background:url(../images/icon04.png) center no-repeat;   z-index:5;}
.power_box .next2{right: 30px; left:inherit;  background:url(../images/icon03.png) center no-repeat;}*/
.power_box .list li{position: absolute;top: 0;left: 0;list-style: none;opacity: 1;transition: all 0.3s ease-out; }
/*.list li img{width: 286px;height: 604px;border:none;float: left;}*/
.power_box .p1{	transform:translate3d(77px,0,0) scale(0.7);	opacity: 0.9;	z-index: 1;width: 286px; height: 604px;}
.power_box .p2{	transform:translate3d(246px,0,0) scale(0.8);	z-index: 2;	opacity: 0.9; width: 286px; height: 604px; }
.power_box .p3{	transform:translate3d(460px,0,0) scale(1);	z-index: 3;	opacity: 1; width: 286px; height: 604px; }
.power_box .p4{	transform:translate3d(646px,0,0) scale(0.8);	transform-origin:100% 50%;	opacity: 0.9;	z-index: 2;width: 286px; height: 604px;}
.power_box .p5{	transform:translate3d(800px,0,0) scale(0.7);	transform-origin:100% 50%;	opacity: 0.9;	z-index: 1;width: 286px; height: 604px;}


/*高薪就业*/
.power_sjs{width:1200px;height:100%; overflow:hidden;margin:70px auto 0; position:relative}
.power_sjs_title{font-size:18px;color:#666; display:block; text-align:center; background:url(../images/power_icon06.png) bottom center no-repeat; height:40px;}
.power_sjs_list{width:1200px;height:auto;margin-top:50px;}
.power_sjs_list li{width:360px;height:130px;float:left;margin:0 18px 20px; border-radius:8px;transition: .4s;-webkit-transition: .4s;}
.power_sjs_list li a{display:block; text-align:center; color:#fff;font-size:12px; width:360px;height:130px}
.power_sjs_list li div{margin-top:40px;margin-left:60px; width:146px; text-align:left;font-size:16px}
.power_sjsbg01{background:url(../images/power_sjs01.png)center no-repeat;}
.power_sjsbg02{background:url(../images/power_sjs02.png)center no-repeat;}
.power_sjsbg03{background:url(../images/power_sjs03.png)center no-repeat;}
.power_sjsbg04{background:url(../images/power_sjs04.png)center no-repeat;}
.power_sjsbg05{background:url(../images/power_sjs05.png)center no-repeat;}
.power_sjsbg06{background:url(../images/power_sjs06.png)center no-repeat;}
.power_sjs_list li:hover{transform: translateY(-2px); -webkit-transform: translateY(-2px);transition: .4s;-webkit-transition: .4s;}

.power_sch{width:1185px;height:auto; overflow:hidden;padding-top:42px; position:relative;padding-left:15px;}
.power_sch ul{float:left;}
.power_sch ul li{width:172px;height:172px; background:#fff; border-radius:10px;display:inline-block;margin:0 14px 0 10px; }
.power_sch ul li img{margin:30px auto 0; display:block;width:81px;height:81px;}
.power_sch ul li span{font-size:14px;color:#666; text-align:center;display:block; margin-top:16px;}
.power_btn_f2{ width:32px; height:32px; position:absolute; top:108px; left:0px; z-index:99; cursor:pointer;background:url(../images/power_icon07.png) no-repeat; }
.power_btn_g2{ width:32px; height:32px; position:absolute; top:108px; right:0px; z-index:99; cursor:pointer; background:url(../images/power_icon08.png) no-repeat;}
.power_rc{margin-top:56px;width:1200px;height:auto;}
.power_rc01{float:left;margin:40px 0 0 114px; width:306px;height:auto; }
.power_rc span{display:block; text-align:center;color:#666;font-size:14px; padding-top:8px;}
.power_rc02{float:right;margin:40px 120px 0 0; width:568px;height:auto; }


/*专利*/
.power_zl{width:100%; position:relative; overflow:hidden}

.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

@charset "utf-8";
/* lanrenzhijia.com */

#mbOverlay {
	position:fixed;
	z-index:9998;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	cursor:pointer;
}
#mbOverlay.mbOverlayFF {
	background:transparent url(80.png) repeat;
}
#mbOverlay.mbOverlayIE {
	position:absolute;
}
#mbCenter {
	height:557px;
	position:absolute;
	z-index:9999;
	left:50%;
	background-color:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);
	-webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70);
}

#mbImage {
	left:0;
	top:0;
	font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-align:left;
	background-position:center center;
	background-repeat:no-repeat;
	padding:10px;
}
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color:#ddd;
}
#mbImage a:hover, #mbImage a:active {
	color:#fff;
}
#mbBottom {
	min-height:20px;
	font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#999;
	text-align:left;
	padding:0 10px 10px;
}
#mbTitle {
	display:inline;
	color:#999;
	font-weight:bold;
	line-height:20px;
	font-size:12px;
}
#mbNumber {
	background:url(../images/mbNumber_bg.gif) no-repeat center;
	display:inline;
	color:#C00;
	line-height:26px;
	font-size:12px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: center;
	width:65px;
	height:26px;
}
#mbCaption {
	display:block;
	color:#999;
	line-height:14px;
	font-size:10px;
}
#mbPrevLink, #mbNextLink, #mbCloseLink {
	display:block;
	float:right;
	height:20px;
	margin:0;
	outline:none;
}
#mbPrevLink {
	width:120px;
	height:120px;
	background:transparent url(../images/l.png) no-repeat center;
	position: absolute;
	top:38%;
	left:-128px;
}
#mbPrevLink:hover{background:transparent url(../images/l_ch.png) no-repeat center;}
#mbNextLink {
	width:120px;
	height:120px;
	background:transparent url(../images/r.png) no-repeat center;
	position: absolute;
	top:38%;
	right:-128px;
}
#mbNextLink:hover{background:transparent url(../images/r_ch.png) no-repeat center;}
#mbCloseLink {
	width:56px;
	height:56px;
	background:url(../images/close.png) no-repeat center;
	position:absolute;
	top:10px;
	right:10px;
}
#mbCloseLink:hover{background:url(../images/close_ch.png) no-repeat center;}
#mbError {
	position:relative;
	font-family:Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-align:center;
	border:10px solid #700;
	padding:10px 10px 10px;
	margin:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color:#d00;
	font-weight:bold;
	text-decoration:underline;
}
.layout_default {
	float:left;
	margin-left:24px;
	}
.mod_gallerylist {
	width:100%;
	margin:0 auto;
	margin-top:50px;
}
.meta {
	font-size:12px;
	text-align:center;
}
.image_container img {
	background:#fff;
	padding:5px
}
.meta{
	color:#666;
	line-height:22px;
	height:45px;
	margin-top:15px;
	font-size:14px;
	text-decoration:none
}