body { background: #ffffff; }
.sub_con { position: relative; margin: 90px 0 0 0; }
.sub_banner { position: relative; overflow: hidden;}
.sub_bannerIn { overflow: hidden; height: 210px; }
.sub_banner img { position: relative; display: block; }
.sub_banner h2 img { height: auto; }
.wrap_sub { position: absolute; left: -50px; top: 0px; background: #005aa0;  width:90%;
            height:210px;
            color:white;
            background-color: #005aa0;
            text-align:center;
            transform:skewX(-25deg);
            -webkit-transform:skewX(-25deg);  /*¼æÈÝ-webkit-ÒýÇæä¯ÀÀÆ÷*/
            -moz-transform:skewX(-25deg);/*¼æÈÝ-moz-ÒýÇæä¯ÀÀÆ÷*/ background-color:rgba(0,90,160,0.6); }
.sub_link { width: 74%; margin: 0 0 0 23%; transform:skewX(25deg);
            -webkit-transform:skewX(25deg);  /*¼æÈÝ-webkit-ÒýÇæä¯ÀÀÆ÷*/
            -moz-transform:skewX(25deg);/*¼æÈÝ-moz-ÒýÇæä¯ÀÀÆ÷*/ }
.sub_link01 { top: 30%; }
.wrap_sub a { transform:skewX(0deg);
            -webkit-transform:skewX(0deg);  /*¼æÈÝ-webkit-ÒýÇæä¯ÀÀÆ÷*/
            -moz-transform:skewX(0deg);/*¼æÈÝ-moz-ÒýÇæä¯ÀÀÆ÷*/ color: #ffffff; display: inline-block; } 
.sub_link ul { overflow: hidden; transform:skewX(0deg);
            -webkit-transform:skewX(0deg);  /*¼æÈÝ-webkit-ÒýÇæä¯ÀÀÆ÷*/
            -moz-transform:skewX(0deg);/*¼æÈÝ-moz-ÒýÇæä¯ÀÀÆ÷*/ }
.sub_link ul li { float: left; width: 14%; height: 40px; line-height: 40px; border: 1px solid #ffffff; margin: 0 1% 20px 1%; text-align: center; transform:skewX(0deg);
            -webkit-transform:skewX(0deg);  /*¼æÈÝ-webkit-ÒýÇæä¯ÀÀÆ÷*/
            -moz-transform:skewX(0deg);/*¼æÈÝ-moz-ÒýÇæä¯ÀÀÆ÷*/ }
.sub_link ul li a { color: #ffffff; }
.sub_link ul li.current {  background: #ffffff; }
.sub_link ul li.current a { color: #d7000f; }
.sub_link ul li:hover { background: #ffffff; }
.sub_link ul li:hover a { color: #d7000f; font-weight: bold; }
.sub_link h2 { transform:skewX(0deg);
            -webkit-transform:skewX(0deg);  /*¼æÈÝ-webkit-ÒýÇæä¯ÀÀÆ÷*/
            -moz-transform:skewX(0deg);/*¼æÈÝ-moz-ÒýÇæä¯ÀÀÆ÷*/ text-align: left;  margin: 20px 0 20px 0; }
.sub_link01 h2 { margin: 7% 0 0 0; }
.s_con { max-width: 1120px; padding: 25px 40px; background: #f2f8f9; margin: 0 auto; }            
.introduction .title { height: 50px; line-height: 50px; border-bottom: 1px solid #e1e1e1; }
.introduction .title h2 { font-size: 26px; color: #333333; font-weight: normal; width: auto; float: left; padding: 0 0 0 20px; background: url(/images/ititle_03.png) no-repeat left center; }
.introduction .bread { width: auto; float: right; font-size: 14px; color: #999999; }
.introduction .bread a { color: #999999; }
.introduction .bread a:hover { color: #074994; }
.intr_con img{ display: inline-block; width: 500px; height: 340px; float: left; margin: 0 15px 0px 0; }
.intr_con { text-indent: 2em; font-size: 16px; color: #333333; line-height: 32px; margin: 25px 0 0 0; }



.his_con ul { margin: 30px 0 0 0; }
.his_con ul li { padding: 10px 30px; background: #ffffff;  }
.his_con ul li:nth-child(even) { background: #ececec; }
.his_con ul li a { line-height: 30px; }





.leader ul { margin: 30px 0 0 0; }
.leader ul li { margin: 0 0 20px 0; padding: 30px 20px; background: #ffffff; overflow: hidden; }
.lname_ltitle { width: 105px; padding: 2% 2% 0 0; float: left; text-align: center; }
.lname_ltitle h2 { font-size: 24px; color: #333333; }
.post { margin: 5px 0 0 0; }
.post span { display: block; font-size: 16px; color: #666666; }
.ldetails { font-size: 14px; line-height: 28px; color: #333333; margin: 0 0 0 125px; border-left: 1px solid #005aa0; padding: 0 0 0 30px; }




.Calibration img { display: block; margin: 30px auto 15px; }
.Calibration p { font-size: 18px; text-align: center; color: #d7000f; }
.Calibration_con { color: #333333; margin: 30px 0 0 0; line-height: 36px; }


.spirit h2 { margin: 20px 0 20px 0; text-align: center; font-size: 24px; }
.spirit h2 a { color: #274372; }
.spi_con { padding: 10px 30px; background: #ffffff; margin: 0 0 3% 0; }
.spirit_con h3 { font-size: 20px; color: #333333; border-top: 1px solid #c1c1c1; }
.spirit_con h3 a { border-top:1px solid #d7000f; padding: 8px 0 2% 0; display: inline-block; }
.spiritIn { font-size: 16px; color: #333333; line-height: 30px; padding: 0 1% 2%; }




.Departments ul { overflow: hidden; margin: 30px -1% 0; }
.Departments ul li { width: 31%; margin: 0 1.16% 20px; float: left; background: #ffffff; text-align: center; height: 100px; line-height: 100px;   }
.Departments ul li a { font-size: 18px; font-weight: bold; color: #666666; }



.Institution h2 { margin: 20px auto; text-align: center; font-size: 26px; }
.Institution h2 a { color: #005aa0; }
.Institution ul { overflow: hidden; margin: 30px -1% 0; }
.Institution ul li { width: 31%; margin: 0 1.16% 20px; float: left; background: #ffffff; text-align: center;   }
.Institution ul li > div { padding: 10px 20px; display: block; height: 70px; text-align:center; font-size: 18px; font-weight: bold; color: #666666; display:table; margin:0 auto; }
.Institution ul li a { display:table-cell; vertical-align:middle; }
.Institution ul li a:hover { color: #0f5999; text-decoratuin:underline; }
.Institution ul li > div.tw { padding: 10px 20px; line-height: 32px; }
.Institution ul li > div.th { padding: 10px 20px; line-height: 32px; height: 100px; overflow: hidden; }
.Institution ul li > div.th div { height: 100px; overflow: hidden; }




.Enrolment ul { overflow: hidden; margin: 28px -1%; }
.Enrolment ul li { width: 48%; float: left; margin: 0 1%; position: relative; }
.Enrolment ul li img { position: relative; }
.Enrolment ul li p { bottom: 20%; color: #ffffff; position: absolute; text-align: center; width: 45%; height: 54px; line-height: 54px; background: rgba(215,0,15,.9); }
.Enrolment ul li:hover p { font-weight: bold; }





.site-search { top: 30%; }




.Lecturehall ul { overflow: hidden; margin: 30px 0 0 0; }
.Lecturehall ul li { float: left; width: 25%; }
.Lecturehall ul li a { margin: 0 7%; display: block; }
.Lecturehall ul li a span { height: 0; display: block; padding-bottom: 130%; overflow: hidden; }
.Lecturehall ul li a img { opacity: 1; transform: scale(1.0); transition: 2s; }
.Lecturehall ul li a:hover img {opacity: .8; transform: scale(1.2); transition: 2s; }
.Lecturehall ul p { margin: 15px 0 20px 0; line-height: 26px; height: 52px; overflow: hidden; }

.page { text-align: center; margin: 30px auto; }
.page a{ color: #666666; margin: 0 10px; width: 21px; height: 21px; display: inline-block; text-align: center; }
.page a.no { width: auto; }
.page a:hover,.page a.current { background: url(/images/page.png) no-repeat; color: #ffffff; font-weight: bold; }
.page a.no:hover { background: none; color: #333333; }
.minpage{ overflow: hidden; width: 80%; margin: 10px auto; display: none; }
.minpage a { width: 100px; height: 36px; line-height: 36px; color: #0049a8; text-align: center; border-radius: 10px; background: #cccccc; }
.minpage a:hover { background: #0049a8; color: #ffffff; font-weight: bold; }
.min_left { float: left; }
.min_right { float: right; }



.information ul { margin: 30px 0 0 0; }
.information ul li { height: 60px; line-height: 60px; background: #ffffff; padding: 0 20px; overflow: hidden; }
.information ul li:nth-child(even) { background: #ececec; }
.information ul li a {display: block;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-right:100px; }
.information ul li span { float: right; }


.article h2{ font-size: 22px; color: #202020; border-bottom: 1px solid #c1c1c1; text-align: center; padding: 8px 0 25px 0; }
.author { overflow: hidden; margin: 15px 0 30px 0; }
.a_left { float: left; }
.a_right { float: right; }
.article_con { font-size: 16px; color: #666666; line-height: 32px; text-indent: 2em; }
.article_con img { display: block; margin: 20px auto; }
.share { text-align: right; height: 33px; }
.share span { float: left; }
.share a { float: left; margin: 0px 0 0 5px; }
.shareIn { width: 104px; float: right; }
.fujian p { height: 37px; line-height: 37px; background: #ffffff; padding: 0 0 0 20px; }
.fujian p a { font-size: 16px; color: #202020; }
.fujian p a:hover { color: #005aa0; }


@media screen and (max-width: 1750px) {
.sub_bannerIn { background-position: center !important; }
.sub_link { width: 85%; margin:0 0 0 15%; }
}





@media screen and (max-width: 1500px) {
.sub_link { max-width: 1024px; }
.sub_link ul li { width: 15%; margin: 0 1% 10px 1%; }
.sub_link h2 { padding: 20px 0 20px 10px; margin: 0px; }
.sub_link01 h2 { padding: 80px 0 0 3%;  }
.wrap_sub a { font-size: 14px; }
.sub_link ul li { width: 16%; margin: 0 1% 10px 1%; height: 35px; line-height: 35px; }

}









@media screen and (max-width: 1200px) {
.wrap_sub ul li { width: 16%; margin: 0 1% 10px 1%; height: 30px; line-height: 30px; }
.sub_link { width: 100%;  left: 0px; margin: 0px; max-width: 100%; }
.sub_link01 { padding: 0px 0 0 3%; }
.sub_link01 h2 { padding: 80px 0 0 3%; }
.sub_banner { background: rgba(0,90,160,.6); }
.sub_con { margin: 100px 0 0 0; }
.sub_bannerIn { background-size: cover !important; background-position: center !important; height: auto; }
.sub_bannerIn01 { height: 210px; }
.wrap_sub { position: relative; left: 0px; transform:skewX(0deg);
            -webkit-transform:skewX(0deg);  /*¼æÈÝ-webkit-ÒýÇæä¯ÀÀÆ÷*/
            -moz-transform:skewX(0deg);/*¼æÈÝ-moz-ÒýÇæä¯ÀÀÆ÷*/ width: 100%; }
.sub_link { transform:skewX(0deg);
            -webkit-transform:skewX(0deg);  /*¼æÈÝ-webkit-ÒýÇæä¯ÀÀÆ÷*/
            -moz-transform:skewX(0deg);/*¼æÈÝ-moz-ÒýÇæä¯ÀÀÆ÷*/ width: 100%; } 
}




@media screen and (max-width: 1366px) {
.sub_link { width: 80%; margin: 0 0 0 10%; }
}




@media screen and (max-width: 1024px) {
.sub_link { width: 90%; margin: 0 0 0 7%; }
}


@media screen and (max-width: 1023px) {
.sub_link ul li a { font-size: 14px; }      
.sub_banner img { display: none; }
.sub_banner { overflow: auto; }
.wrap_sub { left: 0px;  transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
background-color: rgba(0,90,160,0.6); width: 100%; position: relative; height: auto; padding: 10px 0 10px 0; }
.wrap_sub01 { height: 210px; }
.sub_link h2 { margin: 0px; padding: 10px 0 10px 10px; }
.sub_link01 h2 { margin: 0px; padding: 80px 0 10px 3%; }
.sub_link h2 img { display: block;  }
.sub_link ul li { width: 30%; }
.spirit h2 { font-size: 18px; }
.spirit_con h3 { font-size: 18px; }
.spiritIn { font-size: 14px; line-height: 24px; }
.introduction .title h2 { font-size: 20px; font-weight: bold; }
}











@media screen and (max-width: 800px) {
.wrap_sub ul li { width: 30%; }
.intr_con img { width: auto; height: auto; }
.lname_ltitle { width: 100%; padding: 2% 0 0 0; float: none; }
.ldetails { margin: 0px; border-top: 1px solid #005aa0; border-left: 0px; margin: 10px 0 0 0; padding: 10px 0 0 0;  }
.post span { display: inline-block; }
.leader ul li { padding: 20px; }
.Calibration_con { line-height: 25px; font-size: 14px; margin: 10px 0 0 0; }
.Departments ul li { width: 47.5%; height: 50px; line-height: 50px; }
.Departments ul li a { font-size: 16px; }
.Institution ul li { width: 99%; float: none;}
.Institution ul li a { font-size: 16px; height: auto; line-height: 30px; }
.Institution ul li > div { height:auto; line-height:20px; }
.Institution ul li a.th div { height: auto; }
.Institution ul li a.th { height: auto; }
.Institution h2 { font-size: 20px;  }
.Institution ul { margin: 0px }
}



@media screen and (max-width: 640px) {
.intr_con img { width: 100%; float: none; margin: 0 0 20px 0; display: block; }
.Lecturehall ul li { width: 50%; }
.page { display: none; }
.minpage { display: block; }
.a_left { float: none; text-align: center;}
.a_right { float: none; text-align: center; margin: 5px 0 0 0; }
}

@media screen and (max-width: 480px) {
.Departments ul li { width: 99%; float: none; margin-bottom: 10px; }
.sub_link ul li { width: 47%; }
.introduction .title h2 { float: none; }
.introduction .bread { float: none; }
.introduction .title { height: auto; }
.introduction .title { line-height: 30px; }
.Lecturehall ul li { width: 100%; }
.Lecturehall ul li a { margin:0 17%; }
.Lecturehall ul p { height: auto; }

}
@media screen and (max-width: 419px) {
.Enrolment ul li { width: 99%; float: none; margin: 0 0 10px 0; }
}

@media screen and (max-width: 380px) {
.sub_con { margin: 80px 0 0 0; }
}