body{ background-color:#f5f5f5; color: #333333;font-size: 14px;  font-family: "Microsoft YaHei","微软雅黑";  }


/***头部菜单***/
#top{ width: 100%; height: 75px; position: fixed; top: 0px; z-index: 999; }
#top .topbg{ width: 100%; height: 75px; background-color:#000000;opacity: 0.1; position: absolute; top: 0px; left: 0px; z-index: 998;  }
#top .main{ width: 1300px; height: 75px; margin: 0px auto; padding: 0px; position:relative;z-index: 999; }
#top .main .logo{ width: 193px; height: 40px; background:url(../images/school/logo.png) no-repeat; display: block; float: left; margin-top: 17px;}
#top .main .menu{ width: 500px; height: 75px; float: right; text-align: right; }
#top .main .menu>li{ width: 100px; text-align: center; line-height: 75px; float: right; }
#top .main .menu>li>a{ color: #FFFFFF; font-size: 18px; cursor: pointer;}

#top.scroll .topbg,#top.fixed .topbg{  background-color:#FFFFFF;opacity:1;}
#top.scroll .logo,#top.fixed .logo{ background:url(../images/school/logo2.png) no-repeat;}
#top.scroll .main .menu>li>a,#top.fixed .main .menu>li>a{ color: #000000;}



.video{ width: 100%; min-width: 1400px; position: relative; padding-bottom: 30px; z-index: 998;  }
.video .mask{ width: 937px; height: 165px; display: block; opacity: 0.8; background:url(../images/school/video_mask.png?v=1) no-repeat; background-size: 100% 100%; position: absolute; top: 25%; left: 50%; margin-left: -460px; z-index: 997; }
.video .mask .word{ width: 400px; height: 35px; line-height: 50px; text-align: center; margin: 0px auto; margin-top: 130px; font-size: 24px; font-weight: bold; color: #FFFFFF;}
.video .mask .btn_send{ width: 125px; height: 50px; display: block; cursor: pointer; line-height: 50px; text-align: center; color: #FFFFFF; background-color: #DDDDDD;  margin: 40px auto 0px auto; border-radius: 30px;}
.video .banner_video{ width: 100%; z-index: 996;}
.video .btn_play{ width: 100px; height: 100px;background:url(../images/school/bigplay.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 10%; left: 5%; cursor: pointer; z-index: 999;}

.c_row,.reason_row,.sxsj_row{ width: 1300px; margin: 0px auto; overflow: hidden;}
.c_row .s_pro{ width: 630px;  float: left;}
.c_row .s_pro .title{ height: 100px; line-height: 100px; font-size: 26px; font-weight: bold; }
.c_row .s_pro .box{width: 550px; height: 289px; padding:30px 50px; background: url(../images/school/itembg1.png) no-repeat; position: relative;}
.c_row .s_pro .box>h2{ height: 50px; line-height: 50px; font-size: 30px; font-weight: bold; color: #FFFFFF; padding-bottom: 60px; }
.c_row .s_pro .box .desc{ line-height: 35px; color: #FFFFFF; font-size: 18px;  padding-bottom: 20px;}
.c_row .s_pro .box .desc span{ color: #FFFFFF; font-size: 16px;}
.c_row .s_pro .box .desc a{ color: #FFFFFF; font-size: 16px;}
.c_row .s_pro .box .btn_send{ width: 130px; height: 50px; line-height: 50px; text-align: center; color: #FFFFFF; font-size: 16px; border-radius: 50px; border: solid 2px #FFFFFF; cursor: pointer; position: absolute; right: 50px; top: 130px;}

.c_row .notice{ width: 630px;  float: right;}
.c_row .notice .box{width: 550px; height: 289px; padding:30px 50px; background: url(../images/school/itembg2.png) no-repeat;}
.c_row .notice .box .row{ color: #FFFFFF;line-height: 60px; }
.c_row .notice .box .row>a{ color: #FFFFFF;}

.reason_row{ padding-top: 100px;}
.reason_row .title{ padding-bottom: 50px;}
.reason_row .list{ overflow: hidden;}
.reason_row .list .item{ width: 330px; height: 350px; padding: 30px 40px; background-color: #FFFFFF; float: left; border-radius: 10px; margin-bottom: 35px; margin-right: 35px;}
.reason_row .list .item:nth-child(3n+0){margin-right: 0px;}
.reason_row .list .item img{ display: block; height: 135px; margin: 10px auto; }
.reason_row .list .item h2{ font-size: 30px; line-height: 60px; }
.reason_row .list .item .desc{ color: #999999; line-height: 30px; font-size: 20px;}


.sxsj_box{ width: 420px; height: 170px; padding: 40px; border-radius: 30px; position: absolute; z-index: 1000; background-color: #FFFFFF; margin-left: 0px; margin-top: 50px; }
.sxsj_box .icon_syh{ width: 77px; height: 45px; display: block; background: url(../images/school/icon_syh.png) no-repeat; position: absolute; right: 70px; top: -25px;}
.sxsj_box .word{ line-height: 30px; height: 120px; font-size: 20px; font-weight: bold; }
.sxsj_box .name,.sxsj_box .info{ line-height: 25px; color: #999999; font-size: 14px; }


.apple-retail { width: 100%; min-width:1400px; margin: 30px 0;}
.swiper-slide {	text-align: center; padding: 0 15px; width: 640px;}
.swiper-slide.swiper-slide-active{ }
.inner figure {	width: 100%;}
.inner figure img {	width: 640px; height:320px; border-radius: 30px;}
.gallery-item-desc { display: none; }


.swiper-slide-prev .gallery-item-desc {	transform: translateX(-70px);}
.swiper-slide-next .gallery-item-desc {	transform: translateX(70px);}
.swiper-slide-active .gallery-item-desc {opacity: 1;transform: translateX(0);}

.swiper-button-next, .swiper-button-prev {top: 40%;background-color: rgba(210,210,210,.6);	background-size: 15px 15px;	border-radius: 50%;width: 52px;height: 52px;transition: all .5s;outline: none;opacity: 0;}
.mouse-hover .swiper-button-next, .mouse-hover .swiper-button-prev {opacity: 1;}
.swiper-button-next:hover, .swiper-button-prev:hover {background-color: rgba(210,210,210,.8);}
.swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");	right: calc(100vw/2 - 630px);}
.swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); left: auto;	right: calc(100vw/2 - 550px);}
.swiper-container .swiper-button-next.swiper-button-disabled, .swiper-container .swiper-button-prev.swiper-button-disabled {opacity: 0.5;}
.swiper-container{ margin-left: 160px;}
.swiper-container::before{position: absolute; left: -380px;   top: -10%; content: '';width:calc(100vw/2); min-width:calc(1300px/2);  height: 120%;background: #f5f5f5;z-index: 999;}

.container{ width: 1300px; margin: 0px auto; padding: 0px 50px; overflow: hidden; }


.notice{}
.notice .title,.flow .title{ height: 100px; line-height: 100px; font-size: 26px; font-weight: bold; }
.notice .box{ padding:30px 50px; background-color: #FFFFFF; border-radius: 30px;}
.notice .box .row{ display: block; line-height: 50px; position: relative; font-size: 16px; }
.notice .box .row .col{ display: inline-block;}
.notice .box .row .date{ display: block; position: absolute; right: 0px; top: 0px;}

.notice .box.rowbg .row{ padding-left: 20px;}
.notice .box.rowbg .row:nth-child(even){ background-color: #F5F5F5;}

.flow{}
.flow .img{ display: block; margin: 0px auto;}


.details{ line-height: 25px; }
.details h2{ font-size: 40px; line-height: 50px; text-align: center; font-weight: 500; }
.details .desc{ color: #999999; height: 50px; line-height: 50px; text-align:center ;}
.details p{ padding: 10px 0px; text-indent: 2em;}
.details p img{ display: block; margin: 0px auto;}


.sidebar{ width: 260px; padding: 20px; float: left; background-color: #FFFFFF; border-radius: 10px;}
.sidebar .menu{ position: relative; }
.sidebar .menu .name{ height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; cursor: pointer;}
.sidebar .menu .name::before{ width: 18px; height: 18px; background: url(../images/school/icon_open.png) no-repeat 0px 0px; content: ''; position: absolute; right: 10px; top: 9px;}
.sidebar .menu .name.active::before{background-position: 0px -18px;}
.sidebar .menu .submenu{}
.sidebar .menu .subname{ display: block; cursor: pointer; line-height: 36px; font-size: 16px;  color: #999999; padding-left: 30px; position: relative;}
.sidebar .menu .subname::before{ width: 18px; height: 18px; background: url(../images/school/icon_sel.png) no-repeat 0px -18px; content: ''; position: absolute; left: 6px; top: 9px;}
.sidebar .menu .subname.active::before{background-position: 0px 0px;}

.content{ width: 900px; padding: 30px; float: right; background-color: #EEEEEE; border-radius: 10px; }
.content .title{ height: 40px; }
.content .desc{ line-height: 35px; font-size: 16px; color: #999999; padding-bottom: 20px;}
.content .subtitle{ height: 50px; line-height: 50px ;font-size: 16px; font-weight: bold;}

.postlist{}
.postlist .item{ display: block; padding: 20px; border-radius: 10px; background-color: #FFFFFF; margin-bottom: 30px;}
.postlist .item .name{ line-height: 40px; line-height: 40px; font-size: 18px; font-weight: 500;}
.postlist .item .info{ line-height: 40px; line-height: 40px; font-size: 16px; padding-bottom: 10px;}
.postlist .item .address{ line-height: 30px; font-size: 16px; color: #999999;}


.postdetails{ padding-top: 120px;}
.postdetails h2{ font-size: 30px; line-height: 80px; font-weight: 500;}
.postdetails .desc{ line-height: 50px; font-size: 16px;}
.postdetails .subtitle{ font-size: 22px; line-height: 80px;}
.postdetails .text{ font-size: 16px; line-height: 35px;}


.tablist{ width: 480px; height: 40px; padding: 5px; background-color: #e6e6e6; border-radius: 50px; margin: 0px auto; position: relative; }
.tablist .item{ width: 160px; height: 40px; font-size: 18px; line-height: 40px;  text-align: center; border-radius: 40px; float: left; cursor: pointer; position: relative; z-index: 2;}
.tablist .item.active{ color: #FFFFFF; }
.tablist .itembg{ width: 160px; height: 40px; border-radius: 40px; position: absolute; background-color: #0052d9; left: 5px; top: 5px; z-index: 1; }


.itembox{ }
.itembox .title{ padding: 50px 0px; }
.itembox .info{ padding: 50px;  border-radius: 20px; line-height: 40px; font-size: 16px;}
.itembox .info>p{ text-indent: 2em;}
.itembox .info>img{ width: 100%;}

.itembox .addritem{ padding-bottom: 40px; position: relative; }
.itembox .addritem .text{ width: 360px; line-height: 36px; font-size: 16px; position: absolute; left: 56px; top: 80px;}
.itembox .addritem:nth-child(even) .text{ right: 56px; left: auto;}

.welfare{ padding-top: 60px;}
.welfare .wrow{ overflow: hidden; padding: 0px 90px 60px 90px; position: relative;}
.welfare .wrow .img{ width: 550px; float: left; position: relative; }
.welfare .wrow .img .word{ position: absolute; top: 30px; left: 30px; padding: 20px; z-index: 3;}
.welfare .wrow .img .word .subtitle{ line-height: 40px; font-weight: bold; font-size: 22px; color: #FFFFFF; text-shadow: #999 1px 0 0, #999 0 1px 0, #999 -1px 0 0, #999 0 -1px 0;}
.welfare .wrow .img .word .text{ line-height: 30px; font-size: 18px; color: #FFFFFF; text-shadow: #999 1px 0 0, #999 0 1px 0, #999 -1px 0 0, #999 0 -1px 0;}
.welfare .wrow .img .numbox{ width: 100px; height: 210px; border-radius: 5px; position: absolute; left: -90px; bottom: 0px; background-color: #c4d4ef; color: #0052d9; z-index: 1;}
.welfare .wrow .img .numbox>span{ width: 100px; font-size: 60px; text-align: center; font-family: "黑体"; font-weight: bold; display: block; position: absolute; bottom: 0px; }
.welfare .wrow .img>img{ width: 550px; display: block; margin: 0px; padding: 0px; border-radius: 10px; position: relative;  z-index: 2;}
.welfare .wrow .winfo{ width: 540px; float: right;}
.welfare .wrow .winfo .row{ padding: 15px; border-bottom: solid 1px #DDDDDD; }
.welfare .wrow .winfo .row:first-child{ padding-top: 0px;}
.welfare .wrow .winfo .row .subtitle{ line-height: 40px; font-weight: bold; font-size: 18px;}
.welfare .wrow .winfo .row .text{ line-height: 30px; font-size: 16px;}


.welfare .wrow:nth-child(even) .img{ float: right;}
.welfare .wrow:nth-child(even) .winfo{ float: left;}
.welfare .wrow:nth-child(even) .img .numbox{ right: -90px; left: auto; background-color: #f3d5c5; color: #ea5504;}


/***弹出层***/
.showbox{ width: 900px; border-radius: 5px; overflow: hidden; position: fixed; left:50%; margin-left: -450px; top: 100px; z-index: 9999; background-color: #FFFFFF; display: none;} 
.showbox .title{ height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; color: #FFFFFF; background-color: #FF7C00; position: relative;}
.showbox .title>.btn_close{ width: 37px; height: 37px; background: url(../images/images.png) no-repeat -320px -80px; display: block; position: absolute; top: 7px; right: 7px; cursor: pointer;}
.showbox .form{ padding: 20px 50px; overflow: hidden;}
.showbox .form>li{padding: 15px 0px 15px 90px; position: relative; line-height: 30px; float: left;}
.showbox .form>li.l_u_4{ *width:181px; }
.showbox .form>li>label{ width: 85px; height: 30px;  display: block; position: absolute; left: 0px; top: 15px; text-align: right; }
.showbox .form>li>.txt{ width: 140px; height: 30px; line-height: 30px; border: solid 1px #DDDDDD; padding-left: 10px; }
.showbox .form>li>.textarea{ width: 680px; height: 200px; line-height: 24px; padding-left: 10px; border: solid 1px #DDDDDD; }


.btn_apply,.btn_sumbit,.btn_big{ width: 200px; height: 60px; padding-left: 40px; border-radius: 3px; cursor: pointer; line-height: 60px; font-size: 18px;; text-align: center; background-color: #1da8f1; display: block; margin: 0px auto; color:#FFFFFF; position: relative; }
.btn_apply>i{ width: 36px; height: 34px; display: inline-block; block; background:url(../images/images.png) no-repeat -430px 0px; position: absolute; top:13px; left: 60px;}
.btn_apply:hover,.btn_sumbit:hover,.btn_big:hover{ background-color: #1b9de2; color: #FFFFFF;}
.btn_sumbit{  padding-left:0px; height: 50px; line-height: 50px; font-size: 16px; }


#footer{ width: 100%; min-width: 1400px; margin: 0px auto; height: 60px; background-color: #474747; }



/***分页***/
.page{ padding: 50px 0px; height: 40px; text-align: center; font-size: 12px; }
.page>a,.page>span{ display: inline-block; background-color: #FFFFFF; border: solid 1px #DBDBDB; padding:10px; margin-right: 5px; color: #000000;}
.page>a:hover,.page>.current{ background-color: #DBDBDB;}
.page>.prev,.page>.next{ font-family: "新宋体"; padding: 11px 10px 9px 10px; }



/***布局排版***/
.l_u,.l_u_1,.l_u_2,.l_u_3,.l_u_4,.l_u_5,.l_u_6,.l_u_7,.l_u_8,.l_u_9,.l_u_10,.l_u_11,.l_u_12{ box-sizing: border-box; }
.l_u{ width:100%; }
.l_u_1{ width:8.333333%;}
.l_u_2{ width:20%;}
.l_u_3{ width:25%;}
.l_u_4{ width:33.333333%; }
.l_u_5{ width:41.666666%;}
.l_u_6{ width:50%; }
.l_u_7{ width:58.333333%;}
.l_u_8{ width:66.66666%; }
.l_u_9{ width:75%; }
.l_u_10{ width:83.333333%; }
.l_u_11{ width:91.666666%; }
.l_u_12{ width:100%;}


#container{ overflow: hidden; position: relative; }
.left{ float: left;}
.right{ float: right;}
.mainw{ width:1180px; margin: 0px auto;  position: relative; }
.mark,.mark_transparent{ width: 10000px; height: 10000px; background-color: #000000; filter:alpha(opacity=70); opacity:0.7; position: fixed; top: 0px; left: 0px; z-index: 9998; display: none;}
.mark_transparent{ filter:alpha(opacity=60); opacity:0.6;}
.banner{ min-width: 1400px; width: 100%; height: 500px; background-position: center 0px; background-repeat: no-repeat;}
.lbox{ width: 900px; *width: 880px; min-height: 500px; float: left; border-right: solid 1px #DDDDDD; box-sizing: border-box; padding: 30px 20px 0px 0px; *padding-right: 19px;  }
.rbox{ width: 260px; float: right; padding: 30px 0px 30px 20px;}
.rbox>h3{ padding-left: 10px; font-size: 16px; line-height: 40px;}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f26{ font-size: 26px;}
.cgray{ color: #DDDDDD;}
.cred{ color: red;}
.cbase{ color: #e57015;}

::selection {background:#d16919; color:#FFFFFF;}
::-moz-selection {background:#d16919; color:#FFFFFF;}
::-webkit-selection {background:#d16919; color:#FFFFFF;}