﻿/* CSS Document */
body {font-family:"Microsoft Yahei", Arial, Tahoma,"Microsoft Yahei";margin:0;padding:0;font-size:12px;color:#000; background:#fff; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
header, section, footer, aside, nav, main, article, figure { display: block; }
/* Link */
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:none;-webkit-transition: .4s;}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.f_left{float:left;}
.f_right{float:right;}
.img{vertical-align:middle;}

.index-hold{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#fff; overflow:hidden;}
/*banner滚动大图*/
.banner{width:100%;height:650px; position:relative;}
.flexslider{margin:0px auto;position:relative;width:100%;height:650px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;}
.flexslider .slides{zoom:1; text-align:center;margin:0 auto}
/*.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);}*/
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:26px;right:0;text-align:center;}
.flex-control-nav li{margin:0 15px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -14px;display:block;height:13px;overflow:hidden;text-indent:-99em;width:40px;cursor:pointer;-webkit-transition: 0s;}
.flex-control-paging li a.flex-active{background-position:0 0;}
.img01{ background: url(../images/banner01.jpg) center no-repeat; width:100%; height:650px;}
.img02{ background: url(../images/banner02.jpg) center no-repeat; width:100%; height:650px;}
.img01-img{width:1200px;height:auto;margin:0 auto;padding-top:100px; position:relative;}

/*硬件*/
.div_center{ width:1200px; height:auto; margin:0 auto; position:relative; text-align:center; display:table;}
.hard-img{ position:absolute; top:0; right:-270px; z-index:1;}
.hard-workleft{ background:url(../images/hard01.jpg) center no-repeat; width:300px; height:438px; float:left; margin-top:74px;}
.hard-arctle{ width:245px; height:auto; margin: 0 auto; text-align:left; margin-top:180px;}
.hard-arctle b{ display:block; font-size:30px; color:#fff; border-bottom:1px #fff solid; padding-bottom:14px;}
.hard-arctle p{ font-size:16px; color:#fff; line-height:26px; margin-top:14px;}
.hard-workright{ width:830px; height:auto; text-align:left; margin-left:350px; margin-top:102px;}
.hard-workright span{ font-size:26px; color:#d56e49; display:block; margin-bottom:20px;}
.hard-workright p{ font-size:16px; color:#686868; line-height:30px;}
.hard-hui{width:100%; height:auto; margin:0 auto; background:#f1f0f0; overflow:hidden; margin-top:-102px;}
.hard-title{font-size:26px; color:#d56e49; display:block; text-align:right; margin-right:30px; margin-top:66px;}
.hard-chan{ width:1200px; height:auto; margin:0 auto; margin-top:54px; padding-bottom:110px; display:table;}
.hard-chan li{ float:left; text-align:left; margin:0 32px; box-shadow:0 0 21px rgba(14,5,10,0.07);-webkit-transition:.8s;}
.hard-tu{ width:335px; height:204px; background:#fff; position:relative;}
.hard-tu span{ font-size:16px; color:#333; display:inline-block; text-align:left; line-height:22px; margin-left:20px; margin-top:50px;}
.hard-tu a{ font-size:12px; color:#c33e16; border:1px #c33e16 solid; width:74px; height:22px; line-height:22px; display:block; text-align:center; margin-left:20px; margin-top:10px;-webkit-transition:.8s;}
.im03{ position:absolute; top:55px; left:106px; z-index:1;-webkit-transition:.8s;}
.im04{ position:absolute; top:26px; left:125px; z-index:1;-webkit-transition:.8s;}
.im05{ position:absolute; top:74px; left:106px; z-index:1;-webkit-transition:.8s;}
.hard-chan li:hover img{ margin-top:-20px; -webkit-transition:.8s;}
.hard-chan li:hover .hard-tu a{ background:#c33e16; color:#fff;-webkit-transition:.8s;}
.hard-hei{ background:url(../images/hard05.jpg) center no-repeat; height:280px; width:100%; text-align:center; line-height:384px;}

/*深度合作*/
.deep-title{ font-size:28px; color:#333; float:left; text-align:left; margin-top:50px;}
.deep-title img{ margin-left:100px; position:relative; top:5px;}
.deep-img{ background:url(../images/deep02.jpg) center no-repeat; width:499px; height:496px; position:relative; margin-top:52px; margin-left:66px; float:left; z-index:1;}
.deep-img span{ display: inline-block; font-size:14px; color:#fff; background:rgba(0,0,0,0.68); height:24px; line-height:24px; padding: 0 12px; position:absolute; bottom:18px; left:-37px; z-index:4;}
.deep-img02{ background:url(../images/deep03.jpg) center no-repeat; width:289px; height:256px; margin-top:242px; float:left; margin-left:4px; position:relative;}
.deep-img03{ background:url(../images/deep04.jpg) center no-repeat; width:287px; height:409px; margin-top:36px; margin-left:4px; float:left; position:relative; z-index:1;}
.deep-img02 span{ display: inline-block; font-size:14px; color:#fff; background:rgba(0,0,0,0.68); height:24px; line-height:24px; padding: 0 12px; position:absolute; bottom:18px; left:4px; z-index:4;}
.deep-img03 span{ display: inline-block; font-size:14px; color:#fff; background:rgba(0,0,0,0.68); height:24px; line-height:24px; padding: 0 12px; position:absolute; top:18px; right:-22px; z-index:4;}
.im06{ position:absolute; left:0; top:620px;}
.im07{ position:absolute; top:150px; right:0px;}
.deep-cheng{ position:absolute; left:550px; top:130px; z-index:10; background:url(../images/deep07.png) center no-repeat; height:254px; width:332px; text-align:left;}
.deep-cheng span{ font-size:24px; color:#fff; line-height:35px; display: inline-block; border: 1px #fff solid;height: 72px; margin: 30px 24px; width: 264px; text-align: left; padding: 10px 9px;}
.deep-link{ font-size:24px; color:#fd8456 !important; border:1px #fd8456 solid; display:block; width:286px; height:52px; margin:0 auto; line-height:52px; margin-top:106px; margin-bottom:86px;-webkit-transition:.8s;}
.deep-link:hover{ background:#fd8456; color:#fff !important;-webkit-transition:.8s;}

/*核心优势*/
.core-hold{ width:100%; background:url(../images/deep08.jpg) center no-repeat; height:781px;}
.core-title{ font-size:35px; color:#fff; text-align:left; margin-top:82px;}
.core-title b{ font-size:46px; display:block;}
.core-title span{ color:#3f87f7;}
.core-left{ float:left; width:354px; height:auto; margin-top:110px; margin-left:35px;}
.core-left p{ font-size:24px; color:#fff; margin-bottom:30px;}
.core-left span{ color:#4e8bd5;}
.core-star{ width:101px; height:414px; background:url(../images/core01.png) center no-repeat; float:left;padding: 26px 0; margin-left:44px; margin-top:26px;}
.core-star li{ width:74px; height:auto; border-radius:50%; background:#f8f8f8; font-size:16px; color:#333; line-height:20px; margin:20px auto; padding:17px 0;}
.core-star li.hover{ background:#4c92fe; border:3px #fff solid; font-size:20px; line-height:22px; color:#fff; width:93px; padding:24px 0;}
.core-right{ width:497px; height:auto; float:left; margin-left:40px; text-align:left; margin-top:160px;}
.core-right li{ float:left;}
.core-right li span{ background:url(../images/u210.png) center no-repeat; width:178px; height:63px; line-height:63px; font-size:30px; color:#fff; display:inline-block; text-align:center; margin-bottom:36px;}
.core-right li p{ font-size:18px; color:#fff; line-height:34px;}
.core-ying{ float:none; position:absolute; right:0; top:-180px; z-index:1; background:url(../images/core02.jpg) center no-repeat; height:443px; margin-top:0;}
.core-tu{ background:url(../images/core03.jpg) center no-repeat; width:100%; height:280px;}
.core-tu a{ font-size:24px; color:#3698f4; border:1px #3698f4 solid; width:395px; height:52px; line-height:52px; margin:0 auto; margin-top:176px; display:block; -webkit-transition:.8s;}
.core-tu a:hover{ background:#3698f4; color:#fff; -webkit-transition:.8s;}

/*项目*/
.prodem-title{ font-size:28px; color:#333; background:url(../images/core05.png) center no-repeat; width: 662px; margin: 0 auto; line-height: 40px; padding-bottom: 38px; text-align: left; padding-left: 52px;  padding-top: 24px; margin-top:60px;}
.prodem-title span{ display:block;margin-left: 334px;}
.proden-work{ background:url(../images/core06.jpg) center no-repeat; height:467px; margin-top:0;}
.prodem-ul{float:left; margin-left:36px;}
.prodem-ul li{ float:left; width:230px; height:283px; position:relative; background:url(../images/core07.jpg) center no-repeat; margin:40px 27px;}
.prodem-ul li p{ font-size:18px; color:#21aa6e; text-align:left; margin-left:30px; line-height:24px; margin-top:26px;}
.prodem-ul li span{ display:block; color:#666;}
.prodem-ul li img{ margin-left:50px; margin-top:10px;-webkit-transition:.8s;}
.proden-work .hard-arctle b span{ color:#feec23;}
.proden-work .hard-arctle{ margin-top:200px;}
.prodem-ul li:hover img{ margin-top:-12px; -webkit-transition:.8s;}

/*更多视频*/
.video-hold{ width:100%;}
.video-hold .hard-title{ color:#333; font-size:32px; margin-top:40px; margin-right:0;}
.qq{margin-top: 27px;!important;}
.video-list{ width:100%; height:auto; margin:0 auto; margin-top:34px; display:table;}
.video-list li{ float:left; width:382px; height:auto;-webkit-transition:.4s; margin-right:26px; margin-bottom:26px; position:relative;}
.video-img{ width:382px; height:204px; overflow:hidden; position:relative;}
.video-im01{ position:absolute; left:14px; bottom:12px; z-index:1;}
.video-list li:hover .video-img .video-im02{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.video-img .video-im02{-webkit-transition: .8s;}
.video-list li p{ font-size:16px; color:#333;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.video-list li span{ font-size:14px; color:#999; display:block; margin-top:6px;}
.video-down{ width:382px;background:#fff;padding: 24px 0px;}
.video-list li:hover{ box-shadow:0 0 23px rgba(32,34,30,0.18); margin-top:-8px; -webkit-transition:.4s;}
.video-none{ margin-right:0 !important;}
.video-link{ font-size:24px; color:#21aa6e !important; border:1px #21aa6e solid; width:278px; height:54px; margin:0 auto; display:block; margin-top:34px; margin-bottom:54px; line-height:54px;-webkit-transition:.8s;}
.video-link:hover{ background:#21aa6e; color:#fff !important;-webkit-transition:.8s;}
.video-mu{ margin-top:0;}

/*学员*/
.stu-hold-li{ width:100%; background:url(../images/video03.jpg) center no-repeat; height:1161px;}
.stu-title{ font-size:40px; color:#fff; padding-top:74px;}
.stu-title span{ font-size:18px; color:#c6c6c6; display:block; margin-top:6px;}
.stu-hold{ width:1119px; height:614px; margin:0 auto;  box-shadow:0 4px 4px rgba(14,5,10,0.75); background:rgba(250,250,250,0.19); border-radius:40px;overflow: hidden;margin-top: 42px;}
.stu-white{ width:1086px; height:575px; background:#f6f6f6;box-shadow:0 4px 4px rgba(14,5,10,0.51); margin:0 auto;border-radius:40px; margin-top:15px; overflow:hidden;}
.stu_gaoxin_list{width:1045px;height:48px; margin:0 auto;line-height:48px;background:#4c92fe; border-radius:30px; position:relative; top:20px;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td{color:#fff; text-align:center;font-size:18px;display: inline-block; height:48px; line-height:48px; width:83px;}
.w03{ width:200px !important;}
.w04{ width:297px !important;}
.w06{ width:136px !important;}
.ww06{ width:146px !important;}
.ww04{ margin-left:50px;}

.stu_work2{width:1045px;height:456px; margin:0 auto; overflow: hidden; position: relative; top: 20px;}
.stu_list li{background:#fafafa;line-height:43px;height: 43px; width:1043px; margin:0 auto;border-radius:30px; margin-top:13px; -webkit-transition:.8s; box-shadow:0 0 8px rgba(14,4,10,0.1); overflow:hidden;}
.stu_list li:hover{ background:#fbec71; -webkit-transition:.8s;}
.stu_list li p{width:83px;color:#343434;font-size:14px; text-align:center; float:left;}

.emplo_c{ width:100%; height:auto; margin:57px auto; position:relative;}
.emplo_d{ width:100%; height:auto; margin:0 auto; display:table;}
.emplo_d li{ float:left;width:309px; height:105px; margin:0 30px;}
.emplo_e{ width:309px; height:105px; overflow:hidden;}
.emplo_f{ width:29px; height:29px; position:absolute; top:34px; left:12px; z-index:99; cursor:pointer;}
.emplo_g{ width:29px; height:29px; position:absolute; top:34px; right:12px; z-index:99; cursor:pointer;}
.emplo_h{width:1108px; height:auto; margin:0 auto;}
.video-stu{ font-size:24px; color:#fff !important; border:1px #fff solid; width:212px; height:52px; line-height:52px; display:block; margin:0 auto;-webkit-transition:.8s; margin-top: 70px;}
.video-stu:hover{ background:#fff; color:#333  !important; -webkit-transition:.8s;}

/*大纲*/
.outline-hold{ width:100%; background:url(../images/video06.jpg) center no-repeat; height:1183px;}
.outline-hold .stu-title{ color:#333;}
.outline-hold .stu-title span{ color:#888;}
.outline-01{ background:url(../images/out01.png) center no-repeat; width:488px; height:316px; float:left; margin-left:92px; margin-top:48px;box-shadow:0 0 23px rgba(32,34,30,0.18); border-radius:18px;}
.outline-title{ width:358px; height:auto; border-bottom:1px #fa9058 solid; margin:0 auto; padding-top:32px; padding-bottom:14px; margin-bottom:24px;}
.outline-title span{ font-size:18px; color:#fc6f57; font-weight:bold; width:32px; height:32px; border-radius:50%; background:#fff; line-height:32px; display:inline-block; margin-right:6px;}
.outline-title b{ font-size:24px; color:#fff;}
.outline-down{ width:100%; height:auto; margin:0 auto; text-align:left;}
.outline-down span{ font-size:16px; color:#fff; display:inline-block; width:155px; margin-left:20px; line-height:28px;}
.outline-down p{ font-size:14px; color:#fff; border:1px #fff solid; line-height:28px; height:28px;display: inline-block;  padding: 0 18px;  border-radius: 30px; margin-bottom:16px; margin-right:18px;}
.mar01{ margin-left:45px !important;}
.mar02{ margin-top:24px;}
.outline-02{ background:url(../images/out02.png) center no-repeat; margin-top:114px; margin-left:0; float:right; margin-right:94px;}
.outline02{ border-bottom:1px #87a5f2 solid;}
.outline-02 .outline-down span{ width:auto;}
.outline-02 .outline-title span{ color:#4e76e3;}
.outline-03{ background:url(../images/out03.png) center no-repeat; height:350px; margin-top:40px;}
.outline-03 .outline-title span{ color:#06bf9e;}
.outline03{ border-bottom:1px #37ebb8 solid;}
.mar03{ margin-left: -19px !important; width: 94px !important;}
.outline04{border-bottom:1px #c1d3f2 solid;}
.outline-04{ background:url(../images/out04.png) center no-repeat; margin-top:44px; margin-left:0; float:right; margin-right:94px;}
.outline-04 .outline-down span{ width:188px;}
.outline-04 .mar04{ width:auto !important;}
.outline-link{ font-size:24px; color:#232d3c; line-height:52px; height:52px; border:1px #232d3c solid; width:298px; margin:0 auto; -webkit-transition:.8s; display:block; margin-top:90px;}
.outline-link:hover{ background:#232d3c; color:#fff; -webkit-transition:.8s;}

/*名师*/
.teahold{ width:100%; background:url(../images/tea01.jpg) center no-repeat; height:1066px;}
.tea-back{ position:absolute; top:216px; left:60px; z-index:1;}
.stu-bai span{ color:#fff;}
.tea-ul{ width:1200px; height:690px; position:relative;}
.tea-ul li{ float:left;}
.tea-cher{ width:128px; height:128px; overflow:hidden; position:relative;}
.tea-zhe{ width:100%; height:100%; background: rgba(183,184,180,0.4); position:absolute; top:0; left:0; z-index:1; border-radius:50%;}
.tea-hui{ width:127px; height:auto; position:absolute;left:266px; top:84px; z-index:22;}
.tea-hui p{ font-size:18px; color:#fff; margin-top:12px;}
.tea-hui p span{ font-size:14px; color:#16d7b5; display:block;}
.tea-hui02{left:84px;top:174px;}
.tea-hui03{left:0px;top:348px;}
.tea-hui04{left:230px;top:294px;}
.tea-hui05{left:126px;top:494px;}
.tea-hui06{left:306px;top:460px;}
.tea-hui07{left:auto;top:72px; right:160px;}
.tea-hui08{left:auto;top:190px; right:0;}
.tea-hui09{left:auto;top:224px; right:246px;}
.tea-hui10{left:auto;top:370px; right:70px;}
.tea-hui11{left:auto;top:427px; right:270px;}
.tea-big{ width:338px; height:auto; position:absolute; top:294px; left:430px; z-index:99;}
.tea-big li{ width:338px; height:auto;}
.tea-tu{ width:338px; height:335px; overflow:hidden; position:relative;}
.tea-tu-art{ width:338px; height:336px; border-radius:50%; background:rgba(16,76,87,0.88); position:absolute; top:0; left:0; z-index:11;}
.tea-tu-art p{ font-size:18px; color:#fffffe; line-height:26px; width:286px; margin:0 auto; margin-top:38%;}
.tea-size{ font-size:38px; color:#fff; margin-top:38px;}
.tea-size span{ font-size:30px; color:#16d7b5; display:block;}
.tea-ul li.hover .tea-zhe{ display:none;}
.tea-link{ font-size:24px; color:#16d7b5 !important; border:1px #16d7b5 solid; height:52px; line-height:52px; width:232px; display:block; margin:0 auto; margin-top:70px;}
.tea-link:hover{ background:#16d7b5; color:#fff !important;}

/*保障*/
.safeguard{ background:url(../images/tea05.jpg) center no-repeat; width:100%; height:310px;}
.safeguard-hold{ width:100%; height:auto; margin-top:60px;}
.safeguard-hold li{ width:223px; height:195px; background:#fff; box-shadow:0 0 23px rgba(32,34,30,0.18); border-radius:16px; float:left;margin-right: 20px;}
.safeguard-hold span{ font-size:18px; color:#8c36c4; display:block; padding-top:30px; margin-bottom:16px;}
.safeguard-hold p{ font-size:14px; color:#333; line-height:26px; width:187px; margin:0 auto; text-align:left;}

/*嵌入式*/
.safeguard-qian{ width:100%; background:url(../images/saf01.jpg) center no-repeat; height:870px;}
.safeguard-qian .stu-title{ color:#333333; padding-top:194px;}
.safeguard-video{ background:url(../images/saf02.png) center no-repeat; width:717px; height:477px; overflow:hidden; margin:0 auto; margin-top:54px;}
.safdes-video{ width:660px; height:358px; margin:0 auto; margin-top:90px;}

/*合伙*/
.partnership{ background:url(../images/saf04.jpg) center no-repeat; height:788px; width:100%;}
.partnership .stu-bai b{ font-weight:normal; color:#50a2fd;}
.partnership .stu-title{ padding-top:94px;}
.partnership-title{ width:100%; height:auto; margin:0 auto;}
.partnership-title li{ width:153px; height:153px; float:left; background:rgba(255,255,255,0.23); border-radius:50%;margin: 0 23px; margin-top:110px;}
.partnership01{ background:url(../images/par01.png) center no-repeat; width:139px; height:139px; overflow:hidden; border-radius:50%; margin:7px auto;}
.partnership01 span{ font-size:16px; color:#fff; line-height:28px; margin:41px 0; display:block; text-shadow:0 4px 4px rgba(14,5,10,0.26);}
.partnership01 span b{ font-size:20px; display:block;}
.partnership02{ background:url(../images/par02.png) center no-repeat;}
.partnership03{ background:url(../images/par03.png) center no-repeat;}
.partnership-img{ width:1200px; height:auto; margin:0 auto; margin-top:90px;}
.partnership-img img{ margin-right:16px;}

/*华清*/
.partnership-hua{ width:100%; background:url(../images/par11.jpg) center no-repeat; height:270px;}
.partnership-wen{ font-size:36px; color:#fff; padding-top:100px; display:inline-block; margin-left:6px; float:left;}
.partnership-link{ font-size:18px; color:#fff !important; width:229px; height:42px; background:#e95379; display:inline-block; float:right; border-radius:30px; margin-top:102px; margin-right:94px; line-height:42px; -webkit-transition:.8s;}
.partnership-link:hover{ border:1px #e95379 solid; color:#e95379 !important; background:none; -webkit-transition:.8s;}


#nav1 li{left: 130px;width:150px;line-height:42px;float:left;position:relative }
#nav1 li a{width:150px;font-size:15px; text-align:center;display:block;color:#fff;border-left: 1px solid #00386a;}
#nav1 li a:hover{background:#8f181c;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;text-decoration:none;}
