@charset "utf-8";
/* CSS Document */

body{font-size:14px; margin:0 auto; width:100%; min-width:1140px; font-family:Arial, Helvetica; line-height:28px;}
a{ text-decoration:none; outline:none; color:#000;}
a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0}
ul,ol{margin:0; padding:0; list-style:none}
p{ line-height:24px; margin:0; padding-left:5px; padding-right:5px; text-indent:2em; text-align:justify; }
img{ border:0;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1} 

.top_box{ width:100%;min-width:1140px;  background:#202a24; }
.top{ width:1140px; background:#202a24; margin:0px auto; padding:10px 0 30px;}
.top .img-logo{ width:90px; height:150px; float:left; margin:30px 85px 0 25px;}
.top span{ display:block; float:left; color:#2f3998; font-size:23px; font-weight:bold; padding-top:37px;}
.nav_btn { display:none;}

/*导航菜单*/
.nav{width:100%;min-width:1140px;  background:#202823; height:45px; margin:0 auto;}
#navMenu {width:1140px; background:#202823; height:45px; margin:0 auto;line-height: 45px;display:block; }
#navMenu ul{width:100%;}
#navMenu .onelink{}
#navMenu_r{padding-right:8px;float:right;height:45px;}
#navMenu li{width:114px;text-align:center;float: left;line-height:45px;height: 45px; position: relative;}
#navMenu li a { width:114px; height:45px; line-height:45px; font-size:18px;color:#fff; display: block;}
#navMenu li a:hover{ text-decoration:none; background:#999;}
/*-------- 下拉菜单 --------------*/
.dropMenu {	position:absolute; left: 0; top: 45px;z-index:100; width: 154px; background:#1c1c1c; padding: 5px; display: none;}
#navMenu li .dropMenu a { display: block; width: auto; text-align:center; padding: 2px 10px; color: #ffffff; font-size: 14px; height: 36px; line-height: 36px;}
#navMenu li .dropMenu a:hover { background:#111; color:#ffffff;}

#navMenu li:hover .dropMenu { display: block;}

.con{ width:1140px; background:#FFF; margin:0 auto;}

/*banner*/
#playBox{ width:1140px; height:470px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:170px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:170px; right:10px; z-index:10;}
#playBox .smalltitle {width:1195px; height:10px; position:absolute; bottom:25px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#cc1c23;}

/*内容*/
.about{ width:980px; margin:50px auto;}
.about_t{ width:1140px; margin:45px auto; text-align:center;}
.about_title{ font-size:30px; line-height:30px; display:block; margin-bottom:15px; color:#243d51; }
.about_title span{ font-size:20px;}
.about_title:hover{ text-decoration:none;}
.about01{width:456px; float:right; margin-left:45px;}
.about01 img{ width:456px; height:268px;}
.about01 iframe{ width:456px; height:268px;}
.about02{width:470px; float:left; margin-top:10px;}
.about02 p{ text-align:justify; }
.about02 a.more{ display:block; width:120px; height:35px; margin:0 auto; background:#2a3a30; color:#FFF; text-align:center; line-height:35px; margin-top:35px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.about a.more:hover{ background:#425649; color:#FFF;}

.four{ width:100%; min-width:1140px; padding:20px 0 10px;}
.fourbox{ width:1140px; margin:0 auto;}
.fourbox01{ width:250px; float:left; margin:0 17px;}
.fourbox01 a{ display:block;}
.fourbox01 a img{ width:251px; height:192px; position:relative;}
.fourbox01 a.title01{ display:block; width:180px; height:45px; line-height:45px; color:#FFF; text-align:center; font-size:18px; margin:10px auto; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border:1px solid #CCC;}
.fourbox01 a.title01:hover{ border:1px solid #808080; color:#cccccc;}
.fourbox01 a.title01_a{ background:#243d51;}
.fourbox01 a.title01_b{ background:#056258;}
.fourbox01 a.title01_c{ background:#036c89;}
.fourbox01 a.title01_d{ background:#762039;}

.acc{ width:1140px; margin:50px auto 20px; text-align:center;}
.acc a{ font-size:24px; color:#7d0020; margin-bottom:20px; display:block; }
.acc a:hover{ color:#64001a;}
.acc p{ width:980px; margin:0 auto; text-align:center;}

.th_box{ width:100%; }
.tr_box_con{ width:1140px; margin:25px auto 0; }
.box_01{ float:left; width:496px;  margin:25px 30px;color:#555555;}
.color01{ background:#ffffff;}
.color02{ background:#ffffff;}
.th_title{ margin-bottom:20px; border-bottom:2px solid #CCC; padding:0 10px; line-height:35px;}
.box_01 h3{ float:left;}
.th_title a{ float:right; display:block; margin-top:10px; color:#999;}
.box_01 h3 a{ font-size:24px; font-weight:400; margin-top:5px; color:#243d51; display:block; }
.box_01 h3 a:hover{}
.box_01 p{ text-indent:0;}
.th_img img{ width:496px; height:200px; margin-bottom:20px;}
.more02{ text-align:center;}
.more02 a{ color:#4e0014; }
.more02 a:hover{ text-decoration:underline; }


/*底部*/
.footer_box{ width:100%;min-width:1140px; background:#2b3f33 url(../images/bg.jpg) center top no-repeat; margin-top:15px;}
.footer{ width:100%; margin:0 auto; padding:10px 0; text-align:center; background:#161e19; }
.foot_con{ width:430px; height:150px; margin:0 auto; padding:30px 0;}

.footer p{ width:1140px; margin:0 auto; line-height:26px; color:#FFF; text-indent:0;text-align:center;}
.footer p a{color:#FFF;}
.footer a:hover{ text-decoration:underline;}

.fo_title{ line-height:45px;}
.fo_title a{ font-size:20px; }
.foot_con img{ margin-right:15px;}
.foot_con p{ color:#FFF;}
.foot_con p a{color:#FFF;}
.foot_con p a:hover{ text-decoration:underline;}


/*子页面*/
.banner{ width:1140px; height:280px; margin:0 auto 20px;}
.banner img{ width:1140px; height:280px;}

.box{ width:1140px; margin:20px auto 20px;}
.menu{ width:280px; float:left; background:#36413a; padding-bottom:20px;}
.content{ width:820px; float:right;}

.menu_title{ text-align:center; font-size:18px; color:#FFF; margin:25px 0;}
.menu ul li{ padding:0px 40px;}
.menu ul li a{ color:#FFF;}
.menu ul li ul li{padding:0; padding-left:35px; line-height:35px; }
.menu ul li a:hover{ text-decoration:underline;}
.menu ul li.on{background:#ccc; margin:10px 0;}
.menu ul li.on a{ color:#36413a;}
.menu ul li.on_z a{ font-weight:bold;}

.content_title{width:800px; margin:0 auto 20px; text-align:center; height:45px; font-size:28px; color:#555555; font-weight:500;  border-bottom:2px dashed #555555; padding:0 10px;}
.content_title span{ color:#000; font-weight:300;}
.content_title h2{ float:left; font-size:24px; color:#36413a; font-weight:500;}
.bread{ float:right; height:45px; line-height:45px;color:#333333; font-size:14px;}
.bread a{ color:#333333;  font-size:14px;}
.bread a:hover{ text-decoration:underline;}

.content{ background:url(../images/white-logo.png) no-repeat 100% 100%;}
.content p.blue{ color:#243d51; font-weight:bold; font-size:16px; line-height:40px; text-indent:28px; }
.content p.ts{color:#243d51; font-weight:bold; font-size:16px; line-height:40px; text-indent:28px;}
.content p a{ color:#005cb5; text-decoration:underline;}
.content ul{ margin-left:52px;}
.content ul li{ list-style-image:url(../images/jacobs-university_80.png);}
.content table{ margin:10px 0 20px 34px; width:80%;}
.content table tr{ line-height:28px; }
.content table tr td{ padding:0 25px; border:1px solid #999;}
.content table tr.ta_ti{ background:#2d4345; color:#FFF; line-height:35px;}

.content p.img_01{ text-align:center; margin:15px 0;}
.content p.img_02{margin:20px 0;}
.content img.img_04{ margin:20px;}
.content .img_05{ width:600px;}
.content .img_06{ margin-top:0;}



@media (max-width:999px){
body { padding-top: 50px; min-width: auto;}

.top_box{ position: fixed; min-width: auto; left: 0; right: 0; top: 0; z-index: 999; height: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.1); min-width: auto; }
.top { width: auto; margin:0px 10px; padding:0; height: 50px;  }
.top .img-logo{ width: auto; height:30px; margin: 0; padding-top: 5px; position: relative; z-index: 1001;}
.top .img-logo img { display: block; height: 40px;}
.top span { font-size: 14px; padding-top: 10px; margin-left: 10px;}
.top span img { display: block; height: 30px;}

.nav_btn { display:block; position:absolute; right:10px; top:9px; cursor:pointer; background: #ffffff; padding:3px 3px 3px 3px; border-radius:3px; z-index: 1002;}
.nav_btn i{ display:block; font-style:normal; width:2px;height:2px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;margin:12px 22px 12px 4px; position:relative; text-align: left; text-indent: -9999px; direction: ltr; box-sizing: border-box; color:#202a24; }
.nav_btn i:before{width:16px;height:2px;left:5px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.nav_btn i:after, .nav_btn i:before { content: ''; pointer-events: none; }

.nav { display:none; position: fixed; min-width: auto; left: 0; right: 0; top: 50px; height: auto; bottom: 0; overflow-y: auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 9999; }
#navMenu { width: auto; height: auto; padding: 8px; line-height: 46px;}
#navMenu li { width: auto; float: none; margin-left: 0; height: auto;}
#navMenu li a { width: auto; text-align: center; height: 46px; line-height: 46px;}

.dropMenu {	position:relative; left: 0; top: auto; width: auto; display: block;}
#navMenu li .dropMenu a { float: left; display: block; width: 33.3%;	text-align:center; padding: 0 5px; box-sizing: border-box; font-size: 13px; height: 32px; line-height: 32px;}
#navMenu li .dropMenu:after { display: block; content: ''; clear: both;}

.con{ width:auto; }

/*banner*/
#playBox{ width:auto; height:41vw; }
#playBox img { display: block; width: 100vw;}
#playBox .pre{ width:40px; height:40px; background-size: contain; top:50%; margin-top: -20px; left: 0; }
#playBox .next{ width:40px; height:40px; background-size: contain; top:50%; margin-top: -20px; right: 0;}
#playBox .smalltitle {width:auto; bottom:20px; left: 0; right: 0; }
#playBox .smalltitle ul{ width:100px; margin: 0 auto; text-align: center; }
#playBox .smalltitle ul li{ float: none; display: inline-block; width:6px; height:6px; margin:0 3px; border-radius:100%; }

/*内容*/
.about{ width:auto; margin:20px 15px;}
.about_t{ width:auto; margin:15px auto; }
.about_title{ font-size:18px; line-height:20px; margin-bottom: 5px; }
.about_title span{ font-size:14px;}
.about01{width:auto; float:none; margin-left:0;}
.about01 img{ width:100%; height:auto;}
.about01 iframe{ width:100%; height:50vw;}
.about02{width:auto; float:none; margin-top:10px;}
.about02 a.more{ width:120px; height:35px; margin:0 auto line-height:35px; margin-top:15px; border-radius:10px; }

.four{ width:100%; min-width:auto; padding:20px 0 0 0;}
.fourbox{ width:auto; margin:0 10px;}
.fourbox01{ width:50%; float:left; margin:0 0 15px 0;}
.fourbox01 a{ margin: 0 5px;}
.fourbox01 a img{ width:100%; height:auto; }
.fourbox01 a.title01{ width:auto; height:45px; line-height:45px; font-size:14px; margin:0 5px; border-radius:10px; }

.acc{ width:auto; margin:20px auto 20px; }
.acc a{ font-size:18px; margin-bottom:20px; }
.acc p{ width:auto; margin:0 15px; }

.th_box{ width:100%; }
.tr_box_con{ width:auto; margin:15px auto 0; }
.box_01{ float:none; width:auto; margin:5px 15px 15px 15px; }
.th_title{ margin-bottom:15px; border-bottom:1px solid #CCC; padding:0; line-height:30px;}
.box_01 h3 a{ font-size:18px; }
.th_img img{ display: block; width:100%; height:auto; margin-bottom:10px;}


/*底部*/
.footer_box{ min-width:auto; background-size: cover; margin-top:15px;}
.foot_con{ width:auto; height:auto; padding:20px 0;}

.footer { font-size: 12px;}
.footer p{ width:auto; }

.fo_title{ line-height:25px;}
.fo_title a{ font-size:16px; }
.foot_con { font-size: 12px;}
.foot_con img{ margin-right:0; margin-left: 10px; height: 110px;}


.banner { width: auto; height: auto; position: relative; background-size: cover; overflow: hidden;}
.banner img { display: block; width: 140%; height: auto; margin-left: -20%; }

.box{ width:auto; margin:20px auto 20px;}
.menu{ width:auto; float:none; display: none;}
.content{ width:auto; float:none; margin: 0 15px;}


.content_title{width:auto; margin:0 auto 20px; height:45px; font-size:18px; border-bottom:1px dashed #555555; padding:0 10px;}
.content_title h2{ font-size:18px; line-height: 45px; }
.bread{ height:45px; line-height:45px; font-size:12px;}
.bread a{ font-size:12px;}

.content{ background-size: 70% auto;}
.content p.blue{ font-size:16px; line-height:40px; text-indent:28px; }
.content p.ts{ font-size:16px; line-height:40px; text-indent:28px;}
.content ul{ margin-left:52px;}
.content table{ margin:10px 0 20px 34px; width:80%;}
.content table tr{ line-height:28px; }
.content table tr td{ padding:0 25px; border:1px solid #999;}
.content table tr.ta_ti{ line-height:35px;}

.content p.img_01{ text-align:center; margin:10px 0;}
.content p.img_01 img { display: block; width: 100%;}
.content p.img_02{margin:10px 0;}
.content p.img_02 img { display: block; width: 100%;}
.content img.img_04{ margin:0; width: 90%;}
.content .img_05{ width:100%;}
.content .img_06{ margin-top:0; width:100%;}
.content img { max-width: 100%;}

}

.flimg { float: left; margin-right: 20px; margin-bottom: 20px;}

@media (max-width:999px){
.flimg { float: none; margin-right: 0;}
.flimg img { display: block; margin: 0 auto; width: 90%;}
}