/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1200px;background:#f8f8f8;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none; color:#07bdc7;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1200px;margin:0 auto;}
.common-title{ height:46px; padding:40px 0 0; border-bottom:1px solid #ebe8e8;}
.common-title h3{ display:block; float:left; line-height:46px; font-size:28px;}
.common-title .more-btn{ display:block; float:right; line-height:46px; font-size:14px; color:#999; padding-right:17px; margin-right:3px; background:url("/images/guoji/2024index/commonTitle-ico01.png") no-repeat right center;}
.common-title .tab-tit{ padding:0 0 0 25px;}
.common-title .tab-tit .btn{ display:block; float:left; line-height:46px; padding:0 20px; font-size:16px; position:relative;}
.common-title .tab-tit .btn:before{ content:"/"; position:absolute; font-size:16px; font-weight:normal; color:#bcbcbc; right:0; top:0;}
.common-title .tab-tit .btn:last-child:before{ display:none;}
.common-title .tab-tit .btn.on{ color:#07bdc7; font-weight:bold;}
.common-title .tab-tit .btn.on:after{ content:"";  width:28px; height:3px; background:#07bdc7; position:absolute; left:50%; margin-left:-14px; bottom:-1px;}
.hotCourse-mod .list01 .bottom-con .subnav .btn:hover,.hotCourse-mod .list02 .bottom-con .subnav .btn:hover{ color:#07bdc7;}
/*.qualification-mod li .pic:hover,.liveCourse-mod .list li:hover{ box-shadow:0 0 8px 5px #eae9e9;}*/
.header-wrap{ width:100%; background:#fff;}

/**/
.topNav-wrap{ width:100%; height:60px; background:#07bdc7;}
.topNav-mod{ text-align:center; font-size:0;}
.topNav-mod .btn{ display:inline-block; vertical-align:top; line-height:60px; font-size:18px; color:#fff; padding:0 24px;}
.topNav-mod .btn:hover{ background:#13d2db;}

/**/
.rotationPic-wrap{ width:100%;}
.rotationPic-wrap .swiper-container{ height:300px;}
.rotationPic-wrap .swiper-slide{ width:100%; height:300px;}
.rotationPic-wrap .swiper-slide .btn{ display:block; width:100%; height:300px; line-height:0; font-size:0;}
.rotationPic-wrap .pagination{ width:100%; position:absolute; left:0; bottom:20px; text-align:center; z-index:9;}
.rotationPic-wrap .pagination .swiper-pagination-switch{ display:inline-block; width:6px; height:6px; background:rgba(0,0,0,.5); border-radius:50%; margin:0 3px;}
.rotationPic-wrap .pagination .swiper-active-switch{ width:20px; border-radius:6px;}

/**/
.qualification-wrap{ width:100%; background:#fff;}
.qualification-mod{ padding-bottom:34px;}
.qualification-mod .list{ padding:20px 0 0;}
.qualification-mod li{ float:left; width:200px; position:relative;}
.qualification-mod li .pic{ width:180px; height:180px; border-radius:10px; box-shadow:0 0 12px 0 #ebebeb; margin:0 auto;}
.qualification-mod li p{ line-height:26px; padding-top:11px; text-align:center;}
.qualification-mod li .pop{ display:none; width:320px; height:250px; position:absolute; left:0; top:-258px; z-index:9; background:url("/images/guoji/2024index/qualification-pop.png") no-repeat}
.qualification-mod li .pop span{ display:block; width:320px; height:250px;}

/**/
.course-wrap{ width:100%; background:#f8f8f8;}
.liveCourse-mod{}
.liveCourse-mod .list{ display:none; height:250px; padding:30px 0 0; width:1220px;}
.liveCourse-mod .list li{ float:left; width:285px; margin-right:20px; box-shadow:0 0 12px 0 #ebebeb; border-radius:12px;}
.liveCourse-mod .list li:last-child{ margin-right:0;}
.liveCourse-mod .list .top-con{ height:160px; position:relative;}
.liveCourse-mod .list .top-con .tips{ display:block; height:22px; line-height:22px; padding:0 6px 0 22px; font-size:12px; color:#fff; position:absolute; right:0; top:0; background:url("/images/guoji/2024index/palyState-ico.png") no-repeat}
.liveCourse-mod .list .top-con .tips.openLive-lookBack{ background-position:0 -23px;}
.liveCourse-mod .list .top-con .tips.btnNameStyle{ background-position:0 -23px;}
.liveCourse-mod .list .top-con .tips.openLive-enter{ width:64px; background-position:0 -46px;}
.liveCourse-mod .list .top-con .time{ display:block; width:100%; height:26px; line-height:26px; text-align:center; font-size:12px; color:#fefeff; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.5);}
.liveCourse-mod .list .top-con .pic{ display:block; width:100%; height:160px; border-radius:8px 8px 0 0;}
.liveCourse-mod .list .top-con .link-btn{ display:block; width:100%; height:160px; position:absolute; left:0; top:0; z-index:0; line-height:0; font-size:0;}
.liveCourse-mod .list .bottom-con{ height:90px; background:#fff; border-radius:0 0 8px 8px;}
.liveCourse-mod .list .bottom-con h4{ height:26px; line-height:26px; padding:8px 5px 0 13px; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.liveCourse-mod .list .bottom-con .more{ padding:18px 14px 0 14px;}
.liveCourse-mod .list .bottom-con .teacher{ float:left; height:28px; line-height:28px; font-size:12px; color:#666;}
.liveCourse-mod .list .bottom-con .teacher img{ display:block; float:left; width:24px; height:24px; border-radius:50%; margin-right:10px;}
.liveCourse-mod .list .bottom-con .btn{ display:block; float:right; height:28px; line-height:28px; font-size:12px; color:#fff; padding:0 13px; background:#07bdc7; border-radius:40px;}
.liveCourse-mod .list .bottom-con .free-tags{ display:block; float:right; line-height:28px; font-size:12px; color:#f95a37; padding-right:10px;}

.appointment-dialog{ display:none; width:493px;height:359px;position:fixed;left:50%;top:50%;margin:-179px 0 0 -246px;z-index:100;background:url("/images/guoji/2024index/appointment-dialog-bg.png") no-repeat;text-align:center;}
.appointment-dialog .ad-state{line-height:40px;padding-top:34px;}
.appointment-dialog .ad-state strong{display:inline-block;padding-left:30px;font-size:18px;background:url("/images/guoji/2024index/appointment-dialog-icon.png") no-repeat left center;}
.appointment-dialog .ad-bd{height:100px;margin-top:10px;line-height:30px;}
.appointment-dialog .ad-bd p{color:#666;}
.appointment-dialog .appointment-dialog-time{font-size:0;}
.appointment-dialog .appointment-dialog-time span{font-size:16px;color:#07bdc7;margin:0 5px;display:inline-block;vertical-align:top;}
.appointment-dialog .appointment-dialog-btns{padding-top:8px;}
.appointment-dialog .appointment-dialog-btns a,.live-dialog .appointment-dialog .appointment-dialog-btns span{padding:0 12px;background:#07bdc7;display:inline-block;color:#fff;display:inline-block;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.appointment-dialog .appointment-dialog-btns span{background:#b6b6b6;}
.appointment-dialog .appointment-dialog-other{color:#666;font-size:12px;}
.appointment-dialog .appointment-dialog-other img{display:block;margin:0 auto 7px;padding:3px;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,0.09);-moz-box-shadow:0 1px 10px 0 rgba(0,0,0,0.09);box-shadow:0 1px 10px 0 rgba(0,0,0,0.09);}
.appointment-dialog .appointment-dialog-other p{line-height:26px;color:#07bdc7;font-size:16px;}
.appointment-dialog .appointment-dialog-close{width:18px;height:18px;line-height:180px;overflow:hidden;position:absolute;right:22px;top:16px;}

/**/
.experienceCourse-mod{}
.experienceCourse-mod .list{ display:none; padding:30px 0 0; width:1220px;}
.experienceCourse-mod .list li{ float:left; width:285px; margin-right:20px; border-radius:12px; box-shadow:0 0 12px 0 #ebebeb}
.experienceCourse-mod .list .top-con{ height:160px; position:relative;}
.experienceCourse-mod .list .top-con .pic{ display:block; width:100%; height:160px; border-radius:8px 8px 0 0;}
.experienceCourse-mod .list .bottom-con{ height:142px; background:#fff; border-radius:0 0 8px 8px; padding:0 8px;}
.experienceCourse-mod .list .bottom-con .flag{ padding:11px 0 0 0;}
.experienceCourse-mod .list .bottom-con .flag span{ display:inline-block; line-height:20px; font-size:12px; padding:0 11px; margin:0 10px 8px 0; border-radius:6px;}
.experienceCourse-mod .list .bottom-con .flag span.c1{ color:#ff7529; border:1px solid #fddac9;}
.experienceCourse-mod .list .bottom-con .flag span.c2{ color:#07bdc7; border:1px solid #7ddde2;}
.experienceCourse-mod .list .bottom-con h3{ height:30px; line-height:30px; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.experienceCourse-mod .list .bottom-con .from{ line-height:24px; font-size:12px; color:#999;}
.experienceCourse-mod .list .bottom-con .from a{ color:#999;}
.experienceCourse-mod .list .bottom-con .btn-wrap{ padding-top:8px;}
.experienceCourse-mod .list .bottom-con .btn-wrap .prize{ float:left; line-height:28px; font-size:16px; color:#f95a37;}
.experienceCourse-mod .list .bottom-con .btn-wrap .btn{ display:block; float:right; line-height:28px; font-size:12px; color:#fff; padding:0 13px; background:#f95a37; border-radius:40px;}

/**/
.hotCourse-mod{}
.hotCourse-mod .list01{ width:1220px; padding:30px 0 0;}
.hotCourse-mod .list01 li{ float:left; width:285px; margin-right:20px; border-radius:12px; box-shadow:0 0 12px 0 #ebebeb;}
.hotCourse-mod .list01 .top-con{ height:117px; border-radius:12px 12px 0 0;}
.hotCourse-mod .list01 .top-con h3{ display:block; float:left; line-height:98px; font-size:44px; color:#fff; font-weight:bold; padding-left:28px; font-family:'DIN Alternate';}
.hotCourse-mod .list01 .top-con h3 a{ color:#fff;}
.hotCourse-mod .list01 .top-con .video-btn{ display:block; float:right; line-height:24px; margin:43px 15px 0 0; color:#fff; padding-right:30px;}
.hotCourse-mod .list01 .bottom-con{ height:213px; border-radius:20px; margin-top:-19px; padding:0 20px;}
.hotCourse-mod .list01 .bottom-con .text{}
.hotCourse-mod .list01 .bottom-con .text h3{ line-height:26px; font-size:18px; padding-top:18px;}
.hotCourse-mod .list01 .bottom-con .text h3 a{ color:#333;}
.hotCourse-mod .list01 .bottom-con .text p{ height:55px; line-height:20px; font-size:12px; color:#999; padding-top:7px;}
.hotCourse-mod .list01 .bottom-con .subnav{ padding:12px 0 0 0; border-top:1px solid #f5f5f5;}
.hotCourse-mod .list01 .bottom-con .subnav .btn{ display:block; float:left; width:95px; line-height:40px; color:#666; padding-left:27px;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico01{ background:url("/images/guoji/2024index/hotCourse-ico10.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico02{ background:url("/images/guoji/2024index/hotCourse-ico07.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico03{ background:url("/images/guoji/2024index/hotCourse-ico08.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico04{ background:url("/images/guoji/2024index/hotCourse-ico09.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico05{ background:url("/images/guoji/2024index/hotCourse-ico01.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico06{ background:url("/images/guoji/2024index/hotCourse-ico02.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico07{ background:url("/images/guoji/2024index/hotCourse-ico03.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico08{ background:url("/images/guoji/2024index/hotCourse-ico04.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico09{ background:url("/images/guoji/2024index/hotCourse-ico05.png") no-repeat left center;}
.hotCourse-mod .list01 .bottom-con .subnav .btn.ico10{ background:url("/images/guoji/2024index/hotCourse-ico06.png") no-repeat left center;}
.hotCourse-mod .list01 li.bg01 .top-con{ background:#f9674a; background-image:-webkit-linear-gradient(left, #f9674a, #fe896f); background-image:-moz-linear-gradient(left, #f9674a, #fe896f); background-image:linear-gradient(left,#f9674a,#fe896f);}
.hotCourse-mod .list01 li.bg02 .top-con{ background:#00bcbf; background-image:-webkit-linear-gradient(left, #00bcbf, #30cfd9); background-image:-moz-linear-gradient(left, #00bcbf, #30cfd9); background-image:linear-gradient(left,#00bcbf,#30cfd9);}
.hotCourse-mod .list01 li.bg03 .top-con{ background:#937ef3; background-image:-webkit-linear-gradient(left, #937ef3, #b7a8ff); background-image:-moz-linear-gradient(left, #937ef3, #b7a8ff); background-image:linear-gradient(left,#937ef3,#b7a8ff);}
.hotCourse-mod .list01 li.bg04 .top-con{ background:#0caeeb; background-image:-webkit-linear-gradient(left, #0caeeb, #55caf7); background-image:-moz-linear-gradient(left, #0caeeb, #55caf7); background-image:linear-gradient(left,#0caeeb,#55caf7);}
.hotCourse-mod .list01 li.bg01 .top-con .video-btn{ background:url("/images/guoji/2024index/hotCourse-video01.png") no-repeat right;}
.hotCourse-mod .list01 li.bg02 .top-con .video-btn{ background:url("/images/guoji/2024index/hotCourse-video02.png") no-repeat right;}
.hotCourse-mod .list01 li.bg03 .top-con .video-btn{ background:url("/images/guoji/2024index/hotCourse-video03.png") no-repeat right;}
.hotCourse-mod .list01 li.bg04 .top-con .video-btn{ background:url("/images/guoji/2024index/hotCourse-video04.png") no-repeat right;}
.hotCourse-mod .list01 li.bg01 .bottom-con{ background:#fff; background-image:-webkit-linear-gradient(top, #ffece8,#fff, #fff); background-image:-moz-linear-gradient(top, #ffece8,#fff, #fff); background-image:linear-gradient(top,#ffece8,#fff, #fff);}
.hotCourse-mod .list01 li.bg02 .bottom-con{ background:#fff; background-image:-webkit-linear-gradient(top, #e6fbfc,#fff, #fff); background-image:-moz-linear-gradient(top, #e6fbfc,#fff, #fff); background-image:linear-gradient(top,#e6fbfc,#fff, #fff);}
.hotCourse-mod .list01 li.bg03 .bottom-con{ background:#fff; background-image:-webkit-linear-gradient(top, #e8e4fc,#fff, #fff); background-image:-moz-linear-gradient(top, #e8e4fc,#fff, #fff); background-image:linear-gradient(top,#e8e4fc,#fff, #fff);}
.hotCourse-mod .list01 li.bg04 .bottom-con{ background:#fff; background-image:-webkit-linear-gradient(top, #dff4fc,#fff, #fff); background-image:-moz-linear-gradient(top, #dff4fc,#fff, #fff); background-image:linear-gradient(top,#dff4fc,#fff, #fff);}
.hotCourse-mod .list02{ padding:20px 0 0 0; width:1220px;}
.hotCourse-mod .list02 li{ float:left; width:386px; margin-right:20px; border-radius:12px; box-shadow:0 0 12px 0 #ebebeb;}
.hotCourse-mod .list02 .top-con{ height:87px; border-radius:12px 12px 0 0; background:#5699ff; background-image:-webkit-linear-gradient(left, #5699ff, #6dbbff); background-image:-moz-linear-gradient(left, #5699ff, #6dbbff); background-image:linear-gradient(left,#5699ff,#6dbbff);}
.hotCourse-mod .list02 .top-con h3{ line-height:87px; padding:0 0 0 29px; font-size:18px; color:#fff; font-weight:normal;}
.hotCourse-mod .list02 .top-con h3 span{ font-size:32px; font-family:"DIN Alternate"; vertical-align:-5px; font-weight:bold; margin-right:13px;}
.hotCourse-mod .list02 .top-con a{ color:#fff;}
.hotCourse-mod .list02 .bottom-con{ height:93px; border-radius:20px; background:#f6f9ff; margin-top:-10px; padding:0 0 0 30px;}
.hotCourse-mod .list02 .bottom-con h4{ line-height:26px; font-size:12px; color:#606c77; padding-top:13px; font-weight:normal;}
.hotCourse-mod .list02 .bottom-con .subnav{ padding:8px 0 0;}
.hotCourse-mod .list02 .bottom-con .subnav .btn{ display:block; float:left; width:99px; padding-left:15px; position:relative; line-height:28px; color:#666;}
.hotCourse-mod .list02 .bottom-con .subnav .btn:before{ content:""; width:5px; height:5px; background:#6cbcff; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px;}

/**/
.teacher-mod{ height:380px; margin-top:30px; border-radius:12px; background:url("/images/guoji/2024index/teacher-bg.jpg") no-repeat; position:relative;}
.teacher-mod:before{ content:""; width:100%; height:40px; background:#f8f8f8; position:absolute; left:0; bottom:-40px; z-index:29;}
.teacher-mod .teacher-info{ position:absolute; bottom:0;}
.teacher-mod .teacher-info .name{ display:inline-block; min-width:50px; padding:0 5px; text-align:center; border-radius:40px; background:rgba(51,51,51,.78); position:absolute; bottom:15px; line-height:20px; color:#fff;}
.teacher-mod .teacher-info .pop{ display:none; width:460px; padding:26px 28px 20px; box-shadow:0 5px 8px #d8f6f8; background:#fff; border-radius:20px; position:absolute; top:-280px;}
.teacher-mod .teacher-info .pop .myName{ font-size:20px; line-height:32px; font-weight:bold;}
.teacher-mod .teacher-info .pop .myName .my-btn{ font-size:14px; color:#666; font-weight:normal; margin-left:30px;}
.teacher-mod .teacher-info .pop .tips{ padding:8px 0 0;}
.teacher-mod .teacher-info .pop .tips span{ display:block; float:left; line-height:24px; font-size:12px; color:#9bb0b0; background:#f2f5f7; padding:0 12px; border-radius:8px; margin-right:10px;}
.teacher-mod .teacher-info .pop .resume{ padding:16px 0 0 0;}
.teacher-mod .teacher-info .pop .resume p{ line-height:20px; padding:5px 0 5px 20px; position:relative;}
.teacher-mod .teacher-info .pop .resume p:before{ content:""; width:5px; height:5px; background:#d2e2ef; border-radius:10px; position:absolute; left:1px; top:11px;}
.teacher-mod .teacher-info .pop .freeVideo{ padding:12px 0 15px;}
.teacher-mod .teacher-info .pop .freeVideo .btn{ display:block; float:left; line-height:30px; color:#07bdc7; border:1px solid #90d0d4; border-radius:40px; padding:0 15px 0 40px; margin:0 10px 10px 0; background:url("/images/guoji/2024index/teacher-ico01.png") no-repeat 11px center #e9f9fa;}
.teacher-mod .teacher-info .pop .socialPlatform{ width:480px;}
.teacher-mod .teacher-info .pop .socialPlatform .btn{ display:block; float:left; width:122px; line-height:24px; padding-left:34px; font-size:12px; color:#666;}
.teacher-mod .teacher-info .pop .socialPlatform .btn.ico01{ background:url("/images/guoji/2024index/socialPlatform-ico01.jpg") no-repeat left center;}
.teacher-mod .teacher-info .pop .socialPlatform .btn.ico02{ background:url("/images/guoji/2024index/socialPlatform-ico02.jpg") no-repeat left center;}
.teacher-mod .teacher-info .pop .socialPlatform .btn.ico03{ background:url("/images/guoji/2024index/socialPlatform-ico03.jpg") no-repeat left center;}
.teacher-mod .teacher-info.on{ z-index:19 !important;}
.teacher-mod .teacher-info.on .pop{ z-index:19 !important;}
.teacher-mod .teacher-info.on .pic{ -webkit-transform: scale(1.1);transform: scale(1.1); -webkit-transition:all .3s ease; transition:all .3s ease;}
.teacher-mod .teacher-info.t1{ left:20px;}
.teacher-mod .teacher-info.t1 .name{ left:9px;}
.teacher-mod .teacher-info.t1 .pop{ left:127px;}
.teacher-mod .teacher-info.t2{ left:119px;}
.teacher-mod .teacher-info.t2 .name{ left:24px;}
.teacher-mod .teacher-info.t2 .pop{ left:130px;}
.teacher-mod .teacher-info.t3{ left:225px;}
.teacher-mod .teacher-info.t3 .name{ left:39px;}
.teacher-mod .teacher-info.t3 .pop{ left:118px;}
.teacher-mod .teacher-info.t4{ left:340px;}
.teacher-mod .teacher-info.t4 .name{ left:22px;}
.teacher-mod .teacher-info.t4 .pop{ left:95px;}
.teacher-mod .teacher-info.t5{ left:428px;}
.teacher-mod .teacher-info.t5 .name{ left:30px;}
.teacher-mod .teacher-info.t5 .pop{ left:111px;}
.teacher-mod .teacher-info.t6{ left:518px; z-index:9}
.teacher-mod .teacher-info.t6 .name{ left:31px;}
.teacher-mod .teacher-info.t6 .pop{ left:140px;}
.teacher-mod .teacher-info.t7{ left:615px; z-index:8}
.teacher-mod .teacher-info.t7 .name{ left:98px;}
.teacher-mod .teacher-info.t7 .pop{ left:140px;}
.teacher-mod .teacher-info.t8{ left:734px; z-index:7}
.teacher-mod .teacher-info.t8 .name{ left:84px;}
.teacher-mod .teacher-info.t8 .pop{ right:115px;}
.teacher-mod .teacher-info.t9{ left:826px; z-index:6}
.teacher-mod .teacher-info.t9 .name{ left:75px;}
.teacher-mod .teacher-info.t9 .pop{ right:126px;}
.teacher-mod .teacher-info.t10{ left:915px; z-index:5}
.teacher-mod .teacher-info.t10 .name{ left:68px;}
.teacher-mod .teacher-info.t10 .pop{ right:138px;}
.teacher-mod .teacher-info.t11{ left:1019px; z-index:4}
.teacher-mod .teacher-info.t11 .name{ left:62px;}
.teacher-mod .teacher-info.t11 .pop{ right:138px;}

/**/
.service-mod{ height:632px; margin-top:30px; box-shadow:0 0 12px 0 #ebebeb; background:url("/images/guoji/2024index/service-bg.jpg") no-repeat;}
.service-mod .top-con{ height:490px;}
.service-mod .top-con .box{ width:290px; height:80px; border:1px solid #bef0ec; text-align:right; background:#e2fcfb; padding-right:20px; position:absolute; border-radius:25px 8px 25px 8px; box-shadow:0 5px 8px #d8f6f8}
.service-mod .top-con .box h3{ line-height:30px; font-size:20px; color:#07bdc7; padding-top:10px;}
.service-mod .top-con .box p{ line-height:26px; color:#666;}
.service-mod .top-con .box span{ display:block; width:36px; height:32px; line-height:32px; font-size:18px; color:#fff; position:absolute; right:-47px; top:24px; text-align:center; background:url("/images/guoji/2024index/service-ico01.png") no-repeat;}
.service-mod .top-con .box.left-tags{ text-align:left; padding-right:0; padding-left:20px;}
.service-mod .top-con .box.left-tags span{ right:auto; left:-47px;}
.service-mod .top-con .box.abs01{ top:62px; left:91px;}
.service-mod .top-con .box.abs02{ top:196px; left:44px;}
.service-mod .top-con .box.abs03{ top:329px; left:64px;}
.service-mod .top-con .box.abs04{ top:62px; right:91px;}
.service-mod .top-con .box.abs05{ top:196px; right:44px;}
.service-mod .top-con .box.abs06{ top:329px; right:64px;}
.service-mod .bottom-con{ padding:0 0 0 21px;}
.service-mod .bottom-con li{ float:left; width:183px; height:118px; text-align:center; border-radius:10px; background:#fff; border:1px solid #c8f0f2; margin-right:10px;}
.service-mod .bottom-con li h4{ line-height:30px; margin-bottom:16px; padding-top:13px; font-size:18px; position:relative;}
.service-mod .bottom-con li h4:before{ content:""; width:24px; height:2px; background:#0ebfca; left:50%; margin-left:-12px; bottom:-7px;}
.service-mod .bottom-con li p{ line-height:20px; color:#999;}

/**/
.cooperation-wrap{ width:100%; height:532px; margin-top:54px; background:url("/images/guoji/2024index/cooperation-bg.jpg") no-repeat center top;}
.cooperation-mod{}
.cooperation-mod .top-tit{ padding:16px 0 0; border-bottom:1px solid #b8e6e9;}
.cooperation-mod .top-tit h3{ float:left; line-height:85px; font-size:28px;}
.cooperation-mod .top-tit .tab-tit{ float:right; padding:37px 0 0;}
.cooperation-mod .top-tit .tab-tit .btn{ display:block; float:left; width:120px; height:48px; line-height:48px; text-align:center; background:#fff; font-size:18px; color:#07bdc7; font-weight:bold; border-radius:12px 12px 0 0; margin-left:20px;}
.cooperation-mod .top-tit .tab-tit .btn.on{ background:#07bdc7; color:#fff;}
.cooperation-mod .tab-wrap{ height:390px; overflow:hidden;}
.cooperation-mod .tab-con{}
.cooperation-mod .tab-con .text{ float:left; width:375px; padding:30px 0 0;}
.cooperation-mod .tab-con .text p{ font-size:16px; line-height:36px;}
.cooperation-mod .tab-con .picMarquee{ float:right; width:740px; padding:44px 0 0;}
.cooperation-mod .tab-con .picMarquee .bd{ height:290px; overflow:hidden;}
.cooperation-mod .tab-con .picMarquee .bd li{}
.cooperation-mod .tab-con .picMarquee02{ float:right; width:740px; padding:44px 0 0;}
.cooperation-mod .tab-con .picMarquee02 .bd{ height:290px; overflow:hidden;}
.cooperation-mod .tab-con .picMarquee02 .bd li{}
.cooperation-mod .tab-con .rotation-con{ float:right; width:740px;}
.cooperation-mod .tab-con .rotation-con .rotation-tab{}
.cooperation-mod .tab-con .rotation-con .rotation-tab .btn{ display:block; float:left; line-height:26px; font-size:16px; padding-right:22px; position:relative;}
.cooperation-mod .tab-con .rotation-con .rotation-tab .btn:before{ content:"/"; width:22px; height:26px; line-height:26px; text-align:center; font-size:16px; color:#7d96a5; font-weight:normal; position:absolute; right:0; top:0;}
.cooperation-mod .tab-con .rotation-con .rotation-tab .btn.on{ color:#07bdc7; font-weight:bold;}
.cooperation-mod .tab-con .rotation-con .rotation-tab .btn:last-child:before{ display:none;}
.cooperation-mod .tab-con .rotation-con .rotationPic{ margin:54px 0 0; position:relative;}
.cooperation-mod .tab-con .rotation-con .rotationPic .arrow-left,.cooperation-mod .tab-con .rotation-con .rotationPic .arrow-right{ display:none; width:36px; height:36px; position:absolute; left:0; top:78px; z-index:9; background:url("/images/guoji/2024index/cooperation-ico01.png") no-repeat;}
.cooperation-mod .tab-con .rotation-con .rotationPic .arrow-right{ left:auto; right:0; background:url("/images/guoji/2024index/cooperation-ico02.png") no-repeat;}
.cooperation-mod .tab-con .rotation-con .swiper-container{ width:700px; margin:0 0 0 25px;}
.cooperation-mod .tab-con .rotation-con .swiper-slide{ height:240px;}
.cooperation-mod .tab-con .rotation-con .pic{ display:block; float:left; width:198px; height:80px; background:#fff; margin:0 15px 40px 15px;}
.cooperation-mod .tab-con .rotation-con .pic img{ max-width:198px; max-height:80px;}
.cooperation-mod .tab-con .honorList{ width:680px; padding:25px 0 0 0;}
.cooperation-mod .tab-con .honorList li{ float:left; width:200px; margin:0 0 8px 20px;}
.cooperation-mod .tab-con .honorList .pic{ width:200px; height:140px;}
.cooperation-mod .tab-con .honorList p{ text-align:center; line-height:36px;}
.cooperation-mod .tab-con .tips{ text-align:right; font-size:14px; color:#86b6c7; padding-top:10px;}

/**/
.matching-mod{}
.matching-mod .btn-con{ width:1100px;}
.matching-mod .city-tab{ background:#fff; border-radius:12px; margin:20px 0 0;}
.matching-mod .city-tab h4{ display:block; float:left; line-height:50px; font-size:18px; width:90px; text-align:right;}
.matching-mod .city-tab .btn{ float:left; display:block; line-height:50px; padding:0 12px; font-size:16px; position:relative;}
.matching-mod .city-tab .btn.on{ color:#07bdc7; font-weight:bold;}
.matching-mod .city-tab .btn.on:before{ content:""; width:26px; height:3px; background:#07bdc7; position:absolute; left:50%; margin-left:-13px; bottom:5px;}
.matching-mod .tab-con-wrap{ overflow:hidden; margin-top:15px;}
.matching-mod .tab-con{ display:none;}
.matching-mod .tab-con .subCenter-tab{ padding:0 0 20px 0;}
.matching-mod .tab-con .subCenter-tab .btn{ display:block; float:left; line-height:42px; box-shadow:0 0 12px 0 #ebebeb; padding:0 20px; background:#fff; border-radius:12px; text-align:center; margin:0 20px 0 0;}
.matching-mod .tab-con .subCenter-tab .btn.on{ background:#07bdc7; color:#fff;}
.matching-mod .tab-con .con{ overflow:hidden; background:#fff; border-radius:12px; box-shadow:0 0 12px 0 #ebebeb;}
.matching-mod .tab-con .con .con-tab{ display:none; margin:20px;}
.matching-mod .tab-con .con .left-con{ float:left; width:396px; padding-bottom:200px;}
.matching-mod .tab-con .con .left-con .map-tab{}
.matching-mod .tab-con .con .left-con .map-tab .box{ background:#e1f7f8; border-radius:12px; position:relative; padding:15px 0 17px 34px; margin-bottom:10px; cursor:pointer;}
.matching-mod .tab-con .con .left-con .map-tab .box h4{ line-height:20px; font-size:16px; color:#07bdc7; padding:3px 0;}
.matching-mod .tab-con .con .left-con .map-tab .box p{ line-height:22px; font-size:12px;}
.matching-mod .tab-con .con .left-con .map-tab .box .phone{ line-height:22px; margin-top:8px; padding:0 0 0 22px; font-size:12px; background:url("/images/guoji/2024index/matching-ico01.png") no-repeat left center;}
.matching-mod .tab-con .con .left-con .map-tab .box .phone .weChat-btn{ display:inline-block; line-height:22px; border-radius:40px; padding:0 14px 0 31px; background:url("/images/guoji/2024index/matching-ico03.png") no-repeat 10px center #fff; margin-left:12px;}
.matching-mod .tab-con .con .left-con .map-tab .box .phone .qq-btn{ display:inline-block; line-height:22px; border-radius:40px; padding:0 14px 0 31px; background:url("/images/guoji/2024index/matching-ico04.png") no-repeat 10px center #fff; margin-left:12px;}
.matching-mod .tab-con .con .left-con .map-tab .box.on{ background:#07bdc7; color:#fff;}
.matching-mod .tab-con .con .left-con .map-tab .box.on h4{ color:#fff;}
.matching-mod .tab-con .con .left-con .map-tab .box.on .phone{ background:url("/images/guoji/2024index/matching-ico02.png") no-repeat left center;}
.matching-mod .tab-con .con .left-con .map-tab .box.on:before{ content:""; width:8px; height:15px; position:absolute; right:-8px; top:50%; margin-top:-7px; background:url("/images/guoji/2024index/matching-ico05.png") no-repeat;}
.matching-mod .appointment{ width:396px; left:20px; bottom:20px;}
.matching-mod .appointment .tit{ line-height:50px; font-size:16px; font-weight:bold;}
.matching-mod .appointment .ipt1{ width:394px; height:38px; line-height:38px; color:#666; text-indent:13px; border:1px solid #e7e7e7; margin-top:15px; border-radius:4px; font-size:14px;}
.matching-mod .appointment .btn{ display:block; width:396px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; border-radius:4px; background:#ff8d39; margin-top:15px;}
.matching-mod .tab-con .con .right-con{ float:right; width:746px; height:434px; overflow:hidden;}
.matching-mod .tab-con-wrap .map{ width:746px; height:230px; right:20px; top:20px;}
.matching-mod .tab-con .con .right-con .campus{ padding:20px 0 0;}
.matching-mod .tab-con .con .right-con .campus ul{ width:756px;}
.matching-mod .tab-con .con .right-con .campus li{ float:left; width:242px; margin-right:10px;}
.matching-mod .tab-con .con .right-con .campus li img{ display:block; width:242px; border-radius:8px;}
.matching-mod .tab-con .con .right-con .matchingTab-con{ margin-top:230px;}


#map1_container{ width:300px; height:200px;}
#map1_container,
#map2_container {
    float: left;
    overflow: hidden;
    width: 100%;
    height: 50%;
    margin: 0;
}
.allmap {
    height: 100%;
    margin: 0 0 3px;
}
#allmap2 {
    height: 100%;
    margin: 3px 0 0;
}
/**/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none;height: 41px;}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}
.certificateSelect{ float:left; width:396px;height:40px;margin-right:10px;}
.certificateSelect input{ width:394px; height:38px; line-height:38px; color:#666; text-indent:13px; border:1px solid #e7e7e7; border-radius:4px; font-size:14px;}
.certificateSelect input.on{color:#666}
.certificateSelect input.show{border:1px solid #e1e1e1}
.certificateSelect i{display:block;width:13px;height:8px;top:15px;right:12px; background:url("/images/guoji/2024index/matching-ico06.png") no-repeat; transition:all .3s linear}
.certificateSelect i.on{ transform:rotateZ(180deg)}
.certificateSelect ul {width:100%;  height:120px !important; border:1px solid #a7cee2;background:#fff}
.certificateSelect ul.show{border:1px solid #ff9227}
.certificateSelect ul li {overflow:hidden;width:96%;cursor:pointer;line-height:30px;height:30px;padding:0 0 0 4%}
.certificateSelect ul li.hover {background:#a7cee2;color:#fff}

/**/
.mask{display:none; width:100%;z-index:98;height:100%; background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.addWeChat-pop{ display:none; width:360px; background:#fff; padding-bottom:50px; border-radius:10px; text-align:center; position:fixed; left:50%; margin-left:-180px; top:50%; z-index:99;}
.addWeChat-pop .close-btn{ display:block; width:20px; height:20px; position:absolute; top:20px; right:20px; background:url("/images/guoji/2024index/pop-close.png") no-repeat;}
.addWeChat-pop h3{ line-height:38px; font-size:24px; padding-top:34px;}
.addWeChat-pop p{ line-height:28px; color:#999;}
.addWeChat-pop .pic{ display:block; width:200px; height:200px; margin:20px auto 0;}



@-webkit-keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes get-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}