#courses_title { height:100px; text-align:center; position:relative; z-index:1;}
#courses_title .bg { background:#a7d5dc; position:absolute; top:0; bottom:0; left:-1000%; right:-1000%; z-index:-1;}
#courses_title a { font-size:18px; line-height:98px;  right:50%; margin:0 2%; bottom:1px; top:0%;}
#courses_title a + a { left:50%; right:auto;}
#courses_title a.on { color:#c4251c; border-bottom:3px solid #da241c; font-size:24px;}
#courses_title a:hover { border-bottom:3px solid #da241c;}
#courses_title .cantainer { height:100%; position:relative; z-index:10;}
#courses_title .cantainer .top { position:absolute; bottom:100%; left:7%; z-index:999; }



.gysmt {  clear:both; float:left; width:100%; text-align:center; margin-top:1.5%; }
.gysmt .cantainer { text-align:left;}
.gysmt .cantainer > div { float:left; width:100%; display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; background:#fff;  }
.gysmt .cantainer > div > img {float:right; width:53%; position:relative; z-index:0;  }
.gysmt .cantainer > div  > div  { position:absolute; background:#d0ecf7; bottom:48px; top:0; left:0; right:50%; padding-left:5%; z-index:1;}
.gysmt .cantainer h1 { width:80%; line-height:3em; font-size:36px; color:#494949; padding-top:2.5%;}
.gysmt .cantainer h1 img { margin:0 0 0.25em 0.25em; }
.gysmt .cantainer p { width:100%; line-height:1.8em; }


.gwfzqj { clear:both; float:left; width:100%; text-align:center;}
.gwfzqj .cantainer { display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; background:#fff; padding-bottom:0.5%; }
.gwfzqj .cantainer .title { text-align:center; }
.gwfzqj .cantainer .title h1 { line-height:3em; font-size:36px; color:#d32817; }
.gwfzqj .cantainer .title h1 img { margin:0.25em;}
.gwfzqj .cantainer .title + p { padding: 0 7%; text-align:center; margin-bottom:6%;}
.gwfzqj .cantainer > img { width:90%;  margin-bottom:6.5%;}
.gwfzqj .cantainer .bottom { width:95%; border-top:1px solid #ffc3bd;  padding-left:5%; text-align:left; }
.gwfzqj .cantainer .bottom img { float:right; width:45%;}
.gwfzqj .cantainer .bottom h3 { width:50%; float:left; padding:2.5em 0 1.1em; font-size:30px; color:#d32817; }
.gwfzqj .cantainer .bottom p { width:45%;float:left; font-size:18px; line-height:2em; }




.smtptys { clear:both; float:left; width:100%; text-align:center;}
.smtptys .cantainer { display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; text-align:left; background:#fff; padding-bottom:1%; }
.smtptys .cantainer > img { clear:both; float:left; width:100%;}
.smtptys .cantainer > div.top { position:relative; margin-bottom:1%;}
.smtptys .cantainer > div.top img { width:100%; }
.smtptys .cantainer > div.top h1 { color:#fff; text-align:center; line-height:3em; position:absolute; top:0; right:0; left:0; bottom:0;}
.smtptys .cantainer > div.top p { padding:2% 10% 4%; text-align:center; color:#494949; }
.smtptys .cantainer > div.bottom { float:left; width:86%; position:relative; margin: 0 7% 4%;}
.smtptys .cantainer > div.bottom > img { position:absolute; top:50%; left:50%; margin: -20px 0 0 -16px;}
.smtptys .cantainer > div.bottom h3 { font-size:24px;  color:#d32817; line-height:2em; }
.smtptys .cantainer > div.bottom p { padding:0 7%; }
.smtptys .cantainer > div.bottom div { float:left; width:40%; height:230px; margin-left:-2px; padding: 0 5%; text-align:center;}
.smtptys .cantainer > div.bottom .lefttop {  border-bottom:1px solid #d1d1d1; padding-bottom:2%}
.smtptys .cantainer > div.bottom .righttop { float:right; border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;  padding-bottom:2%}
.smtptys .cantainer > div.bottom .leftbottom {float:left;  padding-top:3.2%}
.smtptys .cantainer > div.bottom .rightbottom { float:right; border-left:1px solid #d1d1d1; padding-top:3.2%}


.mstd { clear:both; float:left; width:100%; text-align:center;}
.mstd .cantainer { display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; text-align:left;background:#e6e6dc;}
.mstd .cantainer .title { clear:both; float:left; width:100%; text-align:center; padding:6.5% 0 3%;}
.mstd .cantainer .title img  { width:90%; margin-top:-4px;}
.mstd .cantainer .list li { float:left; width:27%; padding:0 0 4.8% 4.8%; }
.mstd .cantainer .list li .pic { float:left; width:96%; height:360px; padding:2%; background:#fff; overflow:hidden; }
.mstd .cantainer .list li .pic img { width:100%; }
.mstd .cantainer .list li h3 { float:left; width:100%; height:3em; line-height:3em;}
.mstd .cantainer .list li h3 + p { font-size:14px;}
.mstd .cantainer .list li h3 span { font-size:18px; font-weight:normal;}
.mstd .cantainer > img { float:left; width:100%; }
.mstd .cantainer .sx_content { float:left; width:94%; background:#fff; padding:3%; text-align:center;}
.mstd .cantainer .sx_content h3 { float:left; width:5.5em;  background:#d32817; font-size:24px; color:#fff; padding-left:0.5em; height:1.8em; line-height:1.8em;}
.mstd .cantainer .sx_content h3 span { float:left; }
.mstd .cantainer .sx_content h3 img { float:right; height:100%; margin-left:0.5em; }
.mstd .cantainer .sx_content p { clear:both; width:100%; text-align:left; padding:1.5em 0 5%; }
.mstd .cantainer .sx_content p + img { width:90%; margin-bottom:7%; }
.mstd .cantainer .sx_content ul { clear:left; float:left; width:70%; text-align:left; padding:1.5em 0 0 0;}
.mstd .cantainer .sx_content ul li { background:url(../images/ico/ywlc_li.png) left 0.5em no-repeat; padding: 0 0 0.5em 1em;  }
.mstd .cantainer .sx_content ul + img { float:right; width:26%; }




.ljbm_yyst {clear:both; float:left; width:100%; text-align:center; padding-bottom:1.6%; }
.ljbm_yyst > .cantainer {display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; background:#fff; padding-bottom:1.5em;}
.ljbm_yyst > .cantainer .title { float:left; width:90%;  text-align:left; margin:4% 5% 1%; position:relative;}
.ljbm_yyst > .cantainer .title h1 { float:left; line-height:1em; font-size:36px; color:#d32817; background:#fff; text-align:left; padding:0 0.5em 0 0; position:relative; z-index:2; }
.ljbm_yyst > .cantainer .title span { float:left; margin-top:0.9em; background:#d9d9d9; height:8px; width:100%; position:absolute; left:0; z-index:1; }
.ljbm_yyst > .cantainer .title span img { float:right; }
.ljbm_yyst > .cantainer .title + div { width:100%; height:370px; text-align:left;  }
.ljbm_yyst > .cantainer .title + div form { width:50%; float:left; font-size:18px; padding:5.5% 0 4%; }
.ljbm_yyst > .cantainer .title + div form  label {float:right;  width:100%; display:inline-block; *display:inline; zoom:1; vertical-align:top; text-align:right; margin-bottom:1.2em; }
.ljbm_yyst > .cantainer .title + div form  label input {width:65%; margin:0 5%; font-size:18px; padding:0.75em; border:1px solid #efefef; background:#f9f9f9 }
.ljbm_yyst > .cantainer .title + div form  button { float:left; width:30%; margin-left:25%; font-size:22px; background:#d32817; color:#fff; border:0; padding:0.5em 0; cursor:pointer; }
.ljbm_yyst > .cantainer .title + div form  button:hover { background-color:#bf1c0c;}
.ljbm_yyst > .cantainer .title + div span { float:right; width:34%; padding: 7% 0 13% 9%; border-left:1px solid #dbdbdb; margin:1% 0 ; }
.ljbm_yyst > .cantainer .title + div span img { float:left; }
.ljbm_yyst > .cantainer .title + div span h3 { height:1.5em; color:#8d8d8d;}
.ljbm_yyst > .cantainer .title + div span p { font-size:30px; font-weight:bold; color:#d32817;}
.ljbm_yyst > .cantainer .title + div span a { clear:both; float:left; width:4em; font-size:24px; color:#cd8a84; background:#f4f4f4 url(../images/ico/qq_kf.png) 0.5em center no-repeat; line-height:58px; height:58px; padding:0 0.75em; margin-top:1em;  border:1px solid #d8d8d8; padding-left:3em; }
.ljbm_yyst > .cantainer .title + div span a:hover { background-color:#e8e8e8 }
.ljbm_yyst > .cantainer .title + div .ljbm_yyst_02 { display:none;}


@media (max-width: 1200px) { 
	.gysmt .cantainer > div  > div { bottom:36px; }
	.gwfzqj .cantainer .title h1 { font-size:28px; }
	.gwfzqj .cantainer .bottom p { font-size:14px; }
	.mstd .cantainer .list li .pic { height:275px; }
}