@charset "utf-8";

/* reset */

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }

/*table{border-collapse:collapse;border-spacing:0;padding:0; }

caption,th{text-align:left;font-weight:normal; }*/

html,body,fieldset,img,iframe,abbr{ border:0; }

i,cite,em,var,address,dfn{ font-style:normal; }

[hidefocus],summary{ outline:0; }

li{ list-style:none; }

h1,h2,h3,h4,h5,h6,small{ font-size:100%; }

sup,sub{ font-size:83%; }

pre,code,kbd,samp{ font-family:inherit; }

q:before,q:after{ content:none; }

select{ outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; }

input,textarea{ overflow:auto; resize:none; font-family: "Roboto", "微軟正黑體", arial, sans-serif; }

label,summary{ cursor:default; }

a,button{ cursor:pointer; }

h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }

del,ins,u,s,a,a:hover{ text-decoration:none; }

/* CSS Document */

@font-face{

    font-family:"Roboto";

    src:url("Roboto-Light.ttf");

}

/*@font-face{

    font-family:"微軟正黑體";

    src:url("微软黑体.ttf");

}*/



body{ padding:0px; margin: 0px; font-family: "Roboto", "微軟正黑體", arial, sans-serif; color:#111111; }

html,body{ font-size:16px; }

@media only screen and (max-width:1680px){

	html,body{ font-size:14px; }

}

@media only screen and (max-width:1480px){

	html,body{ font-size:12px; }

}

.margin{ margin:0px auto; }

.hidden{ overflow:hidden; }

.width1300{ max-width:1300px; width:90%; }

.bg_q{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; }

img{ max-width:100%; max-height:100%; vertical-align:middle; }

video,textarea{ vertical-align:middle; }

section.i_md{ width:100%; overflow:hidden; position:relative; }

i.md{ position:absolute; margin-top:-6rem; z-index:0; }

/*sj_bg*/

.sj_bg{ position:fixed; top:0; bottom:0; left:0; z-index:9999; width:80%; max-width:27.5rem; opacity:0; margin-left:-80%; transition:all 0.5s ease; }

.sj_bg.x{ opacity:1; margin-left:0px; transition: all 0.5s ease; }

.sj_bg .yj_bg,.sj_bg .erj_bg,.sj_bg .san_bg{ position:absolute; font-size: 1.125rem; line-height: 2; top:0px; left:0px; right:0px; bottom:0px; background-color:#333333; }

.sj_bg .yj_bg{ opacity:1; z-index:2; }

.sj_bg .yj_bg ul,.sj_bg .yj_bg ul li{ overflow:hidden; }

.sj_bg .yj_bg ul{}

.sj_bg .yj_bg ul li{ border-bottom:1px solid #242424; }

.sj_bg .yj_bg ul li.mc{ text-align:center; color:#ffffff; line-height:2.5; }

.sj_bg .yj_bg ul li.so{ margin-left:5%; padding:0.5rem 0.5rem 0.5rem 0px; }

.sj_bg .yj_bg ul li.so div{ padding-right: 2.5rem; border:1px solid #006100; border-radius:4px; overflow:hidden; position:relative; }

.sj_bg .yj_bg ul li.so div input,.sj_bg .yj_bg ul li.so div button{ border:0px; outline:none; font-size:1rem; }

.sj_bg .yj_bg ul li.so div input{ width:100%; padding-left:3%; color:#333333; height: 2rem; line-height:2rem; }

.sj_bg .yj_bg ul li.so div input::-webkit-input-placeholder{ color: #333333; }

.sj_bg .yj_bg ul li.so div button{ position:absolute; top:0px; right:0px; bottom:0px; width:2.5rem; background-color:#006100; color:#ffffff; }

.sj_bg .yj_bg ul li.so div button:hover{ background-color:#004000; }



.sj_bg .yj_bg ul li.c{ margin-left:5%; }

.sj_bg .yj_bg ul li.c a{ display:block; color:rgba(255, 255, 255, 0.85); }

.sj_bg .yj_bg ul li.e{ margin-left:5%; color:rgba(255, 255, 255, 0.85); position:relative; }

.sj_bg .yj_bg ul li.e dl{ border-right:1px solid #242424; width:88%; }

.sj_bg .yj_bg ul li.e i.fa{ position: absolute; right: 0px; top: 0px; padding: 0px 1rem; top: 50%; margin-top: -0.5625rem; color:rgba(255, 255, 255, 0.4); }

.sj_bg .yj_bg ul li.f{ color:#ffffff; margin-left:5%; width:90%; text-align:center; }
.sj_bg .yj_bg ul li.f a{ color:#ffffff; line-height:1.75; }
.sj_bg .yj_bg ul li.m{ text-align:center; padding: 1rem 0px; color:#ffffff; border-bottom:0px; }
.sj_bg .yj_bg ul li.m ol{ margin-bottom:0.1rem; }
.sj_bg .yj_bg ul li.m ol img{ height:5rem; }
.sj_bg .yj_bg ul li.m dd{ font-size:0.75rem; }

.sj_bg .erj_bg{ opacity:0; z-index:0; }

.sj_bg .erj_bg.x{ opacity:1; z-index:4; }

.sj_bg .erj_bg ul,.sj_bg .erj_bg ul li{ overflow:hidden; }

.sj_bg .erj_bg ul.bg{ display:none; }

.sj_bg .erj_bg ul.bg.o{ display:block; }

.sj_bg .erj_bg ul.bg li{ border-bottom:1px solid #242424; }

.sj_bg .erj_bg ul.bg li.t{ text-align:center; color:#ffffff; line-height:2.5; position:relative; }

.sj_bg .erj_bg ul.bg li.t a{ position:absolute; left:0px; top:0px; bottom: 0px; color:#ffffff; padding:0px 1rem; display:flex; align-items:center; }

.sj_bg .erj_bg ul.bg li.t a i{ font-size:1.5rem; }

.sj_bg .erj_bg ul.bg li.c{ margin-left:5%; }

.sj_bg .erj_bg ul.bg li.c a{ display:block; color:rgba(255, 255, 255, 0.85); }

.sj_bg .erj_bg ul.bg li.s{ margin-left:5%; color:rgba(255, 255, 255, 0.85); position:relative; }

.sj_bg .erj_bg ul.bg li.s dl{ border-right:1px solid #242424; width:88%; }

.sj_bg .erj_bg ul.bg li.s i.fa{ position: absolute; right: 0px; top: 0px; padding: 0px 1rem; top: 50%; margin-top: -0.5625rem; color:rgba(255, 255, 255, 0.4); }



.sj_bg .san_bg{ opacity:0; z-index:0; }

.sj_bg .san_bg.x{ opacity:1; z-index:6; }

.sj_bg .san_bg ul.bg,.sj_bg .san_bg ul.bg li{ overflow:hidden; }

.sj_bg .san_bg ul.bg{ display:none; }

.sj_bg .san_bg ul.bg.o{ display:block; }

.sj_bg .san_bg ul.bg li{ border-bottom:1px solid #242424; }

.sj_bg .san_bg ul.bg li.t{ text-align:center; color:#ffffff; line-height:2.5; position:relative; }

.sj_bg .san_bg ul.bg li.t a{ position:absolute; left:0px; top:0px; bottom: 0px; color:#ffffff; padding:0px 1rem; display:flex; align-items:center; }

.sj_bg .san_bg ul.bg li.t a i{ font-size:1.5rem; }

.sj_bg .san_bg ul.bg li.c{ margin-left:5%; }

.sj_bg .san_bg ul.bg li.c a{ display:block; color:rgba(255, 255, 255, 0.85); }



/* top_xx */

.top_xx,.top_xx .width1300,.top_xx .width1300 a.logo,.top_xx .width1300 .logo_xx{ height:8rem; }

.top_xx{ width:100%; background-color:#ffffff;  position: relative; z-index: 99999; }

.top_xx .width1300{ position:relative; }

.top_xx .width1300 a.logo,.top_xx .width1300 .logo_xx,.top_xx .width1300 .so{ display:flex; align-items:center; }

.top_xx .width1300 a.logo{ float:left; }

.top_xx .width1300 a.logo img{ max-height:5.5rem; }



.top_xx .width1300 .logo_xx{ float:left; margin-left:1rem; }

.top_xx .width1300 .logo_xx div{ font-weight:bold; }

.top_xx .width1300 .logo_xx div dd{ color:#00468c; font-size:2rem; }

.top_xx .width1300 .logo_xx div dl{ color:#8b8b8b; margin-top:0.25rem; }



.top_xx .width1300 div.yy{ position:absolute; right:0px; z-index:9; font-size: 1rem; top:1rem; color:#333333; }

.top_xx .width1300 div.yy a{ color:#333333; padding:0px 0.5rem; position:relative; }

.top_xx .width1300 div.yy a:hover{ color:#006100; }

.top_xx .width1300 div.yy a.e img{ position:absolute; width:6rem; max-height:500%; max-width:500%; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); top:2rem; right:0px; display:none; }

.top_xx .width1300 div.yy a.e:hover img{ display:block; }



.top_xx .width1300 .so{ float:right; margin-top:4rem; }

.top_xx .width1300 .so div,.top_xx .width1300 .so div input,.top_xx .width1300 .so div button{ height:2.5rem; }

.top_xx .width1300 .so div{ width:14rem; padding-right: 2.5rem; border:1px solid #175b96; border-radius:4px; overflow:hidden; position:relative; }

.top_xx .width1300 .so div input,.top_xx .so div button{ border:0px; outline:none; font-size:1.125rem; }

.top_xx .width1300 .so div input{ width:95%; padding-left:5%; color:#333333; }

.top_xx .width1300 .so div input::-webkit-input-placeholder{ color: #333333; }

.top_xx .width1300 .so div button{ position:absolute; top:0px; right:0px; bottom:0px; width:2.5rem; height:2.5rem; background-color:#175b96; color:#ffffff; }

.top_xx .width1300 .so div button:hover{ background-color:#004863; }



/*top_bg*/

.top_h,.top_bg{ width:100%; border-top:1px solid #e5e5e5; }

.top_h,.top_bg,.top_bg .width1300,.top_bg .width1300 ul,.top_bg .width1300 ul li,.top_bg .width1300 ul li dd,.top_bg .width1300 ul li dd a{ height:3rem; }

.top_bg{ position:absolute; top:8rem; background-color:#175b96; z-index:999; box-shadow: 0 7px 5px -5px rgba(0, 0, 0, 0.4); }

.top_bg.x{ top:0px; position:fixed; }

.top_bg .width1300{}

.top_bg .width1300 ul{ display: flex;  justify-content: space-between; }

.top_bg .width1300 ul li{  font-size:1.125rem; line-height:3rem; }

.top_bg .width1300 ul li div.t{  }

.top_bg .width1300 ul li div.t a{ display:block; text-align:center; color:#ffffff; padding:0px 1rem; position:relative; }

.top_bg .width1300 ul li div.t a:hover{ color:#FFFF00; }

.top_bg .width1300 ul li div.t a i.fa{ font-size: 1.5rem; margin-left:0.25rem; }

.top_bg .width1300 ul li div.f{ position:absolute; min-width:15rem; background-color:rgba(23,91,150,0.95); display:none; box-shadow: 1px 2px 6px rgba(0, 0, 0, .5); }

.top_bg .width1300 ul li:hover div.f{ display:block; }

.top_bg .width1300 ul li div.f div{ position:relative; }

.top_bg .width1300 ul li div.f div a{ display:block; padding: 0px 1rem; position: relative; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); color:#ffffff; }

.top_bg .width1300 ul li div.f div a:hover{ color:#FFFF00; background-color:rgba(127,127,127,.1); }

.top_bg .width1300 ul li div.f div a i.fa-angle-right{ position:absolute; right:1rem; top:50%; margin-top:-0.5625rem; }

.top_bg .width1300 ul li div.f div dl{ position:absolute; min-width:15rem; right: 0px; top: 0px; margin-right: -15rem; background-color:rgba(23,91,150,0.95); display:none; box-shadow: 1px 2px 6px rgba(0, 0, 0, .5); }

.top_bg .width1300 ul li div.f div:hover dl{ display:block; }



/* banner */

.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide{ height:34.0625rem; }

.banner{ width: 100%; overflow: hidden; position: relative; }

.banner .swiper-wrapper{ background-color:#c00000; }

.banner .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; z-index:0; }

.banner .swiper-wrapper .swiper-slide.on{ z-index:9; }

.banner .swiper-wrapper .swiper-slide .bg{ position: absolute; left: 0px; right: 0px; bottom: 1rem; z-index:5; text-align:center; }

.banner .swiper-wrapper .swiper-slide .bg div{ display:inline-block; background-color: #333333; border-radius:2rem; padding:0.25rem 1rem; color:#ffffff; font-size:1rem; line-height: 2; font-weight:bold; min-width:6rem; }



.banner div.qh{ position: absolute; z-index: 99; background: RGBA(0, 0, 0, 0.67); width:1.875rem; height:1.875rem; border-radius: 4px; cursor: pointer; top:50%; margin-top:-0.9375rem; }

.banner div.qh:hover{ background-color:#ff9139; }

.banner div.qh_l{ left:1rem; }

.banner div.qh_r{ right:1rem; }

.banner div.qh i{ position:absolute; color: #ffffff; font-size:1.5rem; top:50%; margin-top:-0.75rem; left:50%; margin-left:-0.25rem; }



.banner .page{  width:100%; text-align:center; line-height:0.25rem; padding: 1rem 0px; }

.banner .page span{ display:inline-block; width:0.5rem; height:0.5rem; border-radius:50%; margin:0px 0.25rem; background-color:#000000; opacity:0.5; }

.banner .page span.on{ opacity:1; }





/*h_x*/

.h_x{ width:100%; height:0.5rem; background-color:#e5e5e5; }



/*綠園快訊*/

.breaking-news-ticker{ position:relative; margin: 2rem auto; height:3.5em; line-height:3.5em; border:1px solid rgba(206,37,37,.8); border-radius:3px; box-shadow:0 2px 5px -3px rgba(73,73,73,1); }

.breaking-news-ticker .bn-label,.breaking-news-ticker .bn-news,.breaking-news-ticker .bn-controls{ position:absolute; height: 100%; }

.breaking-news-ticker .bn-label{ z-index:3; padding:0px 0.8rem; background-color:#ce2525; font-weight:bold; color:#ffffff; left:0px; }

.breaking-news-ticker .bn-news{ overflow: hidden; }

.breaking-news-ticker .bn-news ul{ left:0px; bottom:0px; position: relative; width: 100%; }

.breaking-news-ticker .bn-news ul li{ color:#333333; width:100%; transition: color .8s linear; display: list-item; float: left; position: relative; width: auto; }

.breaking-news-ticker .bn-news ul li i{ font-weight: 900; color: #E74847; padding-right: .3em; }

.breaking-news-ticker .bn-news ul li span{ color: #AC1616; padding-right: .5em; font-size:0.875rem; opacity: .7; }

.breaking-news-ticker .bn-news ul li a{ color:#16568D; padding: 0px 1em 0px 0.5em; float: left; position: relative; }

.breaking-news-ticker .bn-news ul li a:hover{ color: #AC1616; }



.breaking-news-ticker .bn-controls{ right:0px; bottom:0px; border-left:1px solid rgba(127,127,127,.2); }

.breaking-news-ticker .bn-controls button{ display:block; border: 0px; outline:none; float:left; text-align:center; background-color: rgba(127,127,127,.05); width:2rem; height:100%; font-size:1.5rem; color:#aaaaaa; }

.breaking-news-ticker .bn-controls button:hover{ background-color:#dddddd; }



/*鍵盤操作說明*/

.tabshelp{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0.5); z-index:-1; display:flex; align-items:center; opacity:0; transition: all 0.5s ease; }

.tabshelp.x{ opacity: 1; z-index:9999; transition: all 0.5s ease; }

.tabshelp div.bg{ width:100%; position:relative; text-align:center; }

.tabshelp div.bg ul{ padding: 1rem; background-color:#f5f5f5; min-width:40%; max-width: 90%; display: inline-block; border:1px solid #e3e3e3; border-radius:4px; box-shadow:0 0 10px rgba(0, 0, 0, 0.3); opacity: 0; transform: scale(0.5); transition: all 0.5s ease; }

.tabshelp.x div.bg ul{ opacity: 1; transform: scale(1); transition: all 0.5s ease; }

.tabshelp div.bg ul li.t{ font-size:1.25rem; padding-bottom: 1.25rem; border-bottom:1px dashed rgba(127,127,127,.5); }

.tabshelp div.bg ul li.m{ text-align:left; margin-top:1.25rem; }

.tabshelp div.bg ul li.m dd{ margin-bottom: 0.5rem; color: #006100; font-size:1.25rem; }

.tabshelp div.bg ul li.m dd i{ padding-bottom: 0.25rem; border-bottom: 1px solid rgba(127, 127, 127, .4); }

.tabshelp div.bg ul li.m dl{ font-size:1.125rem; line-height:1.5; }

.tabshelp div.bg ul li.m dl p{ margin-bottom:0.5rem; line-height:2.25; }

.tabshelp div.bg ul li.m dl p span{ background-color:#595959; font-size:0.875rem; color:#ffffff; min-width:3rem; display:inline-block; text-align:center; border-radius:3px; }

.tabshelp div.bg ul li.m dl p span i{ font-size:1rem; padding:0.5rem 0px; }

.tabshelp div.bg ul li.m dl p em{ font-size:0.875rem; opacity:0.7; }

.tabshelp div.bg ul li.b{ text-align:left; border-top:1px dashed rgba(127,127,127,.5); margin-top:1.25rem; padding-top:1.25rem; }

.tabshelp div.bg ul li.b a{ display:inline-block; border-radius:0.25rem; width:6rem; color: #ffffff; overflow: hidden; text-align:center; font-size:1.125rem; line-height:2; background-color:#ac1616; }

.tabshelp div.bg ul li.b a:hover{ background-color:#700e0e; }



/*新聞動態*/

.i_news{ padding:2rem 0px; }

.i_news .top{ overflow:hidden; }

.i_news .top dd{ /*background:url(../images/i_news.png) no-repeat scroll left center;*/ background-size:2.5rem; height:2.5rem; }

.i_news .top dd span{ margin-left: 0rem; display:block; border-bottom:1px solid #d2b2b3; color:#6a0102; font-size:1.5rem; }

.i_news .top dd span i{ color:#6a0102; border-bottom:4px solid #6a0102; margin-bottom:-2px; }



.i_news .top dl{ text-align:right; font-size:1rem; margin-top:3px; }

.i_news .top dl a{ color: #185d01; border: 1px solid #69ff37; background-color: #cfffbf; border-radius: 0.25rem; padding: 0.5rem 0.75rem; display:inline-block; transition: all 0.5s ease; }

.i_news .top dl a:hover{ background-color: #69ff37; transition: all 0.5s ease; }



.i_news .xx{ font-size:0.9375rem; opacity:0.8; line-height:2; margin-bottom:0.5rem; margin-top:0.5rem; }

.i_news .tab-panel{display:none}      /* 默认全藏 */

.i_news .tab-panel.active{display:block} /* 当前显示 */

.i_news .syhome_textscsa{display:none}      /* 默认全藏 */

.i_news .syhome_textscsa.active{display:block} /* 当前显示 */



.i_news .js-tabs{ overflow:hidden; }

.i_news .js-tabs ul.js-tablist,.i_news .js-tabs ul.js-tablist li{ overflow:hidden; }

.i_news .js-tabs ul.js-tablist{ width:100%; margin-bottom:1rem; }

.i_news .js-tabs ul.js-tablist label.sysxx select{ height: 47px;

    padding: 6px 12px;

    background-color: #fff;

    border: 1px solid #d3cfcf;

    color: #3F4254;

    background-clip: padding-box;

    border-radius: 2px;

    float: right;

    width: 7rem;

    text-align: center; }

.i_news .js-tabs ul.js-tablist li{ float:left; margin-bottom:1rem; margin-right: 4px; }

.i_news .js-tabs ul.js-tablist li a{ display:block; border:1px solid #b7dafe; background-color:#e6f2ff; border-radius:4px; padding:0.75rem 0.5rem; transition: all 0.5s ease; outline-color:#ff9933; }

.i_news .js-tabs ul.js-tablist li a:hover{ border:1px solid #81bdfd; background-color:#81bdfd; color: #092c49; transition: all 0.5s ease; }

.i_news .js-tabs ul.js-tablist li a[aria-selected="true"]{ border:1px solid #006b9f; background-color:#006b9f; color: #ffffff; }



.i_news .js-tabs .tabs_content_box{ overflow:hidden; }

.i_news .js-tabs .tabs_content_box [aria-hidden="true"].js-tabcontent{ display: none; }

.i_news .js-tabs .tabs_content_box .js-tabcontent{ overflow:hidden; }

.i_news .js-tabs .tabs_content_box .js-tabcontent h2.invisible{ display:none; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit{ border-bottom:1px solid #e5eefa; border-top:5px solid #7da9e5; background-color:#fafcfe; overflow:hidden; position:relative; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit i.x{ position:absolute; top:0px; bottom:0px; background-color:#b7dafe; width:1px; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit i.x1{ left:6.875rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit i.x2{ right:18rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit i.x3{ right:11.25rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit i.x4{ right:4.5rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit div{ position: relative; color:#003399; font-weight:bold; font-size:1.125rem; line-height: 2; text-align:center; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit div.rq{ position: absolute; left: 0px; width:6.875rem; text-align:center; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit div.bt{ margin-left: 6.75rem; margin-right:17.25rem; padding:0px 0.5rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit div.dw i{  overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit div.dw{ position: absolute; right: 4.5rem; top: 0px; width:6.75rem; text-align:center;}

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit div.lb{ position: absolute; right: 11.25rem; top: 0px; width:6.75rem; text-align:center; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .tit div.yl{ position: absolute; right: 0px; top: 0px; width:4.5rem; text-align:center; }



.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb,.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li{ overflow:hidden; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb{ min-height:20rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li{ position:relative; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li:hover{ background-color:#e5e5e5 !important; transition: all 0.5s ease; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div{ padding:0.5rem 0px; font-size:1.125rem; line-height:1.75; position:relative; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div span.sj{ display:none; font-weight: bold; color:#009900; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.x{ position: absolute; top: 0px; bottom:0px; display:flex; align-items:center; text-align:center; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.x i,.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.x a{ display:block; width:100%; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div a{ color:#16568D; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div a:hover{ color:#AC1616; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.rq{ left: 0px; color: #111111; width:6.875rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.dw{ right: 4.5rem; color: #111111; width:6.875rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.dw i{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.bt{ margin-left:6.75rem; margin-right:17.25rem; padding:0.25rem 0.5rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.bt a span{ margin-right:0.25rem; padding:0.25rem 0.5rem; min-width:1.5rem; text-align:center; font-size:0.75rem; color:#ffffff; border-radius:4px; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.bt a span.dz{ background-color:#dc3232; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.bt a span.zy{ background-color:#006100; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.bt a span.zan{ background-color:#720688; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.bt a span.gzan{ background-color:#ac1616; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.bt a span.zz{ background-color:#175b96; }



.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.lb{ right: 11.25rem; width:6.75rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.yl{ right: 0px; color: #111111; width:4.5rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent ul.lb li div.yl i{ font-size:0.875rem; opacity:0.8; }



.i_news .js-tabs .tabs_content_box .js-tabcontent .more{ text-align:right; border-top:2px solid #b2ccf0; margin-top:0.5rem; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .more a{ display:inline-block; margin-top:0.5rem; padding: 0px 0.75rem; font-size: 0.9375rem; color: #333333; height:2rem; line-height:2rem; background-color:#f9cb33; border-radius:4px; }

.i_news .js-tabs .tabs_content_box .js-tabcontent .more a:hover{ background-color:#e1b006; }



.js-tabs .moregd{ float: right;margin-top: 1.5rem; }

.js-tabs .moregd a{ display:inline-block; margin-top:0.5rem; padding: 0px 0.75rem; font-size: 0.9375rem; color: #333333; height:2rem; line-height:2rem; background-color:#f9cb33; border-radius:4px; }

.js-tabs .moregd a:hover{ background-color:#e1b006; }



/*foot_bg*/

a.fh{ position:fixed; right:1rem; bottom:4rem; z-index:999; height:3rem; overflow: hidden; border-radius:0.5rem; background-color:#404040; color:#ffffff; }

a.fh:hover{ background-color:#175b96; }

a.fh i.fa{ padding:0px 0.55rem; font-weight: bold; font-size:3rem; }



.foot_bg{ overflow:hidden; width:100%; background-color:#333333; }

.foot_bg .width1300{ padding:2rem 0px; position:relative; }

.foot_bg .width1300 div.e,.foot_bg .width1300 div.r{  position:absolute; top:2rem; bottom:2rem; display:flex; align-items:center;  }

.foot_bg .width1300 div.e{ width:8%; left:0px; }



.foot_bg .width1300 div.l{ min-height: 7rem; margin-left:11%; margin-right: 15%; color:#ffffff; font-size:1.125rem; line-height:1.75; }

.foot_bg .width1300 div.l a{ color:#ffffff; }

.foot_bg .width1300 div.l a:hover{ color:#FFFF00; }



.foot_bg .width1300 div.r{ right: 0px; width:11%; }



/*ny_xx*/

.ny_xx{ padding:1rem 0px 2rem; }

.ny_xx .tit{ font-size:1.125rem; line-height:1.8; }

.ny_xx .tit a{ color:#16568D; }

.ny_xx .tit a:hover{ color:#AC1616; }

.ny_xx .ny_bg{ overflow:hidden; margin-top:2.5rem; min-height:80vh; }

.ny_xx .ny_bg .ny_l{ overflow:hidden; float:left; width:23%; }

.ny_xx .ny_bg .ny_l div.bg{ border:1px solid #b2d1dd; margin-bottom:2rem; }

.ny_xx .ny_bg .ny_l div.bg div.t{ background:url(../images/ny_left.png) no-repeat scroll 0.5rem center #004863; background-size:1.5rem auto; padding-left: 2.5rem; font-size:1.2rem; line-height:2.2; color: #ffffff; }

.ny_xx .ny_bg .ny_l div.bg div.t span{ display:block; padding-left: 0.5rem; background-color: #00678e; }

.ny_xx .ny_bg .ny_l div.bg ul.lm{ overflow:hidden; border-bottom:0.375rem solid #cce0e8; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li{  }

.ny_xx .ny_bg .ny_l div.bg ul.lm li a{ display:block; font-size: 1rem; padding:0.5rem; margin: 3px 0px; color:#16568D; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li a:hover{ background-color:#e5e5e5; transition: all 0.5s ease; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li.on a,.ny_xx .ny_bg .ny_l div.bg ul.lm li a:hover{ color:#AC1616; }



.ny_xx .ny_bg .ny_l div.bg ul.lm li a i.fa{ margin-right:0.5rem; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li a i.s{ font-size:0.75rem; opacity:0.8; margin-left:0.25rem; }



.ny_xx .ny_bg .ny_l div.bg ul.lm li dd{ position:relative; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li dd i.x{ position:absolute; z-index:9; top:0px; bottom:0px; right:0px; width:50%; cursor: pointer; }



.ny_xx .ny_bg .ny_l div.bg ul.lm li dl{ display:none; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li.x dl{ display:block; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li dl a{ padding-left:1.5rem; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li.x dl a{ color:#16568D; }

.ny_xx .ny_bg .ny_l div.bg ul.lm li.x dl a.on{ color:#AC1616; }



.ny_xx .ny_bg .ny_r{ overflow:hidden; float:right; width:73%; }

.ny_xx .ny_bg .ny_r .tit{ border-bottom:2px solid #00678e; padding-bottom:0.5rem; padding-left:1.5rem; background:url(../images/ny_tit.png) no-repeat scroll left top; background-size:0.9375rem auto; font-size:1.5rem; line-height:1; margin-bottom:1.5rem; }

.ny_xx .ny_bg .ny_r .dy_xx{ font-size:1.125rem; line-height:2; }

.ny_xx .ny_bg .ny_r .dy_xx a{ color:#111111; text-decoration:underline; }

.ny_xx .ny_bg .ny_r .dy_xx a:hover{ color:#AC1616; }



/*学校简介*/

ul.about_fzls,ul.about_fzls li{ overflow:hidden; }

ul.about_fzls{ font-size:1.125rem; line-height:2; }

ul.about_fzls li{ position:relative; padding-left:1.5rem; }

ul.about_fzls li i{ position:absolute; width:0.5rem; height:0.5rem; border-radius:50%; left:0px; background-color:#111111; top:0.875rem; }



ul.spjj,ul.spjj li{ overflow:hidden; }

ul.spjj{ width:102%; margin-bottom:2rem; min-height:60vh; }

ul.spjj li{ float:left; width:31.333333%; margin-right:2%; margin-bottom:1.5rem; }

ul.spjj li ol{ position:relative; height:15rem; margin-bottom:0.5rem; overflow:hidden; }

ul.spjj li ol i.bg_q{ transition: all 0.5s ease; }

ul.spjj li ol:hover i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }

ul.spjj li ol a{ position:absolute; z-index:9; top:0px; bottom:0px; right:0px; left:0px; background:url(../images/bf.png) no-repeat scroll center; }

ul.spjj li dd{ font-size:1.125rem; line-height:2; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; text-align:center; }



#fade{ display:none; background:#000000; position:fixed; left:0px; top:0px; width:100%; height:100%; opacity:.80;z-index:9999; }

.popupbox{ max-width:60rem; border-radius:0.5rem; padding: 1rem; display:none; position:fixed; top:50%; left:50%;z-index:99999; background:#ffffff; }

.popupbox video{ width:100%; max-height:80vh; }



.popupbox a.tk_gb{ position:absolute; width:2rem; height:2rem; border-radius: 50%; border: 4px solid #ffffff; background:url(../images/gb.png) no-repeat scroll center #777777; right: 0px; top: 0px; margin-right: -2rem; margin-top: -2rem; background-size:1rem;}

.popupbox a.tk_gb:hover{ background-color:#AC1616; }



/*新聞動態*/

ul.xw_lb,ul.xw_lb li{ overflow:hidden; }

ul.xw_lb{ min-height:80vh; margin-bottom:2rem; }

ul.xw_lb li{ position:relative; }

ul.xw_lb li:hover{ background-color:#e5e5e5;transition: all 0.5s ease; }

ul.xw_lb li.t{ border-bottom:1px solid #e5eefa; border-top:5px solid #7da9e5; background-color:#fafcfe; }

ul.xw_lb li.t:hover{ border:2px solid rgba(0, 0, 0, 0); border-top:5px solid #7da9e5; border-bottom:1px solid #fafcfe; }

ul.xw_lb li.t i.x{ position:absolute; top:0px; bottom:0px; background-color:#b7dafe; width:1px; }

ul.xw_lb li.t i.x1{ left:8rem; }

ul.xw_lb li.t i.x2{ right:19.5rem; }

ul.xw_lb li.t i.x3{ right:11.5rem; }

ul.xw_lb li.t i.x4{ right:4.5rem; }

ul.xw_lb li.t{ text-align:center; }



ul.xw_lb li div{ position: relative; color:#003399; font-size:1.125rem; line-height: 2; }

ul.xw_lb li div span.sj{ display:none; font-weight: bold; color:#009900; }

ul.xw_lb li div.rq{ position: absolute; left: 0px; width:8rem; text-align:center; font-weight:bold; }

ul.xw_lb li div.dw{ position: absolute; top: 0px; right: 4.5rem; width:7rem; text-align:center; }

ul.xw_lb li div.dw i{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

ul.xw_lb li div.bt{ margin-left:8rem; margin-right:18.25rem; padding:0px 0.5rem; }

ul.xw_lb li div.lb{ position: absolute; right: 11.25rem; top: 0px; width:8.25rem; text-align:center; }

ul.xw_lb li div.yl{ position: absolute; right: 0px; top: 0px; width:4.5rem; text-align:center; }



ul.xw_lb li div{ padding:0.5rem 0px; }

ul.xw_lb li.t div{ padding:0px; font-weight:bold; color:#003399 !important; }

ul.xw_lb li div.rq{ color: #111111; }

ul.xw_lb li div.dw{ color: #111111; }

ul.xw_lb li div.yl{ color: #111111; }



ul.xw_lb li div.x{ position: absolute; top: 0px; bottom:0px; display:flex; align-items:center; text-align:center; }

ul.xw_lb li div.x i,ul.xw_lb li div.x a{ display:block; width:100%; }

ul.xw_lb li div a{ color:#16568D; }

ul.xw_lb li div a:hover{ color:#AC1616; }



ul.xw_lb li div.bt a span{ margin-right:0.25rem; padding:0.25rem 0.5rem; min-width:1.5rem; text-align:center; font-size:0.75rem; color:#ffffff; border-radius:4px; }

ul.xw_lb li div.bt a span.dz{ background-color:#dc3232; }

ul.xw_lb li div.bt a span.zy{ background-color:#006100; }

ul.xw_lb li div.bt a span.zan{ background-color:#720688; }

ul.xw_lb li div.bt a span.gzan{ background-color:#ac1616; }

ul.xw_lb li div.bt a span.zz{ background-color:#175b96; }



ul.xw_lb li div.yl i{ font-size:0.875rem; opacity:0.8; }



/*新聞動態详情*/

.ny_xx .ny_bg .ny_l div.bg ul.xgnr,.ny_xx .ny_bg .ny_l div.bg ul.xgnr li{ overflow:hidden; }

.ny_xx .ny_bg .ny_l div.bg ul.xgnr{ border-bottom:0.375rem solid #cce0e8; }

.ny_xx .ny_bg .ny_l div.bg ul.xgnr li{ border-top:1px dashed #a5a5a5; margin-top:-1px; }

.ny_xx .ny_bg .ny_l div.bg ul.xgnr li ol{ padding:0.5rem 0.5rem 0px; }

.ny_xx .ny_bg .ny_l div.bg ul.xgnr li ol i{ font-weight: bold; color:#00678e; margin-right:0.5rem; }

.ny_xx .ny_bg .ny_l div.bg ul.xgnr li dd a{ display:block; font-size: 1rem; padding:0.5rem; margin: 3px 0px; color:#16568D; }

.ny_xx .ny_bg .ny_l div.bg ul.xgnr li dd a:hover{ color:#AC1616; background-color:#e5e5e5; transition: all 0.5s ease; }



ul.xw_show,ul.xw_show li{ overflow:hidden; }

ul.xw_show{ border:1px solid #e5e5e5; }

ul.xw_show li{ border-bottom:1px solid #e5e5e5; padding-left:6rem; position:relative; }

ul.xw_show li.fj{ border-bottom:0px; }

ul.xw_show li div{ font-size:1.125rem; line-height:1.75; padding:0.55rem; overflow:hidden; }

ul.xw_show li div.l{ position:absolute; top:0px; left:0px; bottom:0px; color:#660000; font-weight:bold; }

ul.xw_show li div.r{ min-height:2rem; border-left:1px solid #e5e5e5; }

ul.xw_show li.fj div.r a{ display:block; color:#134b7d; padding-left:1.5rem; background:url(../images/fj2.png) no-repeat scroll left 0.5rem; background-size:1rem; }

ul.xw_show li.fj div.r a:hover{ color:#ac1616; }



.show_qt{ margin-top:1rem; }

.show_qt div{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; font-size:1.125rem; line-height:2; }

.show_qt div i{ color:#00678e; }

.show_qt div a{ color:#16568D; }

.show_qt div a:hover{ color:#AC1616; }



/*作息時間表*/

ul.yey_sjb,ul.yey_sjb li{ overflow:hidden; }

ul.yey_sjb{}

ul.yey_sjb li{ margin-bottom:1rem; }

ul.yey_sjb li div{ float: left; text-align: center; min-height: 2.25rem; font-size:1.125rem; line-height:2; width:14.28%; }

ul.yey_sjb li.t{ border-bottom:1px solid #e5eefa; border-top:5px solid #7da9e5; background-color:#fafcfe; }

ul.yey_sjb li.t div{ color:#003399; }

ul.yey_sjb li.c div.d1{ font-weight:bold; color:#16568D; }

ul.yey_sjb li.c1 div.d2{ width:71.4%; }



/*資料下載*/

ul.xz_lb,ul.xz_lb li{ overflow:hidden; }

ul.xz_lb{ min-height:80vh; margin-bottom:2rem; }

ul.xz_lb li{ position:relative; }

ul.xz_lb li:hover{ background-color:#e5e5e5; transition: all 0.5s ease; }

ul.xz_lb li.t{ border-bottom:1px solid #e5eefa; border-top:5px solid #7da9e5; background-color:#fafcfe; }

ul.xz_lb li.t:hover{ border:2px solid rgba(0, 0, 0, 0); border-top:5px solid #3f9e7d; border-bottom:1px solid #92cdae; }

ul.xz_lb li.t i.x{ position:absolute; top:0px; bottom:0px; background-color:#b7dafe; width:1px; }

ul.xz_lb li.t i.x1{ left:4rem; }

ul.xz_lb li.t i.x2{ right:7rem; }

ul.xz_lb li.t{ text-align:center; }

ul.xz_lb li div{ font-size:1.125rem; line-height: 2; }

ul.xz_lb li.t div{ color:#003399; }

ul.xz_lb li div.bh{ position: absolute; left: 0px; top:0px; width:4rem; text-align:center; font-weight:bold; }

ul.xz_lb li div.bt{ position: relative; margin-left:4rem; margin-right:7rem; padding:0px 0.5rem; }

ul.xz_lb li div.bt a{ color:#16568D; }

ul.xz_lb li div.bt a:hover{ color:#AC1616; }

ul.xz_lb li div.rq{ position: absolute; right: 0px; top:0px; width:7rem; font-weight:bold; text-align:center; }



/*友情鏈接*/

ul.yqlh,ul.yqlh li{ overflow:hidden; }

ul.yqlh{ width:102%; min-height:80vh; margin-bottom:2rem; }

ul.yqlh li{ float:left; position:relative; margin-bottom:1.5rem; width:31.333%; margin-right:2%; height:12rem; }

ul.yqlh li img{ width:100%; height:100%; }

ul.yqlh li a{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:9; opacity:0; background-color:rgba(14,129,95,0.5); display:flex; align-items:center; transition: all 0.5s ease; }

ul.yqlh li a:hover{ opacity:1; transition: all 0.5s ease; }

ul.yqlh li a i{ display:block; padding:0px 5%; width:90%; text-align:center; font-size:1.125rem; line-height:1.75; color:#ffffff; }



/*Q&A*/

ul.wd,ul.wd li{ overflow:hidden; }

ul.wd{ min-height:80vh; margin-bottom:2rem; }

ul.wd li{ margin-bottom:1rem; }

ul.wd li dd{ font-size:1.5rem; font-weight:bold; padding-left:2rem; position:relative; }

ul.wd li dd span.b{ position:absolute; left:0px; top:0; }

ul.wd li dl{ margin-top:0.5rem; font-size:1.125rem; line-height:1.75; padding-left:2rem; position:relative; }

ul.wd li dl span.b{ position:absolute; left:0px; }



/*layui-layer-dialog*/

.layui-layer-dialog{ position: fixed; top: 50% !important; }



/*fenye*/

.fenye{ background-color:#faf3e5; text-align: center; padding:0.5rem; }

.fenye i{ display:none; }

.fenye a{ color:#1672ba; }

.fenye a,.fenye span{ display:inline-block; border: 1px solid #bebdbb; background-color: #fefbf7; padding:0.3rem 0.6rem; margin:0px 0.25rem; border-radius:0.25rem; }

.fenye a:hover,.fenye span{ color:#bf1616; }

.fenye a i{ font: normal normal normal 20px/2.5 FontAwesome; }



/*no*/

.no{ background-color:#ffffff; text-align:center; width:100% !important; margin:0px !important; padding:2rem 0px; font-size:2rem; }

.no strong{ color:#ff0000; }



/*w404*/

.w404{ min-height:100vh; display:flex; align-items:center; }

.w404 .c{ width:100%; text-align:center; padding:10vh 0px; }

.w404 .c ol{ margin-bottom:2rem; }

.w404 .c ol img{ max-width:35%; }

.w404 .c dd{ font-size:1.5rem; color:#333333; }

.w404 .c a,.w404 .c a:hover{ transition:all .5s ease; display:block; }

.w404 .c a{ width:80%; max-width:180px; margin:2rem auto 0px; line-height:3; font-size:1rem; color:#ffffff; background-color:#d66f09; }

.w404 .c a:hover{ background-color:#ee7c30; }



/*msg*/

.msg{ padding:6rem 0px; }

.msg div.c{ text-align:center; padding:10vh 0px; }

.msg div.c dd{ text-align:center; font-size:1.5rem; font-weight:bold; }

.msg div.c dl{ margin-top:2rem; font-size:1rem; }

.msg div.c dl a,.msg div.c dl a:hover{ transition:all .5s ease; }

.msg div.c dl a{ display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; line-height:3; color:#f4313f; }

.msg div.c dl a:hover{ background-color:#f4313f; color:#ffffff; }



/*sy*/

.tz_url{float: left;margin-bottom: 1rem;margin-right: 4px;}

.tz_url a{display: block;

    border: 1px solid #b7dafe;

    background-color: #e6f2ff;

    border-radius: 4px;

    padding: 0.75rem 0.5rem;

    color: #111111;

}