@charset "utf-8";







/* = CSS重定义



------------------------------------------------------------ */



body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote 



{ margin: 0;padding: 0; } 



input, button, textarea,select, optgroup, option {font-family: inherit;font-size:100%;font-style: inherit;font-weight: inherit; border:none; outline:none;transition: all 0.333s ease-in;}



input[type="radio"]{ cursor:pointer;}



label{cursor:pointer;}



h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; display: block; }



ul, li, dl, dt, dd {display: block;list-style-image: none;}



em,i{ font-style:normal;}



fieldset, img {border: 0;}



ol, ul {list-style: none;} 



iframe {background-image: none; }



caption{text-align: left;}







hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}



.clear { clear:both; font-size: 0px; line-height: 0px; }





.clearfix{zoom:1;}



.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }





.checkbox { line-height: 13px; height: 13px; width: 13px; padding: 0px; margin: 0px; }











.fl{float:left;}



.fr{float:right;}



.block1{ clear:both; width:100%; height:10px;}



.block2{ clear:both; width:100%; height:20px;}



.clearspan{



	display:block !important;



	float:none !important;



	clear:both;



}







.block10{ width:100%; height:10px; clear:both;}



.block20{ width:100%; height:20px; clear:both;}



.block30{ width:100%; height:30px; clear:both;}



.block40{ width:100%; height:40px; clear:both;}



.block50{ width:100%; height:50px; clear:both;}



.block14{ width:100%; height:14px; clear:both;}







/*颜色块*/

.sbluebg{background: #24cdd0}



.bluebg{background: #1488ff}



.greenbg{background: #5ec04d}



.orangebg{background: #ff9a14}



.yellow{ color: #fef504; }





/* 全局CSS*/



body{  font-family: "微软雅黑"; color:#4f4e4e; font-size: 16px; background:#fff; position:relative;}

html{overflow-x:hidden;}

a { text-decoration:none; color:#3d3d3c;}

a:hover{ text-decoration:underline; }



.pageblue{ background: #039eff; }

.pageIn{ width:1100px; margin:0 auto;}











/*顶部*/

.header{ width:100%; background:#fff;}

.header-in{width:1100px; margin:0 auto; padding:30px;*padding:30px 0; overflow:hidden;}

.header .logo{ width:530px; height:60px;background:url(../images/logo.gif) no-repeat;}

.header .right{overflow:hidden; padding-top: 10px;}

.header .grid{ float:left;margin-left:30px; padding-left:50px; color:#474747;}

.header .g1{ background:url(../images/head-ico1.gif) no-repeat;}

.header .g2{ background:url(../images/head-ico2.gif) no-repeat;}

.header .g3{ background:url(../images/head-ico3.gif) no-repeat;}









/*导航*/

.nav{ height:50px; border:1px solid #2ece8e; border-left:none; border-right:none; background:#3c4c58;  position:relative; z-index:9;}

.nav .navtitle{ width:1200px; margin:12px auto 0; overflow: hidden;}

.navtitle a{ float:left; text-align:center;color:#fff; height:50px;}

.navtitle a:hover,.nav a.active span{  color:#f93a2a; text-decoration:none;}

.navtitle span{ display:inline-block; width:164px;border-right:2px solid #fff; }

.navtitle a:last-child span{ border:none;}



.navboxIn{ width:1200px; margin:0 auto;}

.navbox{width:100%; display:none; position:absolute; top:50px; right:0; z-index:9; background:#003271; background:rgba(255,255,255,0.98) none repeat scroll 0 0 !important;

filter:Alpha(opacity=90); background:#fff; border-bottom:1px solid #ccc; box-shadow:4px 4px 4px #6b6b6b;}

.navbox ul{ width:164px; height:310px; padding:20px 0 ; border-left:1px solid #f0edeb; overflow:hidden; float:left;}

.navbox ul:last-child,.navbox ul:nth-child(3){border-right:1px solid #f0edeb; }

.navbox ul li{ width:100%; line-height:40px; text-align:center; float:left;}

.navbox ul li:hover{background:#ff857b; background:rgba(255,133,123,.8);}

.navbox ul li a{ color:#8b8989; font-size:16px; display:block; width:100%; text-decoration:none;}

.navbox ul li a:hover{ color:#fff;}

.navbox .actul{ background:#f7f7f7;}

.navbox .actul a{ color:#333; }



















/*免费测试表单 star*/

.freeTest{width:1000px; position:relative;  margin-bottom:-30px;}

#ceshi_nav{text-align:center; overflow:hidden;}

#ceshi_nav  span{ display:inline-block; width:32px; height:25px; background:url(../images/public/navjt.png) no-repeat;}

#ceshi_nav p{display:inline-block;width:230px;cursor:pointer;line-height:60px; color:#fbfdfc; font-size:20px; text-decoration:none; background:#0dadfc; margin:0 35px; border-radius:40px;}

#ceshi_nav p:hover,#ceshi_nav p.active{ font-size:20px; background:#fab02e;}

.freeTest .ceshi_con{ overflow:hidden; padding-top:25px;}



.freeTest .ceshi_box{width:1000px; margin-top:20px; background:#fff;}

.freeTest .ceshi_box table{width:1000px;font-size:16px;}

/*.freeTest .ceshi_box table td.cstd_1{text-indent:30px;}*/

.freeTest .ceshi_box table td.cstd_2{padding-right:30px;}

.freeTest #ceshi_box1 tr,.freeTest #ceshi_box2 tr{ height:58px;}

.freeTest #ceshi_box1 tr td,.freeTest #ceshi_box2 tr td{border-bottom:1px dashed #ccc;}

/*#ceshi_box1 tr.odd,#ceshi_box2 tr.odd{ background:#e3ffe4;}

#ceshi_box1 tr.even,#ceshi_box2 tr.even{ background:#fdffe8;}*/



.freeTest .ceshi_box .radioTitle{ padding-right:14px; cursor:pointer;}

#ceshi_box1 tr .num,#ceshi_box2 tr .num{ padding-left:30px;}

/*#ceshi_box1 tr .num,#ceshi_box2 tr .num{ width:51px; height:64px; color:#fff; font-size:18px; padding-left:4px;}

#ceshi_box1 tr.odd .num,#ceshi_box2 tr.odd .num{ background:url(../images/tr-red.png) no-repeat left top;}

#ceshi_box1 tr.even .num,#ceshi_box2 tr.even .num{ background:url(../images/tr-blue.png) no-repeat left top;}*/



#ceshi_box3 .tableWrap{ padding-bottom:30px;}

#ceshi_box3 .h2title{font-size:20px;color:#333;font-weight:bold;padding-top:20px; line-height:60px;}

#ceshi_box3 .yu_sex_bd{ cursor:pointer; padding:4px 10px 0 0;}

#ceshi_box3 .xiaoqu{ cursor:pointer;}

#ceshi_box3 .line{ *padding:20px 0; height:60px; *height:30px; }

#ceshi_box3 .line .title{padding: 0 20px 0 60px;}

#ceshi_box3 .input-text{ width:200px; height:30px; line-height:30px; text-indent:10px; border:1px solid #e5e2e2;}

#ceshi_box3 select{ height:30px; width:200px; border:1px solid #e5e2e2;}



.freeTest .ceshi_box .ceshi_btn_box{ width:100%; overflow:hidden; padding:20px 0 40px 200px;}

.freeTest .ceshi_box .btn{ float:left; width:204px; height:42px; line-height:42px; margin:0 50px; color:#fff; font-size:18px; text-align:center; text-decoration:none; border-radius:10px;} 

.freeTest .ceshi_box .prev_btn{ background:#65c44c; }

.freeTest .ceshi_box .next_btn,.freeTest .ceshi_box .submit{ background:#fd7d0a; border:none; }

.freeTest #cs_step1.next_btn{ margin-left:210px;}



#report{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:999; top:0; left:0;display:none; }

#report .reportIn{ width:980px;height:680px; position:relative; z-index:9999; left:50%; margin-left:-490px; top:50%; margin-top:-340px; background:#FFF;box-shadow:0px 0px 10px #CCCCCC;-moz-box-shadow:0px 0px 10px #CCCCCC;-webkit-box-shadow:0px 0px 10px #CCCCCC;font-family:'Microsoft Yahei';font-size:15px;color:#514c4c;

 -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=0, strength=6)\

progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=90, strength=6)\

progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=180, strength=6)\

progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=270, strength=6)";

 *filter:progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=0, strength=6)

progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=90, strength=6)

progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=180, strength=6)

progid:DXImageTransform.Microsoft.Shadow(color=#E9E9E9, direction=270, strength=6);}

#report table{width:958px;float:left;margin-left:15px;margin-top:15px;border:#8b8b8b solid 2px;}

#report table td{padding:0 20px;line-height:25px;}

#report ul{width:100%;float:left;color:#4d90ea;font-size:14px;}

#report ul li{width:100%;float:left;list-style:none;}

#report ul li span{display:block;float:left;color:#1861bb;border-top:#565656 solid 1px;border-right:#565656 solid 1px;width:100px;text-align:center;line-height:30px;height:30px;}

#report ul li span.rs_first{border-left:#565656 solid 1px;width:70px;margin-left:25px;}

#report ul li span img{margin-top:7px;}

#report .report_map{float:left;width:38px;height:193px;position:relative;overflow:hidden;margin-left:58px;margin-top:21px;}

#report .report_map .avg_map{width:38px;height:193px;position:absolute;z-index:10;left:0;top:193px;background:#27548c;}

#report .report_map .val_map{width:38px;height:193px;position:absolute;z-index:10;left:0;top:193px;background:#ae2649;}

/* 免费测试表单 end*/









/*预约课程表单 star*/

.pagebd{ background: #0f81d0; }

.yy-course{ padding:20px; background:#fff;position:relative; border-radius:15px;}

.yy-course .yy-info{ float:left; _width:500px; margin:20px 0 0 120px;_margin:20px 0 0 60px;display:inline; overflow:hidden;}

.yy-course .yy-info .grid{ padding-bottom:26px; font-size:16px; overflow: hidden;}

.yy-course .yy-info .title{ float:left;  font-size:18px;}

	/*设置radio*/

.yy-course .yy-radiobox{ float: left; }

.yy-course .yy-radiobox label{ padding:0 10px 5px; display: inline-block; overflow: hidden;}

.yy-course .yy-radiobox .yy-radio{ margin: 0 5px;width: 15px;height: 15px; border: 0; border-radius: 50%;border: 1px solid #0f81d0;background:none;     -webkit-appearance: none; appearance: none;}

.yy-course .yy-radiobox label.active .yy-radio{background:#ff4e00;}

.yy-course .grid-day .yy-radiobox{ width: 246px; }



	/*设置文本框*/

.yy-course .yy-info .yy-input{ border:none; background:none; border-bottom:1px solid #606161; width:54px; height:22px; line-height:22px; text-align:center; color:#606161;}

.yy-course .yy-xq-sel{ overflow:hidden; float:left;margin:10px 0 0 90px; display:inline;}

.yy-course .yy-xq-sel .grid{padding-bottom:20px; font-size:18px; height:30px; line-height:30px;}

.yy-course .yy-xq-sel .grid .title{ float:left; padding-right:20px;}

.yy-course .yy-xq-sel .grid input{ height:30px; padding-left:6px; font-size:15px; width:190px; color:#606161; line-height:30px;}

.yy-course .yy-xq-sel .grid select{ height:30px; width:200px; padding-left:6px; cursor:pointer; font-size:15px; color:#606161}

.yy-course .yy-xq-sel .grid input{ border:1px solid #039eff;}

.yy-course .yy-xq-sel .grid select{ border:1px solid #039eff;}



.yy-course .yy-btnWrap{ overflow:hidden; width:206px; position:absolute; left:50%; margin-left:-103px; bottom:-20px; text-align: center;background: #fea84b; }

.yy-course .yy-btn{ display: block; font-size:18px;cursor:pointer; border:none;color:#fff;background:none; height:44px;  width:100%; margin: 0 auto}







/*感觉统合量表*/

.scale{ width: 1000px; margin:40px auto; background: #fff; overflow: hidden;}

.panel-nav{}

.panel-nav li{ width: 50%; text-align: center; color: #fff; font-weight: 500; font-size: 20px; background: #f35d5d; height: 40px; line-height: 40px; float: left; }

.panel-nav li.t2{ background:url(../images/jt.gif) no-repeat #e14040; }

.panel-nav .active{ color: #ffe400; font-weight: bold; }

.panel-con{ display:none; }

.subject .grid{ height: 56px; line-height: 56px; overflow: hidden;}

.subject .grid.even{ background:url(../images/public/sbjeven.gif) no-repeat #fdffe8;}

.subject .grid.odd{ background:url(../images/public/sbjodd.gif) no-repeat #d9edfd; }

.subject .grid p{ float: left; }

.subject .ques{ color: #fff; font-size: 18px; padding:0 30px 0 2px;}

.subject .radio{ float: right;}

.subject .radio label{width:70px;float: left;}

.subject .radio input{ margin: 0 5px; }

.panel-user{ overflow: hidden;}

.panel-user .userinfo{background: #fdffe8; padding: 50px;}

.panel-user .t1{ text-align: center; font-size: 20px; padding: 0 0 30px; font-weight: bold;}

.panel-user .t2{ padding: 0 50px; text-indent: 2em; line-height: 30px; }

.panel-user .bd{ width: 310px; margin:40px auto 0;}

.panel-user .grid{ line-height:30px; margin:20px 0;}

.panel-user .grid .title{ float: left; }

.panel-user .bd input[type="text"],.panel-user .bd select{ height: 30px; width: 200px; border: 1px solid #ccc; background: #fff; text-indent: 12px;}

.panel-user .bd label{ padding: 0 10px; }



.panel-result{ display: none; background: #fdffe8; padding: 40px 20px 0; overflow: hidden;}

.panel-result .title{ border-bottom: 1px solid #ea5a4e; text-align: center; margin-bottom: 40px;}

.panel-result .title span{ border-bottom: 2px solid #ea5a4e; color: #ea5a4e; line-height: 50px; display: inline-block; font-size: 30px; }

.panel-result .c1{ font-size:20px; width: 300px; overflow: hidden; }

.panel-result .c1 span{ color: #e14040; font-weight: bold; border-bottom: 1px solid #e14040; display: inline-block; }

.panel-result .c1 p{ margin:24px 0; }

.panel-result .c1 p:before{ content: '';float: left; width: 6px; height: 6px; margin: 10px 10px 0 0; background: #e14040; border-radius: 50%; }

.panel-result .c2{ width: 340px; margin-left:20px;}

.panel-result .c2 p{float: left;}

.panel-result .c2 li{ height: 35px; line-height: 35px; width: 100%; float: left; margin:7px 0; text-align: center;color: #fff; overflow: hidden;}

.panel-result .c2 li:nth-child(1){ font-size: 20px;  }

.panel-result .c2 .t2{ width: 60%;*width: 55%; height: 35px;  *height: 33px;border:1px solid #f7b505; box-sizing: border-box; text-align: center;}

.panel-result .c2 .t1{ width:40%;}

.panel-result .c2 li:nth-child(1) .t2{ background: #f7b505; }

.panel-result .c2 li .t1{ background: #f97070; }

.panel-result .c2 li:nth-child(1) .t1{background: #8f1313;}

.panel-result .c2 li:nth-child(2) .t1{background: #bf1919;}

.panel-result .c2 li:nth-child(3) .t1{background: #de1e1e;}

.panel-result .c2 li:nth-child(4) .t1{background: #f22020;}

.panel-result .c2 li:nth-child(5) .t1{background: #fe5757;}

.panel-result .c2 li:nth-child(6) .t1{background: #f97070;}

.panel-result .c2 li .sign{ width:16px; height: 16px; background: red; display: inline-block; border-radius: 50%; }

.panel-result .c3{ margin-left: 60px; width: 200px; padding: 20px; background: #fe7070; line-height: 32px; color: #fff; font-size: 18px}

.panel-result .c3 strong{ font-size: 20px; }

.panel-result .returnbtn{ margin:40px auto; width: 200px; text-align: center; font-size: 18px; cursor: pointer; background: #f36f0d; color: #fff; line-height: 40px; }



.panel-btn{ text-align: center; width: 100%; overflow: hidden; margin:50px 0 0;}

.panel-btn p{ display: inline-block; width: 206px; height: 40px;line-height: 40px; margin: 0 10px;  *margin:20px 10px; background: #ea5a4e; color: #fff; font-size: 18px; cursor: pointer; }

.panel-btn .step2-prev,.panel-btn .step3-prev{ background: #f7b505; }







/*底部导航*/



.foot1{ padding:30px 0 60px; overflow: hidden;}

.foot1 .f1box{ width:100%;  }

.foot1 .f1box .f1in{ float:left; width:190px; margin-right:10px; display:inline; }

.foot1 .f1box .f49{ height:530px;}

.foot1 .f1box .f19{ height:190px;}

.foot1 .f1box .f1in .f1in-tit{ background:url(../images/f1.png) left 0 top 13px no-repeat; padding:0 0 0 40px; height:48px; line-height:48px; text-align:left; font-weight:800; font-size:30px; color:#383838;}

.foot1 .f1box .f1in .f1in-con{ display:block; background:url(../images/f2.png) left top  repeat-y; padding:0 0 0 40px; height:30px; line-height:30px; text-align:left; font-size:14px; color:#383838;}

.foot2{ width:100%; height:210px; background:url(../images/ft.gif) center no-repeat #151515;}







/*翻页*/

.page_turn{ overflow:hidden; text-align:center; margin:50px auto 38px;}

.page_turn a{ background:#fcf8f9; border:1px solid #dcdcdc; border-radius:6px; text-align:center; line-height:32px; color:#6e6c6f; display:inline-block; padding:0 12px; text-decoration:none; margin:0 2px;}

.page_turn a.active,.page_turn a:hover{ color:#fff; background:#34ce8d; border:1px solid #34ce8d; }