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

.q-banner{ width:100%; height:640px; min-width:1200px;}

.q-why{ width:100%; height:auto; margin:0 auto; min-width:1200px; background:#f5f8fa;}
.why-title{width: 100%; height: auto;  margin: 0 auto; padding-top: 72px;}
.why-title span {  font-size: 32px; color: #333; font-weight: bold; display: inline-block;}
.why-title i { display: block; margin-top: 14px;font-size: 16px; color: #999;}
.why-ul{ width:100%; height:auto; margin:0 auto; display:table; margin-top:140px; margin-bottom:58px;}
.why-ul li{ float:left; width:270px; height:326px; background:#fff; box-shadow: 0 6px 20px rgba(4,0,0,0.08); margin-right:40px;}
.why-ul li img{ margin-top:-84px; display:block; margin-left:76px;}
.why-ul li span{ font-size:24px; color:#666; font-weight:bold; display:block; margin-bottom:24px; margin-top:24px;}
.why-ul li p{ font-size:14px; color:#999; line-height:24px; width:216px; margin:0 auto; text-align:left;}
.why-no{ margin-right:0 !important}

.why-sp{ font-size:18px; color:#2d9bf2; border:1px #2d9bf2 solid; border-radius:30px; padding: 0 29px; height:58px; line-height:58px; display: inline-block; margin:0 auto;}
.why-bule{ width:100%; height:auto; margin:0 auto; display:table; margin-top:60px; padding-bottom:80px;}
.why-bule li{ float:left; width:238px; height:144px; border:1px #f5f8fa solid; background:#fff; -webkit-transition:.8s;}
.why-img{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why05.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li span{ font-size:14px; color:#666; -webkit-transition:.8s;}
.why-bule li:hover{ background:#2d9bf2; -webkit-transition:.8s;}
.why-bule li:hover .why-img{ background:url(../images/why06.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover span{ color:#fff; -webkit-transition:.8s;}
.why-img02{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why07.png) bottom no-repeat; -webkit-transition:.8s;}
.why-img03{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why09.png) bottom no-repeat; -webkit-transition:.8s;}
.why-img04{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why11.png) bottom no-repeat; -webkit-transition:.8s;}
.why-img05{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why13.png) bottom no-repeat; -webkit-transition:.8s;}
.why-img06{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why15.png) bottom no-repeat; -webkit-transition:.8s;}
.why-img07{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why17.png) bottom no-repeat; -webkit-transition:.8s;}
.why-img08{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why19.png) bottom no-repeat; -webkit-transition:.8s;}
.why-img09{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why21.png) bottom no-repeat; -webkit-transition:.8s;}
.why-img10{ width:100%; height:57px; padding-top:24px; margin-bottom:20px; background: url(../images/why23.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img02{ background:url(../images/why08.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img03{ background:url(../images/why10.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img04{ background:url(../images/why12.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img05{ background:url(../images/why14.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img06{ background:url(../images/why16.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img07{ background:url(../images/why18.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img08{ background:url(../images/why20.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img09{ background:url(../images/why22.png) bottom no-repeat; -webkit-transition:.8s;}
.why-bule li:hover .why-img10{ background:url(../images/why24.png) bottom no-repeat; -webkit-transition:.8s;}

.application{ width:100%; background:url(../images/q-back.jpg) top no-repeat #fff; height:auto; min-width:1200px;}
.applic-title span,.applic-title i{ color:#fff;}
.applic-sp{ color:#fff; border:1px #fff solid; margin: 58px auto;}
.applic-top{ width:1200px; height:501px; background:#fff; box-shadow:0 8px 20px rgba(4,0,0,0.05); border-radius:10px; margin:0 auto; margin-bottom:60px;}
.applic-ul{ width:1151px; height:auto; margin:0 auto; display:table;}
.applic-ul li{ float:left; width:220px; height:190px; position:relative; margin:0 5px; margin-top:40px;}
.applic-img{ width:220px; height:150px; border-radius:6px; position:relative;}
.applic-img em{ color:#fff; font-size:12px; width:60px; height:24px; line-height:24px; background:#2d9bf2; border-radius:0 4px 4px 0; position:absolute; top:10px; left:0; z-index:2; display:inline-block;}
.applic-ul li span{ font-size:14px; color:#666; display:block; margin-top:20px;}
.applic-no{ width:220px; height:190px; background:#fff; border-radius:4px; box-shadow:0 5px 24px rgba(4,0,0,0.05); position:absolute; top:0; left:0; z-index:4; display:none;}
.applic-no em{ font-size:14px; color:#666; display:block; padding-top:46px; margin-bottom:14px;}
.applic-no p{ font-size:12px; color:#999; width:178px; margin:0 auto; line-height:24px; text-align:left;}

.applic-video{ width:560px; height:310px; overflow:hidden; display:inline-block; position:relative; margin:0 18px; margin-top:42px; margin-bottom:80px;}
.applic-niu{ width:61px; height:61px; border-radius:50%; position:absolute; top:126px; left:250px; z-index:2;}

.study{ width:100%; background:url(../images/app14.jpg) center no-repeat; height:747px; min-width:1200px;}
.study-left{ float:left; width:340px; height:470px; background:#202124; margin-right:4px; border-radius:4px; position:relative; margin-top:46px;}
.study-left em{ display:block; font-size:24px; color:#fff; font-weight:bold; width:100%; height:70px; background:#333; line-height:70px; border-radius:4px 4px 0 0;}
.study-left span{ font-size:18px; color:#fff; font-weight:bold; display:block; padding-top:38px;}
.study-left span i{ display:block; width:26px; height:3px; border-radius:10px; background:#555; margin:0 auto; margin-top:18px;}
.study-left p{ font-size:14px; line-height:30px; width:260px; color:#999; margin:0 auto; text-align:left; margin-top:26px;}
.study-left img{ position:absolute; right:40px; bottom:36px; z-index:2;}
.study02{ width:360px;}
.study02 p{ width:281px;}
.study03{ width:490px; background:#2f3134; margin-right:0;}
.study03 em,.study03 span i{ background:#2d9bf2;}
.study03 p{ width:410px;}

.history{ width:100%; height:846px; min-width:1200px; background: url(../images/q-back02.jpg) center no-repeat;}
.history-top{ width:100%; height:auto; margin:0 auto; display:table; margin-top:64px;}
.history-top li{ width:90px; height:36px; border-radius:2px; font-size:14px; color:#666; background:#ebeff6; margin-right:2px; line-height:36px; -webkit-transition:.8s; cursor:pointer; float:left;}
.history-top li.hover{ color:#fff; height:42px; line-height:42px; -webkit-transition:.8s; background:#2d9bf2; margin-top: -6px;}
.history-bottom{ width:100%; height:394px; margin:0 auto; background:#fff; box-shadow:0 7px 20px rgba(0,0,0,0.06);}
.history-bottom li{ width:100%; height:auto; display:table;}
.history-left{ float:left; margin-left:70px;}
.history-zuo{ width:250px; height:295px; position:relative; box-shadow:0 6px 15px rgba(4,0,0,0.08); margin-right:50px; float:left; margin-top:38px;}
.his01{ position:absolute; top:-4px; z-index:2; left:-4px;}
.history-zuo p{ position:absolute; bottom:20px; left:0; z-index:2; width:100%;font-size:14px; color:#888;}
.history-right{ float:left; width:440px; height:auto; margin-top:30px;}
.history-right em{ float:left; color:#fff; font-size:14px; width:68px; height:20px; line-height:20px; border-radius:2px; background:#2d9bf2; margin-right:12px; margin-top:5px; text-align:center;}
.history-right p{ font-size:12px; line-height:28px; text-align:left; color:#888;}
.his02{ margin-bottom:24px;}
.his03{ margin-bottom:80px;}
.his04{ margin-bottom:50px;}
.grasp-link-s{font-size: 16px; color: #666; height: 50px;  line-height: 50px;  background: #f5f5f5;   border-radius: 4px;  display: inline-block;  border: 1px #e6e6e6 solid;  margin-top: 72px;  margin-bottom: 68px;  -webkit-transition: .8s; padding: 0 35px;}
.grasp-link-s:hover{color:#fff; background:#2d9bf2;}

.course-cent { width: 100%; height: 3592px;  margin: 0 auto;  border-left: 2px #e3e8f1 dashed; margin-left: 12px; padding-bottom: 1px; margin-top: 80px; margin-bottom:80px;}
.cf-img{ display:block; text-align:left; position:absolute; top:-80px; left:2px; z-index:4;}
.course-cli { width: 100%; height: auto; margin-bottom: 52px;}
.couse-c-title{ width:100%; height:auto; display:table; margin-left:-14px; margin-top:-2px; margin-bottom:30px;}
.couse-c-title i{ float:left; border:3px #2d9bf2 solid; border-radius:100%; background:#fff; margin-right:26px; width:18px; height:18px;}
.couse-c-title em{ float:left; font-size:16px; color:#fff; background:#2d9bf2; border-radius:4px; padding:0 16px; height:24px; line-height:24px; margin-right:22px;}
.couse-c-title b{ float: left; font-size:18px; color:#2d9bf2;}
.course-white{ width:1154px; height:auto; margin-left: 45px; box-shadow:0 5px 16px rgba(0,0,0,0.15); background:#fff; border-radius:10px; padding-top:22px; padding-bottom:42px;}

.incoming{ width:346px; height:200px; background:#f5f8fa; border-radius:4px; position:relative; text-align:left; float:left; margin: 0 8px; margin-top:18px; -webkit-transition:.8s;}
.incoming span{ font-size:16px; color:#333; font-weight:bold; display:block; padding-top:36px; margin-bottom:20px; margin-left:30px;}
.incoming p,.incoming-x p{ font-size:12px; color:#666; line-height:26px; margin-left:30px;}
.incoming em{ font-size:40px; color:#eee; position:absolute; top:30px; right:30px; z-index:2;}
.incoming-no{width:346px; height:auto; background:#fff; border-radius:4px; position:absolute; top:0; left:0; z-index:3; box-shadow:0 1px 20px rgba(0,0,0,0.1); padding-bottom:30px; display:none;}
.inc-mar{ margin-left:40px;}
.incoming i{ font-size:16px; color:#333; font-weight:bold; position:absolute; top:36px; right:25px; z-index:2;}
.incoming-x{background:#f5f8fa; border-radius:4px; position:relative;  text-align:left; float:left; margin: 0 8px; margin-top:18px; width:274px; height:170px; margin-left:40px;  -webkit-transition:.8s;}
.incoming-x img{ position:absolute; right:0; top:0; z-index:2;}
.incoming-m{ margin-left:8px; width:464px; height:170px;}
.incoming-m p{ float:left; padding-right:22px;}
.incoming-x span{ font-size:16px; color:#333; font-weight:bold; display:block; padding-top:26px; margin-bottom:20px; margin-left:30px;}
.incoming-d{ width:300px; height:170px; background:#ff6f5c; border-radius:4px; position:relative; text-align:left; float:left; margin: 0 8px; margin-top:18px;}
.incoming-d span{ font-size:16px; color:#fff; font-weight:bold; display:block; padding-top:26px; margin-bottom:20px; margin-left:30px;}
.incoming-d p{ font-size:12px; color:#fff; line-height:26px; margin-left:30px;}
.incom-top{ width:460px; height:200px;}
.incom-top .incoming-no{width:460px;}
.incom-top p,.incom-top02 p{ float:left; padding-right:40px;}
.incom-top02{ width:596px; height:200px;}
.incom-add{ height:220px;}
.incom-add02{ height:220px; background:#42d1cb;}
.incoming:hover,.incoming-x:hover{background:#fff; box-shadow:0 1px 20px rgba(0,0,0,0.1); -webkit-transition:.8s;}
.incom-add03{ height:250px;}
.incom-add04{ height:250px; background:#f0c042;}
.incom-add03 p{ padding-right:18px;}

.engaged{ width:100%; background:url(../images/q-back03.jpg) center no-repeat; height:1438px; min-width:1200px;}
.engaged-hold{ width:1120px; height:1148px; background:#2d2e31; margin:0 auto; margin-top:56px; border-radius:10px; overflow: hidden;}
.engaged-title{ width:100%; height:60px; background:#1b1d1f; border-radius:10px 10px 0 0;}
.engaged-title b{ font-size:24px; color:#fff; float:left; line-height:60px; border-right:1px #353639 solid;}
.enga01{ width:265px;}
.enga02{ width:262px;}
.enga03{ width:252px;}
.enga04{ width:338px; border-right:none !important;}
.engaged-table{ width:100%; height:auto; margin:0 auto;}
.engaged-table tr{ height:218px;}
.engaged-table td{border-right:1px #1b1d1f solid;  border-bottom:1px #1b1d1f solid;}
.enga-sp{ font-size:18px; color:#fff; display:block; margin-top:16px; margin-bottom:8px;}
.enga-em{ font-size:14px; color:#fff; display:inline-block; margin-right:18px;}
.enga-i{ font-size:16px; color:#ff5950; font-weight:bold;}
.enga-p{ font-size:14px; color:#fff; line-height:30px; width:142px; margin:0 auto; text-align:left;}
.enga-p b{ color:#ff5950;}
.enga-p02{ font-size:14px; color:#fff; width:146px; margin:0 auto; text-align:left; line-height:30px;}
.enga-mor{ width:242px; margin:0 auto; text-align:left}
.enga-mor em{ font-size:12px; color:#999; height:24px; line-height:24px; background:#202225; display:inline-block; padding:0 14px; margin-bottom:10px; border-radius:30px; text-align:center; margin-right:6px;}

.why-stu{ width:100%; height:auto; margin:0 auto; padding-top:80px;}
.why-stu li{ width:1100px; height:360px; margin: 0 auto; background:#fff; border-radius:10px;}
.why-left{ width:620px; height:360px; float:left; border-radius:10px 0 0 10px; position:relative;}
.why-bo { position:absolute; top:150px; left:280px; z-index:2; cursor:pointer;}
.why-right{ width:480px; height:auto; float:left;}
.why-right b{ font-size:28px; color:#333; display:block; padding-top:46px; margin-bottom:14px;}
.why-right em{ font-size:16px; color:#999;}
.why-art{ width:100%; height:80px; line-height:80px; background:#f5f8fa; margin-top:28px; margin-bottom:32px;}
.why-art i{ font-size:18px; color:#666; display:inline-block; margin-left:20px;}
.why-art img{ position:relative; top:10px;}
.why-right span{ font-size:24px; color:#fff; display:block; font-weight:bold; width:390px; height:60px; line-height:60px; border-radius:6px; background:#ff6f5c; margin:0 auto;}
.why-note{ width:1142px; height:auto; margin:0 auto; display:table; margin-top:42px;}
.why-note li { float:left; width:200px; height:115px; border-radius:6px; overflow:hidden; position:relative; margin:0 14px; cursor:pointer;}
.why-note li img{ width:100%;}
.why-find{ width:100%; height:100%; background:rgba(255,111,92,0.9); position:absolute; top:0; left:0; z-index:2; display:none;}
.why-find p{ font-size:16px; color:#fff; line-height:24px; padding-top:36px;}
.why-find b{ display:block;}
.why-note li.hover .why-find{ display:list-item;}


.stu-hold{ width:1100px; height:575px; margin:0 auto;overflow: hidden;margin-top: 42px; border-radius:8px; box-shadow:0 10px 25px rgba(0,0,0,0.06);}
.stu-white{ width:1100px; height:575px; background:#fff; overflow:hidden; border-radius:0 0 8px 8px;}
/*.stu_gaoxin_list{width:1132px;height:64px; margin:0 auto;line-height:64px;background:#f8f130;position:relative;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td{color:#212433; text-align:center;font-size:22px;display: inline-block; height:64px; line-height:64px; width:170px;}
.w03{ width:200px !important;}
.w04{ width:297px !important;}
.w06{ width:136px !important;}
.ww06{ width:146px !important;}
.w02{width:156px !important;}*/
.stu_gaoxin_list{width:1100px;height:70px; margin:0 auto;line-height:70px;background: url(../images/q-w07.jpg) center no-repeat; border-radius:8px 8px 0 0;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td{color:#fff; text-align:center;font-size:18px; font-weight:bold;}
.bd{ background:#f15a5a; position:relative; color:#fff !important;}
.bd span{ position:absolute; height:4px; top: -4px;right: 0px; z-index: 99;display: inline-block; background:#f15a5a; width:70px;}
.db{background:#232937; position:relative;color:#fff !important;width:10%;margin-left:1px;box-shadow: 0 10px 20px rgba(0,0,0,0.4);}
#stu_work2{width:1050px;height:512px; margin:0 auto; overflow:hidden;-webkit-transition: .8s}
.stu_list li{line-height:45px;height:45px; border-bottom: 1px #e6e6e5 solid;}
.stu_list li p{width:185px;color:#666;font-size:16px; text-align:center;float:left;}
.stu_list li p.w178{width:202px;}
.stu_list li p.w298{width:288px;}
.stu_list li p.w95{width:142px;}
.bd{ background:#232937; position:relative; color:#f3bf09 !important;width:10%;margin-left:1px;box-shadow: 0 10px 20px rgba(0,0,0,0.4);border-bottom:1px #232937 solid;}

.originality{ width:1200px; height:auto; display:table; margin-top:46px;}
.originality li{ width:218px; height:253px; float:left; position:relative;margin-right: 24px; margin-bottom:26px; overflow:hidden; border:1px #e6eaee solid; -webkit-transition:.8s;}
.originality li img{ margin-top:30px;}
.q-teacher{ width:100%; height:auto; margin:0 auto;}
.q-teacher em{ font-size:16px; color:#333; float:left; margin-left:28px; margin-top:20px; text-align:left;}
.q-teacher span{ float:left; margin-top:20px; font-size:14px; color:#999; margin-left:26px; text-align:left;}
.q-teacher i{ clear:both; display:block; padding-top:16px; font-size:14px; color:#999;}
.q-teacher span img{ float:left; margin-right:6px;     margin-top: 5px;}
.originality_seand{ width:100%; height:0px; position:absolute; bottom:0; left:0; z-index:99; background:rgba(0,0,0,0.5);}
.q-tea-note{ font-size:14px; color:#fff; width:122px; height:38px; border-radius:4px; background:#4bbbfa; -webkit-transition:.8s; margin-bottom:10px; margin-top:16px; display:inline-block; line-height:38px;}
.q-tea-note02{ font-size:14px; color:#666; width:122px; height:38px; border-radius:4px; background:#fff; -webkit-transition:.8s; display:inline-block; line-height:38px; margin-top:22px;}
.q-tea-note:hover{color:#666; background:#fff; -webkit-transition:.8s;}
.q-tea-note02:hover{color:#fff; background:#4bbbfa; -webkit-transition:.8s;}
.originality li:hover{ box-shadow:0 8px 20px rgba(0,0,0,0.1); -webkit-transition:.8s; margin-top:-10px;}
.q-tea-no{ margin-right:0 !important;}

.certificate{ width:100%; min-width:1200px; background:url(../images/q-back04.jpg) center no-repeat; height:593px;}
.cart-img{ width:300px; height:auto; margin:0 38px; float:left;}
.cart-img  p{ font-size:16px; color:#fff; margin-top:16px;}
.flexslider{margin:0px auto;position:relative;width:1128px;height:282px;overflow:hidden;zoom:1; padding-bottom:80px; margin-top: 78px;}
.flex-viewport{height:310px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; text-align:center;margin:0 auto}
.flex-direction-nav{ display:none;}
.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);}
.slides li{ height:310px;}
.flex-control-nav{width:100%;position:absolute;bottom:50px;text-align:center;}
.flex-control-nav li{margin:0 10px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -8px;display:block;height:4px;overflow:hidden;text-indent:-99em;width:50px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0px;}

.q-effect{ width:100%; background:url(../images/q-back05.png) bottom no-repeat #f5f8fa; height:896px; min-width:1200px;}
.hot_role{width:1142px;overflow:hidden; margin:0 auto; margin-top:56px;}
#centerwell{position:relative;height:300px;margin:0;padding:0;overflow:hidden;width:1142px;}
#centerwell li{position:relative;width:180px;height:300px;float:left;background-color:#fff;overflow:hidden; border-radius:10px; margin-right:6px;}
#centerwell .eff-title{position:absolute;top:0;left:0;margin:0;width:180px;height:300px;background-color:#f5f8fa;position:relative;cursor:pointer; border-radius:10px; z-index:1;}
#centerwell .eff-title i{ display:block; width:100%; height:61px;  padding-top:96px;}
#centerwell .eff-title span{ font-size:18px; color:#666; display:block; margin-top:16px;}
#centerwell .hot_content{position:absolute;left:0;top:0;width:388px; z-index:2; height:100%; text-align:left;}
.eff-li{ position:relative;width:178px;height:298px;  border-radius:10px;border:1px #f5f8fa solid;}
.eff-li.on{ border:1px #ffc820 solid; width:386px;}
.eff-li.on .eff-title,.eff-li .hot_content{ display:none;}
.eff-li.on .hot_content{ display:list-item;}
#centerwell .hot_content span{ font-size:30px; color:#ffc820; display:block; margin-left:40px; padding-top:32px;}
#centerwell .hot_content em{ display:block; width:26px; height:4px; background:#d0d1d2; border-radius:30px; margin-top:20px;}
#centerwell .hot_content i{ display:block; font-size:24px; color:#333; margin-top:26px; margin-left:40px; margin-bottom:20px;}
#centerwell .hot_content p{ font-size:14px; color:#666; line-height:30px; width:308px; margin-left:40px;}

.eff-bottom{ background:#fff; margin:0 auto; width:800px; height:240px; border-radius:6px; position:relative; text-align:left; margin-top:70px;}
.eff-bottom i{ width:100%; display:block; background:#ffc820; height:15px; border-radius:6px 6px 0 0;}
.eff-bottom em{ font-size:24px; color:#333; float:left; margin-left:48px; margin-top:66px;}
.eff-bottom span{ color:#fff; width:180px; height:36px; line-height:36px; font-size:18px; float:left; margin-top:64px; margin-left:10px; margin-bottom:20px; background:#2d9bf2; text-align:center;}
.eff-bottom b{ font-size:42px; color:#333; display:block; clear:both; margin-left:48px;}
.eff-bottom img{ position:absolute; top:60px; right:46px; z-index:2;}

.inkPhoBox { width: 1200px; margin:0 auto; }
.inkPhoBox .main{ width:1200px;}
.inkPhoBox .mod18{width:1200px;position:relative;}
.inkPhoBox #prev{ background: url(../images/left.png) no-repeat; height: 38px; width: 38px; position: absolute; z-index: 99; left: 11px; top: 40px; cursor: pointer; }
.inkPhoBox #next{ background: url(../images/right.png) no-repeat; height: 38px; width: 38px; position: absolute; z-index: 99; top: 40px; right: 11px; cursor: pointer; }
.inkPhoBox .mod18 #prevTop{display:none}
.inkPhoBox .mod18 #nextTop{display:none}
.inkPhoBox .mod18 li{float:left;}
.inkPhoBox .mod18 .cf li{position:relative;color:#fff; text-align:center;}
.inkPhoBox .mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}
.inkPhoBox .mod18 .cf li span{ font-size:14px; color:#666; line-height:20px; width:170px; display:block; padding-top:12px;}
.cf-sp{ padding-top:22px !important;}
.inkPhoBox .bigImgBox{width: 1200px; height: 492px; margin: 0 auto;}
.inkPhoBox .mod18 .picBox{width: 1200px; height: 504px; position: relative; overflow: hidden;}
.inkPhoBox .mod18 .picBox ul{height:375px;position:absolute; left:0; display:table;}
.inkPhoBox .mod18 .picBox li{ width: 1200px; height: 492px;}
.inkPhoBox .smImgBox{ width: 1040px; height: 86px; position: relative; margin: 0 auto;}
.inkPhoBox .mod18 .listBox{ width: 890px; height: 86px; margin: 0 auto; position: relative; overflow:hidden;}
.inkPhoBox .mod18 .listBox ul{position:absolute; padding-left:0px; width:1920px !important;}
.inkPhoBox .mod18 .listBox li{ width: 170px; height:66px; cursor: pointer; position: relative;  background:#ebeff6; border-radius:6px 6px 0 0; margin: 0 2px; margin-top:20px; }
.inkPhoBox .mod18 .listBox li.on{ height:76px; background:#2d9bf2; margin-top:10px; width:170px;}
.inkPhoBox .mod18 .listBox li i{display:none;}
.inkPhoBox .mod18 .listBox li a{display:block;width:134px;height:101px;}
.inkPhoBox .mod18 .listBox .on span{ width:170px;border-radius:6px;  color:#fff; padding-top:17px;}
.inkPhoBox .mod18 .listBox .on span.cf-sp{ padding-top:30px !important;}
.inkPhoBox .mod18 .listBox .on { color:#fff;}
.inkPhoBox .mod18 .listBox .on i{display:block;}
.inkPhoBox .left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}
.inkPhoBox .mod18 .epb_01{ width:1154px; height:492px; position:relative; background:#fff; border-radius:10px; box-shadow: 0 5px 16px rgba(0,0,0,0.15); margin-left:38px;}
.cf-left{ margin-left:50px; float:left; width:518px; height:auto; padding-top:48px; text-align:left;}
.cf-left span{ font-size:24px !important; color:#444 !important; font-weight:bold; display:block; position:relative; text-align:left; width:100% !important;}
.cf-left span b{ display:inline-block; background:url(../images/cf01.png) center no-repeat; width:51px; height:23px; line-height:24px; color:#fff; font-size:14px; font-weight:normal; text-align:center; margin-left:10px;}
.cf-left em{ font-size:16px; color:#2d9bf2; height:28px; border:1px #2d9bf2 solid; text-align:center; margin-top:24px; margin-bottom:16px; display:inline-block; line-height:28px; padding:0 12px; border-radius:6px;}
.cf-left i{ font-size:14px; color:#666; display:block; padding-bottom:6px; display:block;}
.cf-left p{ font-size:14px; color:#666; line-height:24px; text-indent:2em;}
.cf-right{ width:500px; height:328px; float:left; margin-left:34px; margin-top:80px;}
.cf-right img{border-radius:5px;}

.banner-top{ width:100%; height:640px; margin-top:0; padding-bottom:0; min-width:1200px;}
.banner-top .slides li{ height:640px;}
.banner-top .flex-viewport{ height:640px;}
.q-ba01{ width:100%; display:block; height:640px; background:url(../images/q-banner.jpg) center no-repeat;}
.q-ba02{ width:100%; display:block; height:640px; background:url(../images/q-banner02.jpg) center no-repeat;}
.his05{ margin-bottom:112px;}