
#courses_title {text-align:center; position:relative; left:0;  z-index:1;}
#courses_title .bg { background:url(../images/Special-topics/smt_title_bg.png) repeat-x; position:absolute; top:0; bottom:0; left:-1000%; right:-1000%; z-index:-1;}
#courses_title a { margin: 0 2.0%; position:relative;}
#courses_title a img {  margin-bottom:3px;}
#courses_title a.on img { border-bottom:3px solid #da241c; margin:0;}
#courses_title a:hover img  { border-bottom:3px solid #da241c; margin:0;}
#courses_title .cantainer { 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; padding-bottom:2.3%; margin-top:1.315%;  position:relative; z-index:1; }
.gysmt .cantainer { display:inline-block; *display:inline; zoom:1; position:relative; text-align:left; background:#c5e7f7; }
.gysmt .cantainer > img.bg { position:absolute; right:-30px; top:100%; margin-top:-90px; }
.gysmt .cantainer > img + img {float:left; width:31%; margin-right:6%;}
.gysmt .cantainer > div + img { position:absolute; right:0px; bottom:0px; margin:0; }
.gysmt .cantainer > div  {margin-right:6%;}
.gysmt .cantainer h1 { float:left; font-size:36px;  color:#fff; background:#0064d2; padding:0.5em; margin-bottom:1em;}
.gysmt .cantainer h2 { float:left; font-size:36px;  color:#fff; background:#0064d2; padding:0.5em; margin-bottom:1em;}
.gysmt .cantainer p { float:left; width:58%; line-height:1.8em; text-indent:2em; }



.scqk { clear:both; float:left; width:100%; text-align:center; padding-bottom:1.6%; }
.scqk .cantainer { display:inline-block; *display:inline; zoom:1; position:relative; background:#fff; padding-bottom:1%; text-align:left; }
.scqk .cantainer .title { text-align:center; padding-bottom:1em; }
.scqk .cantainer .title h1 { line-height:2.5em; font-size:36px; color:#0284cd; }
.scqk .cantainer .title h2 { line-height:2.5em; font-size:36px; color:#0284cd; }
.scqk .cantainer .content { float:left; width:92%; margin:0 4% 4%; }
.scqk .cantainer .content > div { float:left; width:100%; position:relative; margin-bottom:1em; }
.scqk .cantainer .content > div .title_01 { float:left; padding-bottom:1em; }
.scqk .cantainer .content > div .title_01 +p { float:left; width:41%; }
.scqk .cantainer .content > div .title_02 { position:absolute; left:0; bottom:0; }
.scqk .cantainer .content > div + p { clear:both;}
.scqk .cantainer .content > p + p { text-indent:2em;  }
.scqk_img { float:right; width:auto;}



.gwfzqj { clear:both; float:left; width:100%; text-align:center; padding-bottom:1.6%; }
.gwfzqj .cantainer { display:inline-block; *display:inline; zoom:1; position:relative; background:#b7e8f1; padding-bottom:2.5%; }
.gwfzqj .cantainer .top { text-align:center; }
.gwfzqj .cantainer .title { text-align:center; }
.gwfzqj .cantainer .title h1 { line-height:3em; font-size:36px; color:#d32817; font-weight:bold; }
.gwfzqj .cantainer .title h1 img { margin:0.25em;}
.gwfzqj .cantainer .title h2 { line-height:3em; font-size:36px; color:#d32817; font-weight:bold; }
.gwfzqj .cantainer .title h2 img { margin:0.25em;}
.gwfzqj .cantainer .title + p { padding: 0 5%; text-align:left; margin:1% 0 2%;}



.xxdx_kechengbg { clear:both; float:left; width:100%; text-align:center; margin-bottom:1.6% }
.xxdx_kechengbg .cantainer { display:inline-block; *display:inline; zoom:1; position:relative; text-align:left; background:#fff;  }
.xxdx_kechengbg .cantainer > div { float:left; width:95%; padding:2.5%; }
.xxdx_kechengbg .cantainer .left { float:left; width:43%; height:430px; position:relative; background:#edf7fd; }
.xxdx_kechengbg .cantainer .left ul { padding:100px 0 0 70px; }
.xxdx_kechengbg .cantainer .left ul li { font-size:16px; height:2.3em; padding-left:2em; background:url(../images/Special-topics/ebay_08_ico.png) left 0.15em no-repeat; }


.xxdx_kechengbg .cantainer .left img,
.xxdx_kechengbg .cantainer .right img { position:absolute; top:0; left:-7px; }

.xxdx_kechengbg .cantainer .right { float:right; position:relative; width:54%; height:430px; background:#edf7fd; }
.xxdx_kechengbg .cantainer .right ul { padding:90px 20px 0 40px; }
.xxdx_kechengbg .cantainer .right ul li p { padding-bottom:1em; }
.xxdx_kechengbg .cantainer .right ul li + li { padding-left: 1em;line-height: 30px;background: url(../images/ico/ywlc_li.png) left 0.8em no-repeat; }


.kechengys { clear:both; float:left; width:100%; text-align:center; margin-bottom:1.6% }
.kechengys .cantainer { display:inline-block; *display:inline; zoom:1; position:relative; text-align:left; background:#fff; }
.kechengys .cantainer > div { float:left; position:relative; }
.kechengys .cantainer > div img { float:left; width:100%; }
.kechengys .cantainer > div div { width:280px; height:150px;  position:absolute; text-align:left;}
.kechengys .cantainer > div div h3 { height:1.5em;}
.kechengys .cantainer > div .lefttop { float:left; top:110px; left:170px;}
.kechengys .cantainer > div .righttop { float:right; top:110px; right:170px; text-align:right; }
.kechengys .cantainer > div .leftbottom {float:left; bottom:65px; left:170px; }
.kechengys .cantainer > div .rightbottom { float:right; bottom:65px; right:170px; text-align:right; }



.smtptys { clear:both; float:left; width:100%; text-align:center; padding-bottom:2%; }
.smtptys .cantainer { display:inline-block; *display:inline; zoom:1; 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 h1 { color:#fff; text-align:center; line-height:3em; font-weight:bold; position:absolute; top:0; right:0; left:0; bottom:0;}
.smtptys .cantainer > div.top h2 { color:#fff; text-align:center; line-height:3em; font-weight:bold; position:absolute; top:0; right:0; left:0; bottom:0;}
.smtptys .cantainer > div.bottom { float:left; width:100%; position:relative;}
.smtptys .cantainer > div.bottom > img { position:absolute; top:50%; left:50%; margin: -17px 0 0 -17px;}
.smtptys .cantainer > div.bottom h3 { font-size:24px;  color:#d32817; line-height:2em; font-weight:bold;}
.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:5%}
.smtptys .cantainer > div.bottom .righttop { float:right; border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;  padding-bottom:5%}
.smtptys .cantainer > div.bottom .leftbottom {float:left;  padding-top:5%}
.smtptys .cantainer > div.bottom .rightbottom { float:right; border-left:1px solid #d1d1d1; padding-top:5%}






.mstd { clear:both; float:left; width:100%; text-align:center; margin-bottom:1.6% }
.mstd .cantainer { height:900px; display:inline-block; *display:inline; zoom:1; position:relative; text-align:center; background:#fff;}
.mstd .cantainer .title { clear:both; float:left; width:100%; text-align:center;}
.mstd .cantainer .title h1 { line-height:2.5em; font-size:36px; color:#0284cd; padding:1em 0 0;}
.mstd .cantainer .title h2 { line-height:2.5em; font-size:36px; color:#0284cd; padding:1em 0 0;}
.mstd .cantainer .title p { padding: 0 10% 3%;}
.mstd .cantainer .title + div { clear:both; display:inline-block; *display:inline; zoom:1; margin:auto; position:relative; text-align:left;}
.mstd .cantainer .title + div > img { width:100%; position:relative; z-index:1;}
.mstd .cantainer .title + div ul { position:absolute; z-index:0; left:0; top:0; right:0; background:#8fb3c9; padding:0 0.5% 5%; }
.mstd .cantainer .title + div ul li { float:left; width:29.7%; margin-left:2.75%;}
.mstd .cantainer .title + div ul li .pic { float:left; width:100%; height:325px; overflow:hidden; }
.mstd .cantainer .title + div ul li .pic img  { float:left; width:100%;}
.mstd .cantainer .title + div ul li h3  { float:left; font-size:24px; color:#fff; padding:1em 15%;}
.mstd .cantainer .title + div ul li p  { float:left; font-size:14px; color:#fff; padding: 0 12%;}


.kechengdg { clear:both; float:left; width:100%; text-align:center; padding-bottom:2%; }
.kechengdg .cantainer { display:inline-block; *display:inline; zoom:1; position:relative; background:#fff; padding-bottom:2%; }
.kechengdg .cantainer .top { text-align:center; }
.kechengdg .cantainer .title { text-align:center; padding-bottom:1em; }
.kechengdg .cantainer .title h1 { line-height:3em; font-size:36px; color:#1aa3f1; }
.kechengdg .cantainer .title h1 img { margin:0.25em;}
.kechengdg .cantainer .title h2 { line-height:3em; font-size:36px; color:#1aa3f1; }
.kechengdg .cantainer .title h2 img { margin:0.25em;}
.kechengdg .cantainer .kechengbiaobtn { float:left; width:94%; height:42px; text-align:center; margin:0 3%; border-bottom:2px solid #1aa3f1; position:relative; margin-bottom:3%;}
.kechengdg .cantainer .kechengbiaobtn span { zoom:1; background:#e6e6e6; font-size:24px; width:100px; line-height:42px; height:42px; position:absolute; bottom:0px; left:50%; margin-left:-110px; cursor:pointer; }
.kechengdg .cantainer .kechengbiaobtn span + span { right:50%; margin-left:10px; }
.kechengdg .cantainer .kechengbiaobtn span.on { background:#1aa3f1; color:#fff; cursor:default; }
.kechengdg .cantainer table { clear:both; width:94%; font-size:14px; botder:0; border-left:1px solid #e1e1e0; border-top:1px solid #e1e1e0; margin: 0 3%; text-align:left; }
.kechengdg .cantainer table th { line-height:30px; background:#f5f5f5; border:0; border-bottom:1px solid #e1e1e0; border-right:1px solid #e1e1e0;}
.kechengdg .cantainer table td { line-height:30px; border:0; border-bottom:1px solid #e1e1e0; border-right:1px solid #e1e1e0; }
.kechengdg .cantainer table td font { font-size:30px; }
.kechengdg .cantainer table div { padding-left:1em;}
.kechengdg .cantainer .kc { margin-bottom:3%;}
.kechengdg .cantainer .kechengbiao_01 { display:block; }
.kechengdg .cantainer .kechengbiao_02 { display:none; }
.kechengdg .cantainer .baoming { float:left; width:94%; margin:0 3%; text-align:left; padding-top:8% }
.kechengdg .cantainer .baoming > img { float:left; width:100%; margin-bottom:2em; }
.kechengdg .cantainer .baoming div { float:left; width:52%; height:390px; background:#e3f0f8;  }
.kechengdg .cantainer .baoming div + div { float:right; width:auto;  }
.kechengdg .cantainer .baoming div + div img  { float:left; width:100% }
.kechengdg .cantainer .baoming h3 { float:left; width:100%; font-size:24px; padding:1.75em 0 1.25em; text-align:center; }
.kechengdg .cantainer .baoming h3 span {float:left;}
.kechengdg .cantainer .baoming p,
.kechengdg .cantainer .baoming ul { clear:both; width:75%; padding:0 0; margin:auto;}
.kechengdg .cantainer .baoming ul li { background:url(../images/ico/ywlc_li.png) left 0.8em no-repeat; padding-left:1em; line-height:1.5em; margin-bottom:0.5em; }
.kechengdg .cantainer .baoming .xxzq { width:100%;  position:relative; float:left; }
.kechengdg .cantainer .baoming .xxzq span { width:100%; position:absolute; top:62%; left:0; right:0; text-align:center;}
.kechengdg .cantainer .baoming .xxzq span  p{ float:left; width:100%; padding:0; font-size:18px; line-height:2em;}

.kechengdg .cantainer .shangke_zhouqi { float:left; width:94%; height:300px; margin:3% 3% 0; padding:2% 0 0; background:#fbf4f4;  }
.kechengdg .cantainer .shangke_zhouqi p { font-size:18px; line-height:2em; } 


.jqkbtz {clear:both; float:left; width:100%; text-align:center; padding-bottom:2%; }
.jqkbtz > .cantainer {display:inline-block; *display:inline; zoom:1; position:relative; background:#fff;}
.jqkbtz .cantainer .title { position:absolute; top:0;  left:0; right:0; }
.jqkbtz .cantainer .title > h1 { width:100%; color:#fff; font-size:36px; text-align:center; line-height:90px;}
.jqkbtz .cantainer .title > h1 > span { display:block; width:2em; height:2px; background:#fff;  position:absolute; bottom:0; left:50%; margin-left:-1em;}
.jqkbtz .cantainer .title > h2 { width:100%; color:#fff; font-size:36px; text-align:center; line-height:90px;}
.jqkbtz .cantainer .title > h2 > span { display:block; width:2em; height:2px; background:#fff;  position:absolute; bottom:0; left:50%; margin-left:-1em;}
.jqkbtz .cantainer .title + div { position:absolute; top:90px; bottom:0; left:0; right:0; z-index:0; overflow:hidden;}
.jqkbtz .cantainer .title + div ul { float:left; height:100%; width:5000%; overflow:hidden;}
.jqkbtz .cantainer .title + div li { float:left; height:100%; width:1170px; color:#fff;}
.jqkbtz .cantainer .title + div li h3 { font-size:24px; line-height:3em; font-weight:normal;}
.jqkbtz .cantainer .title + div li p { font-size:18px; line-height:2em;}
.jqkbtz .cantainer .btn { position:absolute; top:50%;  left:0; right:0; margin-top:-30px; z-index:2; }
.jqkbtz .cantainer .btn > span { width:50px; height:60px; background:url(../images/ico/left_s.png) center no-repeat; background-size:auto 100%; cursor:pointer; position:absolute; }
.jqkbtz .cantainer .btn .left { background-image:url(../images/ico/left_s.png); margin-left:60px; left:0;}
.jqkbtz .cantainer .btn .right { background-image:url(../images/ico/right_s.png); margin-right:60px; right:0;}


.ljbm_yyst {clear:both; float:left; width:100%; text-align:center; padding-bottom:2%; }
.ljbm_yyst > .cantainer {display:inline-block; *display:inline; zoom:1; position:relative; background:#fff;}
.ljbm_yyst > .cantainer .btn { width:100%; display:inline-block; *display:inline; zoom:1; position:relative; background:#fff;}
.ljbm_yyst > .cantainer .btn > span { float:left; width:50%; height:70px; line-height:70px; font-size:18px; position:relative; }
.ljbm_yyst > .cantainer .btn > span h3 { font-size:30px; position:absolute; top:0;  left:0; right:0; bottom:0; color:#494949; border:1px solid #ecd9d7; background:#f6ebea; cursor:pointer;}
.ljbm_yyst > .cantainer .btn > span.on h3 { background:#fff; border:0; border-top:3px solid #8bc1fc; color:#0284cd; cursor:default;}
.ljbm_yyst > .cantainer .btn + div { width:100%; height:300px; text-align:left;  }
.ljbm_yyst > .cantainer .btn + div form { width:50%; float:left; font-size:18px; padding-top:5%; }
.ljbm_yyst > .cantainer .btn + div form  label {float:right;  width:100%; display:inline-block; *display:inline; zoom:1; text-align:right; margin-bottom:1.2em; }
.ljbm_yyst > .cantainer .btn + div form  label input {width:65%; margin:0 5%; font-size:18px; padding:0.75em; border:1px solid #efefef; background:#f9f9f9 }
.ljbm_yyst > .cantainer .btn + div form  button { float:left; width:30%; margin-left:25%; font-size:22px; background:#0284cd; color:#fff; border:0; padding:0.5em 0; cursor:pointer; }
.ljbm_yyst > .cantainer .btn + div form button:hover { background:#006ca8; }
.ljbm_yyst > .cantainer .btn + div form  input[type="button"] { float:left; width:30%; margin-left:25%; font-size:22px; background:#0284cd; color:#fff; border:0; padding:0.5em 0; cursor:pointer; }
.ljbm_yyst > .cantainer .btn + div form input[type="button"]:hover { background:#006ca8; }

.ljbm_yyst > .cantainer .btn + div span { float:left; width:34%; padding:5% 0 0 16%; }
.ljbm_yyst > .cantainer .btn + div span img { float:left; }
.ljbm_yyst > .cantainer .btn + div span h3 { height:1.5em; color:#8d8d8d;}
.ljbm_yyst > .cantainer .btn + div span em { font-size:30px; font-weight:bold; color:#0284cd;}
.ljbm_yyst > .cantainer .btn + div span a { clear:both; float:left; width:4.5em; font-size:24px; color:#78ade4; background:#f4f4f4 url(../images/Special-topics/ebay_15.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 .btn + div span a:hover { background-color:#e8e8e8; }
.ljbm_yyst > .cantainer .btn + div .ljbm_yyst_02 { display:none;}


.wqhg {clear:both; float:left; width:100%; text-align:center; padding-bottom:1.6%; }
.wqhg > .cantainer {display:inline-block; *display:inline; zoom:1; position:relative; background:#fff; padding-bottom:2%;}
.wqhg .cantainer .title { clear:both; float:left; width:100%; position:relative; margin-bottom:2.8%;}
.wqhg .cantainer .title img  { width:100%}
.wqhg .cantainer .title > h1 { color:#fff; text-align:center; line-height:2em; position:absolute; top:0; right:0; left:0; bottom:0;}
.wqhg .cantainer .title > h2 { color:#fff; text-align:center; line-height:2em; position:absolute; top:0; right:0; left:0; bottom:0;}
.wqhg .cantainer .title + ul { clear:both; float:left; width:85%; text-align:left; margin-left:7.5%; }
.wqhg .cantainer .title + ul li { float:left; width:30%; text-align:left; }
.wqhg .cantainer .title + ul li + li { margin-left:4.9%; }
.wqhg .cantainer .title + ul li h3 a { float:left; width:100%; font-size:18px; line-height:3em; color:#0284cd}
.wqhg .cantainer .title + ul li p { font-size:14px; line-height:1.5em; margin-bottom:0.8em;}
.wqhg .cantainer .title + ul.wqhgp li p { color:#838383 }

#about321 .footer ul.tabbtn li a {color:#887e7e; font-size:18px; }
#about321 .footer ul.tabbtn li.on a { display:block; height:43px; !important height:45px; color:#0284cd; line-height:45px; border-bottom:2px solid #0284cd;}
#about321 .footer ul.tabbtn li.on:hover a { color:#0284cd; }
#about321 .footer ul.tabbtn li:hover a { color:#f09632; }
#about321 .footer div.tabcententlist .list .date .day { color:#0284cd;}

@media (max-width: 1200px) {
	.gysmt .cantainer h1 { font-size:30px; }
	.gysmt .cantainer h2 { font-size:30px; }
	.gysmt .cantainer > img.bg { width:40%; margin-top: -50px;  right:-23px;}
	
	.scqk .cantainer .title h1 { font-size:30px; }
	.scqk .cantainer .title h2 { font-size:30px; }
	.scqk .cantainer .content div > img { width:45%; }
	.scqk .cantainer .content div > h3 img {height:1.5em;}
	
	.gwfzqj .cantainer .title img { height:5em; }
	.gwfzqj .cantainer > img { width:90%; }
	
	.xxdx_kechengbg .cantainer .left img,
	.xxdx_kechengbg .cantainer .right img { width:8em; }
	.xxdx_kechengbg .cantainer .left ul { padding: 80px 0 0 55px; }
	.xxdx_kechengbg .cantainer .left ul li { background-size:1em auto; }
	
	.kechengys .cantainer > div div { width:230px; height:110px; }
	.kechengys .cantainer > div .lefttop { left:130px; top:80px; }
	.kechengys .cantainer > div .righttop { top:80px; right:130px; }
	.kechengys .cantainer > div .leftbottom { left:130px; bottom:60px; }
	.kechengys .cantainer > div .rightbottom { right:130px; bottom:60px;}
	
	.mstd .cantainer .title + div ul li .pic { height:280px; }
	.kechengdg .cantainer .baoming div { float:left; width:52%; height:305px; background:#e3f0f8;  }
	.kechengdg .cantainer .baoming div + div { float:right; width:46%;  }
	.kechengdg .cantainer .baoming h3 {	 padding:0.5em; 0 }
	.kechengdg .cantainer .baoming h3 img {height:1.5em;}
	.kechengdg .cantainer .baoming p, .kechengdg .cantainer .baoming ul { width:85%; }
	


}






