@charset "utf-8";

.cantainer {width:1190px; height:auto; margin:auto; }

#header { width:100%; height:160px; position:relative; z-index:10; background:#fff; }
#header .title { clear:both; height:110px; background: url(../images/bg/header_title.jpg) center bottom no-repeat; width: 100%;}
.panle{
    text-align: center;
    padding-left: 15%;
    padding-right: 15%;
    position: relative;
}
#header .title .logo { float:left; width:25%; height:50px; position:relative; margin-top:38px;}
#header .title .logo a { float:left; position:absolute; top:0; bottom:0; left:0; right:0;}
#header .title .btn { float:left; width:330px; height:40px; font-size:13px; margin-left:2%;  }
#header .title .btn a { width:66px; !important width:60px; height:37px; !important height:39px; line-height:37px; margin-top:20px;border:1px solid #dfdfdf; padding-left:39px; cursor:pointer;}

#header .title .btn > .left {float:left; color:#3b3b3b; background: #fff url(../images/ico/top_btn_left.png) 17px center no-repeat; width: 20%;}
#header .title .btn > .center {float:center; color:#c21907; background: #fff url(../images/ico/top_btn_right.png) 17px center no-repeat; width: 20%; }
#header .title .btn > .right {float:left; color:#c21907; background: #fff url(../images/ico/top_btn_right.png) 17px center no-repeat;margin-left: 3px; width: 20%;}


#header .title .cell { float:right; height:30px; text-align:right; line-height:30px; font-size:29px; color:#d62918; font-weight:bold; background-size:auto 100%; padding-left:35px; margin:50px 120px 0 0 ; position:relative; }
#header .title .cell .pic { display:block; width:30px; height:35px; position:absolute; left:0; }
#header .title .cell .pic img { width:100%; }


#header .title .city { float:right; width:430px; height:40px; font-size:13px;margin:10px 10px 0 400px ; }
#header .title .city a { width:66px; !important width:60px; height:37px; !important height:39px; line-height:37px; margin-top:48px; color: #fff; padding:3px 20px 3px 20px; cursor:pointer; background:#d72a18;}

#header .nav { clear:both; width:100%; height:50px; background:#d72a18; text-align:left; text-align:center;}
#header .nav > ul { display:inline-block; *display:inline; zoom:1; vertical-align:top; background:url(../images/bg/navbg.png) right center no-repeat; }
#header .nav > ul > li { float:left; display:block; line-height:50px; position:relative;}
#header .nav > ul > li { background:url(../images/bg/navbg.png) left center no-repeat; }
#header .nav > ul > li > a { display:block; height:100%; color:#fff; white-space:nowrap; padding:0 22.7px; }
#header .nav > ul > li > a.on { background:#c21603; border-left:1px solid #b21b0c; border-right:1px solid #b21b0c; position:relative; padding:0 21.7px;}
#header .nav > ul > li > a:hover { background:#c21603; border-left:1px solid #b21b0c; border-right:1px solid #b21b0c; position:relative; padding:0 21.7px;}

#header .nav > ul > li.list02 {float:left; display:block; line-height:18px; position:relative; }
#header .nav > ul > li.list02 > a{       background:#ffffff; color:#d72a18; padding:2px 8px; margin:14px 20px; border-radius: 4px; text-decoration:none; font-size: 13px;}
#header .nav > ul > li.list02 > a:on {   background:#ffffff; color:#d72a18; padding:2px 8px; margin:14px 19px; border-radius: 4px; text-decoration:none; font-size: 13px;}
#header .nav > ul > li.list02 > a:hover {background:#ffffff; color:#d72a18; padding:2px 8px; margin:14px 19px; border-radius: 4px; text-decoration:none; font-size: 13px;}

#header .nav > ul > li.list01 { position:relative; z-index:99; }
#header .nav > ul > li.list01 > a:hover { background:#c21603 url(../images/bg/nav_btn_bg.png) center bottom no-repeat; }
#header .nav > ul > li.list01:hover div.cantainer { display:block;}
#header .nav > ul > li.list01 > div.cantainer:hover {display:block; }
#header .nav > ul > li.list01 > div.cantainer:hover + a { background:#c21603 url(../images/bg/nav_btn_bg.png) center bottom no-repeat; border-left:1px solid #b21b0c; border-right:1px solid #b21b0c; position:relative; padding:0 29px;}
#header .nav > ul > li.list01 > div.cantainer { display:none; height:auto; background:#fff; position:absolute; left:0; top:100%; z-index:1;}
#header .nav > ul > li.list01 > div.cantainer .bg { background:#f4f5f5; position:absolute; top:0; bottom:0; left:-1000%; right:-1000%; z-index:98;}
#header .nav > ul > li.list01 > div.cantainer > .centent { width:100%; height:150px; position:relative; z-index:999; } 
#header .nav > ul > li.list01 > div.cantainer > .centent > a { float:left; width:27%; height:90px; background:#fff; border:1px solid #dadada; padding:10px; margin:20px 20px 20px 0;}
#header .nav > ul > li.list01 > div.cantainer > .centent > a h3 { line-height:30px; font-size:18px; font-weight:bold; color:#be1a1f;}
#header .nav > ul > li.list01 > div.cantainer > .centent > a p { width:100%; height:50px; line-height:25px; font-size:13px; color:#887e7e; overflow:hidden;}
#header .nav > ul > li.list01 > div.cantainer > .centent > a:hover { background:#d32817; }
#header .nav > ul > li.list01 > div.cantainer > .centent > a:hover h3,
#header .nav > ul > li.list01 > div.cantainer > .centent > a:hover p { color:#fff; }

#header .nav > ul > li:hover ul { display:block; background:#fff; position:absolute; left:0; top:100%; z-index:8888; }
#header .nav > ul > li ul:hover { display:block; }
#header .nav > ul > li ul:hover + a { background:#c21603; border-left:1px solid #b21b0c; border-right:1px solid #b21b0c; position:relative; padding:0 29px; }
#header .nav > ul > li ul{ width:100%; display:none; background:#fff; text-align:center; padding:10px 0; position:absolute; left:0; top:100%; z-index:8888; }
#header .nav > ul > li ul li { height:2.5em; line-height:2.5em; }
#header .nav > ul > li ul a { display:block; color:#4c4242; font-size:14px; }
#header .nav > ul > li ul li:hover a {color:#fff; background:#d42817;}



#footer { clear:both; float:left; width:100%; height:410px; margin-top:50px; background:#c4261d; position:relative; z-index:888}


#footer > .top {clear:both; float:left;  width:100%; height:285px; background:#fff url(../images/bg/index_footer_bg.jpg) 80% bottom no-repeat; padding-top:50px; border-top:1px solid #e7e7e7; }
#footer > .top .cantainer > .left a { font-size:14px; color:#887e7e;}
#footer > .top .cantainer > .left dl { float:left; width:175px; height:200px; }
#footer > .top .cantainer > .left dl.list01 { width:260px;}
#footer > .top .cantainer > .left dl.list03 { width:260px;}
#footer > .top .cantainer > .left dl dt { height:45px; font-size:18px; color:#4c4242; }
#footer > .top .cantainer > .left dl dd { float:left; width:115px; }
#footer > .top .cantainer > .left dl dd a { line-height:30px; background:url(../images/ico/index_fooer_ddbtn.png) left center no-repeat; padding-left:15px;}
#footer > .top .cantainer > .left dl dd a:hover { color:#df4839;}

#footer > .top .cantainer > .right { float:right; width:370px;} 
#footer > .top .cantainer > .right .pic { float:left; width:112px; height:112px; margin-right:20px; }
#footer > .top .cantainer > .right .pic img { width:100%; }
#footer > .top .cantainer > .right h4 { font-size:22px; color:#4c4242; }
#footer > .top .cantainer > .right p { line-height:1.5em; font-size:32px; color:#c4261d; font-weight:bold; }
#footer > .footer { clear:both; float:left; width:100%; padding-top:2em; font-size:13px; }
#footer > .footer p { color:#fff; text-align:center; }
#footer > .footer p a { color:#ffb0ac;}
#footer > .footer p + p { color:#ffb0ac;}

#goTopBtn {
	display:block;
	position: fixed;
	text-align: center;
	_position: fixed;
	_top: expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
	line-height: 72px;
	width: 160px;
	height: 56px;
	font-size: 12px;
	cursor: pointer;
	right: 0;
	bottom:110px;
	z-index:9999;
}
.return { width:56px; height:56px; background: #d8d8d8 url(../images/ico/quicknav_04.png) center no-repeat; position:absolute; left:0; bottom:0; z-index:9999; 
	border-radius:3px;
	-moz-border-radius: 3px;       
	-webkit-border-radius: 3px;
}






.page { float:left; width:100%; height:24px; text-align:center; padding:4% 0;}
.page a,
.page span { height:20px; !important height:22px; line-height:20px; color:#a9a9a9;  border:1px solid #e4e4e4; display:inline-block; margin:2px; font-size:13px;}
.page a:hover { background:#f4f4f4; }
.page .page_up,
.page .page_down { width:48px; !important width:50px;}
.page .page_home,
.page .page_end { width:33px; !important width:35px;}
.page .page_list { width:20px; !important width:22px;}
.page span { padding:0px 4px;}
.page .on { background:#f4f4f4; color:#333; font-weight:bold;}


#about321 .footer { clear:both; }
#about321 .footer ul.tabbtn { clear:both; float:left; width:90%; padding:2.5% 5% 0; height:45px; text-align:center;}
#about321 .footer ul.tabbtn li { height:45px; line-height:45px; padding:0 2%; display:inline-block; *display:inline; zoom:1;}
#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:#dc3827; line-height:45px; border-bottom:2px solid #dc3827; cursor:default;}
#about321 .footer div.tabcentent { float:left; width:90%; padding:4% 5% 0; height:300px; position:relative;overflow:hidden;}
#about321 .footer div.tabcententlist { clear:both; float:left;  width:100%;
	height:350px;
}
#about321 .footer div.tabcententlist img { float:left; width:36%; margin-right:5%;}
#about321 .footer div.tabcententlist .list { float:left; width:48%; padding-right:2%; height:100px;}
#about321 .footer div.tabcententlist .list +.list { padding-top:0em; }
#about321 .footer div.tabcententlist .list .date { float:left; width:60px; height:60px; margin-right:4.5%; text-align:center; }
#about321 .footer div.tabcententlist .list .date .day { float:left; width:100%; line-height:40px; font-size:40px; color:#d62918; font-weight:bold; }
#about321 .footer div.tabcententlist .list .date .ym { font-size:15px; line-height:20px;}
#about321 .footer div.tabcententlist .list .text { line-height:25px; text-align:left; }
#about321 .footer div.tabcententlist .list .text h3 { font-size:18px; line-height:25px; }
#about321 .footer div.tabcententlist .list .text p { font-size:14px; color:#898989; line-height:1.5em;}



/* *************************************************** 关于我们 Start *************************************************** */
p.about.location { clear:both; display:block; line-height:30px; font-size:14px; background:url(../images/ico/location_ico.png) 5px center no-repeat; padding:1.6% 0 1.6% 2em; }

#about .main { clear:both; float:left; width:100%; height:auto; margin-bottom:30px; position:relative; z-index:0;}
#about .main > .left { float:left; width:25.21%;  text-align:center;}
#about .main > .left h3 { clear:both; float:left; display:block; width:90%; line-height:24px; font-size:24px; color:#fff; padding:5%; position:relative; }
#about .main > .left .top { clear:both; float:left; width:100%;}
#about .main > .left .top h3.bg_da251d { background:#da251d; border-left:1px solid #da251d; border-right:1px solid #da251d;}
#about .main > .left .top a { display:inline-block; *display:inline; zoom:1; line-height:16px; font-size:16px; color:#494949; }
#about .main > .left .top ul { clear:both; float:left; width:100%; background:#fff; padding:6% 0; border:1px solid #eee; border-top:0px; }
#about .main > .left .top ul li { padding:4% 0;}
#about .main > .left .top ul li a { padding-left:20px; margin-left:-20px; }
#about .main > .left .top ul li a:hover { color:#d32817; }
#about .main > .left .top ul li.on a { font-weight:bold; color:#d32817; background:url(../images/ico/menu_on01.png) left center no-repeat; }

#about .main > .left .bottom { clear:both; float:left; width:100%; padding-top:9%;}
#about .main > .left .bottom h3.bg_969696 { font-size:18px; background:#969696; border-left:1px solid #969696; border-right:1px solid #969696;}
#about .main > .left .bottom h3.bg_969696 span { display:block; width:26px; height:13px; background:url(../images/bg/about_qr_code_top.png) center bottom no-repeat; margin-left:-13px; position:absolute; top:100%; left:50%; }
#about .main > .left .bottom h3 + div { clear:both; float:left; font-size:14px; width:69.34%; background:#fff; padding:0 15.33% 7%; border:1px solid #fff; }
#about .main > .left .bottom h3 + div p { line-height:53px; }
#about .main > .left .bottom h3 + div img { width:100%;  }

#about .main > .right { float:right; width:65.5%; min-height:900px; background:#fff; padding:3.36%; border:1px solid #eee; border-bottom:3px solid #f4d9d8;}
#about .main > .right .about.nav { line-height:40px; color:#d62918; position:relative; z-index:1;}
#about .main > .right .about.nav .txt { background:#fff url(../images/ico/about_title.png) left center no-repeat; padding: 0 15px 0 45px; position:relative; z-index:2;}
#about .main > .right .about.nav .bg { width:100%; height:2px; background:#eee; margin-top:2px; position:absolute; left:0; top:50%; overflow:hidden; z-index:1;  }
#about .main > .right .content {padding:4% 0 ; font-size:16px; }
#about .main > .right .content .rightimg{ float: right; padding-top: 0.25em;}
#about .main > .right .content > img { width:100%; margin:0; margin-bottom:0.5em; }
#about .main > .right .content p { line-height:2em; text-indent:2em; margin-bottom:1.2em; font-size:14px;}
#about .main > .right .content div > p { text-indent:0; margin-bottom:1.2em; font-size:14px;}
#about .main > .right .content h1,
#about .main > .right .content h2,
#about .main > .right .content h3,
#about .main > .right .content h4 {padding:3% 0; }
#about .main > .right .content ul { clear:both; float:left; width:104.23%; margin-left:-4.1%; padding-top:4%;  }
#about .main > .right .content ul li { float:left;width:29%; margin: 0 0 4.333% 4.333%;  }
#about .main > .right .content ul li span { clear:both; float:left; width:100%; }
#about .main > .right .content ul li img { float:left; width:100%;}
#about .main > .right .content ul li p { float:left; width:72%; line-height:20px; text-align:center; font-size:14px; padding:6% 14%; }
#about .main > .right .content ul li a { display:block; float:left; width:100%;}

#about .main > .right .content  .content_banner_txt { text-align:center; }
#about .main > .right .content  .ry li { margin-bottom:2%; }
#about .main > .right .content  .ry p { margin:0; }

#about .main > .right .content .pic { clear:both; float:left; width:103%; margin-left:-3%; padding-top:0.5em; }
#about .main > .right .content .pic img { float:left; width:30.33%; margin: 0 0 3% 3%; }






#about .main.tame .right > span { clear:both; float:left; cursor:pointer; padding:4% 0; }
#about .main.tame .right > span img { float:left; width:100%; }

#about .main.tame .right ul { float:left; width:100%; }
#about .main.tame .right ul li { clear:both; float:left; width:100%; padding-bottom:4%;  border-bottom:1px solid #eee; }
#about .main.tame .right ul li + li {padding:4% 0;}
#about .main.tame .right ul li div.pic { clear:both; float:left; width:29.9%; margin-right:4%;}
#about .main.tame .right ul li div.pic img { clear:both; float:left; width:100%;}

#about .main.tame ul li h3 { font-size:24px; padding:0.6% 0; margin-bottom:0.6%; }
#about .main.tame ul li p { line-height:30px; font-size:16px; padding:0.6% 0; margin-bottom:4%; }
#about .main.tame ul li p a { color:#c62920; text-decoration:underline;}
#about .main.tame ul li h6 { font-size:13px;}
#about .main.tame ul li h6 em { color:#999;}



#shenqing_js { display:none; width:765px; height:640px; position:fixed; left:50%; top:50%; margin:-320px 0 0 -382px; z-index:8888;}
#shenqing_js .body_bg {
	position:fixed; top:0px; bottom:0px; left:0px; right:0px; background:#000; z-index:1;
	filter:alpha(opacity=50);
	-webkit-opacity: 0.5;
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	border-radius:5px;
	-moz-border-radius:5px;       
	-webkit-border-radius:5px;
 }
#shenqing_js .bg {
	position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#000;
	filter:alpha(opacity=20);
	-webkit-opacity: 0.2;
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
	border-radius:5px;
	-moz-border-radius:5px;       
	-webkit-border-radius:5px;
 }
#shenqing_js > .centent { background:#fff; position:absolute; top:23px; bottom:23px; left:23px; right:23px; padding:53px; z-index:2;}
#shenqing_js > .centent .close { display:block; width:20px; height:19px; background:url(../images/ico/close_btn.png); margin:17px; position:absolute; right:0; top:0; z-index:8888; cursor:pointer; }
#shenqing_js > .centent .title {clear:both; float:left; width:100%; height:60px; position:relative; text-align:center; }
#shenqing_js > .centent .title h3 { display:inline-block; *display:inline; zoom:1; background:#fff; line-height:2em; font-size:30px; position:relative; z-index:2; padding: 0 0.5em; margin:auto;}
#shenqing_js > .centent .title span { float:left; width:100%; height:1px; background:#dfdfdf; position:absolute; left:0; top:50%; z-index:1; }
#shenqing_js > .centent form {clear:both; float:left; width:100%;  background:#000; position:relative; }
#shenqing_js > .centent form > div {position:absolute; top:35px; left:35px; right:35px; }
#shenqing_js > .centent form > div span {clear:both; float:left;  width:100%; height:50px; }
#shenqing_js > .centent form > div span + span { margin-top:25px; }
#shenqing_js > .centent form > div span label {float:left; line-height:50px; font-size:18px;  }
#shenqing_js > .centent form > div span input { float:right; width:83.6%; background:#f8f8f8; padding:0.75em 0 0.75em 1em; border:1px solid #dfdfdf; font-size:18px;  }
#shenqing_js > .centent form > div button { float:right; width:87.3%; height:50px; font-size:24px; color:#fff;  background:#d32817; margin-top:40px; border:0; cursor:pointer;}
#shenqing_js > .centent form > div button:hover { background:#ed3c2c; } 


#about .main.tame_details > .right {float:right; width:72.22%; background:none; padding:0; border:none; }
#about .main.tame_details > .right > .top { clear:both; float:left; width:90%; background:#fff; padding:5% 5% 0; border:1px solid #eee; border-bottom:3px solid #f4d9d8; margin-bottom:22px;}
#about .main.tame_details > .right > .top .introduction { clear:both; float:left;  width:100%; padding:5% 0 8%; margin-bottom:4%; border-bottom:1px solid #eee; }
#about .main.tame_details > .right > .top .introduction div.pic { clear:both; float:right; width:29.9%; margin-left:10%;}
#about .main.tame_details > .right > .top .introduction div.pic img { clear:both; float:left; width:100%;}
#about .main.tame_details > .right > .top .introduction h2 { font-size:24px; height:1.5em; }
#about .main.tame_details > .right > .top .introduction p { font-size:16px; padding:0.25em 0 }
#about .main.tame_details > .right > .top .introduction p font { color:#ee736d;}
#about .main.tame_details > .right h3 { clear:both;line-height:1.5em; font-size:24px; color:#e0413a; margin:3% 0; }
#about .main.tame_details > .right p img { width:100%; }
#about .main.tame_details > .right > .top > div {clear:both; float:left; width:100%; margin-bottom:4%; }

#about .main.tame_details > .right > .top .teaching_scene { clear:both; float:left; width:100%; text-align:left; position:relative; padding-bottom:7.5%; overflow:hidden;}
#about .main.tame_details > .right > .top .teaching_scene ul.focus { clear:both; width:100%; height:500px; position:relative; }
#about .main.tame_details > .right > .top .teaching_scene ul.focus li  { position:absolute; left:0; top:0; right:1px; bottom:0; overflow:hidden;}
#about .main.tame_details > .right > .top .teaching_scene ul.focus li img { float:left; width:100%; }

#about .main.tame_details > .right > .top .teaching_scene ul.listbtn  { height:25px; text-align:center; position:absolute; bottom:0%; left:0; right:0; z-index:99;}
#about .main.tame_details > .right > .top .teaching_scene ul.listbtn li { width:15px; height:15px; display:inline-block; *display:inline; zoom:1; background:url(../images/ico/focus_btn4.png) right 0 no-repeat; margin:3px; cursor:pointer; }
#about .main.tame_details > .right > .top .teaching_scene ul.listbtn li.on { background:url(../images/ico/focus_btn4.png) left 0 no-repeat; }




#about .main.tame_details > .right > .top  .kaike_information { float:left; width:100%; height:240px; background:#f5f5f5; border:1px solid #ccc; position:relative; margin-top:7.5%; margin-bottom:2%;}
#about .main.tame_details > .right > .top  .kaike_information > span { width:140px; height:50px; position:absolute; left:50%; top:0; margin:-25px 0 0 -71px; text-align:center; background:#fff; border:1px solid #b0b0b0;}
#about .main.tame_details > .right > .top  .kaike_information > div { float:left; padding:40px 0 30px 45px; position:absolute; bottom:0px; left:0; right:0; top:0; }
#about .main.tame_details > .right > .top  .kaike_information > div .left h4 { line-height:40px; font-weight:bold; }
#about .main.tame_details > .right > .top  .kaike_information > div .left p { line-height:30px; }
#about .main.tame_details > .right > .top  .kaike_information > div .left { float:left; width:70%;  }

#about .main.tame_details > .right > .top  .kaike_information > div .right { float:right; width:22%; padding:35px 0 0;  }
#about .main.tame_details > .right > .top  .kaike_information > div .right a { clear:both; float:left; width:90px; height:35px; line-height:35px; text-align:center; color:#fff;}
#about .main.tame_details > .right > .top  .kaike_information > div .right .shiting { background:#e0413a;}
#about .main.tame_details > .right > .top  .kaike_information > div .right .baoming { background:#ff8a00; margin-top:35px;}

.lalel { clear:both; float:left; width:100%; margin:0; padding-bottom:4%; }
.lalel p { float:left; font-size:14px;}
.lalel p em,
.lalel p a { color:#999;}
.lalel .share { float:right;}

#about .main.tame_details > .right > .top  .kaike_information > span h3 { line-height:50px; margin:0;}

#about .main.tame_details > .right > .bottom { clear:both; float:left; width:90%; background:#fff; padding: 5% 5% 3%; border:1px solid #eee; border-bottom:3px solid #f4d9d8;}
#about .main.tame_details > .right > .bottom  .title { float:left; position:relative; width:100%; }
#about .main.tame_details > .right > .bottom  .title h1 { float:left; display:block; background:#fff; padding-right:10px; position:relative; z-index:2; }
#about .main.tame_details > .right > .bottom  .title span { display:block; width:100%; height:4px; background:#ececec url(../images/bg/details_h3_bg.png) right no-repeat; position:absolute; top:50%; margin-top:-2px; z-index:1; }
#about .main.tame_details > .right > .bottom  .title + div { width:100%; overflow:hidden; padding:5% 0; }
#about .main.tame_details > .right > .bottom  .title + div ul { width:100%; float:left;}
#about .main.tame_details > .right > .bottom  .title + div ul li { float:left; width:35%; line-height:1.5em; padding-left:1em; background:url(../images/ico/related-consulting_ico.png)  left 0.5em no-repeat; margin:0 7% 0 0;}

#about .main { text-align:left; }
#about .main .right .content > div { float:left; width:100%; font-size:16px; }
#about .main .right .content > div img { float:left; margin-right:30px; }
#about .main .right .regional { clear:both; float:left; width:100%;  padding:2em 0;}
#about .main .right .regional a { line-height:2em; display:inline-block; *display:inline; zoom:1; padding: 0 0.75em; margin:0 0.5em; border:1px solid #eee; }
#about .main .right .regional a.on { color:#fff; background:#d82a22; border-color:#d82a22; }
#about .main .right .regional a:hover { color:#fff; background:#d82a22; border-color:#d82a22; }
/* *************************************************** end 关于我们 *************************************************** */

/* *************************************************** 客户案例 start *************************************************** */
.case_title { clear:both; float:left; width:100%; position:relative; z-index:0;}


.case_title p.location { clear:both; display:block; font-size:14px; color:#fff; }
.case_title { clear:both; float:left; width:100%; position:relative;}
.case_title img { float:left;  width:100%; }
.case_title .centent { height:100%; position:absolute; top:0; left:0; right:0; bottom:0; } 
.case_title .centent .cantainer { position:relative; height:100%; }
.case_title .centent .cantainer h1 {line-height:40px; color:#fff; position:absolute; top:50%; left:1.5em; margin-top:-18px;}
.case_title .centent .cantainer p { color:#fff; line-height:2em; position:absolute; right:0; bottom:0; }
.case_title .centent .cantainer p span.bg { position:absolute; top:0; left:0; right:0; bottom:0; background:#999;
	filter:alpha(opacity=40);
	-webkit-opacity: 0.4;
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.case_title .centent .cantainer p span.bg + span {  background:url(../images/ico/location02.png) 1em center no-repeat; position:relative; z-index:999; padding: 0 1.5em 0  2.5em;}
.case_title .centent .cantainer p span.bg + span a { color:#fff; }

#case {clear:both; float:left; width:100%; }
#case .main .cantainer { padding-top:40px; }
#case .main .cantainer.nopaddingtop { padding-top:0;}
#case .main .cantainer > .left { float:left; width:72.22%; height:100%; background:#fff; border:1px solid #e9e9e9; padding: 3% 0;  }
#case .main .cantainer > .left.nopaddingtop { padding-top:0;}
#case .main .cantainer > .left .title { clear:both; float:left; width:90%; border-bottom:1px solid #e9e9e9; padding: 0 5% ; }
#case .main .cantainer > .left .title p { font-size:18px; position:relative; top:-16px; }
#case .main .cantainer > .left .title div { clear:both; height:45px;  display:inline-block; *display:inline; zoom:1; margin-right:1px; position:relative; font-size:20px; margin-left:-30px; }
#case .main .cantainer > .left .title div + div { margin:0; }
#case .main .cantainer > .left .title a { padding:0 30px;}
#case .main .cantainer > .left .title div + div a { border-left:1px solid #a4a4a4;}
#case .main .cantainer > .left .title > div > span { display:none; position:absolute; left:30px; right:30px; bottom:0;  border-bottom:3px solid #c52920; }
#case .main .cantainer > .left .title > div:hover > span { display:block;}
#case .main .cantainer > .left .title > div.on { font-size:22px; }
#case .main .cantainer > .left .title > div.on > span { display:block;}



#case .main .cantainer > .left .title + ul { clear:both; float:left; width:90%;  padding: 4.5% 5% 0;}
#case .main .cantainer > .left .title + ul li { clear:both; float:left; width:100%;  padding: 0 0 4% 0; margin-bottom:4%; border-bottom:1px solid #d9d9d9;}
#case .main .cantainer > .left .title + ul li span { float:left; width:230px; height:160px;  margin-right:4%; }
#case .main .cantainer > .left .title + ul li span img { width:100%; }
#case .main .cantainer > .left .title + ul li h3 {height:2em; font-size:18px;}
#case .main .cantainer > .left .title + ul li p { font-size:14px; }
#case .main .cantainer > .left .page { padding:0; }

.cantainer > .right { float:right; width:25.21%; }
.cantainer > .right > div { margin-bottom:10%;}
.cantainer > .right .news { clear:both; float:left; width:100%; border:1px solid #e9e9e9;}
.cantainer > .right .news > div { clear:both; float:left; width:80%; background:#fff; padding: 5% 10% 10%;}
.cantainer > .right .news > div .nav { float:left; width:100%; line-height:40px; color:#d62918; position:relative; z-index:1;}
.cantainer > .right .news > div h3 { float:left; background:#fff; padding: 0 5px 0 0; position:relative; z-index:2;}
.cantainer > .right .news > div span { width:100%; height:1px; background:#d9d9d9; margin-top:1px; position:absolute; left:0; top:50%; overflow:hidden; z-index:1;  }
.cantainer > .right .news > div ul  { clear:both; float:left; width:100%; font-size:14px; padding:2% 0 0 }
.cantainer > .right .news > div ul li { float:left; clear:both; width:100%; padding: 0.25em 0;}
.cantainer > .right .news > div ul li a { float:left; background:url(../images/ico/list_ico.png) left 0.5em no-repeat; padding-left:1em; font-weight:normal;}
.cantainer > .right .news > div ul li a:hover { color:#dc251d; background:url(../images/ico/index_fooer_ddbtn.png) left 0.5em no-repeat;}

#case.evaluation .main {}
#case.evaluation .main .left {clear:both; float:left; width:65.5%;  padding:3.36%; }
#case.evaluation .main .left .content > p { padding-bottom:1.2em; }

#case.evaluation .main .left .centent { width:104%; margin-left:-4%; }
#case.evaluation .main .left .centent ul { clear:both; float:left; width:100%; }
#case.evaluation .main .left .centent ul li { float:left; width:29.333%; height:350px; margin: 0 0 4% 4%; }
#case.evaluation .main .left .centent ul li .pic,
#case.evaluation .main .left .centent ul li .pic img { float:left; width:100%; }
#case.evaluation .main .left .centent ul li .txt { float:left; height:120px; padding:0.5em 0; }
#case.evaluation .main .left .centent ul li .txt p { font-size:14px; }
#case.evaluation .main .left .centent ul li > a { clear:both; float:left; width:100%; height:2.5em; line-height:2.5em; background:#f7e9e9; text-align:center; border:1px solid #f8dbdb;  }
#case.evaluation .main .left .centent ul.video li { height:320px; }
#case.evaluation .main .left .centent ul.video li .txt h3 { font-size:18px; line-height:1.2em; padding:0.4em 0; }


#case .main .cantainer > .left .page { padding:3% 0; }

.cantainer > .right .leibie { clear:both; float:left; width:100%;  }
.cantainer > .right .leibie h3 { clear:both; float:left; width:100%; line-height:2em; color:#fff; background:#dc251d; text-indent:1em; border-left:1px solid #dc251d; border-right:1px solid #dc251d;  }
.cantainer > .right .leibie > ul { float:left; width:80%; padding: 1em 10% 2em; background:#fff; border:1px solid #e9e9e9;  }
.cantainer > .right .leibie > ul li { padding:0.5em 0; }
.cantainer > .right .leibie > ul li  a { padding-left:1.5em; background:url(../images/ico/evaluation_right_li_ico.png) left center no-repeat; }
.cantainer > .right .leibie > ul li  a:hover { color:#fe7800; background:url(../images/ico/evaluation_right_li_ico_02.png) left center no-repeat; }
.cantainer > .right .leibie > ul li  a.on { color:#fe7800; background:url(../images/ico/evaluation_right_li_ico_02.png) left center no-repeat; }
.cantainer > .right .leibie > ul li  a.on + ul a { color:#fe7800;}

.cantainer > .right .leibie ul li li a,
.cantainer > .right .leibie ul li li a:hover,
.cantainer > .right .leibie ul li li a.on { background:none; }


/* *************************************************** end 客户案例 *************************************************** */


/* *************************************************** 人才输送 start *************************************************** */

#solutions {  }
#solutions {clear:both; float:left; width:100%; }
#solutions .main .cantainer { padding-top:40px; }
#solutions .main .cantainer.notop { padding-top:0; }
#solutions .main .cantainer > .left { float:left; width:65.5%;  padding:3.36%; background:#fff; border:1px solid #e9e9e9;  }
#solutions .main .cantainer > .left ul { clear:both; float:left; width:100%;}
#solutions .main .cantainer > .left > ul li { clear:both; float:left; width:100%;  padding: 0 0 4% 0; margin-bottom:4%; border-bottom:1px solid #d9d9d9; position:relative;}
#solutions .main .cantainer > .left ul li:last-child  { margin-bottom:0; }
#solutions .main .cantainer > .left ul li h3 { line-height:1.5em; font-size:18px; }
#solutions .main .cantainer > .left ul li span { float:left; width:100%; font-size:14px; color:#999; }
#solutions .main .cantainer > .left ul li p { font-size:14px; color:#494949; }
#solutions .main .cantainer > .left ul li div { position:relative; }
#solutions .main .cantainer > .left ul li div > a { display:block; color:#fff; background:#ffa000; padding: 0.25em 1.5em; position:absolute; bottom:0; right:0; }
#solutions .main .cantainer > .left .page { padding:5% 0 4% 0;}
#solutions.news .main .cantainer > .left ul li div {clear:both; float:left; width:100%;}
#solutions.news .main .cantainer > .left ul li span{ float:none;}
#solutions.news .main .cantainer > .left ul li span.pic { float:left; width:215px; height:200px; margin-right:4%; }
#solutions.news .main .cantainer > .left ul li span.pic img { width:100%; }
#solutions.news  .main .cantainer > .left ul li h3 { line-height:1em; }
#solutions.news  .main .cantainer > .left ul li font { color:#999; line-height:4em; font-size:14px; }
#solutions.news  .main .cantainer > .left ul li p {height:6em;}
#solutions.news  .main .cantainer > .left ul li p + p {height:auto;}
#solutions.news  .main .cantainer > .left ul li p + p > a {  display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0.75% 1em; background:#e6e6e6; border:1px solid #c8c8c8; }
#solutions.news  .main .cantainer > .left ul li p + p > a + span { width:auto; float:right; display:inline-block; *display:inline; zoom:1; vertical-align:top;  padding:0.75% 0;}
#solutions.news  .main .cantainer > .left ul li p + p > a + span  a { color:#999;}

#solutions .main .cantainer > .right { float:right; width:25.21%; }
.search { clear:both; float:left; width:90%; background:#e6e6e6; border:1px solid #d4d4d4; padding:5%; }
.search input {float:left; width:75%; line-height:1.5em; color:#999; background:#fff; text-indent:1em; border:1px solid #d4d4d4; padding:0.5em 0; }
.search button {float:right; width:23%; line-height:2.5em; color:#fff; background:#dc251d; border:1px solid #d4d4d4; }
#solutions .main .cantainer > .right .remenganwei > div { padding:5% 10%; }
#solutions .main .cantainer > .right .remenganwei li { width:100%; padding:0.5em 0; }
#solutions .main .cantainer > .right .remenganwei li a { font-size:16px; background:none; padding-left:0; }
#solutions .main .cantainer > .right .remenganwei li a:hover { background:none; }
#solutions .main .cantainer > .right .question h3 { font-size:18px; font-weight:bold; }


#solutions.details .left .centent { clear:both; float:left; width:100%; }
#solutions.details .left .centent h3 { font-size:20px; line-height:2em;}
#solutions.details .left .centent font { color:#999; font-size:14px; line-height:4em; }
#solutions.details .left .centent p { font-size:14px; }
#solutions.details .left .centent + .btn {  clear:both; float:left; width:100%; text-align:center; padding:3em 0; }
#solutions.details .left .centent + .btn span {display:inline-block; *display:inline; zoom:1; font-size:24px; color:#fff; background:#da251d; padding:0.5em 2.5em; cursor:pointer; }

#solutions.details .right .woyaorencai { clear:both; float:left; width:80%; background:#e86653; padding:10%;text-align:center;  }
#solutions.details .right .woyaorencai p { clear:both; float:left; width:100%; color:#fff; margin-bottom:1em; }
#solutions.details .right .woyaorencai span { display:inline-block; *display:inline; zoom:1; height:2em; line-height:2em; color:#fff; background:#dc9623; padding:0 1.5em; cursor:pointer;}
#solutions.details .right .woyaorencai span:hover { background:#dc8623 }



#shenqing_js.solutions { height:825px; margin-top:-412px; }
#shenqing_js.solutions > .centent form > div { left:20px; right:20px;}
#shenqing_js.solutions > .centent form > div span input { width:78%;}
#shenqing_js.solutions > .centent form  button { width:81.3%; }





#shenqingzhiwei { display:none; width:765px; height:670px; position:fixed; left:50%; top:50%; margin:-330px 0 0 -382px; z-index:8888;}
#shenqinghr { display:none; width:765px; height:730px; position:fixed; left:50%; top:50%; margin:-350px 0 0 -382px; z-index:8888;}
#shenqingzhiwei .body_bg,#shenqinghr .body_bg {
	position:fixed; top:0px; bottom:0px; left:0px; right:0px; background:#000; z-index:1;
	filter:alpha(opacity=50);
	-webkit-opacity: 0.5;
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
	border-radius:5px;
	-moz-border-radius:5px;       
	-webkit-border-radius:5px;
 }
#shenqingzhiwei .bg, #shenqinghr .bg {
	position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#000;
	filter:alpha(opacity=20);
	-webkit-opacity: 0.2;
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
	border-radius:5px;
	-moz-border-radius:5px;       
	-webkit-border-radius:5px;
 }
#shenqingzhiwei > .centent, #shenqinghr > .centent { background:#fff; position:absolute; top:23px; bottom:23px; left:23px; right:23px; padding:53px; z-index:2;}
#shenqingzhiwei > .centent .close, #shenqinghr > .centent .close { display:block; width:20px; height:19px; background:url(../images/ico/close_btn.png); margin:17px; position:absolute; right:0; top:0; z-index:8888; cursor:pointer; }
#shenqingzhiwei > .centent .title, #shenqinghr > .centent .title{clear:both; float:left; width:100%; height:65px; position:relative; text-align:center; }
#shenqingzhiwei > .centent .title h3,#shenqinghr > .centent .title h3 { display:inline-block; *display:inline; zoom:1; background:#fff; line-height:2em; font-size:30px; position:relative; z-index:2; padding: 0 0.5em; margin:auto;}
#shenqingzhiwei > .centent .title span,#shenqinghr > .centent .title span{ float:left; width:100%; height:1px; background:#dfdfdf; position:absolute; left:0; top:50%; z-index:1; }
#shenqingzhiwei > .centent form,#shenqinghr > .centent form{clear:both; float:left; width:100%; position:relative; }
#shenqingzhiwei > .centent form h4,#shenqinghr > .centent form h4{ clear:both; float:left;  width:100%; font-size:18px; line-height:80px;  }
#shenqingzhiwei > .centent form span, #shenqinghr > .centent form span {clear:both; float:left;  width:100%; height:50px; }
#shenqingzhiwei > .centent form span + span,#shenqinghr > .centent form span+ span { margin-top:25px; }
#shenqingzhiwei > .centent form span label,#shenqinghr > .centent form span label {float:left; line-height:50px; font-size:18px;  }
#shenqingzhiwei > .centent form span input,#shenqinghr > .centent form span input { float:right; width:75%; background:#f8f8f8; padding:0.75em 0 0.75em 1em; border:1px solid #dfdfdf; font-size:18px;  }
#shenqingzhiwei > .centent form span .filebtn,#shenqinghr > .centent form span .filebtn { color:#fff; background:#999; height:50px; width:15%; margin-left:3%; border:none; text-indent:0; padding:0;	 }
#shenqingzhiwei > .centent form span .filetxt,#shenqinghr > .centent form span  .filetxt { width:57%;  padding:0.7em 0 0.7em 1em; }
#shenqingzhiwei > .centent form button,#shenqinghr > .centent form button{ float:right; width:79%; height:50px; font-size:24px; color:#fff;  background:#d32817; margin-top:40px; border:0; cursor:pointer;}
#shenqingzhiwei > .centent form button:hover,#shenqinghr > .centent form button:hover { background:#ed3c2c; } 

/* *************************************************** end 人才输送 *************************************************** */

/* *************************************************** 视频中心详情页 start *************************************************** */

.pages {clear:both; float:left; width:100%; border-bottom:3px solid #dedede; padding:3% 0; }
.pages a { float:left; font-size:13px; text-align:left; padding-left:2em; background:url(../images/ico/btn_left.png) left center no-repeat; }
.pages a + a { float:right; text-align:left; background:url(../images/ico/btn_right.png) right center no-repeat;padding-left:0; padding-right:2em; }
.pages a span { float:right; font-size:16px; padding-left:2em;}
.pages a + a span { float:left; padding-right:2em;}

.video.left  h3 { clear:both; float:left; width:100%; font-size:22px; padding-bottom:3%; }
.video.left .content.detail > p { width:100%; margin:0.6em 0 }
.video.left  .yuyue { clear:both; float:left; width:100%; font-size:14px; position:relative; padding:0.5em 0; margin-bottom:2em;}
.video.left  .yuyue > a { color:#fff; background:#fe7800; position:absolute;right: 0; bottom:0; padding:0.25em 1.5em; }

.video.left img { margin:2% 0;}
.video.left .laiyuan {clear:both; float:left; width:100%; font-size:14px; color:#ccc; padding:3% 0;}
.video.left .lalel { clear:both; float:left; width:100%; border-bottom:1px solid #dedede; padding:0 0 3%; }
.video.left .lalel.noborder { border-bottom:none; margin-bottom:0;}
.video.left .lalel.news p a { color:#494949;}


.evaluation .main .left h2 { float:left; position:relative; font-size:24px; width:100%;  border:none; margin:1.5em 0 0.5em;}
.evaluation .main .left h2 + div { width:100%; overflow:hidden; padding:2% 0; }
.evaluation .main .left h2 + div ul { width:100%; float:left;}
.evaluation .main .left h2 + div ul li { float:left; width:35%; padding-left:1em; background:url(../images/ico/related-consulting_ico.png)  left 0.5em no-repeat; margin:0 10% 0.5em 0;}
.evaluation .main .left h2 + div ul li a { font-size:14px; line-height:1em;}



#solutions.courses .main .cantainer > .left { padding-top:0; padding-bottom:1%; }
#solutions.courses .main .cantainer > .left ul { clear:both; float:left; width:105%; margin-left:-4.5%;}
#solutions.courses .main .cantainer > .left ul li { float:left; width:29.333%; height:350px; margin: 4% 0 0 4%; }
#solutions.courses .main .cantainer > .left ul li .pic,
#solutions.courses .main .cantainer > .left ul li .pic img { float:left; width:100%; }
#solutions.courses .main .cantainer > .left ul li .txt { float:left; height:120px; padding:0.5em 0; }
#solutions.courses .main .cantainer > .left ul li .txt p { font-size:14px; }
#solutions.courses .main .cantainer > .left ul li a { clear:both; float:left; width:100%; height:2.5em; line-height:2.5em; background:#f7e9e9; text-align:center; border:1px solid #f8dbdb;  }
#solutions.courses .main .cantainer > .left ul.video li { height:320px; }
#solutions.courses .main .cantainer > .left ul.video li .txt h3 { font-size:18px; line-height:2em; }


#enroll { text-align:center;}
#enroll .cantainer {  display:inline-block; *display:inline; zoom:1; vertical-align:top;  background:#fff; border:1px solid #e9e9e9; text-align:left; margin-top:2%; }
#enroll .title {clear:both; float:left; width:85%; position:relative; text-align:center; margin: 4% 7.5%; }
#enroll .title h3 { display:inline-block; *display:inline; zoom:1; background:#fff; line-height:2em; font-size:50px; position:relative; z-index:2; padding: 0 0.5em; margin:auto;}
#enroll .title span { float:left; width:100%; height:1px; background:#dfdfdf; position:absolute; left:0; top:50%; z-index:1; }

#enroll .form { float:left; padding-bottom:15%; display:block; width:100%; }
#enroll .form form  { display:block; zoom:1; width:600px; margin:auto;}
#enroll .form form > div {clear:both; float:left; width:100%; margin: 0.5em 0 ; position:relative;}
#enroll .form form > div .requisite { color:#F00; position:absolute; left:0; margin-left:-0.75em; top:0.75em;}
#enroll .form font { width:2em; height:1em;  display:inline-block; *display:inline; zoom:1; vertical-align:top;}

#enroll .form form .left { float:left; font-size:18px; margin:0.25em; }
#enroll .form .name label,
#enroll .form .cell label,
#enroll .form .email label,
#enroll .form .didian label { float:left; width:100px; padding:0.3em 0; }
#enroll .form input[type="text"]{ float:right; width:488px; !important width:490px; font-size:16px; background:#f9f9f9; padding:0.75em 0; text-indent:1em; border:1px solid #efefef; }
#enroll .form input[type="text"] + p {margin-top:1em;}

#enroll .form span input[type="text"] { margin:0; }

#enroll .form select { float:right;  width:490px; font-size:16px; background:#f9f9f9; padding:0.75em 0; text-indent:1em; border:1px solid #efefef;}
#enroll .form select option { font-size:16px; }

#enroll .form .kc {clear:both; float:left; width:100%;}
#enroll .form .kc .left {float:left; width:15%;}
#enroll .form .kc .xz { float:right; width:490px;}
#enroll .form .kc .xz p { float:right; width:100%; padding:0.5em 0 0.5em;}
#enroll .form .kc .xz span { float:left; width:100%; margin-bottom:0.5em;}
#enroll .form .kc .xz span label { float:left; width:25%; font-size:13px; padding:0.5em 0;}
#enroll .form .kc .xz label input { float:left; margin:0.4em 0.4em 0.4em 0; }
#enroll .form .didian span { float:right; width:490px;  }
#enroll .form button { float:right; width:490px; color:#fff; font-size:18px; background:#ff7800; border:0; padding:0.75em 0; margin:1em 0; }


#yyaudition { text-align:center;}
#yyaudition .cantainer {  display:inline-block; *display:inline; zoom:1; vertical-align:top;  background:#fff; border:1px solid #e9e9e9; text-align:left; margin-top:2%; }
#yyaudition .title {clear:both; float:left; width:85%; position:relative; text-align:center; margin: 4% 7.5% 5%; }
#yyaudition .title h3 { display:inline-block; *display:inline; zoom:1; background:#fff; line-height:2em; font-size:48px; position:relative; z-index:2; padding: 0 0.5em; margin:auto;}
#yyaudition .title p { font-size:18px; line-height:1.5em;}
#yyaudition .title span { float:left; width:100%; height:1px; background:#dfdfdf; position:absolute; left:0; top:3.5em; z-index:1; }

#yyaudition .form { float:left; padding-bottom:15%; display:block; width:100%; }
#yyaudition .form form  { display:block; zoom:1; width:600px; margin:auto;}
#yyaudition .form form > div {clear:both; float:left; width:100%; margin:0.5em 0; position:relative;}
#yyaudition .form form > div .requisite { color:#F00; position:absolute; left:0; margin-left:-0.75em; top:0.75em;}
#yyaudition .form font { width:2em; height:1em;  display:inline-block; *display:inline; zoom:1; vertical-align:top;}

#yyaudition .form form .left { float:left; font-size:18px; margin:0.25em; }
#yyaudition .form input[type="text"]{ float:right; width:488px; !important width:490px; font-size:16px; background:#f9f9f9; padding:0.75em 0; text-indent:1em; border:1px solid #efefef;}

#yyaudition .form select { float:right;  width:490px; font-size:16px; background:#f9f9f9; padding:0.75em 0; text-indent:1em; border:1px solid #efefef;}
#yyaudition .form select option { font-size:16px; }

#yyaudition .form .kc {clear:both; float:left; width:100%;}
#yyaudition .form .kc .xz { float:right; width:490px;}
#yyaudition .form .kc .xz span { float:left; width:100%; margin-bottom:0.5em;}
#yyaudition .form .kc .xz span label { float:left; width:33.333%; font-size:15px; padding:0.5em 0;}
#yyaudition .form .kc .xz label input { float:left; margin:0.4em 0.4em 0.4em 0; }
#yyaudition .form button { float:right; width:490px; color:#fff; font-size:18px; background:#d32817; border:0; padding:0.75em 0; margin:1em 0; }


#success { text-align:center;}
#success .cantainer {  display:inline-block; *display:inline; zoom:1; vertical-align:top;  background:#fff; border:1px solid #e9e9e9; text-align:center; margin-top:2%; }
#success .cantainer > div { display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:20% 0; }
#success .cantainer h1 { color:#00aa3c; font-size:48px; line-height:1.5em; display:inline-block; *display:inline; zoom:1; vertical-align:top; }
#success .cantainer p { font-size:18px; line-height:1.5em; text-align:left;  }
#success .cantainer > div .pic { float:left; margin-right:1em;}



.ywjs { float:left; width:100%; background:#e4e4e4; padding:3% 0; border-top:1px solid #fff; }
.ywjs img { float:left; margin-right:3%; }
.ywjs h1 { font-size:36px; line-height:2.5em; }
.ywjs p { font-size:16px; line-height:2em; }


.ywlc { float:left; width:100%; text-align:center; }
.ywlc .cantainer { display:inline-block; *display:inline; zoom:1; vertical-align:top; background:#fff; text-align:left; padding-bottom:2.4% }
.ywlc .cantainer h1 { clear:both; float:left; width:100%; line-height:3em; font-size:36px; color:#d32817; text-align:center; margin-top:2%;}
.ywlc .cantainer .top { clear:both; float:left; width:92%; margin: 0 4% 5.5%; }
.ywlc .cantainer .top li { float:left; width:13.7931%;  _width:13%; padding:10% 0 0 0 ;  position:relative; margin-right:3.4%; }
.ywlc .cantainer .top li.list_06 { float:right; width:13.7931%; margin:0; }
.ywlc .cantainer .top li.list_06 div { float:right; width:60%;margin-right:0; }
.ywlc .cantainer .top li div { width:60%; background:#d32817; padding-left:40%;position:absolute; top:0; bottom:0; left:0; }
.ywlc .cantainer .top li div span { float:left; position:absolute; left:0; top:0; bottom:0; right:60%; background:100% center no-repeat; background-size:85% auto;}
.ywlc .cantainer .top li div p { position: absolute; top:50%; left:40%; right:0; margin-top:-0.6em; font-size:17px; color:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.ywlc .cantainer .top li div + span { width:15px; display:block; position:absolute; top:0; bottom:0; left:100%;  background:url(../images/bg/yelc_bg.png) center no-repeat; }
.ywlc .cantainer .top li.list_01 div span { background-image:url(../images/bg/recruit50_ico_01.png); }
.ywlc .cantainer .top li.list_02 div span { background-image:url(../images/bg/recruit50_ico_02.png); }
.ywlc .cantainer .top li.list_03 div span { background-image:url(../images/bg/recruit50_ico_03.png); }
.ywlc .cantainer .top li.list_04 div span { background-image:url(../images/bg/recruit50_ico_04.png); }
.ywlc .cantainer .top li.list_05 div span { background-image:url(../images/bg/recruit50_ico_05.png); }
.ywlc .cantainer .top li.list_06 div span { background-image:url(../images/bg/recruit50_ico_06.png); }

.ywlc .cantainer .bottom {clear:both; float:left; width:92%; margin: 0% 4% 0; }
.ywlc .cantainer .bottom > li { background:#f1f1f1 right top no-repeat;}
.ywlc .cantainer .bottom > li.list_01 { clear:both; float:left; width:31%; height:219px; background-image:url(../images/bg/recruit100_ico_01.png); }
.ywlc .cantainer .bottom > li.list_02 { float:left; width:31%; height:219px; margin: 0 3.448% 3.448%; background-image:url(../images/bg/recruit100_ico_02.png);  }
.ywlc .cantainer .bottom > li.list_03 { float:right; width:31%; height:219px; background-image:url(../images/bg/recruit100_ico_03.png); }
.ywlc .cantainer .bottom > li.list_04 {height:219px; background-image:url(../images/bg/recruit100_ico_04.png); margin-bottom:0; }
.ywlc .cantainer .bottom > li.list_05 {background-image:url(../images/bg/recruit100_ico_05.png);  margin-bottom:0; }
.ywlc .cantainer .bottom > li.list_06 {background-image:url(../images/bg/recruit100_ico_06.png); margin-bottom:0; }
.ywlc .cantainer .bottom > li ul { width:84%; margin:9% 8% 0; padding-top:7%; }
.ywlc .cantainer .bottom > li li h3 { line-height:2em; font-size:24px; color:#d32817;}
.ywlc .cantainer .bottom > li li + li { line-height:1.2em; font-size:14px; background:url(../images/ico/ywlc_li.png) left 5px no-repeat; padding:0 0 0.3em 1em;}

.xyys { clear:both; float:left; width:100%; padding-top:1.8%;}
.xyys  img { clear:bold; float:left; width:100%;}
.xyys  .cantainer { position:relative;}
.xyys  .cantainer > div { position:absolute; top:0; bottom:0; left:0; right:0; }
.xyys  .cantainer > div > span { width:260px; position:absolute; top:90px; left:96px; text-align:center; }
.xyys  .cantainer > div > span h3 { color:#f08f05; line-height:3em; font-size:24px; }
.xyys  .cantainer > div > span p { font-size:14px; }

.xyys  .cantainer > div > span + span {  width:260px; position:absolute; top:190px; left:420px; }
.xyys  .cantainer > div > span + span  h3  { color:#cf1800; }
.xyys  .cantainer > div > span + span + span { width:260px; position:absolute; top:420px; left:170px; }
.xyys  .cantainer > div > span + span + span h3 { color:#1a9ecf; }



.lpms { clear:both; float:left; width:100%; padding:2.5% 0; text-align:center; }
.lpms .cantainer { background:#fff; text-align:center; padding-top:2%; display:inline-block; *display:inline; zoom:1; vertical-align:top; }
.lpms .cantainer h1 { width:100%; height:94px; line-height:70px; font-size:36px; color:#d32817; background:url(../images/bg/recruit_lpms_nav.jpg) center no-repeat; text-align:center; }
.lpms .cantainer h1 + div { clear:both; float:left; width:94%; height:auto; background:#fff; border-top:3px solid #ffc3bd; padding:0 0 3%; margin:0 3%;}
.lpms .cantainer h1 + div > div { float:left; width:27%; background:#fbeeee bottom no-repeat; text-align:left; text-align:center; padding:2% 2% 4%;  position:relative; }
.lpms .cantainer h1 + div > div.list_01 { float:left; }
.lpms .cantainer h1 + div > div.list_01 .bg,
.lpms .cantainer h1 + div > div.list_02 .bg,
.lpms .cantainer h1 + div > div.list_03 .bg { display:block; position:absolute; width:100%; bottom:0; left:0; }
.lpms .cantainer h1 + div > div.list_01 .bg img,
.lpms .cantainer h1 + div > div.list_02 .bg img,
.lpms .cantainer h1 + div > div.list_03 .bg img { float:left; width:100%;  }
.lpms .cantainer h1 + div > div.list_02 { display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:3.5%; }
.lpms .cantainer h1 + div > div.list_03 {float:right; }
.lpms .cantainer h1 + div > div span {display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.lpms .cantainer h1 + div > div h3 { text-align:center; line-height:3em;}
.lpms .cantainer h1 + div > div p { text-align:center; padding-bottom:2em;}

.lpms .cantainer h1 + div > div div { margin:auto; display:block; width:280px; height:280px; position:relative; }
.lpms .cantainer h1 + div > div div img { width:100%; }
.lpms .cantainer h1 + div > div div > img { width:100%; position:absolute; top:0; bottom:0; left:0; right:0;}



.anlifenxi { clear:both; float:left; width:100%; text-align:center; padding-bottom:1.5%;}
.anlifenxi .cantainer { display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; text-align:left; }
.anlifenxi .cantainer > img { clear:both; float:left; width:100%;}
.anlifenxi .cantainer > .top { position:absolute; top:0px; left:0; right:0; }
.anlifenxi .cantainer > .top h1 { line-height:3em; text-align:center; color:#fff;}
.anlifenxi .cantainer > .top div { float:left; width:52%; position:absolute; top:110px; left:9.5%;}
.anlifenxi .cantainer > .top div h3 { line-height:1.2em; padding:0.9em 0; color:#fff;font-size:36px; font-weight:bold; }
.anlifenxi .cantainer > .top div p { padding:0 3%;}
.anlifenxi .cantainer > .top div p + p { line-height:3em; font-size:14px;}
.anlifenxi .cantainer > .top div p + p + p { line-height:3em; font-size:16px;}
.anlifenxi .cantainer > .top div p + p + p a { color:#d32817;}

.anlifenxi .cantainer > .bottom {  clear:both; float:left; width:97%; padding:1.5% 1.5%; background:#fff; }
.anlifenxi .cantainer > .bottom span { float:left; width:49%; }
.anlifenxi .cantainer > .bottom span +span { float:right; }
.anlifenxi .cantainer > .bottom span img { float:left; margin-right:15px; width:39%; }
.anlifenxi .cantainer > .bottom span h3 { font-size:20px; color:#d32817;}
.anlifenxi .cantainer > .bottom span p { font-size:16px; margin: 1em 0; color:#838383}
.anlifenxi .cantainer > .bottom span p + p { font-size:14px; line-height:1em; margin:0; color:#999}

.partner {clear:both; float:left; width:100%; text-align:center; margin-bottom:1.8%; }
.partner .cantainer { display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; text-align:left; background:#fff;}
.partner .cantainer > img { width:100%; position:absolute; top:0; z-index:0;}
.partner .cantainer > div { position:relative; z-index:1;}
.partner .cantainer > div h1 { clear:both; float:left; width:100%; line-height:80px; text-align:center; color:#d32817; font-size:36px;}
.partner .cantainer > div span { clear:both; float:left; width:92%; padding: 5% 4% 4% ;}
.partner .cantainer > div span img  { float:left; width:23%; margin-left:1%; margin-right:1%}

.rencai_zijian { clear:both; float:left; width:100%; text-align:center; padding-bottom:1.8%;}
.rencai_zijian .cantainer { display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; text-align:left;}
.rencai_zijian .cantainer > div { float:left; width:40.5%; height:75px; background:#d32817; padding: 3em 4%; position:relative;}
.rencai_zijian .cantainer > div h3 { color:#fff; font-size:24px; line-height:1.5em;}
.rencai_zijian .cantainer > div p { color:#fff; width:55%; height:3em;}
.rencai_zijian .cantainer > div + div { float:right; background:#ffae00;}
.rencai_zijian .cantainer  .left h3 span { color:#f3f005; font-size:30px; padding-left:0.25em; }
.rencai_zijian .cantainer  .left span.btn { background:#d29a04; padding:0.4em 0.75em; color:#fff; font-size:20px; position:absolute;right:10%; top:50%; cursor:pointer;}
.rencai_zijian .cantainer  .right h3 span { color:#d32817; font-size:30px; padding-left:0.25em;  }
.rencai_zijian .cantainer  .right span.btn { background:#d66a00; padding:0.4em 0.75em; color:#fff; font-size:20px; position:absolute;right:10%; top:50%; cursor:pointer;}

#about321.nwes { float:left;width:100%; height:auto; text-align:center; padding-bottom:2%; }
#about321.nwes .cantainer { background:#fff; display:inline-block; *display:inline; zoom:1; vertical-align:top; position:relative; }
#about321.nwes .title { float:left; width:235px; height:2em; line-height:2em; color:#fff; font-size:36px; background:#d0cfcf; position:absolute; left:0; top:0; }
#about321.nwes .rightbottom {float:left; width:89px; height:77px; position:absolute; right:-20px; bottom:-20px;}
#about321.nwes .rightbottom img { width:100%; height:100%; }
#about321.nwes .title img { float:right; height:100%; position:absolute; right:0; top:0;}
#about321.nwes  ul.tabbtn { padding-top:1.5%; position:relative; right:-45px;}

#quicknav { width:160px; position:fixed; right:0; top:280px; z-index:9999;}
#quicknav ul { position:relative; width:100%; }
#quicknav ul .bg { height:auto; background:#d8d8d8; position:absolute; top:9px; bottom:9px; width:2px; padding:0; margin-left:9px; z-index:1; }
#quicknav ul li { height:1.5em; background:url(../images/ico/quicknav_01.png) 2px center no-repeat;  padding-left:2em; position:relative; z-index:2; margin:0.5em 0; cursor:pointer}
#quicknav ul li.topbottom { background:url(../images/ico/quicknav_02.png) 2px center no-repeat; }
#quicknav ul li.on { color:#d66a00; font-weight:bold; background:url(../images/ico/quicknav_03.png) 1px center no-repeat; }
#quicknav ul li:hover { color:#d66a00; font-weight:bold; }
#quicknav ul li.nocursor { cursor:inherit;}
#quicknav p { clear:both; float:left; display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0.75em; width:2em; height:2em; line-height:1em; background:#d8d8d8; color:#fff;
	border-radius:5px;
	-moz-border-radius: 5px;       
	-webkit-border-radius: 5px;   
 }
#quicknav p + p { background:#d8d8d8 url(../images/ico/quicknav_04.png) center no-repeat; margin-top:1em; cursor:pointer; display:none; }




#ywjs {   padding:2% 0;}
#ywjs img  { float:left;  }