@charset "utf-8";
* {margin:0;padding:0;border:0;list-style:none;}
body{background:#fff;color:#333;font:14px "微软雅黑";line-height:200%;}
img{border:0;outline:none;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#ed6d00;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.bg {background:url(/uploads/image/yimages/center_bg.jpg) no-repeat center bottom;}
.w1300 {width:1300px;margin:0 auto;}
.w50 {width:650px;}
.w900 {width:900px;_height:500px;min-height:500px;padding-right:30px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w420 {width:420px;}
.h460 {height:460px;}
.h260 {height:260px;}
.h300 {height:300px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt290 {margin-top:290px;}
.mt430 {margin-top:430px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr30 {margin-right:30px;}
.mr32 {margin-right:32px;}
.pt5 {padding-top:5px;}
.pt30 {padding-top:30px;}
.bt{border-bottom:1px dotted #aaa;}

.home_01 {width:580px;overflow:hidden}
.home_02 {width:670px;overflow:hidden}
.home_03 {height:130px;overflow:hidden}
.home_04 {width:410px;overflow:hidden}
.home_05 {width:301px;overflow:hidden}

header {top:0px;position:absolute;width:100%; z-index:10000;}
#header {width:100%;height:109px;background:rgba(0,104,183,0.8);border-bottom:1px solid rgba(255,255,255,.3);}
#header .logo {margin:15px 0;}
#header .top_nav {display:none;width:210px;height:30px;position:absolute;z-index:999;background:rgba(0,0,0,0.6);}
#header .top_nav span {display:block;padding:0 5px;}
#header a:hover .top_nav {display:block;}
.top_links {height:30px; line-height:30px; color:#bad0e7;}
.top_links a {color:#bad0e7;margin:0 12px;}
.top_links a:hover {color:#fff;}
.search {float:right;clear:right;}
.search_form {width:270px;height:38px;border:1px solid #89b7df;margin:20px;display:block;}
.search .search-field {margin:0;width:220px;background:none;line-height:38px;font-size:14px;color:#bad0e7;float:left;display:inline;height:38px;padding:0 5px;}
.search .search-btn {position:relative;background:url(/uploads/image/yimages/search.png) no-repeat center;border-radius:5px;height:36px;width:36px;display:inline;float:right;margin:1px;}
.search .search-btn:hover {background:url(/uploads/image/yimages/search.png) no-repeat center #ff6e35; }

#nav{width:100%;height:50px;position:sticky;top:0;left:0;display:flex;justify-content: center; z-index:9999;margin-top:110px;background:rgba(0,104,183,0.5);}
.menu{overflow:hidden;margin:0 auto;width:1300px;}
.menu li{float:left;overflow:hidden;}
.menu li a{color:#fff;font:18px/50px "微软雅黑", "宋体";text-align:center;width:118px;height:50px;display:block;outline:none;font-weight:500;transition:.2s;-webkit-transition:.2s;-moz-transition:.25s;-o-transition:.2s;}
.menu li a:hover{background:#0068b7; font-weight:700;}
.menu .hover a{background:#0068b7;color:#fff;outline:none;}
.menu li .subnav{margin:0;padding:0;position:absolute;z-index:999;display:none;background:rgba(0,0,0,0.6);}
.menu li .subnav dt a{display:block;min-width:118px;position:relative;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px;background:none; border-radius:0 0;}
.menu li .subnav dt a:hover{background:#ff6e35;color:#fff;font-weight:500;}
/* =header
-------------------------------------------------------------- */
.links {height:80px;font:16px/36px "微软雅黑";}
.links .left {width:294px;height:80px; overflow:hidden;}
.links .left img {width:294px;height:80px;}
.links h3 {font:20px/24px "微软雅黑", "宋体";display:block;width:40px;height:48px;padding:16px 30px;color:#0068b7;font-weight:500;float:left;border-right:3px solid #0068b7;margin-right:25px}
.links h3 span {color:#888;font-weight:100;}
.links ul {padding:4px 0;}
.links li {display:inline;float:left;width:215px;}
.links a:hover {color:#ff6e35;}

#footer {background:#0068b7;color:#fff;margin-top:50px;height:160px;font:300 14px/26px "微软雅黑";}
#footer .logo {margin-top:40px;width:650px;text-align:center;}
#footer .contact {border-right:1px dotted #fff;margin-top:30px;text-align:left;padding-left:20px;float:left;width:629px;}
#footer a{margin-right:15px;color:#fff;}
#footer a:hover {color:#ff6e35;}
#footer .copy {text-align:center;height:30px;}
#footer .code {width:630px;margin-top:30px;padding-left:20px;}
#footer .code_img {width:190px;padding-right:10px;float:left;}
#footer .code_img span {float:left;writing-mode:vertical-lr;writing-mode:tb-lr;font-size:18px;}
#footer .code_img img {width:100px;height:100px;float:left;margin-right:6px;}

#banner {width:100%;min-height:450px;position:absolute; top:0px;}
.banner {width:100%;height:450px;background:url(/uploads/image/yimages/banner.jpg) no-repeat center bottom;}

#container {min-height:680px;_height:680px;}

#sidebar {position:absolute;top:380px;width:290px;}
.tit_title {font-size:24px;text-align:center;height:70px;line-height:70px;border-radius:20px 20px 0 0;color:#fff;background:rgba(0,104,183,0.6);}
.nav_left {border-left:5px solid #ff6e35;background:#ddd;margin-top:3px;}
.nav_left ul li {border-bottom:1px dotted #0068b7;}
.nav_left ul li a {display:block;font:700 18px/50px "微软雅黑", "宋体";text-align:center;height:50px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
.nav_left ul li a:hover {background:#0e70c7; color:#fff; border-left:1px solid #fff;}

#mainbody {width:950px;}
.tot_title {border-bottom:1px dotted #0068b7;height:50px;}
.tot_title h3 {line-height:50px;font-size:30px;color:#0068b7;font-weight:500;float:left;display:inline;height:50px;}
.tot_title span {font-size:20px;font-weight:200;}
#position {height:50px;line-height:50px;float:right;}
.show {margin:0 40px;}

.content {padding:20px 0;font-size:16px;}
.content p {margin:10px 0; text-indent:2em;}
.title {text-align:center;border-bottom:1px dotted #ccc;}
.title h3 {font-size:24px;line-height:60px; font-weight:600;}
.tit_attr {margin-bottom:5px;font-size:14px;color:#666;} 

/**/
.home_title {height:50px;background:#ddd;}
.home_title h3 {font:500 24px/47px "微软雅黑", "宋体";height:47px;padding:0 4px;display:block;color:#2a64a7;border-bottom:3px solid #2a64a7;float:left;}
.home_title .more {float:right;font-size:14px;color:#2a64a7;line-height:24px;padding:0 5px;margin-top:10px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:1s;}
.home_title a:hover {color:#fff;}
.home_title_f {background:none;}
.home_title_f  h3{color:#fff;border-bottom:3px solid #fff;}
.home_title_f .more {color:#fff;}
.home_title_f a:hover {color:#ff6e35;}

.news_list {list-style:none;}
.news_list li {clear:both;height:84px;margin-bottom:17px;}
.news_list li dl {font-size:14px;height:64px;padding-top:20px;line-height:14px;text-align:center;width:84px;float:left;font-weight:100;color:#666;margin-right:20px;background:#eee; border-radius:10px;box-shadow:3px 3px 3px #999;}
.news_list li dl span {font-size:36px;line-height:36px;display:block;font-weight:100;}
.news_list li dt{font:500 18px/34px "微软雅黑";}
.news_list li dd {font-size:14px;color:#666;font-weight:100;line-height:25px;}
.news_list li a:hover {color:#ff6e35;}

.info_list {list-style:none;}
.info_list li {clear:both;margin-bottom:10px;}
.info_list li a {color:#fff;}
.info_list li dt {font:500 18px/34px "微软雅黑";}
.info_list li dt span {float:right;}
.info_list li dd {font-size:14px;color:#a7d9ff;font-weight:100;line-height:30px;padding-bottom:10px;}
.info_list li a:hover {color:#ff6e35;}

.learning {width:219px;height:300px; overflow:hidden;}
.learning a {color:#fff;font-size:16px;line-height:36px;}
.learning a:hover {color:#ff6e35;}
.learning_photo {width:217px;height:144px;border:1px solid #fff;overflow:hidden;}
.learning_photo img{width:217px;height:144px;}

.photo_list {list-style:none;margin:0;}
.photo_list li {display:inline;float:left;width:260px;height:130px;margin:0 30px;text-align:center;}
.photo_list li a {display:block;width:258px;height:128px;border:1px solid #2a64a7;background:#ddd;font-size:16px;line-height:18px;font-weight:700; border-radius:15px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:1s;}
.photo_list li a img {margin:15px 0 5px 0;}
.photo_list li a:hover {border-color:#ff6e35;background:#fff;}
/* common style */
.class_list {margin:0 20px;}
.class_title {height:40px;border-bottom:1px dotted #ccc;}
.class_title h3 {float:left;font:500 20px/38px "微软雅黑", "宋体";color:#0068b7;border-bottom:3px solid #0068b7;}
.class_title .more {float:right;font:200 14px/40px arial, helvetica, sans-serif;}
.class_info {list-style:none;height:240px; overflow:hidden;}
.class_info li {clear:both;}
.class_info li a {}
.class_info li dt {font:500 16px/36px "微软雅黑";}
.class_info li dt span {float:right;color:#999;}
.class_list li a:hover {color:#ff6e35;}

.list {margin:40px;}
.list li {overflow: hidden;width:100%;height:50px;padding:0 5px;border-bottom: 1px dashed #999;transition:all .3s ease;clear:both;}
.list li:hover {height:110px;}
.list li dl {font:200 16px/50px "微软雅黑";color:#888;float:right;}
.list li dt {font:500 16px/50px "微软雅黑";color:#000;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .5s;}
.list li dd {color:#888;font:200 14px/24px "微软雅黑";background:#eee;padding:5px 10px;border-radius:5px;}

.pagechanger{padding:5px; text-align:center; border-top:dotted 1px #333; line-height:30px;}

/*---------------*/
/***** julia *****/
/*---------------*/
figure.effect-julia {background:none;}
figure.effect-julia img {max-width: none;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
figure.effect-julia:hover img {opacity: 0.5;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);}

figure.effect-romeo {-webkit-perspective: 1500px;perspective: 1500px;}
figure.effect-romeo img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-10px,0,200px);transform: translate3d(-10px,0,200px);}
figure.effect-romeo:hover img {opacity: 0.6;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.tot_content {padding:20px 0;line-height:200%;}

.fullslide {position:relative;height:600px;background:none;}
.fullslide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullslide .bd ul {width:100% !important;}
.fullslide .bd li {width:100% !important;height:600px;overflow:hidden;text-align:center;background:center 0 no-repeat}
.fullslide .bd li a {display:block;height:600px;}
.fullslide .bnt {width:100%;position:absolute;z-index:1;bottom:0;left:0;height:100px;line-height:20px;}
.fullslide .bnt ul {width:1300px;margin:0 auto;}
.fullslide .bnt ul li {display:inline;width:258px;float:left;margin:0 1px;overflow:hidden;line-height:70px;text-align:center;}
.fullslide .bnt ul li a {color:#fff;font:18px/70px "微软雅黑";display:block;width:258px;height:70px;margin-top:30px;background:rgba(0,104,183,0.6);transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
.fullslide .bnt ul li a:hover {background:#ff6e35;height:100px;margin:0;}
.fullslide .bnt .bnt_top a {border-radius:20px 0 0;}
.fullslide .bnt .bnt_bootom a {border-radius:0 20px 0 0;}
.fullslide .prev,.fullslide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:0;z-index:1;width:60px;height:60px;background:url(/uploads/image/yimages/arrow.png) -120px -137px #0068b7 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none; border-radius:30px ;}
.fullslide .next {left:auto;right:0;background-position:0px -137px;}

.mf_liuzg{position:relative;width:580px;height:454px;overflow:hidden;font:12px/1.5 verdana,geneva;background:#fff;}
.mf_liuzg .loading{position:absolute;z-index:9999;width:100%;height:390px;color:#fff;text-align:center;background:#2c2c2c;line-height:390px;vertical-align:middle;}
/*载入画面*/
.mf_liuzg .pic li{width:580px;position:relative;overflow:hidden;height:454px;margin:0;}
.mf_liuzg .pic li p{width:580px;position:absolute;}
.mf_liuzg .pic li p a{display:block;}/*图片和焦点图框架一样大小*/
.mf_liuzg .pic li p img{width:580px;height:390px;padding-bottom:64px;}
.mf_liuzg .txt li{position:absolute;z-index:2;bottom:0px;width:580px;height:64px;line-height:64px;overflow:hidden;display:none;}
.mf_liuzg .txt li a{display:block;color:#fff;padding:2px 0 0 16px;font-size:18px;text-decoration:none;}/*标题样式*/
.mf_liuzg .txt-bg{position:absolute;bottom:0px;z-index:1;width:580px;height:65px;overflow:hidden;background:#0068b7;left:0px;}/*标题背景*/
.mf_liuzg .num{position:absolute;z-index:3;bottom:100px;right:8px;color:#333;}/*按钮样式*/
.mf_liuzg .num li{float:left;width:20px;height:20px;position:relative;line-height:20px;text-align:center;margin-right:3px;cursor:pointer;background:#434343;color:#fff;}
.mf_liuzg .num li.current,.mf_liuzg .num li.hover{background:#0071bc;}

.pagechanger{padding:5px; text-align:center; border-top:dotted 1px #333; line-height:30px;}
#roll{width:230px;height:auto; position:absolute; z-index:999;}
#roll img {width:100%;height:auto;}

