@charset "utf-8";
/* CSS Document */
html{ overflow-x:hidden; }
body{margin:0; padding:0; font-size:14px; background-color:#fff; min-width: 1200px;}
a{text-decoration:none; color:#434343;}
a:hover{ color:#6f1685;}


@font-face {
    font-family: 'tt6804m_';
    src: url('../../fonts/en/tt6804m_.eot');
    src: url('../../fonts/en/tt6804m_.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/en/tt6804m_.woff') format('woff'),
         url('../../fonts/en/tt6804m_.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*頭部*/
.header{ width:100%; height:145px; margin:0 auto; background: #6f1685}
.top{width:100%; height:145px; margin:0 auto; }
.top_nav_bg{width:100%;height:35px;background-color:#311338;}
.top_nav{width:1200px;margin:0 auto;height:35px; line-height:35px; text-align:right;}
.top_nav a{display:inline-block; padding:0 7px;  color:#fff; }
.top_nav a.nobg{background:none;}
.top_nav a:hover{ color:#d8ede3;}
.top_nav .top_left {  float: left; }
.logo{ width:1200px;height:129px;margin:5px auto 0;position:relative;}
.logo a { float: left; }
/*.logo a:first-child { margin: 0 25px 0 0; }*/
.logo_link{}
.logo img{}


.top_left { font-size: 13px; color: #946e9d; }
.top_right { float: right;  }
.top_right a { font-size: 13px; color: #946e9d; }
.top_right a:last-child { padding-left:10px; background: url(../../images/en/top_en_03.png) no-repeat left center; }
.top_right a.last { padding:0px; border-left: 1px solid #946e9d; }



.nav{ width:100%;height:55px; line-height:55px; background: url(../../images/en/nav_bg_02.png); position: relative; }
.nav ul{ width:1200px; margin:0px auto;}
.nav ul li{float:left;color:#f6c237; font-size:16px; font-weight:bold;height:55px;line-height:55px; padding:0px 28px; }
.nav ul li:first-child{ background: none;}
.nav ul li a{color:#fddc84; font-size: 16px; font-weight: normal;}
.nav ul li a:hover,.nav ul li.on a,.nav ul li.onn a,.nav ul li .subNav a:hover{color:#f6c237; font-weight: normal;}
.nav ul li .subNav{ top:55px; padding:10px; width:100%; background: url(../../images/en/nav_bg_02.png);}
.nav ul li.on .subNav dl dd { height:auto; line-height:20px; padding:3px 10px 3px 20px; }
.nav ul li.on .subNav dl dd{ color:#f6c237;}
.nav ul li.on .subNav dl dd a { padding:0px; }
.nav ul li.on .subNav dl dd a:hover { font-weight: normal; }

.content{ width:100%; margin:0px auto; background:#fff;  }
/*Banner2 start*/
.main-thumb ul { height: 0px; padding-bottom: 29%; }
.Banner2 ul li {width:100%; position: absolute;top:0;left:0;display: none; }
.Banner2 ul li span { height: 0px; display: block; overflow: hidden; padding-bottom: 32%; }
/*.Banner2 ul li div {width:451px;height:33px;background: url(../../images/en/squ2.png) repeat;line-height: 33px;text-align: center;
	position: absolute;bottom: 0;left:0;}*/
.Banner2 ul li div a {color:#fff;font-size: 14px;}
.Banner2 ul li div a:hover {color:#fff;}
.Banner2 ol {position: absolute; width:1200px;height:72px; left: 50%; margin: 0 0 0 -470px; bottom: 42px;}
.Banner2 ol li { margin: 0 4px; width: 300px; height: 70px; cursor: pointer; float: left; border-width: 1px; border-style: solid; border-color: rgba(255,255,255,.5); position: relative; }
.Banner2 ol li img {  width: 300px; height: 70px; }
.Banner2 ol li.current .shadow{ display: none; }
.shadow { width: 100%; height: 100%; background: rgba(0,0,0,.35); position: absolute; left: 0px; top: 0px; }
.banner_nav { position: relative; }
/*Banner2 end*/



.mode01 { overflow: hidden; width: 1200px; margin: 90px auto; }
.mode01 .lf { width: 584px; float: left; }
.mode01 .rt { width: 565px; float: right; }
.title { overflow: hidden; margin: 0 0 25px 0; }
.t_left { float: left; }
.t_left h2 { font-size: 26px; color: #6f1685; font-family: tt6804m_; }
.t_left p { font-family: 'CenturySchlbkCyrillicBT Bold'; font-size: 12px; color: #bfbfbf; }
.title a { float: right; font-size: 14px; color: #a0a0a0; width: 68px; height: 33px; border: 1px solid #bfbfbf; text-align: center; line-height: 33px; border-radius: 10px; font-family: tt6804m_; }
.College_top { overflow: hidden; }
.co_left { width: 280px; height: 160px; float: left; }
.co_left img { width: 280px; height: 160px; }
.co_right { margin: 0 0 0 300px; }
.co_right a { font-size: 16px; color: #313131; margin: 20px 0 15px 0; display: block; font-weight: bold; }
.co_con { font-size: 12px; color: #898989; line-height: 20px; }
.College_con ul { margin: 23px 0 0 0; }
.College_con ul li { overflow: hidden; margin: 0 0 15px 0; padding: 0 0 0 9px; background: url(../../images/en/cir_03.png) no-repeat left center; }
.College_con ul li span { float: right; font-size: 14px; color: #959595; }
.College_con ul li a { font-size: 14px; color: #434343; }
.dynamics_top dl { overflow: hidden; }
.dynamics_top dl dd { float: left; width: 280px; height: 160px; float: left; position: relative; }
.dynamics_top dl dd:last-child { float: right; margin: 0 0 0 3px; }
.dynamics_top dl dd.last { float: right; margin: 0 0 0 3px; }
.dynamics_top dl dd span { height: 0px; display: block; padding-bottom: 57%; position: relative; }
.dy_con { width: 100%; height: 100%; background: url(../../images/en/zi_03.png); position: absolute; left: 0px; top: 0px; opacity:0; transition:1s; }
.dynamics_top dl dd.current .dy_con { transition:1s; opacity:1; }
.dy_con h3 {font-size: 18px; color: #fff; margin: 44px 20px 0; height: 47px; line-height: 47px; border: 1px solid #fff; width: 237px; text-align: center; }
.dy_con a { font-size: 14px; color: #ffffff; margin: 10px 0 0 0; text-align: center; display: block; }
.dy_con a:hover { font-weight: bold; }
.dynamics_con ul { margin: 23px 0 0 0; }
.dynamics_con ul li { padding: 0 0 0 30px; margin: 0 0 15px 0; background: url(../../images/en/arrow_03.png) no-repeat 3px center; }
.dynamics_con ul li span { float: right; font-size: 14px; color: #959595; }
.dynamics_con ul li a { font-size: 14px; color: #434343; }
.dynamics_con ul li:hover a { color: #6f1684 }
.dynamics_con ul li:hover span { color: #6f1684 }




.wrap_mode02 { width: 100%; height: 685px; background: url(../../images/en/mode02_02.jpg) no-repeat center top; }
.mode02 { width: 1394px; margin: 0 auto; }
.etitle { text-align: center; }
.etitle h2{ font-size: 28px; color: #ffffff; padding: 49px 0 34px 0; font-family: tt6804m_; }
.etitle p {  font-size: 12px; color: #ffffff;  margin: 10px 0 30px 0; }
.etitle a { display: inline-block; font-size: 14px; color: #ffffff; width: 68px; height: 33px; border: 1px solid #ffffff; text-align: center; line-height: 33px; border-radius: 10px;  }
.Banner .slides li { float: left; padding: 40px 54px 0; width: 280px; }
.Banner .slides li:hover { background: #f1f1f1; }
.Banner .slides li a.img_a { overflow: hidden; width: 356px; height: 242px; display: block; }
.Banner .slides li img { transition: 1s; }
.Banner .slides li:hover img { transform: scale(1.2); transition: 1s; }
.til_slides { padding: 25px 0 65px 0; display: block; }
.til_slides h3 { font-size: 18px; }
.s_con { font-size: 13px; color: #898989; margin: 20px 0 20px 0; line-height: 18px; height: 54px; overflow: hidden; }
.til_slides p { font-size: 13px; color: #898989 }
.e_con { margin: 27px 0 0 0; }
.flexslider:hover .flex-prev { width: 30px; height: 55px; background: url(../../images/en/arrow_left_03.png); left: -70px; }
.flex-direction-nav .flex-prev { width: 30px; height: 55px; background: url(../../images/en/arrow_left_03.png); left: -70px; }
.flex-direction-nav .flex-disabled { opacity: 1!important; }
.flexslider:hover .flex-next { width: 30px; height: 55px; background: url(../../images/en/arrow_right_03.png); right: -70px; }
.flex-direction-nav .flex-next { width: 30px; height: 55px; background: url(../../images/en/arrow_right_03.png); right: -70px; }
.flex-direction-nav .flex-disabled { opacity: 1!important; }
.flex-control-nav { display: none; }
.flex-direction-nav a { opacity: 1; }






.mode03 { margin: 130px auto 0; width: 1200px; }
.ttitle { text-align: center; }
.ttitle h2{ font-size: 28px; color: #6f1685; padding: 28px 0 50px 0; font-family: tt6804m_; }
.ttitle p { font-family: 'CenturySchlbkCyrillicBT Bold'; font-size: 12px; color: #6f1685;  margin: 10px 0 30px 0; }
.ttitle a { display: inline-block; font-size: 14px; color: #6f1685; width: 68px; height: 33px; border: 1px solid #6f1685; text-align: center; line-height: 33px; border-radius: 10px;  }
.teaching_con ul { overflow: hidden; margin: 40px -10px 0; }
.teaching_con ul li { float: left; margin: 0 5px; position: relative; overflow: hidden; }
.teaching_con ul li a { overflow: hidden; display: block; }
.teaching_con ul li img { transition: 1s;  }
.teaching_con ul li:hover img { transition: 1s; transform: scale(1.2); }
.tshadow { width: 100%; height: 100%; background: rgba(0,0,0,.55); position: absolute; left: 0px; top: 0px; opacity: 1; transition: 1s; }
.teaching_con ul li:hover .tshadow { opacity: 0; transition: 1s; }


.wrap_mode04{ width: 100%; height: 722px; background: url(../../images/en/mode04_bg_02.jpg) no-repeat center top; }
.stitle { text-align: center; }
.stitle h2{ font-size: 28px; color: #6f1685; padding: 100px 0 50px 0; font-family: tt6804m_; }
.stitle p { font-family: 'CenturySchlbkCyrillicBT Bold'; font-size: 12px; color: #6f1685;  margin: 10px 0 30px 0; }
.stitle a { display: inline-block; font-size: 14px; color: #6f1685; width: 68px; height: 33px; border: 1px solid #6f1685; text-align: center; line-height: 33px; border-radius: 10px;  }
.mode04 { width: 1200px; margin: 0 auto; }
.science ul { margin: 80px -65px 0; overflow: hidden; }
.science ul li { float: left; margin: 0 65px; width: 202px; }
.science ul span { height: 0px; overflow: hidden; }
.sc_con { margin: 25px 0 0 0; text-align: center; }
.sc_con h3 a { font-size: 20px; color: #313131; }
.science ul li:hover .s_con { color: #6f1685; }
.science ul li:hover h3 a { color: #6f1685; }
.science ul li:hover img { box-shadow: 10px 10px 10px rgba(0,0,0,.1); }







.wrap_mode05 { width: 100%; height: 500px; background: url(../../images/en/wrap_mode05_02.jpg) no-repeat center top; }
.mode05 { width: 1200px; margin: 0 auto; }
.admission .atitle { padding: 50px 0 33px 0; }
.admission .atitle h2 { font-size: 28px; color: #ffffff; font-family: tt6804m_; }
.admission .atitle p { font-size: 12px; color: #fffeff; margin: 15px 0 0 0; }
.admission ul { width: 420px; overflow: hidden; }
.adm_con { font-size: 14px; color: #ffffff; width: 380px; line-height: 20px; height: 40px; overflow: hidden; }
.admission ul li { float: left; margin: 0 20px 20px 0; height: 20px; }
.admission ul li a { color: #d1bcd6; transition: 1s; transform: scale(1.0); font-size: 18px;}
.admission ul li a:hover { color: #d1bcd6; transition: 1s; transform: scale(1.2); font-size: 20px; }
.admission p { width: 156px; height: 44px; margin: 40px 0 0 0; }
.admission p a { color: #ffffff; background: #e60012; width: 156px; height: 44px; line-height: 44px; text-align: center; display: block;}
.admission p a:hover { font-weight: bold; }



.mode06 { width: 1200px; margin: 0 auto 100px; }
.wtitle { text-align: center; }
.wtitle h2{ font-size: 28px; color: #6f1685; padding: 130px 0 50px 0; font-family: tt6804m_; }
.wtitle p { font-family: 'CenturySchlbkCyrillicBT Bold'; font-size: 12px; color: #6f1685;  margin: 10px 0 30px 0; }
.wtitle a { display: inline-block; font-size: 14px; color: #6f1685; width: 68px; height: 33px; border: 1px solid #6f1685; text-align: center; line-height: 33px; border-radius: 10px;  }
.world ul { overflow: hidden; margin: 73px 0 0 0; }
.world ul li { float: left; width: 505px; overflow: hidden; padding:0 40px; margin: 0 0 35px 0; }
.w_left { width: 218px; height: 131px; float: left; }
.w_left img { width: 218px; height: 131px; }
.w_right { margin:0 0 0 240px; }
.w_right h3 { font-size: 18px; color: #313131; }
.w_right p { font-size: 14px; color: #959595; margin:5px 0 20px 0; }
.w_con { font-size: 14px; color: #313131; line-height: 20px; height: 40px; overflow: hidden; }









/*底部開始*/
.footer{height:auto; overflow: hidden; background-color:#530f64;color:#fff;}
.footerIn { width: 1200px; margin:0 auto; padding:50px 0 0 0; }
.footer_left { width: 320px; height: 280px; float: left; background: url(../../images/en/line_03.jpg) no-repeat right 20px; }
.footerIn h2 { font-size: 24px; color: #f6c237; font-family: tt6804m_; }
.footer_left ul { overflow: hidden; margin: 35px 0 0 0; }
.footer_left ul li {  float: left; margin: 0 65px 35px 0; }
.footer_left ul li a { font-size: 14px; color: #beb0c3; }
.footer_left1 { float: left; padding: 0 45px 0 35px; height: 280px; background: url(../../images/en/line_03.jpg) no-repeat right 20px;}
.copy { font-size: 14px; color: #beb0c3; line-height: 47px; margin: 25px 0 0 0; }
.footer_right { padding: 0 55px; height: 280px; float: left; background: url(../../images/en/line_03.jpg) no-repeat right 20px; }
.erweima { margin:38px 0 0 0; }
.footer_right1 {width: 232px; padding: 0 0 0 50px; float: left; }
.phone { padding: 0 0 0 69px; background: url(../../images/en/phone_03.png) no-repeat 18px center; height: 37px; line-height: 37px; font-size: 18px; }
.p_number { font-family: tt6804m_; font-size: 28px; margin: 14px 0 35px 0; }
.link a { display: inline-block; margin: 0 7px; }
.friendlink { position: relative; }
.friendlink span { width: 230px; height: 41px; line-height: 41px; text-align: center; font-size: 16px; font-weight: bold; background: #f6c237; display: block; color: #530f64; margin: 20px 0 0 0; cursor:pointer; }
.f_con {background: #f6c237; color: #530f64;  width: 230px; position: absolute; left: 0px; bottom: 41px; display:none; }
.f_con a { display: block; text-align: center; height: 30px; line-height: 30px; color: #530f64; font-size: 16px; }








/*二級頁*/
.pageArticle { min-height: 800px; }
.article { font-size: 16px; color: #434343; line-height: 32px; }
.article01 { text-align: center; }
.article01 img{ display: block; margin: 0 auto 40px; width: 600px; height: 400px; }

.subPage{ width:100%; margin:0px auto; background: url(../../images/en/sub_bg_02.png) no-repeat center bottom; }
.pageBanner{ width:100%;}
.Bread{width:auto;  font-size:14px; color:#bfbfbf; text-align: right; margin: 0 0 40px 0;}
.Bread a{color:#bfbfbf;}
.Bread a:hover { color: #843997; }
.Bread01 { max-width: 1200px; margin: 20px auto 30px; }
.articleList2{}
.articleList2 ul li{  height:60px; line-height:60px; border-bottom: 1px dotted #bfbfbf; padding-left: 0px;}
.articleList2 ul li a { font-size: 14px; color: #313131; }
.articleList2 ul li a:hover{ color: #843997; }
.articleList2 ul li span { font-size: 14px; color: #a0a0a0; }
.listTitle2{ padding-left:0px; background:none;} 
.listTitle2 h2{color: #01713b; font-size: 16px; font-weight: bold; height:33px; line-height:33px; padding:0px; }
.subPage .articleList2{ margin:10px 0px 20px;}
 
.page{ width:100%; color: #434343; height:49px; line-height:49px; text-align:center; margin:0 auto;font-size:18px;clear:both; margin:40px 0px 135px;}
.page a{ padding:0 7px; color: #434343;}
.page a.on { color: #6f1685; }
.page a.prev { width: 50px; height: 49px; background: url(../../images/en/page_left_03.png) no-repeat; display: inline-block; }
.page a.prev:hover { background: url(../../images/en/page_lefthover_03.png) no-repeat; }

.page a.next { width: 50px; height: 49px; background: url(../../images/en/page_right_03.png) no-repeat; display: inline-block; }
.page a.next:hover { background: url(../../images/en/page_righthover_03.png) no-repeat; }



.pageList{ padding-bottom: 30px; overflow: hidden; max-width: 1200px; margin: 0 auto;}
.articleTitle { width: 100%;text-align: center;}
.articleTitle h2{font-size: 20px; color:#313131; line-height: 20px; padding:13px 0;}
.articleAuthor { height: 30px;text-align: center; line-height: 30px; margin: 10px; font-size: 14px; color: #959595; }
.Annex {padding:0px; overflow:hidden; margin-bottom:30px;}
.Annex h3 { font-size: 16px;line-height: 30px; color:#004a00; padding-left:5px;}
.Annex ul li { height: 26px; line-height: 26px;background:url(../../images/en/list_lig.gif) no-repeat 10px center; padding-left: 28px;}
.Annex ul li a { font-size: 12px; line-height: 24px; color:#313131;}
.Annex ul li a:hover{ color:#313131;}
.article img{ width: 585px; height: 331px; display: block; margin: 40px auto; }


/*通欄圖片頁開始*/
.pictureList_tl2 ul {  width:1270px; overflow:hidden; margin: 0 -30px; }
.pictureList_tl2 ul li { width:360px; height:300px; float: left; text-align:center; margin:0 30px 30px 30px; background: #f1f1f1; border-radius: 10px; }
.pictureList_tl2 ul li:hover { box-shadow: 5px 5px 10px #e3e2e3; }
.pictureList_tl2 ul li a { padding: 14px 15px 0; display: block; }
.pictureList_tl2 ul li img { width: 330px; height: 200px; display:block; }
.pictureList_tl2 ul li p { height:20px; line-height:20px; margin:25px 0 30px; font-size: 18px; color: #313131; }
/*通欄圖片頁結束*/




.ptab ol { overflow: hidden; margin: 0 -12px 65px; }
.ptab ol li { float: left; margin: 0 12px; padding: 0 0 10px 0; }
.ptab ol li a { height: 55px; line-height: 55px; width: 220px; display: block; background: #e5e5e5; text-align: center; font-size: 18px; }
.ptab ol li:hover a { color: #ffffff; background: #6f1685; box-shadow: 5px 5px 10px #ccb8d2; }
.ptab ol li.on a {color: #ffffff; background: #6f1685; box-shadow: 5px 5px 10px #ccb8d2;  }

.biglist ul{ padding:0 10px; }
.biglist ul li { overflow: hidden; border-top: 1px solid #eeeeee; padding: 20px 20px 30px; }
.big_right { font-size: 16px; color: #707070; font-weight: bold; float: right; }
.big_left { width: 980px; float: left; }
.big_left h3 a { font-size: 16px; color: #707070; }
.big_con { font-size: 14px; color: #a0a0a0; line-height: 24px; height: 48px; overflow: hidden; margin: 10px 0 0 0; }



.biglist ul li:hover { box-shadow: 5px 5px 10px #e3e2e3; }
.biglist ul li:hover .big_left h3 a { color: #313131; }
.biglist ul li:hover .big_right { color: #313131; }


.map_title { padding: 0 0 35px 0; border-bottom: 1px solid #e5e5e5 }
.map_title h2 { font-size: 26px; color: #313131; }
.map_title h3 { font-size: 16px; color: #959595; margin: 10px 0 0 0; }
.m_con { font-size: 20px; color: #707070; line-height: 33px; padding: 35px 0 60px 0; font-weight: bold; }
.map_con img{ width: 1198px; height: 398px; border: 1px solid #dcdcdc; margin: 0 0 200px 0; }




/*二級頁左右分欄開始*/
.con { width:1200px; margin: 54px auto 0; height:auto; overflow:hidden; }
.con .con_left { width: 200px; float: left; margin:5px 0 0 0; }
.con .con_left .left_title { padding: 25px 40px 30px; line-height:39px; background:#843997; }
.con .con_left .left_title h2 { font-size: 28px; color: #ffffff; }
.con .con_left .left_title h2 a { font-size:16px; font-family:"微軟雅黑"; color:#01713b; font-weight:bold; }
.left_title p {margin: 15px 0 0 0; font-size: 13px; color: #ffffff; font-weight: bold; line-height: 17px; padding: 0 0 10px 0; background: url(../../images/en/left_line_03.jpg) no-repeat left bottom; }
.con .con_left ul { margin: 4px 0 0 0; }
.con .con_left ul li {font-size: 18px; height: 55px; line-height: 55px; background: #eeeeee; text-align: center; margin: 0 0 3px 0; }
.con .con_left ul li a { display: block; color: #a0a0a0; }
.con .con_left ul li a:hover { color: #6f1685; }
.con .con_right { width:950px; height:auto; float: right; }
.pictureList ul { width:990px; overflow:hidden; margin: 0 -12px; }
.pictureList ul li { width:300px; height:250px; float: left; text-align:center; margin:0 12px 30px 12px; background: #f1f1f1; border-radius: 10px; }
.pictureList ul li a { padding: 14px 13px 0; display: block; }
.pictureList ul li img { width: 279px; height: 169px; display:block; }
.pictureList ul li p { height:20px; line-height:20px; margin:20px 0; font-size: 18px; color: #313131; overflow: hidden; }
/*二級頁左右分欄結束*/

/*20201205*/
.footer{ padding:15px 0; width:100%; height:auto; overflow:hidden;}
.footer p{ text-align:center; font:normal 14px/35px "微軟雅黑"; color:#fff;}
.footer p a{ color:#fff; margin:0 10px;}
.footer p a:hover{ text-decoration:underline;}