@charset "utf-8";
/* CSS Document */
html,body{ width:100%;}
body{ font-family:"微软雅黑","Microsoft YaHei", Arial, sans-serif; font-size:14px; line-height:1.7; color:#333;}
a{ text-decoration:none; color:#333;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clearfix{ *zoom:1}
.clearfix:before,.clearfix:after{ display:table; content:""}
.clearfix:after{ clear:both}

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}
.swiper-container-multirow > .swiper-wrapper{ -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}

/*header*/
.head_pc{ width:100%; background-color:#fff; position:relative;}
.head_pc .box{ width:94%; margin:10px auto;}
.head_pc .box .head_logo{ float:left; height:30px;}
.head_pc .box .head_logo img{ display:block; height:30px;}
.head_pc .box .hui{ float:right; height:30px; line-height:30px; font-size:14px; padding-left:25px; background-image:url(../images/hui_03.png); background-position:left center; background-repeat:no-repeat;}
.head_pc .box .hui a:hover{ color:#0062b0;}
.head_pc .box .hui span{ font-size:12px; color:#fff; margin:0 5px;}
.head_pc .head_list{ padding:10px 3%; border-top:1px solid #ddd; display:flex; justify-content:space-between;}
.head_pc .head_list li{ display:block;}
.head_pc .head_list li a{ display:block; font-size:16px; line-height:26px;}
.head_pc .head_list li:hover a{ color:#0062b0;}
.head_pc .head_list li.active a{ color:#0062b0;}

/*banner*/
.banner{ width:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide a{ display:block; width:100%; position:relative; overflow:hidden;}
.banner .swiper-slide img{ display:block; width:100%;}
.banner .swiper-pagination{ position:absolute; bottom:10px; left:50%; transform:translateX(-50%); z-index:9;}
.banner .swiper-pagination span{ display:block; float:left; margin:0 5px; width:30px; height:5px; background-color:#fff; cursor:pointer; overflow:hidden; border-radius:5px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#0062b0;}

/*热门实验*/
.hbox{ width:100%; padding:30px 0; background-color:#fff;}
.hbox .title{ width:94%; margin:auto;}
.hbox .title .left{ float:left; padding-left:10px; margin-left:-10px; background-image:url(../images/title_15.png); background-position:top left; background-repeat:no-repeat; height:40px;}
.hbox .title .left b{ display:block; float:left; font-size:20px; line-height:40px; height:40px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.hbox .title .left span{ display:block; float:left; margin-left:5px; font-size:16px; line-height:40px; height:40px;}
.hbox .title .left p{ display:block; float:left; margin-left:5px; font-size:16px; line-height:40px; height:40px;}
.hbox .title .more{ float:right; margin:5px 0;}
.hbox .title .more a{ display:block; padding:0 15px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#eee; overflow:hidden;}
.hbox .title .more a:hover{ background-color:#0062b0; color:#fff;}
.hbox .box{ width:100%; margin:auto;}
.hbox .box .swiper-container{ width:94%; padding:15px 10px; margin:auto;}
.hbox .box .swiper-slide{ display:block; overflow:hidden;}
.hbox .box .swiper-slide a{ display:block; overflow:hidden; background-color:#fff;}
.hbox .box .swiper-slide:hover{ box-shadow:0 0 10px rgba(0,0,0,.3);}
.hbox .box .swiper-slide .tu{ width:100%; position:relative; height:29.25vw;}
.hbox .box .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hbox .box .swiper-slide:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.hbox .box .swiper-slide .tu span{ display:block; width:50px; height:24px; line-height:24px; text-align:center; color:#fff; background-color:#0062b0; border-bottom-left-radius:5px; overflow:hidden; position:absolute; right:0; top:0; text-transform:uppercase;}
.hbox .box .swiper-slide .wen{ border:1px solid #ddd; border-top:none; border-bottom:3px solid #ddd; padding:5px 9px;}
.hbox .box .swiper-slide .wen .w01{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.hbox .box .swiper-slide .wen .w02{ font-size:14px; line-height:24px; height:24px;}
.hbox .box .swiper-slide .wen .w02 span{ display:block; float:left; padding-left:22px; background-image:url(../images/hui_26.jpg); background-position:left center; background-repeat:no-repeat; color:#999; width:40%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hbox .box .swiper-slide .wen .w02 p{ display:block; float:right; color:#666; vertical-align:middle; width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right;}
.hbox .box .swiper-slide .wen .w02 p em{ font-style:normal; margin:0 10px; font-size:12px; color:#ccc; display:inline; vertical-align:middle;}
.hbox .box .swiper-slide .wen .w03{ font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.hbox .box .swiper-slide:hover .wen{ border:1px solid #fff; border-top:none; border-bottom:3px solid #0062b0;}
.hbox .box .swiper-slide:hover .w01{ color:#0062b0;}
.hbox .box .swi{ width:100%; position:relative; display:flex;}
.hbox .box .swi .swiper-pagination{ margin:auto; overflow:hidden;}
.hbox .box .swi .swiper-pagination span{ display:block; float:left; margin:0 5px; width:10px; height:10px; background-color:#999; cursor:pointer; overflow:hidden; border-radius:5px;}
.hbox .box .swi .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#0062b0;}

/*实验课程*/
.cbox{ width:100%; padding:30px 0; background-color:#f1f1f1;}
.cbox .title{ width:94%; margin:auto;}
.cbox .title .left{ float:left; padding-left:10px; margin-left:-10px; background-image:url(../images/title_15.png); background-position:top left; background-repeat:no-repeat; height:40px;}
.cbox .title .left b{ display:block; float:left; font-size:20px; line-height:40px; height:40px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.cbox .title .left span{ display:block; float:left; margin-left:5px; font-size:16px; line-height:40px; height:40px;}
.cbox .title .left p{ display:block; float:left; margin-left:5px; font-size:16px; line-height:40px; height:40px;}
.cbox .title .more{ float:right; margin:5px 0;}
.cbox .title .more a{ display:block; padding:0 15px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#fff; overflow:hidden;}
.cbox .title .more a:hover{ background-color:#0062b0; color:#fff;}
.cbox .box{ width:100%; margin:auto;}
.cbox .box ul{ width:100%; display:block; overflow:hidden;}
.cbox .box ul li{ width:45.5%; display:block; float:left; margin-top:15px; margin-left:3%; background-color:#fff; overflow:hidden;}
.cbox .box ul li:nth-child(2n+1){ clear:left; float:left;}
.cbox .box ul li .tu{ width:100%; position:relative; height:29.25vw;}
.cbox .box ul li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box ul li:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.cbox .box ul li .tu span{ display:block; width:50px; height:24px; line-height:24px; text-align:center; color:#fff; background-color:#0062b0; border-bottom-left-radius:5px; overflow:hidden; position:absolute; right:0; top:0; text-transform:uppercase;}
.cbox .box ul li .tu p{ display:block; width:50px; height:24px; line-height:24px; text-align:center; color:#fff; background-color:#f7b400; border-bottom-left-radius:5px; overflow:hidden; position:absolute; right:0; top:0; text-transform:uppercase;}
.cbox .box ul li .wen{ padding:10px;}
.cbox .box ul li .wen .w01{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box ul li .wen .w02{ font-size:14px; height:22px; margin-top:5px;}
.cbox .box ul li .wen .w02 span{ display:block; float:left; font-size:14px; line-height:20px; border:1px solid #0062b0; color:#0062b0; border-radius:5px; padding:0 5px; margin-right:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 12px);}
.cbox .box ul li .wen .w02 p{ display:block; float:left; color:#666; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box ul li .wen .w03{ font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:5px;}
.cbox .box ul li:hover .w01{ color:#0062b0;}

/*智能实验室*/
.ibox{ width:100%; padding:30px 0; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ibox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:rgba(0,98,176,0.8);}
.ibox .title{ width:94%; margin:auto; position:relative; z-index:3;}
.ibox .title .left{ float:left; padding-left:10px; margin-left:-10px; background-image:url(../images/title01_15.png); background-position:top left; background-repeat:no-repeat; height:40px;}
.ibox .title .left b{ display:block; float:left; font-size:20px; line-height:40px; height:40px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; color:#fff;}
.ibox .title .left span{ display:block; float:left; margin-left:5px; font-size:16px; line-height:40px; height:40px; color:#fff;}
.ibox .title .left p{ display:block; float:left; margin-left:5px; font-size:16px; line-height:40px; height:40px; color:#fff;}
.ibox .title .more{ float:right; margin:5px 0;}
.ibox .title .more a{ display:block; padding:0 14px; height:28px; line-height:28px; border:1px solid rgba(255,255,255,0.5); border-radius:30px; text-align:center; color:#fff; overflow:hidden;}
.ibox .title .more a:hover{ background-color:#fff; color:#333; border:1px solid #fff;}
.ibox .box{ width:94%; margin:auto; position:relative; z-index:9;}
.ibox .box .swiper-container{ width:100%; margin-top:15px;}
.ibox .box .swiper-slide{ display:block; overflow:hidden;}
.ibox .box .swiper-slide .tu{ width:100%; position:relative; height:60.42vw;}
.ibox .box .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ibox .box .swiper-slide:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.ibox .box .swiper-slide .tu b{ width:100%; height:100%; position:absolute; left:0; top:0; display:block; overflow:hidden; z-index:1; background-color:rgba(0,0,0,0.7); opacity:0; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ibox .box .swiper-slide:hover .tu b{ opacity:1;}
.ibox .box .swiper-slide .tu em{ width:32px; height:2px; background-color:#fff; z-index:2; display:block; position:absolute; left:-100%; top:50%; transform:translateX(-50%) translateY(-50%);}
.ibox .box .swiper-slide:hover .tu em{ left:50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ibox .box .swiper-slide .tu i{ width:2px; height:32px; background-color:#fff; z-index:2; display:block; position:absolute; top:-100%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ibox .box .swiper-slide:hover .tu i{ top:50%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ibox .box .swiper-slide .wen{ padding-top:15px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ibox .box .swiper-slide .wen .w01{ padding:0 10px; color:#fff; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.ibox .box .swiper-slide .wen .w02{ padding:0 10px; color:#ccc; font-size:14px; line-height:24px; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:5px;}
.ibox .box .swiper-slide .wen .w03{ padding-top:20px; width:100%; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;}
.ibox .box .swiper-slide .wen .w03 b{ width:100%; display:block; height:2px; background-color:rgba(255,255,255,0.5); margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ibox .box .swiper-slide .w04{ width:calc(100% - 20px); margin:9px 10px; margin-bottom:0; height:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ibox .box .swiper-slide .w04 b{ display:block; float:left; font-size:14px; line-height:16px; text-transform:uppercase; color:#ccc;}
.ibox .box .swiper-slide .w04 p{ padding-right:24px; background-image:url(../images/hui.png); background-position:right center; background-repeat:no-repeat; display:block; float:right; font-size:14px; line-height:16px; text-transform:uppercase; color:#ccc;}
.ibox .box .swiper-slide:hover .wen{ padding-top:5px;}
.ibox .box .swiper-slide:hover .w03{ padding-top:5px;}
.ibox .box .swiper-slide:hover .w03 b{ width:calc(100% - 20px); background-color:#fff;}
.ibox .box .swiper-slide:hover .w04{ height:16px;}
.ibox .box .swi{ width:100%; position:relative; display:flex; margin-top:15px;}
.ibox .box .swi .swiper-pagination{ margin:auto; overflow:hidden;}
.ibox .box .swi .swiper-pagination span{ display:block; float:left; margin:0 5px; width:10px; height:10px; background-color:rgba(255,255,255,0.5); cursor:pointer; overflow:hidden; border-radius:5px;}
.ibox .box .swi .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#fff;}

/*footer*/
.footer{ width:100%; background-color:#333;}
.footer .foot{ width:94%; margin:auto; padding-top:25px; padding-bottom:25px;}
.footer .foot .title{ width:100%;}
.footer .foot .title p{ display:block; float:left; font-size:20px; line-height:30px; color:#999;}
.footer .foot .title em{ display:block; float:left; font-size:16px; line-height:22px; color:#666; margin-left:5px; margin-top:8px;}
.footer .foot .mil{ width:100%;}
.footer .foot .mil .wen{ margin-left:-10px;}
.footer .foot .mil .wen a{ width:36px; height:36px; background-color:rgba(255,255,255,0.3); display:flex; align-items:center; float:left; margin-left:10px; margin-top:10px; border-radius:100%; overflow:hidden;}
.footer .foot .mil .wen a img{ max-width:20px; max-height:20px; display:block; margin:auto;}
.footer .foot .mil .wen a:hover{ background-color:#fff;}
.footer .foot .right{ width:100%; margin-top:15px;}
.footer .foot .right .wen{ width:100%; padding-top:5px;}
.footer .foot .right .wen a{ height:36px; display:block; overflow:hidden;}
.footer .foot .right .wen a img{ display:block; float:left; height:16px; margin-top:15px;}
.footer .foot .right .wen a span{ width:calc(100% - 26px); display:block; float:left; font-size:34px; height:36px; line-height:36px; margin-left:10px; color:#0062b0;}
.footer .foot .right .wen p{ display:block; overflow:hidden; padding-top:1px;}
.footer .foot .right .wen p img{ display:block; float:left; height:16px; margin-top:4px;}
.footer .foot .right .wen p span{ width:calc(100% - 26px); display:block; float:left; font-size:14px; line-height:24px; margin-left:10px; color:#999;}
.footer .bq{ width:100%; background-color:#222;}
.footer .bq .box{ width:94%; padding:10px 3%; line-height:18px; font-size:12px; color:#999;}
.footer .bq .box span{ display:block; text-align:center;}
.footer .bq .box p{ display:block; text-align:center;}
.footer .bq .box a{ color:#999;}
.hei{ width:100%; height:36px;}
.db{ width:100%; background:#0062b0; position:fixed; bottom:0; left:0; display:none; height:36px; z-index:111;}
.db dt{ width:25%; float:left; overflow:hidden;}
.db dd{ width:25%; float:left; overflow:hidden; background-image:url(../images/foot.jpg); background-position:left center; background-repeat:no-repeat;}
.db a{ display:block; width:100%; overflow:hidden; font-size:14px; height:36px; line-height:36px; color:#fff; text-align:center; text-transform:uppercase;}


/*内页*/
.sec{ width:100%; background-size:100% auto; background-position:top center; background-repeat:no-repeat; background-color:#f1f1f1; padding-bottom:30px;}
.sec .main{ width:100%; margin:auto;}
.sec .main .wei{ height:40px; line-height:40px; font-size:14px; width:94%; margin:auto;}
.xuan{ width:94%; box-sizing:border-box; margin:auto; border-radius:5px; background-color:#fff; padding:8px 15px; padding-bottom:20px;}
.xuan .box{ width:100%;}
.xuan a{ display:block; float:left; margin-right:15px; position:relative; font-size:16px; line-height:40px;}
.xuan a b{ display:none; width:20px; height:2px; position:absolute; left:50%; margin-left:-15px; bottom:0; border-radius:4px; overflow:hidden; background-color:#0062b0;}
.xuan a:hover{ color:#0062b0;}
.xuan a.on b{ display:block;}

.sec .main .list{ width:100%; display:block; overflow:hidden;}
.sec .main .list li{ width:45.5%; display:block; float:left; margin-top:15px; margin-left:3%; background-color:#fff; overflow:hidden; border-radius:5px;}
.sec .main .list li:nth-child(2n+1){ clear:left; float:left;}
.sec .main .list li .tu{ width:100%; position:relative; height:29.25vw;}
.sec .main .list li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.sec .main .list li:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.sec .main .list li .tu span{ display:block; width:50px; height:24px; line-height:24px; text-align:center; color:#fff; background-color:#0062b0; border-bottom-left-radius:5px; overflow:hidden; position:absolute; right:0; top:0; text-transform:uppercase;}
.sec .main .list li .tu p{ display:block; width:50px; height:24px; line-height:24px; text-align:center; color:#fff; background-color:#f7b400; border-bottom-left-radius:5px; overflow:hidden; position:absolute; right:0; top:0; text-transform:uppercase;}
.sec .main .list li .wen{ padding:10px;}
.sec .main .list li .wen .w01{ font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.sec .main .list li .wen .w02{ font-size:14px; height:22px; margin-top:5px;}
.sec .main .list li .wen .w02 span{ display:block; float:left; font-size:14px; line-height:20px; border:1px solid #0062b0; color:#0062b0; border-radius:5px; padding:0 5px; margin-right:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 12px);}
.sec .main .list li .wen .w02 p{ display:block; float:left; color:#666; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec .main .list li .wen .w03{ font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top:5px;}
.sec .main .list li .wen .w04{ height:24px;}
.sec .main .list li .wen .w04 p{ display:block; float:right; padding-left:23px; background-image:url(../images/hui_26.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#999;}
.sec .main .list li:hover .w01{ color:#0062b0;}

.sec .main .fanye{ width:100%; margin-top:15px; text-align:center; display:flex; justify-content:center;}
.sec .main .fanye a{ width:30px; height:30px; background-color:#fff; border-radius:5px; display:block; overflow:hidden; line-height:30px; font-size:14px; margin:0 5px;}
.sec .main .fanye a:hover{ color:#0062b0;}
.sec .main .fanye span{ width:30px; height:30px; background-color:#0062b0; color:#fff; border-radius:5px; display:block; overflow:hidden; line-height:30px; font-size:14px; margin:0 5px;}

.box01{ width:94%; box-sizing:border-box; margin:auto; padding:15px; border-radius:5px; background-color:#fff;}
.box01 .zc{ width:100%; background-color:#000; border-radius:5px;}
.box01 .zc video{ width:100%; display:block;}
.box01 .zc img{ width:100%; display:block;}
.box01 .yc{ margin-top:10px; width:100%; position:relative;}
.box01 .yc .z01{ font-size:18px; line-height:28px;}
.box01 .yc .z02{ width:100%; margin-top:5px;}
.box01 .yc .z02 p{ display:block; font-size:14px; line-height:24px;}
.box01 .yc .z03{ font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.box01 .yc .z04{ margin-left:-20px;}
.box01 .yc .z04 p{ display:block; float:left; overflow:hidden; margin-left:20px; margin-top:10px;}
.box01 .yc .z04 p span{ display:block; font-size:24px; line-height:26px; color:#0062b0;}
.box01 .yc .z04 p a{ display:block; font-size:14px; line-height:24px; color:#333;}
.box01 .yc .z05{ width:120px; height:34px; margin-top:10px;}
.box01 .yc .z05 a{ width:100%; display:block; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff; background-color:#0062b0; border-radius:5px; overflow:hidden;}
.box01 .yc .z05 a:hover{ background-color:#f7b400;}

.box02{ width:94%; margin:auto;}
.box02 .zc{ padding:15px; padding-top:5px; background-color:#fff; border-radius:5px; margin-top:15px;}
.box02 .zc a{ width:48%; margin-left:4%; float:left; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:5px; margin-top:10px; height:40px;}
.box02 .zc a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.box02 .zc a strong{ display:block; height:18px; width:18px; overflow:hidden; margin-right:10px;}
.box02 .zc a .img01{ height:18px; display:block;}
.box02 .zc a .img02{ height:18px; display:none;}
.box02 .zc a span{ display:block; font-size:16px; line-height:26px;}
.box02 .zc a:hover{ background-color:#f1f1f1;}
.box02 .zc a.on{ background-color:#0062b0;}
.box02 .zc a.on span{ color:#fff;}
.box02 .zc a.on .img01{ display:none;}
.box02 .zc a.on .img02{ display:block;}

.box02 .yc{ margin-top:15px; padding:15px; background-color:#fff; border-radius:5px;}
.box02 .yc .title{ padding-bottom:11px; background-image:url(../images/title_07.jpg); background-position:left bottom; background-repeat:no-repeat;}
.box02 .yc .title b{ display:block; float:left; width:5px; height:20px; border-radius:5px; background-color:#0062b0; overflow:hidden;}
.box02 .yc .title strong{ display:block; float:left; margin-left:10px; font-size:18px; line-height:20px;}
.box02 .yc .title a{ display:block; float:right; padding-left:21px; background-image:url(../images/back_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:20px;}
.box02 .yc .title a:hover{ color:#0062b0;}

.box02 .yc .wenz{ font-size:14px; line-height:24px; margin-top:15px;}
.box02 .yc .wenz p>img{ margin-top:5px; display:block; max-width:100%; height:auto;}

.box02 .yc .bt{ font-size:16px; line-height:26px; font-weight:bold; margin-top:15px; color:#0062b0;}
.box02 .yc .bt span{ display:block; float:right; font-size:14px; color:#999; font-weight:normal;}
.box02 .yc .bt span a{ color:#0062b0;}
.box02 .yc .td{ padding:10px; background-color:#f1f1f1; margin-top:10px; border-radius:5px;}
.box02 .yc .td b{ display:block; font-size:16px; line-height:26px;}
.box02 .yc .td p{ display:block; overflow:hidden; margin-top:5px; margin-left:-20px;}
.box02 .yc .td p span{ display:block; float:left; margin-left:20px; font-size:14px; line-height:24px;}
.box02 .yc .td p span:last-child{ margin-right:0;}
.box02 .yc .td01{ width:100%;}
.box02 .yc .td01 li{ width:100%; box-sizing:border-box; padding:10px; background-color:#f1f1f1; margin-top:10px; border-radius:5px; overflow:hidden;}
.box02 .yc .td01 li:nth-child(2n+1){ margin-left:0;}
.box02 .yc .td01 b{ display:block; font-size:16px; line-height:26px; padding-bottom:5px;}
.box02 .yc .td01 p{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
.box02 .yc .sj{ width:100%; margin-top:10px;}
.box02 .yc .sj .conBox{ width:100%; margin-top:-10px;}
.box02 .yc .sj .conBox li{ display:block; overflow:hidden; margin-top:10px;}
.box02 .yc .sj .conBox li strong{ width:30px; height:30px; display:block; float:left; border-radius:3px; overflow:hidden;}
.box02 .yc .sj .conBox li strong img{ height:20px; display:block; margin:5px;}
.box02 .yc .sj .conBox li b{ width:2px; height:2px; display:block; float:left; margin:14px 0; overflow:hidden;}
.box02 .yc .sj .conBox li p{ width:calc(100% - 32px); height:30px; display:block; float:left; overflow:hidden; border-radius:3px;}
.box02 .yc .sj .conBox li p a{ display:block; float:left; font-size:14px; line-height:30px; color:#fff; margin-left:20px;}
.box02 .yc .sj .conBox li p span{ display:block; float:right; font-size:14px; line-height:30px; color:#fff; margin-right:10px;}
.box02 .yc .sj .conBox li:nth-child(1) strong,.box02 .yc .sj .conBox li:nth-child(1) b,.box02 .yc .sj .conBox li:nth-child(1) p{ background-color:#0062b0;}
.box02 .yc .sj .conBox li:nth-child(2) strong,.box02 .yc .sj .conBox li:nth-child(2) b,.box02 .yc .sj .conBox li:nth-child(2) p{ background-color:#d97408;}
.box02 .yc .sj .conBox li:nth-child(3) strong,.box02 .yc .sj .conBox li:nth-child(3) b,.box02 .yc .sj .conBox li:nth-child(3) p{ background-color:#4976e8;}
.box02 .yc .sj .conBox li:nth-child(4) strong,.box02 .yc .sj .conBox li:nth-child(4) b,.box02 .yc .sj .conBox li:nth-child(4) p{ background-color:#21a6c2;}
.box02 .yc .sj .conBox li:nth-child(5) strong,.box02 .yc .sj .conBox li:nth-child(5) b,.box02 .yc .sj .conBox li:nth-child(5) p{ background-color:#eba705;}
.box02 .yc .sj .conBox li:nth-child(6) strong,.box02 .yc .sj .conBox li:nth-child(6) b,.box02 .yc .sj .conBox li:nth-child(6) p{ background-color:#339900;}
.box02 .yc .sj .cakeLeft{ width:100%; margin-top:10px; display:flex; align-items:center;}
.box02 .yc .sj .cakeLeft ul{ display:block;}
.box02 .yc .sj .cakeLeft ul li{ display:block; font-size:14px; line-height:24px; overflow:hidden;}
.box02 .yc .sj .cakeLeft ul li b{ width:10px; height:10px; display:block; float:left; border-radius:3px; margin:7px 0; overflow:hidden;}
.box02 .yc .sj .cakeLeft ul li p{ display:block; float:left; margin-left:10px; font-size:14px; color:#858585;}
.box02 .yc .sj .cakeLeft ul li a{ display:block; float:left; margin-left:5px; font-size:14px; color:#858585;}
.box02 .yc .sj .cakeLeft ul li span{ display:block; float:left; margin-left:5px; font-size:14px; color:#858585;}
.box02 .yc .sj .cakeLeft ul li:nth-child(1) b{ background-color:#dd5303;}
.box02 .yc .sj .cakeLeft ul li:nth-child(2) b{ background-color:#46b4e9;}
.box02 .yc .sj .cakeLeft ul li:nth-child(3) b{ background-color:#762983;}
.box02 .yc .sj .cakeRight{ width:100%; height:230px; position:relative;}
.box02 .yc .sj .cakeRight #main{ width:320px; height:320px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}

.box02 .yc .wenz01{ font-size:14px; line-height:24px; margin-top:5px;}
.box02 .yc .wenz01 p>img{ margin-top:5px; display:block; max-width:100%; height:auto;}

.box02 .teacher{ width:100%; display:flex; flex-wrap:wrap;}
.box02 .teacher li{ box-sizing:border-box; padding:5px; background-color:#f1f1f1; margin-top:10px; border-radius:5px; overflow:hidden;}
.box02 .teacher li .tu{ width:90px; height:130px; float:left; margin:5px;}
.box02 .teacher li .tu img{ width:100%; display:block;}
.box02 .teacher li .wen{ width:calc(100% - 110px); float:right; margin:5px 0;}
.box02 .teacher li .wen b{ font-size:16px; display:block; line-height:26px;}
.box02 .teacher li .wen p{ display:block; overflow:hidden; display:flex; font-size:14px; line-height:24px;}
.box02 .teacher li .wen p span{ display:block; flex-shrink:0;}
.box02 .teacher li .wen p a{ display:block; flex-grow:1;}

.box02 .shuju{ width:100%;}
.box02 .shuju p{ width:48%; float:left; height:80px; display:flex; background-color:#f1f1f1; margin-top:10px; border-radius:5px; margin-left:4%; overflow:hidden; float:left; align-items:center; flex-direction:column; text-align:center; justify-content:center; padding:0 10px; box-sizing:border-box;}
.box02 .shuju p:nth-child(2n+1){ margin-left:0;}
.box02 .shuju p span{ display:block; font-size:18px; line-height:28px; color:#0062b0;}
.box02 .shuju p a{ display:block; font-size:14px; line-height:24px; color:#333;}
.box02 .shuju01{ width:100%; margin-top:10px;}

.box02 .yc .ming{ font-size:16px; line-height:26px; margin-top:5px;}

.box02 .yc .ping{ display:block;}
.box02 .yc .ping li{ display:block; border-radius:5px; background-color:#f1f1f1; padding:10px; overflow:hidden; margin-top:10px;}
.box02 .yc .ping li .p01{ font-size:16px; line-height:26px;}
.box02 .yc .ping li .p01 a{ margin-left:20px;}
.box02 .yc .ping li .p02{ font-size:14px; line-height:24px; display:flex;}
.box02 .yc .ping li .p02 span{ display:block; flex-shrink:0; color:#0062b0;}
.box02 .yc .ping li .p02 p{ display:block; flex-grow:1;}
.box02 .pl{ width:100%; padding-top:15px;}
.box02 .pl a{ width:120px; height:34px; line-height:34px; text-align:center; border-radius:5px; margin:auto; display:block; overflow:hidden; background-color:#0062b0; color:#fff; font-size:14px;}
.box02 .pl a:hover{ background-color:#f7b400;}

.box02 .yc .ping01{ display:block;}
.box02 .yc .ping01 li{ display:block; border-radius:5px; background-color:#f1f1f1; padding:10px; padding-right:80px; overflow:hidden; margin-top:10px; position:relative;}
.box02 .yc .ping01 li .p01{ font-size:16px; line-height:26px;}
.box02 .yc .ping01 li .p01 a{ margin-left:20px;}
.box02 .yc .ping01 li .p02{ font-size:14px; line-height:24px; display:flex;}
.box02 .yc .ping01 li .p02 span{ display:block; flex-shrink:0; color:#0062b0;}
.box02 .yc .ping01 li .p02 p{ display:block; flex-grow:1;}
.box02 .yc .ping01 li .p03{ position:absolute; right:10px; top:50%;transform:translateY(-50%);}
.box02 .yc .ping01 li .p03 a{ display:block; width:60px; height:28px; text-align:center; line-height:28px; font-size:14px; color:#fff; overflow:hidden; border-radius:5px; background-color:#0062b0; margin:10px 0;}
.box02 .yc .ping01 li .p03 a:last-child{ background-color:#f7b400;}
.box02 .yc .ping01 li .p03 a:hover{ text-decoration:underline;}
.sec .main .box02 .fanye{ margin-top:15px;}
.sec .main .box02 .fanye a{ background-color:#f1f1f1;}

.box02 .yc .mess{ width:100%; margin-top:10px; display:block;}
.box02 .yc .mess dt{ display:block; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.box02 .yc .mess dt textarea{ display:block; width:100%; box-sizing:border-box; font-size:14px; line-height:24px; height:120px; padding:9px 14px; overflow:auto;}
.box02 .yc .mess dd{ display:block; overflow:hidden; margin-top:15px;}
.box02 .yc .mess dd input{ width:120px; height:34px; line-height:34px; text-align:center; border-radius:5px; display:block; overflow:hidden; background-color:#0062b0; color:#fff; font-size:14px; float:right; cursor:pointer;}
.box02 .yc .mess dd input:hover{ background-color:#f7b400;}
.col-md-left {
  width:39%;
  float:left;
  text-align:right;
  margin-top:10px;
  margin-right:5px;
}
.col-md-right {
    width: 50%;
    float:left;
}
.div_box{ width:90%; margin:10px auto;border:1px;}
.div_box .input{ height:30px; margin:7px 0; width:180px; border-radius:3px; background-color:#eee;border:1px solid #bbb;letter-spacing:1px}
.div_box .radio { height:30px; width:180px; border-radius:3px; background-color:#eee;margin-top:10px}
.div_box .select { height:30px;border:solid 1px #bbb; width:180px; border-radius:3px; background-color:#eee;margin-top:10px}
.div_box .button{ background-color:#0062b0;height:36px;color:#fefefe;cursor:pointer;border-radius:3px;padding:1px 20px 2px 20px;}
.div_box .href{ background-color:#0062b0;height:36px;color:#fefefe;cursor:pointer;border-radius:3px;padding:9px 20px 9px 20px;}
.div_box2{ width:100%; margin:10px auto;border:1px;}
.div_box2 .input{ height:30px; margin:7px 0; width:280px; border-radius:3px; background-color:#eee;border:1px solid #bbb;letter-spacing:1px}
.div_box2 .button{ background-color:#0062b0;height:36px;color:#fefefe;cursor:pointer;border-radius:3px;padding:1px 20px 2px 20px;}
.div_box2 .textarea{width:280px;height:100px;border-radius:3px;font-size:14px;background-color:#eee;border:1px solid #bbb;letter-spacing:1px}
.text-danger {
  color: #a94442;
}
.text-success {
  color: #a9ff42;
}
.table_type1 {border: 1px solid #ccc;cellpadding:0;cellspacing:0;border-collapse:collapse;}
.table_type1 td {border: 1px solid #ccc}
.table_type1 th {border: 1px solid #ccc;font-weight:bold}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.ct-star {
        display: inline-block;
        margin: 0 1px;
        width: 45px;
        height: 40px;
        cursor:pointer;
        background: url(/static/images/staryg.png);
}
.ic-star-off {
        background-position: -49px 0;
}