@charset "UTF-8";

/* CSS Document */

body {

    font: normal 12px/26px "microsoft yahei";

    -webkit-text-size-adjust: none;

    background: #fff;

    color: #313131;

}



p, ol, ul, li, form, select, h1, h2, h3, h4, h5, h6 {

    margin: 0;

    padding: 0;

}



ol, ul, li {

    list-style: none;

}



a {

    color: #313131;

}



a:hover, a:focus {

    text-decoration: none;

}



.container {

    width: 1200px;

    padding: 0;

}



.row {

    /*margin: 0;*/

}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-sm-23, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    padding: 0;

}



/*topbar*/

.topbar {

    height: 49px;

    line-height: 49px;

    background: #003955;

    overflow: hidden

}



.topbar-nav > li {

    padding-left: 30px;

    color: #a5a5a5;

}



.topbar-nav > li > a {

    color: #afb0b4;

    cursor: pointer;

    display: inline-block;

    padding: 0 3px;

}



.topbar-nav li {

    font-size: 12px;

}



.topbar-nav .topbar .nav > li > a {

    padding: 0 15px;

    color: #d5d5d6;

}



.topbar-nav > li > a:focus, .topbar-nav > li > a:hover {

    background-color: #2b2f31;

}



.topbar-nav .on > a {

    color: #4187d1;

}



.topbar-nav .on > a:hover, .topbar-nav .on > a:focus {

    background-color: inherit;

}



.nav-pills > li + li {

    margin-left: 0;

}



/*nav*/

.navbar {

    min-height: 95px;

}



.navbar-brand img {

    margin-right: 8px;

}



.navbar-default {

    z-index: 999;

    background: #fff;

    border-bottom: 1px #d8d8d8 solid;

    margin-bottom: 0;

}



.navbar > .container .navbar-brand {

    margin: 0;

    font-size: 26px;

}



.navbar-nav > li > a {

    line-height: 95px;

    padding: 0 15px;

}



.navbar-nav > li:hover {

    background: #e7e7e7;

}



.navbar .nav > li > a {

    color: #5b5b5b;

    font-size: 14px;

}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    background: url(../../images/zysy/icon01.png) repeat-x left bottom;

    color: #3bc9c2;

}



.navbar .logo {

    height: 66px;

    padding: 34px 0 0 0;

    margin: 0;

}



.navbar .logo span {

    display: block;

    font: normal 10px/20px "Arial";

    letter-spacing: 1px;

}



.ul-contact {

    color: #a5a5a5;

}



.ul-contact li {

    position: relative;

    padding-left: 0;

}



.ul-contact li img {

    position: absolute;

    left: 0;

    top: 9px;

}



.ul-contact a {

    display: block;

    color: #afb0b4;

}



/*portlet*/

.portlet {

    margin: 10px;

}



.portlet h2 {

    background: url(../../images/zysy/zxBg.jpg) repeat-x left 16px;

    height: 50px;

    padding-bottom: 0;

    font: normal 24px/50px "microsoft yahei";

    color: #434343;

    position: relative;

}



.portlet h2.border_bottom {

    position: relative

}



.portlet h2.border_bottom i {

    position: absolute;

    left: 120px;

    top: 0;

    font-style: normal;

    font-size: 12px;

}



.portlet h2 img {

    position: absolute;

    left: 0;

    top: 4px;

    background: #fff;

    padding-left: 4px;

}



.portlet h2 span {

    display: block;

    height: 50px;

    color: #2280c1;

    background: #fff;

    float: left;

    padding-right: 10px

}



.portlet h2 a {

    position: absolute;

    right: 28px;

    top: 18px;

    height: 28px;

    font: normal 11px/28px "microsoft yahei";

    border-radius: 3px;

}



.portlet h2 a, .portlet h2 a:link, .portlet h2 a:visited {

    color: #929292;

}



.portlet h2 a:hover, .portlet h2 a:active {

    color: #434343;

}



.portlet h4 {

    font-size: 14px;

    font-weight: bold;

    padding-bottom: 8px;

}



.portlet .cont {

    padding-top: 10px;

}



.portlet .cont.pt0 {

    padding-top: 0;

}



.btn-default {

    border-radius: 0;

    border: 0;

    height: 35px;

    line-height: 35px;

    padding: 0 20px;

    background: #ed6b20;

    color: #fff;

    font-size: 14px;

}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

    color: #fff;

    background-color: #dc5b11;

    border-color: #adadad;

}



/*.btn-primary {

  border-radius: 5px;

  border: 0;

  height: 30px;

  line-height: 30px;

  padding: 6px 12px;;

  background: #dcdcdc;

  color: #313131;

  font-size: 12px;

}*/



.btn-primary:hover {

    background: #4188d2;

    color: #fff;

}



.btn-down {

    display: block;

    width: 100%;

    background: #d94734;

    height: 82px;

    line-height: 82px;

    color: #fbfbfb;

    font-size: 14px;

    border: 0;

    border-radius: 0;

    padding: 0;

    cursor: pointer;

}



/*footer*/

/*footer {

  background: #414141;

  height: 85px;

  text-align: center;

  font: normal 12px/30px "Microsoft YaHei";

}*/

.footer-inner {

    background: #414141;

    height: 85px;

    text-align: center;

    font: normal 12px/30px "Microsoft YaHei";

}



.footer-nav {

    width: 1200px;

    margin: 0 auto;

    text-align: left;

    color: #fff;

    position: relative;

    padding-left: 84px;

}



.footer-nav a {

    color: #fff;

    padding: 0px 10px;

    cursor: pointer;

}



.weixin {

    position: absolute;

    left: 0;

    top: -8px;

}



.weixin img {

    width: 74px;

    height: 74px;

}



.copy {

    color: #8e8e8e;

    border-top: 1px solid #6b6b6b;

    padding-top: 15px

}



.copy p {

    line-height: 24px;

}



.copy a {

    color: #8e8e8e;

}



/*padding*/

.p-15 {

    padding: 15px;

}



.pl-20 {

    padding-left: 20px;

}



.pt-5 {

    padding-top: 5px;

}



.pt-7 {

    padding-top: 7px;

}



.pt0 {

    padding-top: 0;

}



.pt-10 {

    padding-top: 10px;

}



.pt-15 {

    padding-top: 15px;

}



.pr-6 {

    padding-right: 6px;

}



.pr-10 {

    padding-right: 10px;

}



.pr-20 {

    padding-right: 20px;

}



.plr-15 {

    padding-left: 15px;

    padding-right: 15px;

}



.plr-30 {

    padding-left: 30px;

    padding-right: 30px;

}



.pb-10 {

    padding-bottom: 10px;

}



.pb-30 {

    padding-bottom: 30px;

}



/*margin*/

.mt-5 {

    margin-top: 5px;

}



.mt-8 {

    margin-top: 8px;

}



.mt-10 {

    margin-top: 10px;

}



.mt-14 {

    margin-top: 14px;

}



.mt-20 {

    margin-top: 20px;

}



.mt-40 {

    margin-top: 40px;

}



.mb-15 {

    margin-bottom: 15px;

}



.ml-190 {

    margin-left: 190px;

}



.ml-232 {

    margin-left: 232px;

}



.ml-345 {

    margin-left: 345px;

}



.ml-460 {

    margin-left: 460px;

}



.mlr-25 {

    margin-left: 25px;

    margin-right: 25px;

}



/*���*/

.width-110 {

    width: 110px

}



.width-180 {

    width: 180px

}



.width-200 {

    width: 200px

}



.width-206 {

    width: 206px

}



.width-230 {

    width: 230px

}



.width-290 {

    width: 290px

}



.width-315 {

    width: 315px

}



.width-342 {

    width: 342px;

}



.width-428 {

    width: 428px

}



.width-516 {

    width: 516px

}



.width-850 {

    width: 850px;

}



.width-857 {

    width: 857px;

}



.width-966 {

    width: 966px;

}



.w98 {

    width: 98%;

}



.height-55 {

    height: 55px;

}



.height-65 {

    height: 65px;

}



.height-85 {

    height: 85px;

}



.height-160 {

    height: 160px;

}



.height-190 {

    height: 190px;

}



.height-210 {

    height: 210px;

}



.height-252 {

    height: 252px;

}



.height-260 {

    height: 259px;

}



.height-285 {

    height: 285px;

}



.height-288 {

    height: 288px;

}



.height-326 {

    height: 326px;

}



.height-350 {

    height: 350px;

}



.height-355 {

    height: 355px;

}



.height-356 {

    height: 356px;

}



.height-360 {

    height: 360px;

}



.height-370 {

    height: 370px;

}



.height-420 {

    height: 420px;

}



.height-438 {

    height: 438px;

}



.height-440 {

    height: 440px;

}



.height-480 {

    height: 480px;

}



.height-485 {

    height: 485px;

}



.height-492 {

    height: 492px;

}



.height-508 {

    height: 508px;

}



.height-525 {

    height: 525px;

}



.height-530 {

    height: 530px;

}



.height-555 {

    height: 555px;

}



.height-600 {

    height: 600px;

}



.height-616 {

    height: 616px;

}



.height-673 {

    height: 673px;

}



.oh {

    overflow: hidden;

}



.fl {

    float: left;

}



.pr {

    position: relative;

}



/*banner*/

.banner {

    clear: both;

    min-width: 1200px;

    height: 492px;

    background: #a8dbf8;

    margin-bottom: 15px;


}



/*start  20170724 new add by mxl*/

.header-content {

    width: 100%;

    height: 490px;

    position: relative;

    overflow: hidden

}



.header-content {

    width: 100%;

    height: 490px;

    position: relative;

    z-index: 1;

}



.slider section {

    display: none;

}



.slider section.first {

    display: block;

    background: url(../../images/zysy/newBanner-img01.jpg) repeat-x center;

}



.slider section.second {

    background: url(../../images/zysy/newBanner-img02.jpg) no-repeat center

}



.slider section.third {

    background: url(../../images/zysy/newBanner-img03.jpg) no-repeat center

}



.slider-sections section {

    width: 100%;

    height: 490px;

    position: absolute;

    top: 0;

    left: 0px;

}



.slider-sections section .ban-first, .slider-sections section .ban-second, .slider-sections section .ban-third {

    width: 1200px;

    height: 490px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

}



.slider-sections section .ban-second {

    background: url(../../images/zysy/newBanner-img02-bg.jpg) no-repeat

}



.ban-first img {

    position: absolute;

    top: 73px;

    left: 50%;

    margin-left: -513.5px;

    width: 1027px;

    display: block;

}



.ban-first h2 {

    position: absolute;

    top: 73px;

    left: 50%;

    margin-left: -513.5px;

    z-index: 999;

    width: 1027px;

    height: 491px;

    background: url(../../images/zysy/ban-page1-text.png) no-repeat left top;

}



.ban-first .copy1 {

    position: absolute;

    left: 285px;

    top: 73px;

    bottom: 0;

    width: 372px;

    height: 417px;

    background: url(../../images/zysy/ban-page1-people.png) no-repeat;

}



.ban-first .button {

    position: absolute;

    left: 131px;

    top: 0;

}



.ban-second img {

    position: absolute;

    top: 74px;

    left: 454px;

    width: 288px;

    display: block;

}



.ban-second h2 {

    position: absolute;

    bottom: 0;

    left: 114px;

    z-index: 999;

    width: 974px;

    height: 183px;

    background: url(../../images/zysy/ban-page2-people.png) no-repeat left top;

}



.ban-second .copy1 {

    position: absolute;

    left: 254px;

    top: 220px;

    width: 120px;

    height: 119px;

    background: url(../../images/zysy/ban-page2-jiao.png) no-repeat left bottom;

}



.ban-second .button {

    position: absolute;

    left: 131px;

    top: 0;

    width: 119px;

    height: 226px;

    background: url(../../images/zysy/ban-page2-light.png) no-repeat;

    z-index: 1000

}



.ban-third img {

    position: absolute;

    top: 23px;

    left: 196px;

    width: 652px;

    display: block;

}



.ban-third h2 {

    position: absolute;

    top: 219px;

    right: 99px;

    z-index: 999;

    width: 333px;

    height: 47px;

    background: url(../../images/zysy/ban-page3-text.png) no-repeat left top;

    z-index: 8888

}



.ban-third .copy1 {

    position: absolute;

    top: 0;

    left: 292px;

    z-index: 999;

    width: 490px;

    height: 490px;

    background: url(../../images/zysy/ban-page3-people.png) no-repeat left top;

}



.ban-third .button {

    position: absolute;

    left: 40px;

    top: 56px;

    width: 974px;

    height: 385px;

    background: url(../../images/zysy/ban-page3-txt.png) no-repeat left bottom;

    z-index: 1000

}



.slider-prev, .slider-next {

    text-indent: -9999px;

    width: 60px;

    height: 116px;

    position: absolute;

    top: 50%;

    margin-top: -58px;

    z-index: 9999;

    opacity: .5;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    display: none

}



.slider-prev {

    left: 50px;

    background: url(../../images/zysy/arrow-left.png) no-repeat

}



.slider-next {

    right: 50px;

    background: url(../../images/zysy/arrow-right.png) no-repeat

}



.slider-prev:hover, .slider-next:hover {

    opacity: 1;

}



.slider-nav {

    position: absolute;

    top: 460px;

    left: 50%;

    list-style: none;

    overflow: hidden;

    z-index: 9999;

}



.slider-nav li {

    float: left;

    padding: 0

}



.slider-nav li a, .slider-nav li a:link {

    display: block;

    width: 12px;

    height: 12px;

    border-radius: 12px;

    overflow: hidden;

    margin-left: 7px;

    margin-right: 7px;

    background: #fff;

    text-indent: -999px;

}



.slider-nav li a:hover, .slider-nav li a.selected {

    background: #fffc00

}



/*end  20170724 new add by mxl*/

/*��ɫ����*/

.admin-4 {

    position: relative;

    margin-bottom: 15px;

}



.admin-4 li {

    float: left;

    width: 280px;

    height: 195px;

    padding-top: 5px;

    border-radius: 2px;

    margin-right: 26px;

    display: inline

}



.admin-4 li p {

    font-size: 14px;

    line-height: 32px;

    text-align: center

}



.admin-4 li.layout-red {

    background: #ffa57b;

}



.admin-4 li.layout-red img {

}



.admin-4 li.layout-green {

    background: #bde29f

}



.admin-4 li.layout-gray {

    background: #8dd2d2

}



.admin-4 li.layout-blue {

    background: #8d9ad2;

    margin-right: 0

}



.admin-4 li.layout-red p {

    color: #c16940

}



.admin-4 li.layout-green p {

    color: #75a54e

}



.admin-4 li.layout-gray p {

    color: #539898

}



.admin-4 li.layout-blue p {

    color: #5b6bb5

}



.admin-4 li button {

    font-size: 16px;

    width: 90px;

    height: 30px;

    line-height: 30px;

    border-radius: 20px;

    margin: 0 auto;

    transition: background 0.8s ease-in-out

}



.admin-4 li.layout-red button, .admin-4 li.layout-red .button-div {

    background: #e68152

}



.admin-4 li.layout-green button, .admin-4 li.layout-green .button-div {

    background: #9acf6f

}



.admin-4 li.layout-gray button, .admin-4 li.layout-gray .button-div {

    background: #69b7b7

}



.admin-4 li.layout-blue button, .admin-4 li.layout-blue .button-div {

    background: #5b6bb5

}



.admin-4 li.layout-red button:hover, .admin-4 li.layout-red:hover button {

    /*background: #c16940;*/

}



.admin-4 li.layout-green button:hover, .admin-4 li.layout-green:hover button {

    /*background: #75a54e;*/

}



.admin-4 li.layout-gray button:hover, .admin-4 li.layout-gray:hover button {

    /*background: #539898;*/

}



.admin-4 li.layout-blue button:hover, .admin-4 li.layout-blue:hover button {

    /*background: #626b93;*/

}



.admin-4 li:hover {

    cursor: pointer

}



/*  */

.ul_zxlist li {

    float: left;

    width: 45%;

    height: 86px;

    padding: 12px 12px 12px 88px;

    position: relative;

    background: #fff;

    overflow: hidden;

    box-sizing: border-box;

    transition: background 1s；

    margin: 10px;

}



.ul_zxlist li h1 {

    color: #000;

    font-size: 15px;

    padding-bottom: 10px;

    font-weight: bold

}



.ul_zxlist li p {

    color: #888787;

    font-size: 12px;

    line-height: 16px;

}



.ul_zxlist li span {

    position: absolute;

    left: 12px;

    top: 14px;

    width: 58px;

    height: 58px;

    border: 1px solid #379ce2;

    border-radius: 3px;

    text-align: center;

    color: #379ce2;

    transition: all 1s linear;

}



.ul_zxlist li span i {

    display: block;

    line-height: 25px;

    font-size: 30px;

    font-weight: bold;

    font-style: normal;

    transition: color 2s

}



.ul_zxlist li span b {

    display: block;

    line-height: 25px;

    font-weight: normal;

    transition: color 2s

}



.ul_zxlist li:hover, .ul_zxlist li.on {

    display: block;

    background: #eaeaea;

}



.ul_zxlist li:hover span, .ul_zxlist li.on span {

    background: #379ce2

}



.ul_zxlist li:hover span b, .ul_zxlist li:hover span i, .ul_zxlist li.on span b, .ul_zxlist li.on span i {

    color: #fff

}



/*���Ż*/

.hotImg img {

    width: 100%;

    height: 155px;

}



.mb-20 {

    margin-bottom: 15px

}



.hotImg .carousel-indicators {

    bottom: 5px

}



.hotImg .carousel-indicators li {

    background: #5c81d5;

    border: 0;

    margin: 0

}



.hotImg .carousel-indicators .active {

    width: 10px;

    height: 10px;

    background: #e86481;

    border: 0

}



/*��������*/

.hotSearch .nav-tabs {

    width: 100%;

    border-bottom: 0;

    background: #eaeaea;

    font-size: 14px;

    margin-bottom: 10px

}



.hotSearch .nav-tabs > li {

    width: 50%;

    height: 42px;

    line-height: 42px;

    text-align: center;

    margin-bottom: 0;

    transition: all 1s linear

}



.hotSearch .nav-tabs > li > a {

    border: 0;

    border-radius: 0;

    line-height: 42px;

    margin-right: 0;

    padding: 0

}



.hotSearch .nav-tabs > li.active > a, .hotSearch .nav-tabs > li.active > a:hover, .hotSearch .nav-tabs > li.active > a:focus {

    border: 0;

    background: #379ce2;

    color: #fff;

    border-radius: 0;

    margin-bottom: 0;

    line-height: 42px;

    padding: 0;

}



.hotSearch .nav-tabs > li:hover {

    background: #379ce2;

    color: #fff;

}



.hotSearch .nav-tabs > li:hover a {

    color: #fff

}



.hotSearch .nav-sort li {

    padding-left: 35px;

    height: 32px;

    line-height: 32px;

    border-bottom: 1px dashed #cdcdcd;

    text-align: left;

    font-size: 14px;

    position: relative;

    color: #646464

}



.hotSearch .nav-sort li span {

    position: absolute;

    left: 0;

    top: 8px;

    width: 24px;

    height: 16px;

    line-height: 16px;

    font-size: 12px;

    background: #d9d9d9;

    color: #fff;

    text-align: center;

}



.hotSearch .nav-sort li span.orange {

    background: #f9a81b

}



.hotSearch .nav-sort li span.red {

    background: #e86481

}



.hotSearch .nav-sort li span.blue {

    background: #5c81d5

}



.hotSearch .nav-sort li a, .hotSearch .nav-sort li a:link {

    color: #646464

}



/*������Դ*/

.imgCheck {

    position: relative

}



.imgCheck .nav-tabs {

    position: absolute;

    top: -51px;

    left: 116px;

    border-bottom: 0;

    font-size: 14px;

    margin-bottom: 10px;

}



.imgCheck .nav-tabs > li {

    margin-right: 15px;

    height: 42px;

    line-height: 42px;

    text-align: center;

    margin-bottom: 0;

    font-size: 12px;

    transition: background 1s linear

}



.imgCheck .nav-tabs > li > a {

    border: 0;

    border-radius: 0;

    line-height: 42px;

    margin-right: 0;

    padding: 0;

    color: #646464;

}



.imgCheck .nav-tabs > li.active > a, .imgCheck .nav-tabs > li.active > a:hover, .imgCheck .nav-tabs > li.active > a:focus {

    border: 0;

    border-radius: 0;

    margin-bottom: 0;

    line-height: 40px;

    padding: 0;

    border-bottom: 2px solid #5395ca;

    color: #646464;

}



.imgCheck .nav-tabs > li:hover {

    border-bottom: 2px solid #5395ca;

}



.imgCheck .nav-imgList {

    padding-top: 20px;

}



.imgCheck .nav-imgList li {

    float: left;

    width: 206px;

    margin-right: 18px;

    margin-bottom: 20px;

    position: relative

}



.imgCheck .nav-imgList li .imgDiv {

    width: 206px;

    height: 116px;

    overflow: hidden

}



.imgCheck .nav-imgList li .imgDiv img {

    width: 100%;

    height: 100%;

    transition: transform 1s

}



.imgCheck .nav-imgList li:hover .imgDiv img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2)

}



.imgCheck .nav-imgList li:hover p {

    color: #2280c1

}



.imgCheck .nav-imgList li p {

    height: 32px;

    line-height: 32px;

    padding-left: 10px;

    color: #333;

    font-size: 14px

}



.imgCheck .nav-imgList li span {

    position: absolute;

    left: 4px;

    top: 88px;

    width: 92px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.6);

}



.imgCheck .nav-imgList li b {

    position: absolute;

    right: 4px;

    top: 88px;

    width: 55px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.6);

}



/*ר����ʦ*/

.nav-teacherLi {

    padding-top: 15px;

}



.nav-teacherLi li {

    float: left;

    width: 288px;

    padding-left: 142px;

    padding-top: 48px;

    height: 193px;

    margin-right: 8px;

    display: inline;

    position: relative;

}



.nav-teacherLi li > img {

    position: absolute;

    left: 15px;

    top: 45px;

    width: 113px;

    height: 113px;

}



.nav-teacherLi li.bg1 {

    background: url(../../images/zysy/own-teach01.png) no-repeat;

}



.nav-teacherLi li.bg2 {

    background: url(../../images/zysy/own-teach02.png) no-repeat;

}



.nav-teacherLi li.bg3 {

    background: url(../../images/zysy/own-teach03.png) no-repeat;

    margin-right: 0

}



.nav-teacherLi li h1 {

    font-size: 20px;

    color: #343434;

    margin-bottom: 6px;

}



.nav-teacherLi li p {

    color: #3367b0;

    line-height: 24px;

    font-size: 14px

}



.nav-teacherLi li a.toMore {

    display: block;

    width: 90px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background: #e8e8e8;

    border-radius: 20px;

    margin-top: 10px;

    transition: all 1s;

    cursor: pointer

}



.nav-teacherLi li:hover a.toMore {

    background: #379ce2;

    color: #fff

}



/*�����ֵ�*/

.div-zidian {

    padding-left: 20px;

    padding-top: 20px

}



.div-zidian .btn-xs {

    width: 73px;

    height: 27px;

    line-height: 27px;

    margin-bottom: 15px;

    margin-right: 9px;

    border-radius: 4px

}



.div-zidian .btn-default {

    background: #d9d9d9;

    color: #707070;

    padding: 0

}



.div-zidian .btn-primary {

    background: #aa91f1;

    color: #fff

}



.div-zidian .btn-success {

    background: #53c3b1;

    color: #fff

}



.div-zidian .btn-danger {

    background: #f07474;

    border: 0;

    color: #fff

}



.div-server {

    margin: 0;

    padding-top: 15px;

    margin-left: -20px;

}



.school-orange, .school-green, .school-blue {

    width: 390px;

    height: 345px;

    background: #e1f5ff;

}



.school-orange {

    float: left

}



.school-green {

    float: left;

    margin-left: 14px;

}



.school-blue {

    float: right

}



.school-orange h1, .school-green h1, .school-blue h1 {

    height: 45px;

    line-height: 45px;

    font-size: 17px;

    background: #3367b0;

    color: #fff;

    text-align: center;

}



/*ulist003*/

.ulist-server {

}



.ulist-server li {

    float: left;

    width: 50%;

    height: 130px;

    padding-top: 20px;

}



.ulist-server li a {

    display: block;

    width: 100%;

    height: 100%;

    color: #707070;

    text-align: center;

}



.ulist-server li p {

    width: 90px;

    height: 90px;

    margin: 0 auto;

    text-align: center;

    border-radius: 90px;

    background: #fff;

    transition: background 1s

}



.ulist-server li img {

    width: 100%;

    height: 100%;

}



.ulist-server li span {

    display: block;

    font: normal 14px/36px "microsoft yahei";

    color: #676767

}



.ulist-server li:hover span {

    font-weight: bold;

}



.ulist-server li p.bgorange {

    border: 2px solid #f5a884;

}



.ulist-server li p.bggreen {

    border: 2px solid #9bc67a;

}



.ulist-server li p.bgblue {

    border: 2px solid #81b2db;

}



.ulist-server li:hover p.bgorange {

    background: #ffc1a5;

}



.ulist-server li:hover p.bggreen {

    background: #c3e5a9;

}



.ulist-server li:hover p.bgblue {

    background: #b5ddf3;

}



.ulist-server li:hover img {

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05)

}



/*���Ͱ���*/

.mainExample {

    margin-left: -1px;

}



.mainExample li {

    float: left;

    width: 199px;

    height: 200px;

    margin-bottom: 1px;

    margin-right: 1px;

    position: relative;

    overflow: hidden;

}



.mainExample li.li-collapse {

    width: 600px;

    margin-right: 0;

    background: url(../../images/zysy/example-img01.jpg) no-repeat

}



.mainExample li img {

    width: 100%;

    height: 100%;

    transition: transform .5s

}



.mainExample li:hover img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.mainExample li .layout {

    position: absolute;

    left: 0;

    top: 160px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    font-size: 14px;

    line-height: 40px;

    background: rgba(0, 0, 0, .6);

    transition: top 1s;

    color: #cfcfcf;

    text-align: center;

    height: 200px;

}



.mainExample li .layout p {

    font-size: 12px;

    line-height: 30px;

    margin-bottom: 15px;

}



.mainExample li:hover .layout {

    padding-top: 40px;

    top: 0px;

    font-size: 16px

}



.mainExample .btn-primary {

    height: 32px;

    line-height: 32px;

    background: transparent;

    border: 1px solid #fff;

    color: #fff;

    padding: 4px 20px;

}



/*friendship*/

/*.friendship {

  height: 163px;

  padding-top: 30px;

  background: #5c5c5c;

  text-align: center;

  color: #fff;

  font-size: 14px;

}*/

.friendship-inner {

    height: 163px;

    padding-top: 30px;

    background: #5c5c5c;

    text-align: center;

    color: #fff;

    font-size: 14px;

}



.ul-friendship {

    width: 84%;

    margin: 0 auto

}



.ul-friendship li {

    float: left;

    width: 33%;

    text-align: center;

}



.ul-friendship li img {

    width: 87px;

    height: 85px;

}



.ul-friendship li p {

    color: #d0d0d0;

    font-size: 14px;

    line-height: 40px;

}



.ul-friendship li:hover p {

}



.foot-border {

    width: 60%;

    margin: 0 auto

}



.foot-border td {

    height: 60px;

    line-height: 60px;

    color: #afafaf;

    text-align: center;

    font-size: 14px

}



.foot-border td a, .foot-border td a:link {

    color: #afafaf

}



.foot-border td a:hover {

    color: #fff

}



.popover:first-child {

    background: #f00

}



/*�����˵�*/

.menu-logo {

    height: 94px;

    background: url(../../images/zysy/logo.png) no-repeat left center;

}



.menu {

    float: right

}



.menu li {

    font-size: 14px

}



.menu > li {

    float: left;

    line-height: 88px;

    border-bottom: 3px solid #fff;

    background: #fff;

    position: relative;

    z-index: 100

}



.menu > li > a {

    color: #5b5b5b;

    display: block;

    line-height: 95px;

    border-bottom: 3px solid #fff;

    padding: 0 25px;

}



.menu > li:hover {

    color: #3bc9c2;

    line-height: 88px;

    border-bottom: 3px solid #3bc9c2;

    background: #e2e2e2

}



.menu .on {

    color: #3bc9c2;

    border-bottom: 3px solid #3bc9c2;

    background: #e2e2e2

}



.menu .on > a {

    color: #3bc9c2;

    border-bottom: 3px solid #e2e2e2;

}



.menu > li:hover > a {

    color: #3bc9c2;

    border-bottom: 3px solid #e2e2e2;

}



.submenu {

    width: 100%;

    position: absolute;

    left: 0;

    top: 95px;

    margin-top: 6px;

    max-height: 0;

    z-index: 100;

    -webkit-perspective: 400px;

    -moz-perspective: 400px;

    perspective: 400px;

}



.submenu li {

    height: 40px;

    line-height: 40px;

    background: #3bc9c2;

    border-bottom: 1px solid #19aaa3;

    text-align: center;

    opacity: 0;

    -webkit-transform: rotateY(90deg);

    -moz-transform: rotateY(90deg);

    -ms-transform: rotateY(90deg);

    -o-transform: rotateY(90deg);

    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;

    -moz-transition: opacity .4s, -moz-transform .5s;

    -o-transition: opacity .4s, -o-transform .5s;

    transition: opacity .4s, transform .5s;

}



.submenu li:nth-child(1) {

    -webkit-transition: opacity .4s, -webkit-transform .75s;

    -moz-transition: opacity .4s, -moz-transform .75s;

    -o-transition: opacity .4s, -o-transform .75s;

    transition: opacity .4s, transform .75s;

}



.submenu li:nth-child(2) {

    -webkit-transition: opacity .4s, -webkit-transform 1s;

    -moz-transition: opacity .4s, -moz-transform 1s;

    -o-transition: opacity .4s, -o-transform 1s;

    transition: opacity .4s, transform 1s;

}



.menu .submenu li a {

    font-size: 12px;

    color: #fff;

}



.menu .submenu li:hover a {

    display: block;

    background: rgba(226, 226, 226, 0.4);

    color: #fff;

}



.menu > li:hover .submenu, .menu > li:focus .submenu {

    max-height: 2000px;

    z-index: 100;

    display: block

}



.menu > li:hover .submenu li, .menu > li:focus .submenu li {

    opacity: 1;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none

}



.menu li:hover .submenu li:nth-child(1) {

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -ms-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}



.menu li:hover .submenu li:nth-child(2) {

    -webkit-transition-delay: 50ms;

    -moz-transition-delay: 50ms;

    -ms-transition-delay: 50ms;

    -o-transition-delay: 50ms;

    transition-delay: 50ms;

}



.menu li:hover .submenu li:nth-child(3) {

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -ms-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

}



.menu li:hover .submenu li:nth-child(4) {

    -webkit-transition-delay: 150ms;

    -moz-transition-delay: 150ms;

    -ms-transition-delay: 150ms;

    -o-transition-delay: 150ms;

    transition-delay: 150ms;

}



.menu li:hover .submenu li:nth-child(5) {

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -ms-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

}



.menu li:hover .submenu li:nth-child(6) {

    -webkit-transition-delay: 250ms;

    -moz-transition-delay: 250ms;

    -ms-transition-delay: 250ms;

    -o-transition-delay: 250ms;

    transition-delay: 250ms;

}



.menu li:hover .submenu li:nth-child(7) {

    -webkit-transition-delay: 300ms;

    -moz-transition-delay: 300ms;

    -ms-transition-delay: 300ms;

    -o-transition-delay: 300ms;

    transition-delay: 300ms;

}



.menu li:hover .submenu li:nth-child(8) {

    -webkit-transition-delay: 350ms;

    -moz-transition-delay: 350ms;

    -ms-transition-delay: 350ms;

    -o-transition-delay: 350ms;

    transition-delay: 350ms;

}



.submenu li:nth-child(1) {

    -webkit-transition-delay: 350ms;

    -moz-transition-delay: 350ms;

    -ms-transition-delay: 350ms;

    -o-transition-delay: 350ms;

    transition-delay: 350ms;

}



.submenu li:nth-child(2) {

    -webkit-transition-delay: 300ms;

    -moz-transition-delay: 300ms;

    -ms-transition-delay: 300ms;

    -o-transition-delay: 300ms;

    transition-delay: 300ms;

}



.submenu li:nth-child(3) {

    -webkit-transition-delay: 250ms;

    -moz-transition-delay: 250ms;

    -ms-transition-delay: 250ms;

    -o-transition-delay: 250ms;

    transition-delay: 250ms;

}



.submenu li:nth-child(4) {

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -ms-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

}



.submenu li:nth-child(5) {

    -webkit-transition-delay: 150ms;

    -moz-transition-delay: 150ms;

    -ms-transition-delay: 150ms;

    -o-transition-delay: 150ms;

    transition-delay: 150ms;

}



.submenu li:nth-child(6) {

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -ms-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

}



.submenu li:nth-child(7) {

    -webkit-transition-delay: 50ms;

    -moz-transition-delay: 50ms;

    -ms-transition-delay: 50ms;

    -o-transition-delay: 50ms;

    transition-delay: 50ms;

}



.submenu li:nth-child(8) {

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -ms-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}



.ih-item {

    margin: 15px auto 5px;

    position: relative;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



/*4����ɫ*/

.ih-item, .ih-item * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.ih-item a {

    color: #333;

}



.ih-item a:hover {

    text-decoration: none;

}



.ih-item img {

    width: 100%;

    height: 100%;

}



.ih-item.circle {

    position: relative;

    width: 80px;

    height: 80px;

    border-radius: 50%;

}



.ih-item.circle .img {

    position: relative;

    width: 80px;

    height: 80px;

    border-radius: 50%;

}



.ih-item.circle .img:before {

    position: absolute;

    display: block;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle .img img {

    border-radius: 50%;

}



.ih-item.circle.effect1 .spinner {

    width: 84px;

    height: 84px;

    background: #fff;

    border: 4px solid #fff;

    border-right-color: #1ad280;

    border-bottom-color: #1ad280;

    border-radius: 50%;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}



.ih-item.circle.effect1 .spinner1 {

    border: 4px solid #e68152;

    border-right-color: #b27356;

    border-bottom-color: #b27356;

}



.ih-item.circle.effect1 .spinner2 {

    border: 4px solid #9acf6f;

    border-right-color: #849e6f;

    border-bottom-color: #849e6f;

}



.ih-item.circle.effect1 .spinner3 {

    border: 4px solid #69b7b7;

    border-right-color: #629393;

    border-bottom-color: #629393;

}



.ih-item.circle.effect1 .spinner4 {

    border: 4px solid #6979c3;

    border-right-color: #626b93;

    border-bottom-color: #626b93;

}



.ih-item.circle.effect1 .img {

    position: absolute;

    top: 4px;

    bottom: 0;

    left: 4px;

    right: 0;

    width: auto;

    height: auto;

}



.ih-item.circle.effect1 .img:before {

    display: none;

}



.ih-item.circle.effect1 a:hover .spinner {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}



.ih-item.circle.effect1 a:hover .info {

    opacity: 1;

}



.admin-4 li:hover .spinner {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}



/*���Ĳ���*/

.bggrey {

    background: #f3f3f3;

    min-width: 1200px;

    padding-bottom: 45px;

    border-top: 1px solid #d8d8d8

}



/*position ��λ*/

.position {

    min-width: 1200px;

    height: 50px;

    line-height: 50px;

    color: #000;

    background: url(/static/images/position.jpg) no-repeat left center;

}



/*border-bottom: 1px solid #d2d2d2;*/

.positionBott {

    min-width: 1200px;

    height: 50px;

    line-height: 50px;

    color: #000;

    background: url(/static/images/position.jpg) no-repeat left center;

    margin-bottom: 10px;

    border-bottom: 1px solid #d2d2d2;

}



.position b {

    color: #000;

    font-weight: bold;

    background: url(/static/images/position.jpg) no-repeat left center;

    padding-left: 18px;

}



.position a, .position a:link {

    color: #0f76ca;

    cursor: pointer;

}



.testBorder {

    border: 1px solid #dedede;

    background: #fff;

    padding: 25px 50px;

}



/*main*/

.cf:after {

    content: "";

    clear: both;

    display: block;

    height: 0;

    overflow: hidden

}



.cf {

    zoom: 1

}



.test-container {

    min-height: 600px;

}



.test-container .title-list {

    width: 330px;

    margin: 0 auto;

    position: relative;

    margin-bottom: 30px

}



.test-container .title-list li {

    width: 85px;

    line-height: 30px;

    margin-left: 25px;

    text-align: center;

    float: left;

    display: inline;

    border-radius: 2px;

    background: #d8d8d8;

    cursor: pointer;

    font-size: 14px

}



.test-container .title-list li.on, .test-container .title-list li.active, .test-container .title-list li.active a, .test-container .title-list li:hover {

    color: #fff;

    background: #f6933c;

}



.test-container .title-list li a:hover {

    color: #fff;

}



.test-container .title-list li a {

    color: #000;

    text-decoration: none;

    height: 30px;

    line-height: 30px;

    display: block;

}



.test-container .title-list p {

    position: absolute;

    top: 0px;

    left: 25px;

    width: 85px;

    height: 30px;

    line-height: 30px;

    font-size: 14px;

    text-align: center;

    color: #fff;

    margin-right: 25px;

    background: #f6933c;

    overflow: hidden;

    text-align: center;

    border-radius: 4px

}



.product-wrap div {

    display: none

}



.product-wrap .ahide {

    display: block

}



.product-wrap ul {

    padding: 0;

    margin: 0

}



.product-wrap li {

    float: left;

    width: 25%;

    transition: background 0.4s linear;

    -webkit-transition: background 0.4s linear;

    -moz-transition: background 0.4s linear;

    -o-transition: background 0.4s linear;

    -ms-transition: background 0.4s linear;

    text-align: center;

    padding: 20px 0;

    position: relative

}



.product-wrap li h1 {

    line-height: 40px;

    color: #169bd5;

    font-size: 15px;

    font-weight: bold;

    transition: background 0.4s linear;

    -webkit-transition: background 0.4s linear;

    -moz-transition: background 0.4s linear;

    -o-transition: background 0.4s linear;

    -ms-transition: background 0.4s linear;

}



.product-wrap li img {

    height: 90px;

    width: 90px;

    border-radius: 90px;

}



.product-wrap li span {

    position: absolute;

    right: 80px;

    top: 57px;

    width: 48px;

    height: 21px;

    background: url(../../images/zysy/test-hot.png) no-repeat;

}



.product-wrap li p {

    color: #464646;

    line-height: 40px;

    font-size: 12px;

}



.product-wrap li button {

    width: 78px;

    height: 30px;

    line-height: 26px;

    text-align: center;

    color: #fff;

    background: #169bd5;

    opacity: 1;

    border: 0;

    border-radius: 2px;

    margin: 0 3px;

}



.product-wrap li button.report {

    background: #169bd5;

}



.product-wrap li button.test, .cf li button {

    background: #95c750;

}



.product-wrap li:hover {

    background: #eaf4dc;

}



.product-wrap li:hover h1 {

    color: #94c750

}



.product-wrap li button:hover {

    /*background: #94c750*/

    opacity: .8;

}



/*�ҵĹ滮*/

.ghBorder {

    border: 1px solid #dedede;

    background: #fff;

    padding: 25px;

    position: relative

}



.test-tab {

    width: 80%;

    margin-left: 10%

}



.test-tab td {

    position: relative;

    font-size: 14px;

    color: #5d5d5d;

    font-weight: bold;

    line-height: 27px;

}



.my-guihua-wu {

    font-size: 14px;

    color: #313131;

    font-weight: normal;

}



.btn-test {

    display: block;

    width: 156px;

    height: 27px;

    line-height: 27px;

    color: #5a5856;

    text-align: center;

    border: 1px solid #c7c7c7;

    position: relative;

    font-weight: normal

}



.btn-test a, .btn-test a:link {

    display: block

}



.text-normal {

    font-weight: normal;

    font-size: 14px

}



.test-blue {

    color: #448bc5;

    font-weight: normal;

    font-size: 14px

}



.test-orange {

    color: #eb5a29;

    position: relative;

    font-size: 14px;

    font-weight: normal

}



.test-orange span {

    color: #5d5d5d;

    padding-left: 15px;

}



.test-align {

    display: block;

    width: 156px;

    text-align: center;

    color: #91908f

}



.test-number {

    position: absolute;

    right: 22px;

    top: 14px;

    width: 79px;

    height: 79px;

    background: #eee;

    border-radius: 1px

}



.test-number h1 {

    font-size: 12px;

    height: 26px;

    line-height: 26px;

    text-align: center;

    color: #fff;

    background: #fc873b;

    border-radius: 1px 4px 0 0

}



.test-number p {

    line-height: 52px;

    text-align: center;

    font-size: 28px;

    color: #636363;

}



.test-report {

    position: absolute;

    right: -34px;

    top: 0;

    width: 33px;

    padding: 5px;

    height: 102px;

    text-align: center;

    color: #fff;

    font-size: 15px;

    background: #3bc9c2;

    border-radius: 0 2px 2px 0;

    line-height: 18px;

}



.test-report a, .test-report a:link {

    display: block;

    color: #fff

}



.test-photo {

    position: relative;

    float: left;

    width: 262px;

    height: 203px;

    padding-top: 30px;

    background: url(../../images/zysy/plan-bg-name.jpg) no-repeat;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    text-align: center;

}



.test-photo img {

    display: block;

    width: 83px;

    height: 83px;

    border: 6px solid #fefefe;

    border-radius: 83px;

    margin-left: auto;

    margin-right: auto;

}



.test-photo h1 {

    color: #373737;

    padding-top: 10px;

    padding-bottom: 14px;

    font-size: 24px

}



.test-photo p {

    line-height: 12px

}



.test-guide {

    clear: both;

    user-select: none;

}



.test-guide h1 {

    width: 198px;

    height: 47px;

    line-height: 42px;

    color: #373737;

    background: url(../../images/zysy/test-guide-h1bg.jpg) no-repeat left center;

    font-size: 32px;

    font-weight: bold;

    margin: 0 auto;

    margin-top: 48px;

    margin-bottom: 22px;

}



.test-guide h1 span {

    display: inline-block;

    height: 42px;

    font-size: 30px;

    line-height: 42px;

    font-weight: normal;

    color: #fff

}



.test-guide h1.short {

    width: 168px;

    background: url(../../images/zysy/test-guide-h2bg.jpg) no-repeat right center;

    margin-bottom: 50px

}



.test-guide p {

    width: 678px;

    font-size: 12px;

    text-align: center;

    height: 35px;

    line-height: 35px;

    color: #626262;

    border: 2px solid #76d0f5;

    border-radius: 20px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 60px;

}



.test-guide p span {

    color: #e60012

}



.test-guide1 {

    width: 295px;

    float: left

}



.test-guide1 h4 a {

    cursor: default;

}



.guide1-mlr55 {

    margin-left: 55px;

    margin-right: 55px

}



.test-guide1 h2 {

    width: 295px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 11px;

    background: #48a1e5;

    border-radius: 15px;

    margin-left: auto;

    margin-right: auto

}



.test-guide1 h2 a {

    width: 100%;

    height: 100%;

    line-height: 34px;

    text-align: center;

    color: #fff;

    font-size: 20px;

    font-weight: bold;

}



.test-guide1 h2 span {

    color: #fef701;

    font-size: 15px;

    font-weight: normal

}



.test-more {

    width: 110px;

    margin: 15px auto;

    display: block

}



.test-guide2 {

    margin-right: 15px;

    min-height: 164px;

    border: 1px solid #dedede;

    padding: 15px;

    border-top: 2px solid #7d7d7d;

    background: #fff;

}



.test-guide2 h2 {

    line-height: 40px;

    color: #333;

    font-size: 16px;

    font-weight: bold;

    border-bottom: 1px solid #dedede;

    margin-bottom: 20px

}



.test-guide2 h2 span {

    color: #ff4047;

    font-size: 12px;

    padding-left: 10px;

    font-weight: normal

}



.test-guide2 li {

    float: left;

    width: 31.333333%;

    margin-left: 2%;

    margin-bottom: 15px;

    height: 25px;

    line-height: 25px;

    border: 1px solid #ccc;

    text-align: center;

    position: relative

}



.test-guide2 li span {

    color: #a0a0a0;

    font-size: 18px;

    font-weight: bold

}



.test-guide2 li a, .test-guide2 li a:link {

    display: block;

}



.test-guide2 li a:hover, .test-guide2 li a.on, .test-guide2 li a:hover span {

    background: #3bc9c2;

    color: #fff

}



.test-guide3 {

    padding-top: 40px;

    padding-bottom: 50px

}



.test-guide3 ul {

    width: 960px;

    margin: 0 auto

}



.test-guide3 li {

    float: left;

    width: 160px;

    text-align: center;

    padding: 10px;

    cursor: pointer;

    transition: background-color 0.5s;

}



.test-guide3 li:hover {

    background: #eaf4dc;

}



.test-guide3 li img {

    display: block;

    width: 80px;

    height: 80px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 12px;

}



.test-guide3 li h2 {

    color: #033333;

    font-size: 14px;

}



.test-guide3 li span {

    color: #92969b;

}



.test-guide3 li:hover img {

}



.noData {

    text-align: center;

    border: 1px solid #ccc;

}



/*

.test-guide3 li img{ display:block; width:80px; height:80px; margin-left:auto; margin-right:auto; margin-bottom:12px; transition:transform 0.4s linear}

.test-guide3 li h2{ color:#033333; font-size:14px;}

.test-guide3 li span{ color:#ff4047;}

.test-guide3 li:hover img{ transform: rotate(180deg);}

*/

/*����ͼ1*/

.diagram-1 {

    width: 600px;

    height: 269px;

    position: absolute;

    right: -53px;

    top: -20px;

    background: url(../../images/zysy/diagram-1-bg.png) no-repeat;

    z-index: 10000

}



.diagram-1 .clickMe {

    width: 600px;

    height: 269px;

    position: relative

}



.diagram-1 .clickMe b {

    position: absolute;

    top: 20px;

    right: 20px;

    width: 30px;

    height: 104px;

}



.diagram-1 .clickMe b a, .diagram-1 .clickMe b a:link {

    display: block;

    width: 30px;

    height: 104px;

}



.diagram-1 .clickMe em {

    position: absolute;

    bottom: 30px;

    left: 50%;

    margin-left: -105px;

    width: 210px;

    height: 52px;

}



.diagram-1 .clickMe em a, .diagram-1 .clickMe em a:link {

    display: block;

    width: 210px;

    height: 52px;

}



/*����ͼ2*/

.diagram-2 {

    width: 600px;

    height: 283px;

    position: absolute;

    left: -470px;

    top: -25px;

    background: url(../../images/zysy/diagram-2-bg.png) no-repeat;

    z-index: 10000

}



.diagram-2 .clickMe {

    width: 600px;

    height: 283px;

    position: relative

}



.diagram-2 .clickMe b {

    position: absolute;

    top: 22px;

    right: 14px;

    width: 60px;

    height: 24px;

}



.diagram-2 .clickMe b a, .diagram-2 .clickMe b a:link {

    display: block;

    width: 60px;

    height: 24px;

}



.diagram-2 .clickMe em {

    position: absolute;

    bottom: 30px;

    left: 50%;

    margin-left: -105px;

    width: 210px;

    height: 52px;

}



.diagram-2 .clickMe em a, .diagram-2 .clickMe em a:link {

    display: block;

    width: 210px;

    height: 52px;

}



/*����ͼ3*/

.diagram-3 {

    width: 600px;

    height: 307px;

    position: absolute;

    left: -446px;

    top: -19px;

    background: url(../../images/zysy/diagram-3-bg.png) no-repeat;

    z-index: 10000

}



.diagram-3 .clickMe {

    width: 600px;

    height: 307px;

    position: relative

}



.diagram-3 .clickMe span {

    position: absolute;

    top: 19px;

    right: 19px;

    width: 144px;

    height: 28px;

}



.diagram-3 .clickMe span a, .diagram-3 .clickMe span a:link {

    display: block;

    width: 144px;

    height: 28px;

}



.diagram-3 .clickMe em {

    position: absolute;

    bottom: 32px;

    left: 50%;

    margin-left: -105px;

    width: 210px;

    height: 52px;

}



.diagram-3 .clickMe em a, .diagram-3 .clickMe em a:link {

    display: block;

    width: 210px;

    height: 52px;

}



/*����ͼ4*/

.diagram-4 {

    width: 600px;

    height: 307px;

    position: absolute;

    left: -18px;

    top: -19px;

    background: url(../../images/zysy/diagram-4-bg.png) no-repeat;

    z-index: 10000

}



.diagram-4 .clickMe {

    width: 600px;

    height: 307px;

    position: relative

}



.diagram-4 .clickMe b {

    position: absolute;

    top: 16px;

    left: 22px;

    width: 104px;

    height: 28px;

}



.diagram-4 .clickMe b a, .diagram-4 .clickMe b a:link {

    display: block;

    width: 104px;

    height: 28px;

}



.diagram-4 .clickMe b a:hover {

    background: none

}



.diagram-4 .clickMe em {

    position: absolute;

    bottom: 32px;

    left: 50%;

    margin-left: -105px;

    width: 210px;

    height: 52px;

}



.diagram-4 .clickMe em a, .diagram-4 .clickMe em a:link {

    display: block;

    width: 210px;

    height: 52px;

}



.diagram-4 .clickMe em a:hover {

    background: none

}



/*����ͼ5*/

.diagram-5 {

    width: 600px;

    height: 307px;

    position: absolute;

    left: -18px;

    top: -19px;

    background: url(../../images/zysy/diagram-5-bg.png) no-repeat;

    z-index: 10000

}



.diagram-5 .clickMe {

    width: 600px;

    height: 307px;

    position: relative

}



.diagram-5 .clickMe b {

    position: absolute;

    top: 16px;

    left: 22px;

    width: 104px;

    height: 28px;

}



.diagram-5 .clickMe b a, .diagram-5 .clickMe b a:link {

    display: block;

    width: 104px;

    height: 28px;

}



.diagram-5 .clickMe b a:hover {

    background: none

}



.diagram-5 .clickMe em {

    position: absolute;

    bottom: 32px;

    left: 50%;

    margin-left: -105px;

    width: 210px;

    height: 52px;

}



.diagram-5 .clickMe em a, .diagram-5 .clickMe em a:link {

    display: block;

    width: 210px;

    height: 52px;

}



.diagram-5 .clickMe em a:hover {

    background: none

}



/*����ͼ6*/

.diagram-6 {

    width: 600px;

    height: 307px;

    position: absolute;

    right: -15px;

    top: -19px;

    background: url(../../images/zysy/diagram-6-bg.png) no-repeat;

    z-index: 10000

}



.diagram-6 .clickMe {

    width: 600px;

    height: 307px;

    position: relative

}



.diagram-6 .clickMe b {

    position: absolute;

    top: 16px;

    right: 19px;

    width: 104px;

    height: 28px;

}



.diagram-6 .clickMe b a, .diagram-6 .clickMe b a:link {

    display: block;

    width: 104px;

    height: 28px;

}



.diagram-6 .clickMe b a:hover {

    background: none

}



.diagram-6 .clickMe em {

    position: absolute;

    bottom: 32px;

    left: 50%;

    margin-left: -105px;

    width: 210px;

    height: 52px;

}



.diagram-6 .clickMe em a, .diagram-6 .clickMe em a:link {

    display: block;

    width: 210px;

    height: 52px;

}



.diagram-6 .clickMe em a:hover {

    background: none

}



.chk-div {

    position: absolute;

    bottom: 0;

    right: 15px;

    width: 85px;

    height: 30px;

    color: #fff;

    font-size: 12px;

}



.chk-div input {

    float: left;

    margin-top: 7px

}



.chk-div label {

    float: left;

    width: 72px;

    height: 25px;

    line-height: 25px;

}



.diagram {

    display: none;

}



.fade.in.wdgh {

    opacity: .3;

}



/*��������-�ҹ�ע��ѧУ*/

.gzdxx_div {

    padding: 20px 23px;

}



.bgwhite {

    border: 1px solid #dedede;

    background: #fff;

}



.gzdxx_titleh2a {

    font-size: 24px;

    font-weight: bold;

    color: #434343;

    margin: 10px 0 15px 0;

}



.gzdxx_titleh2a span {

    font-size: 12px;

    color: #fff;

    background: #f39800;

    display: inline-block;

    padding: 5px;

    margin-left: 1px;

    border-radius: 2px;

}



.gzdxx_table1 {

    width: 100%;

}



.gzdxx_table1 td {

    border: 1px solid #dedede;

    font-size: 14px;

    color: #434343;

    padding: 6px 15px;

    word-break: break-all;

}



.gzdxx_table1 td a {

    color: #3bc9c2;

}



.gzdxx_table1 td a:hover {

    text-decoration: underline;

}



.bggrey3 {

    background: #d2d2d2;

    border: 1px solid #fff !important;

    color: #808080 !important;

}



.gzdxx_td1 {

    text-align: center;

    margin-top: 8px;

}



.gzdxx_td1 img {

    width: 120px;

    height: 120px;

}



.gzdxx_td1 a {

    color: #fff !important;

    background: #ff4047;

    display: inline-block;

    width: 120px;

    padding: 3px 0;

    margin-bottom: 11px;

    font-size: 12px;

}



.gzdxx_td1 p {

    line-height: 18px;

    color: #808080;

    font-size: 12px;

}



.gzdxx_tab_change {

    margin-top: 30px;

}



.gzdxx_tab_ul {

    border-bottom: 1px solid #cdcdcd;

    color: #999;

}



.gzdxx_tab_ul li {

    display: inline-block;

    margin: 5px 10px;

    color: #313131;

    font-size: 14px;

    cursor: pointer;

}



.gzdxx_tab_ul li.active {

    color: #3bc9c2;

}



.gzdxx_search label {

    font-size: 12px;

    color: #313131;

    margin: 0 5px 5px 10px;

}



.gzdxx_search select {

    height: 30px;

    line-height: 30px;

    padding: 5px 0;

    vertical-align: middle;

    width: 100px;

}



.gzdxx_search select option {

    height: 20px;

    line-height: 20px;

}



.gzdxx_search input {

    font-size: 14px;

    height: 30px;

    vertical-align: middle;

}



.gzdxx_search .search_btn {

    color: #fff;

    font-size: 14px;

    background: #428bca;

    width: 90px;

    border: 0;

    height: 30px;

    vertical-align: middle;

}



.gzdxx_table2 {

    width: 100%;

    margin-top: 10px;

}



.gzdxx_table2 th {

    background: #d2d2d2;

    padding: 6px;

    text-align: center;

    border: 1px solid #fff;

    color: #808080;

    font-weight: 100;

    border-top: 1px solid #cbcbcb;

}



.gzdxx_table2 th img {

    vertical-align: middle;

    margin-left: 5px;

}



.gzdxx_table2 td {

    border: 1px solid #cbcbcb;

    text-align: center;

    padding: 6px;

    color: #434343;

    font-size: 14px;

}



.gzdxx_borderL {

    border-left: 1px solid #cbcbcb !important;

}



.gzdxx_borderR {

    border-right: 1px solid #cbcbcb !important;

}



.gzdxx_search {

    margin-top: 12px;

}



/*��������-��ʶ�Լ�-������ְҵ��Ȥ���Ա���*/

.report_text {

    border: 1px solid #dedede;

    background: #fff;

    padding: 40px;

}



.report_titleh2a {

    text-align: center;

    color: #373737;

    font-size: 50px;

    font-weight: bold;

}



.report_text ul {

    width: 300px;

    margin: 40px auto 30px auto;

}



.report_text ul li {

    font-size: 14px;

    color: #1b1b1b;

    position: relative;

    height: 30px;

    line-height: 30px;

}



.report_text ul li span.report_thspan {

    text-align: left;

    position: absolute;

    display: inline-block;

}



.report_text ul li span.report_tdspan {

    margin-left: 70px;

    text-align: center;

    border-bottom: 1px solid #c9c9c9;

    width: 220px;

    display: inline-block;

}



.report_btn {

    text-align: center;

}



.report_btn input {

    border: 0;

    background: #ff4047;

    width: 100px;

    height: 25px;

    line-height: 25px;

    color: #fff;

    border-radius: 2px;

}



.report_line {

    height: 1px;

    background: #d2d2d2;

    margin: 40px 0 25px 0;

}



.report_texta {

    font-size: 14px;

}



.report_texta dt {

    padding: 10px 0;

    text-indent: 24px;

    font-weight: 100;

}



.report_texta dt em {

    font-weight: bold;

    margin-right: 5px;

}



.report_texta dd {

    padding: 0;

    text-indent: 24px;

    line-height: 26px;

}



.report_h3a {

    font-size: 18px;

    color: #1b1b1b;

    font-weight: bold;

    margin: 20px 0 10px 0;

}



.report_h4a {

    font-size: 14px;

    color: #1b1b1b;

    font-weight: bold;

    margin: 20px 0 10px 0;

}



.report_textb p {

    font-size: 14px;

    text-indent: 28px;

}



.report_textb p em {

    font-weight: bold;

}



/*���� #e2e2e2*/

.nav_menu {

    float: right;

    height: 94px;

    background: #fff;

    position: relative;

    z-index: 1000;

}



.nav_menu .nLi {

    float: left;

    position: relative;

}



.nav_menu .nLi h3 {

    height: 94px;

    line-height: 94px;

    font-size: 14px

}



.nav_menu .nLi h3 a, .nav_menu .nLi h3 a:link {

    display: block;

    height: 94px;

    line-height: 94px;

    padding: 0 15px;

    font-size: 14px

}



.nav_menu .nLi h3 a:hover, .nav_menu .on h3 a {

    display: block;

    background: #e2e2e2;

    height: 94px;

    line-height: 94px;

    border-bottom: 3px solid #3bc9c2;

    color: #3bc9c2

}



.nav_menu .sub {

    display: none;

    width: 100%;

    left: 0;

    top: 94px;

    position: absolute;

}



.nav_menu .sub li {

    zoom: 1;

    height: 39px;

    line-height: 39px;

    border-bottom: 1px solid #19aaa3;

    background: #3bc9c2;

    text-align: center;



}



.nav_menu .sub a {

    display: block;

    padding: 0 10px;

    color: #fff

}



.nav_menu .sub a:hover {

    background: rgba(226, 226, 226, 0.4);

    color: #fff;

}



.nav_menu li:hover .sub li, .nav_menu li:focus .sub li {

    opacity: 1;

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none

}



.nav_menu li:hover .sub li:nth-child(1) {

    -webkit-transition-delay: 0ms;

    -moz-transition-delay: 0ms;

    -o-transition-delay: 0ms;

    transition-delay: 0ms;

}



.nav_menu li:hover .sub li:nth-child(2) {

    -webkit-transition-delay: 50ms;

    -moz-transition-delay: 50ms;

    -o-transition-delay: 50ms;

    transition-delay: 50ms;

}



.nav_menu li:hover .sub li:nth-child(3) {

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

}



.user, .password {

    height: 20px;

    line-height: 20px;

    width: 90px;

    vertical-align: middle;

    margin-right: 5px;

    background: #686c6f;

    border: 0 none;

    color: #acacac;

    font-size: 12px;

}



.topbar-nav {

    position: absolute;

    right: 20%;

}



.topbar-nav a img {

    margin-top: -3px;

}



.topbar-nav li {

    position: relative;

}



.topbar-nav .msg {

    line-height: 9px;

    font-size: 12px;

    color: red;

    display: none;

    position: absolute;

    top: 20px;

    right: -80px;

}



.my-dropdown li {

    text-align: center;

    line-height: 25px;

    height: 25px;

}



.my-dropdown li:hover {

    background: #e7e7e7;

}



.my-dropdown li a {

    background: none !important;

    margin: 0 !important;

    padding: 0 30px !important;

    height: 25px;

    line-height: 25px;

    color: #afb0b4;

}



.main-container {

    position: relative;

    padding: 135px 0 0 0;

    margin: 0;

    /*zxz�޸� ����Sticky Footer*/

    display: flex;

    flex-flow: column;

}



.form_btns {

    color: #afb0b4;

    display: flex;

}



.form_btns a#userName_login {

    display: inline-block;

    color: #afb0b4;

    background: url("../../images/zysy/icon1.png") no-repeat left center;

    padding-left: 15px;

    margin-left: 20px;

}



.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

    background-color: inherit;

    border-color: #337ab7;

}



.main-content {

    margin-bottom: 10px;

    /*zxz�޸� ����Sticky Footer*/

    flex: 1 0 auto;
    min-height: 800px;

}



footer {

    flex: 0;

    min-width: 1200px;

}



.friendship {

    min-width: 1200px;

}



.edit_geyan {

    position: relative;

}



.edit_geyan img {

    position: absolute;

    top: 19px;

    left: 10px;

}



/*�ҵĹ滮*/

#mydiv4 {

    width: 220px;

    height: 30px;

    position: absolute;

    bottom: 0;

    left: 20px;

}



#mydiv4 textarea {

    padding: 0 10px;

    line-height: 27px;

}



.my-summary {

    padding: 15px;

}



.slogan {

    float: left;

    width: 220px;

}



/*������Դ�б�*/

.jfBanner {

    height: 428px;

    background: #1e4570

}



.bgwhite {

    background: #fff;

    min-width: 1200px;

    padding-bottom: 20px;

    border-top: 1px solid #d8d8d8

}



.bgBorder {

    border: 1px solid #dedede;

    border-bottom: 0;

    background: #fff;

    padding: 15px 25px;

    position: relative

}



.ul-jfLi li, #condition_box table tr td:nth-child(odd) {

    display: inline-block;

    margin-right: 20px;

    font-size: 14px;

    color: #646464;

}



#condition_box table tr td {

    height: 50px;

    line-height: 50px;

}



.ul-jfLi li .active {

    background: #5cc;

    color: #fff;

}



.ul-jfLi li b {

    font-weight: bold

}



.ul-jfLi li a, .ul-jfLi li a:link, #condition_box table tr td a.more {

    color: #646464;

}



.ul-jfLi li .more, #condition_box table tr td a.more {

    color: #2280c1;

    background: url(../../images/zysy/jc-more.jpg) no-repeat right center;

    padding-right: 15px;

}



#condition_box table tr td a.more {

    position: absolute;

    top: 0;

    right: 160px;

}



#condition_box table tr td div.more-box {

    width: 80%;

    height: 70px;

    position: relative;

    overflow: hidden;

}



.border-jc {

    width: 100%;

    border: 1px solid #e0e0e0;

    border-bottom: 0;

    border-right: 0;

}



.border-jc td {

    border: 1px solid #e0e0e0;

    border-top: 0;

    border-left: 0;

    padding: 20px 0;

    text-align: center;

    background-color: #fff;

}



.border-jc td img {

    width: 147px;

    height: 208px;

    border: 1px solid #e1e1e1;

}



.border-jc td p {

    padding-top: 10px;

    color: #646464;

}



.border-jc td:hover p {

    color: #2280c1;

}



.resource-list {

    background: #fff;

    border: 1px solid #e2e2e2;

}



.resource-list ul {

    width: 100%;

    display: inline-block;

}



.resource-list ul li {

    float: left;

    border-top: 0;

    border-left: 0;

    padding: 20px 20px;

    text-align: center;

}



.resource-list ul li img {

    width: 256px;

    height: 192px;

    border: 1px solid #e1e1e1;

}



.resource-list ul li p {

    padding-top: 10px;

    color: #646464;

}



/*������Դ����*/

.jf-wid812 {

    width: 812px;

    float: left

}



.jf-wid375 {

    width: 375px;

    float: right;

}



.jf-detail {

}



.jf-detail h1 {

    color: #000;

    font-size: 20px;

    margin-bottom: 20px;

}



.ul-jfdetail li {

    display: inline-block;

    height: 33px;

    line-height: 33px;

    margin-right: 15px;

    background: #f6f6f6;

    padding: 0 38px;

    border: 1px solid #e4e6e8;

    position: relative;

    color: #92969b;

}



.ul-jfdetail li#like {

    cursor: pointer;

}



.ul-jfdetail li#like:hover {

    background-color: rgba(0, 0, 0, 0.1);

}



.ul-jfdetail li.jfred {

    color: #e74c3c

}



.ul-jfdetail li img {

    position: absolute;

    top: 10px;

    left: 10px;

}



.jf-main {

    border: 1px solid #d9dbdd;

    border-top: 2px solid #0f76ca;

    padding: 20px 30px;

}



.jf-height508 {

    min-height: 508px;

}



.jf-height282 {

    min-height: 282px;

}



.jf-main h1 {

    height: 36px;

    line-height: 36px;

    color: #333;

    font-size: 15px;

    font-weight: bold;

    border-bottom: 1px solid #d9dbdd;

}



.jf-main ul {

    padding-left: 10px;

    padding-right: 10px;

}



.jf-main li {

    padding: 20px 0;

    border-bottom: 1px solid #ecedee;

    padding-left: 88px;

    position: relative

}



.jf-main li img.circle {

    position: absolute;

    left: 0;

    top: 20px;

    width: 70px;

    height: 70px;

    border-radius: 3px;

}



.jf-main li p.p-title {

    color: #646464;

    font-size: 14px;

    line-height: 14px;

    margin-bottom: 8px

}



.jf-main li p.p-blue {

    font-size: 14px;

    color: #1abfc1;

    background: url(../../images/zysy/jfdetail-img1.jpg) no-repeat left center;

    padding-left: 20px;

}



.jf-main li p.p-orange {

    color: #92969b;

    background: url(../../images/zysy/jfdetail-img2.jpg) no-repeat left center;

    padding-left: 20px;

}



.table-jfmessage {

    width: 100%;

    margin-bottom: 20px

}



.table-jfmessage td {

    padding: 10px

}



.table-jfmessage textarea {

    width: 100%;

    padding: 5px;

    border: 1px solid #ccc;

    /*color: #a9a9a9*/

}



.table-jfmessage .jf-submit {

    float: right;

    font-size: 14px;

    border-radius: 3px;

    width: 80px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    border: 0;

    background: #169bd5;

}



.ul-jfmessageList {

    width: 90%;

    margin: 0 auto;

}



.ul-jfmessageList li {

    padding: 20px 0 20px 82px;

    border-top: 1px solid #d9dde1;

    position: relative

}



.ul-jfmessageList li img {

    position: absolute;

    left: 24px;

    top: 20px;

    width: 40px;

    height: 40px;

    border-radius: 40px;

}



.ul-jfmessageList li h1 {

    color: #4d555d;

    font-size: 14px;

    font-weight: bold;

    line-height: 14px;

    margin-bottom: 8px;

}



.ul-jfmessageList li p {

    color: #333

}



.ul-jfmessageList li span {

    color: #93999f

}



/*end ������Դ����*/



/*ѧҵ��������xxdj-*/

.xxdjBanner {

    clear: both;

    height: 308px;

    background: #88deff url(../../images/zysy/xxdjBanner.jpg) no-repeat center center;

}



.ul-xxdj {

    margin-left: -44px;

    display: inline-block;

}



.ul-xxdj li {

    float: left;

    width: 370px;

    height: 310px;

    margin-left: 44px;

    margin-top: 26px;

    padding-top: 10px;

    border: 1px solid #d6d6d6;

    text-align: center

}



.ul-xxdj li h1 {

    line-height: 80px;

    color: #169bd5;

    font-size: 15px;

    font-weight: bold;

    transition: background 0.4s linear;

    -webkit-transition: background 0.4s linear;

    -moz-transition: background 0.4s linear;

    -o-transition: background 0.4s linear;

}



.ul-xxdj li p {

    text-align: left;

    text-indent: 2em;

    color: #464646;

    line-height: 26px;

    padding: 20px 40px;

    height: 120px;

}



.ul-xxdj li button {

    width: 150px;

    height: 45px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    background: #169bd5;

    border: 0;

    transition: background 0.4s linear;

    border-radius: 2px;

    margin: 15px 10px;

}



.btn-container button {

    width: 120px;

    height: 40px;

    line-height: 38px;

    text-align: center;

    color: #fff;

    background: #169bd5;

    border: 0;

    transition: background 0.4s linear;

    font-size: 1.5rem;

    border-radius: 5px;

}



.btn-container button:hover, .btn-container button:focus, .btn-container button:active {

    outline: none;

}



.ul-xxdj li:hover button, .btn-container button:hover {

    background: #94c750;

}



.btn-container {

    text-align: center;

    position: absolute;

    top: 90px;

    right: 65px;

}



.btn-container button.reset {

    background: #95c750

}



/*ѧҵ�������²�������ʱ����ʽ*/

.btn-container button.reset.unused {

    background: #c7c7c7

}



.btn-container button.lookreport {

    background: #169bd5

}



/*end ѧҵ��������xxdj-*/



/*��ǰ����*/

.cur-count {

    float: left;

    margin: 30px 10px;

}



.cur-count span {

    color: #f00;

}



.ih-item {

    margin: 15px auto 5px;

    position: relative;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



/*4����ɫ*/

.ih-item, .ih-item * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.ih-item a {

    color: #333;

}



.ih-item a:hover {

    text-decoration: none;

}



.ih-item img {

    width: 100%;

    height: 100%;

}



.ih-item.circle {

    position: relative;

    width: 80px;

    height: 80px;

    border-radius: 50%;

}



.ih-item.circle .img {

    position: relative;

    width: 80px;

    height: 80px;

    border-radius: 50%;

}



.ih-item.circle .img:before {

    position: absolute;

    display: block;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle .img img {

    border-radius: 50%;

}



.ih-item.circle.effect1 .spinner {

    width: 84px;

    height: 84px;

    background: #fff;

    border: 4px solid #fff;

    border-right-color: #1ad280;

    border-bottom-color: #1ad280;

    border-radius: 50%;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}



.ih-item.circle.effect1 .spinner1 {

    border: 4px solid #e68152;

    border-right-color: #b27356;

    border-bottom-color: #b27356;

}



.ih-item.circle.effect1 .spinner2 {

    border: 4px solid #9acf6f;

    border-right-color: #849e6f;

    border-bottom-color: #849e6f;

}



.ih-item.circle.effect1 .spinner3 {

    border: 4px solid #69b7b7;

    border-right-color: #629393;

    border-bottom-color: #629393;

}



.ih-item.circle.effect1 .spinner4 {

    border: 4px solid #6979c3;

    border-right-color: #626b93;

    border-bottom-color: #626b93;

}



.ih-item.circle.effect1 .img {

    position: absolute;

    top: 4px;

    bottom: 0;

    left: 4px;

    right: 0;

    width: auto;

    height: auto;

}



.ih-item.circle.effect1 .img:before {

    display: none;

}



.ih-item.circle.effect1 a:hover .spinner {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}



.ih-item.circle.effect1 a:hover .info {

    opacity: 1;

}



.admin-4 li:hover .spinner {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}



/*ְҵ֪����*/

.zyxxk_ul {

    width: 1056px;

    margin-top: 24px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 24px;

}



.zyxxk_ul li {

    width: 146px;

    height: 140px;

    float: left;

    margin-left: 15px;

    margin-right: 15px;

    margin-bottom: 16px;

}



.zyxxk_ul li p {

    width: 146px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #333;

    font-size: 14px;

    font-weight: bold;

}



.zyxxk_img {

    margin-left: 23px;

    width: 100px;

    height: 100px;

}



/*��������-�ҹ�ע��רҵ*/

.gzdzy_div {

    padding: 20px 23px;

}



.gzdzy_titleh2a {

    font-size: 24px;

    font-weight: bold;

    color: #373737;

    border-bottom: 1px solid #ccc;

    padding: 10px;

    text-align: center;

    margin: 0 0 10px 0;

}



.gzdzy_titleh2a a {

    display: block;

    float: right;

    background: url("../../images/zysy/gzdzy_gz.png") no-repeat 15px center #ff4047;

    color: #fff;

    font-size: 12px;

    height: 20px;

    width: 90px;

    line-height: 20px;

    text-indent: 10px;

    margin-top: 6px;

}



.gzdzy_titleh2a a.mygoalMajor {

    background: #ff4047;

    margin-right: 5px;

    text-indent: 0;

    width: 110px;

}



.gzdzy_titleh2a a:hover {

    text-decoration: underline;

}



.gzdzy_talbe1 {

    width: 100%;

    margin-bottom: 40px;

}



.gzdzy_talbe1 td {

    font-size: 14px;

    padding: 6px 15px;

    border: 1px solid #dedede;

}



.gzdzy_talbe1 td a {

    display: inline-block;

    padding: 0 15px;

    background: #efefef;

    color: #619dce;

    font-size: 12px;

    line-height: 24px;

    border: 1px solid #619dce;

    border-radius: 5px;

}



.gzdzy_talbe1 td a:hover {

    text-decoration: none;

}



.gzdzy_checkxx {

    text-align: center;

    margin-top: 20px;

}



.gzdzy_checkxx a {

    display: inline-block;

    padding: 3px 25px;

    background: #d6d6d6;

    color: #313131;

    border-radius: 2px;

}



#active {

    background: #3bc9c2;

    border: 1px solid #3bc9c2;

    color: #fff;

}



.selectsname a {

    background: #619dce !important;

    color: #fff !important;

    /*border: 2px solid #3bc9c2 !important;*/

}



.rtarget {

    margin-right: 10px;

    display: inline-block;

    float: right;

}



.settarget a {

    text-indent: 2px;

}



.industry span {

    /*height: 27px;

    display: inline-block;*/

}



/*�����б�*/

ul.new_list li {

    height: 46px;

    line-height: 46px;

    border-bottom: 1px dashed #e0e0e0;

    background: url(../../images/rating/icon.jpg) 8px no-repeat;

    padding-left: 25px;

    position: relative;

}



ul.new_list li a {

    width: 390px;

    display: inline-block;

    overflow: hidden;

    word-break: break-all;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 14px;

    color: #313131;

}



ul.new_list li span {

    position: absolute;

    right: 0;

    font-size: 12px;

    font-family: Arial, Helvetica, sans-serif;

    color: #a0a0a0;

}



/*��������*/

.scontainer {

    margin: auto;

    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);

    margin-bottom: 10px;

}



.subpage h1 {

    font: bold 24px/36px "microsoft yahei";

    color: #313131;

    text-align: center;

    padding-bottom: 5px;

    position: relative;

}



h1.wk_text_title span {

    display: block;

}



#news_content {

    width: 820px;

    margin: 10px auto;

    border-top: 1px dashed #c7c7c7;

}



h1.wk_text_title span.wk_text_publish {

    font-size: 12px;

    font-family: "sinsum";

    color: #a5a5a5;

    padding-top: 18px;

}



.gzdxx_td1 img {

    width: 120px;

    height: auto;

}



button, input, select {

    /*font-size: 12px !important;*/

}



/*��������-������ѯ*/

.check_score {

    padding: 20px 23px;

}



.fsx_ul {

    float: left;

}



.fsx_ul li {

    float: left;

    color: #959595;

    padding: 0px 10px;

    border: 1px solid #dcdcdc;

    margin-right: 20px;

    cursor: pointer;

}



.fsx_ul li.active {

    background: #3bc9c2;

    border: 1px solid #3bc9c2;

    color: #fff;

}



.check_score_div {

    line-height: 34px;

    border-bottom: 1px solid #e2e9ea;

    padding: 18px;

}



.check_score_div input#search_keyword, .check_score_div input#major_search_ipt_keyword {

    width: 170px !important;

    height: 26px;

    line-height: 26px;

    padding: 0 10px;

    border: 1px solid #c7c7c7;

    font-size: 12px;

    border-radius: 4px;

    margin-right: 10px;

}



.check_score_div .search_del {

    color: #999;

    top: 35%;

    right: 15px !important;

    cursor: pointer;

    display: none;

}



.check_score_div input.btn {

    width: 90px !important;

    height: 28px;

    line-height: 0px;

    background: #ff4047;

    border: none;

    color: #fff;

    font-size: 14px;

    padding: 0;

    border-radius: 1px;

    margin-left: 0;

    margin-top: -4px;

}



.check_score_search {

    margin-bottom: 20px;

}



.check_score_search dl {

    position: relative;

    border-bottom: 1px solid #e2e9ea;

    margin-bottom: 0;

    padding: 10px 0 10px 100px;

}



.check_score_search dl dt {

    color: #313131;

    position: absolute;

    width: 100px;

    text-align: center;

    left: 0;

    top: 31%;

}



.check_score_search dl dd {

    float: left;

    color: #434343;

    padding: 3px 10px;

    border: 1px solid #fff;

    cursor: pointer;

    margin-top: 2px;

    margin-bottom: 2px;

}



.check_score_search dl dd.active {

    background: #3bc9c2;

    border: 1px solid #3bc9c2;

    color: #fff;

    padding: 3px 15px;

}



.check_profession_h2a {

    margin-top: 20px;

}



.check_score_div input.btn {

    border: 1px solid #dedede;

}



/*��������-רҵ��ѯ*/

.check_profession_talbe {

    width: 100%;

    margin-top: 8px;

}



.check_profession_talbe td {

    border: 1px solid #cbcbcb;

    font-size: 14px;

    padding: 6px 13px;

    color: #434343;

}



.check_profession_h2a span {

    font-size: 16px;

    color: #313131;

    font-weight: bold;

    float: left;

    margin: 5px 0 0 5px;

}



.check_profession_h2a a {

    display: block;

    float: right;

    font-size: 12px;

    color: #fff;

    background: #ff4047;

    padding: 0 25px;

    height: 26px;

    line-height: 26px;

    border-radius: 2px;

}



.check_profession_h2a a:not(:first-of-type) {

    margin-right: 5px;

}



#wdyy_down > div {

    margin-bottom: 15px;

}



#wdyy_down > div p {

    text-align: center;

    padding-top: 33px;

    font-size: 18px;

    display: block;

}



#wdyy_down > div .wdyy_btn {

    width: 315px;

    height: 40px;

    background: #3bc9c2;

    border: none;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

}



#wdyy_down > div .wdyy_btns {

    background: #eb6877;

}



#wdyy_down > div .wdyy_downs {

    width: 315px;

    height: 40px;

    background: #3bc9c2;

    border: none;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

}



/*ѧҵָ��*/

.grzx_titleh2b {

    font-size: 18px;

    color: #fff;

    background: url("../../images/zysy/titlebg5.png") no-repeat center;

    height: 88px;

    line-height: 88px;

    text-align: center;

    margin-top: 20px;

}



.grzx_xyzn table {

    width: 100%;

}



.grzx_xyzn table th {

    color: #434343;

    font-size: 18px;

    font-weight: bold;

    padding: 16px 0 12px 0;

}



.grzx_xyzn table td {

    padding-bottom: 25px;

}



.grzx_xyzn dl {

    overflow: hidden;

    margin-left: 48px;

    margin-bottom: 2px;

}



.grzx_xyzn dl dt {

    float: left;

    height: 30px;

    width: 75px;

    line-height: 30px;

    text-align: center;

    background: #619dce;

    padding: 0;

    margin: 0;

    color: #fff;

}



.grzx_xyzn dl dd {

    float: left;

    border: 1px solid #dedede;

    border-left: 0;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 240px;

    padding: 0;

    margin: 0;

}



.grzx_xyzn dl dd span {

    margin: 0 15px;

    font-size: 14px;

}



.titleh2e {

    text-align: center;

    font-size: 18px;

    font-weight: bold;

    color: #373737;

    margin: 40px 0;

}



.zycs_text p {

    text-indent: 28px;

    font-size: 14px;

    color: #373737;

    line-height: 36px;

}



.zycs_text p em {

    font-size: 16px;

    color: #ec6941;

}



.zycs_btn {

    text-align: center;

    margin-top: 40px;

}



.zycs_btn input {

    border: 0;

    background: #3bc9c2;

    width: 315px;

    height: 40px;

    line-height: 40px;

    color: #fff;

    font-size: 14px;

}



.zycs_prompt {

    text-align: center;

    color: #808080;

    padding: 10px 0;

}



.zycs_prompt em {

    color: #e60012;

    margin: 0 5px;

}



.zycs_ceshi {

    /*border: 1px solid #dedede;

  background: #fff;

  padding: 40px;

  margin-top: 30px;*/

    display: none;

}



.zycs_titleh3a {

    text-align: center;

    font-size: 14px;

    color: #535353;

    border-bottom: 1px solid #d2d2d2;

    padding-bottom: 15px;

    margin-bottom: 5px;

}



.zycs_ceshi dl {

    margin-bottom: 0;

}



.zycs_ceshi dl dt {

    font-size: 14px;

    color: #535353;

    padding: 25px 0 15px 0;

}



.zycs_ceshi dl dd label {

    margin: 0 20px 0 15px;

}



.zycs_btn2 {

    text-align: center;

    margin-top: 40px;

}



.zycs_btn2 input {

    border: 0;

    width: 100px;

    height: 25px;

    line-height: 25px;

    color: #fff;

    border-radius: 2px;

}



.zycs_bgred {

    background: #ff4047;

}



.zycs_bgblue {

    background: #3bc9c2;

}



.hld_test1 {

    text-align: center;

}



.hld_question_count1 {

    color: white;

    position: absolute;

    right: 50px;

}



.hld_question_count {

    position: absolute;

    right: 530px;

    margin-top: -5px;

}



/*ѧϰ������������*/

.xxdj-report {

    padding: 26px 56px;

    background: #edf5f8;

}



.wid1036 {

    width: 1036px;

    margin: 0 auto;

}



.xxdj-report-div1 {

    padding: 0 28px;

    margin-bottom: 20px;

}



.xxdj-report-div1-h1 {

    height: 44px;

    line-height: 44px;

    font-size: 30px;

    background: url(../../images/zysy/xxdj-report-h-1.jpg) no-repeat center top;

    text-align: center;

    margin-bottom: 40px;

    color: #fff

}



.xxdj-report-div1 p {

    line-height: 28px;

    text-indent: 2em;

    font-size: 16px;

    color: #7c7c7c;

}



.xxdj-message {

    padding-bottom: 5px;

    margin-top: 30px;

    min-height: 230px;

    background: #d4e9d3;

}



.xxdj-message h2 {

    font-size: 15px;

    height: 26px;

    line-height: 26px;

    color: #fff;

    text-align: center;

    background: url(../../images/zysy/xxdj-report-message.jpg) no-repeat center top;

}



.xxdj-message table {

    width: 80%;

    margin: 0 auto;

    margin-top: 20px;

}



.xxdj-message table td {

    line-height: 32px;

    padding: 0;

    padding-left: 10px;

    font-size: 16px;

}



.xxdj-message table td:nth-child(odd) {

    width: 15%;

}



.xxdj-message table td:nth-child(even) {

    width: 35%;

}



.xxdj-message table td span {

    color: #4381d5;

    margin-right: 10px;

}



.xxdj-report-h1 {

    clear: both;

    line-height: 60px;

    color: #4381d5;

    font-size: 30px;

    font-weight: bold;

    text-align: center

}



.xxdj-report-div2 {

    position: relative

}



.xxdj-report-div2-1 {

    padding: 0 60px;

    min-height: 424px;

    position: relative;

    background: url(../../images/zysy/hor-line1.jpg) no-repeat right 20px;

}



.xxdj-report-div2-1 h2 {

    height: 40px;

    line-height: 40px;

    color: #eb658a;

    text-align: center;

    font-size: 16px;

    background: url(../../images/zysy/xxdj-report-div2-h2Img.png) no-repeat center center;

    margin-bottom: 60px;

}



.xxdj-report-div2-1 h3 {

    height: 36px;

    line-height: 36px;

    padding-left: 45px;

    font-size: 24px;

    color: #4381d5;

    margin-bottom: 20px;

    position: relative;

    background: url(../../images/zysy/xxdj-person.png) no-repeat left center

}



.xxdj-report-div2-1 p {

    margin-left: 40px;

    width: 440px;

    line-height: 32px;

    font-size: 14px;

    color: #7c7c7c;

    text-align: justify;

    text-indent: 2em;

}



.xxdj-report-div2-1 img, .xxdj-report-div2-1 .radar {

    position: absolute;

    right: 0;

    top: 0;

    width: 412px;

    height: 237px;

    background-color: #fff !important;

    border: 1px solid #c7c7c7;

}



.bgzd-ul2 li .radar, .div-bgzd .radar {

    right: 0;

    top: 0;

    width: 412px;

    height: 237px;

    background-color: #fff !important;

    border: 1px solid #c7c7c7;

    display: block;

}



.xxdj-report-div2-2 {

    padding: 0 60px;

    padding-top: 20px;

    background: url(../../images/zysy/vertical-line.png) repeat-y left top

}



.xxdj-report-div2-2 h1 {

    padding-left: 40px;

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 15px

}



.xxdj-report-div2-2 h1 span {

    color: #eb658a

}



.xxdj-div2-bott {

    height: 42px;

    padding-top: 20px;

    background: url(../../images/zysy/xxdj-bott.jpg) no-repeat left bottom;

    margin-bottom: 30px;

}



.xxdj-success {

}



.xxdj-success h3 {

    height: 36px;

    line-height: 36px;

    padding-left: 45px;

    font-size: 24px;

    color: #71b940;

    margin-bottom: 20px;

    position: relative;

    background: url(../../images/zysy/xxdj-report-success.png) no-repeat left center

}



.xxdj-success p.p-success {

    font-size: 15px;

    padding-left: 40px;

    color: #71b940;

}



.ul-report {

    padding-bottom: 15px;

    padding-left: 40px;

}



.ul-report li {

    /*height: 32px;*/

    line-height: 32px;

    font-size: 14px;

    color: #7c7c7c;

    padding-left: 22px;

    padding-right: 20px;

    background: url(../../images/zysy/circle.jpg) no-repeat left 12px;

}



.xxdj-report-div2-2 p {

    color: #4381d5;

    font-size: 14px;

    padding-bottom: 20px

}



/*ѧϰ��������*/

.xxdj-report-div3 {

    padding: 0 60px;

}



.xxdj-report-div3 h2 {

    height: 40px;

    line-height: 40px;

    color: #eb658a;

    text-align: center;

    font-size: 16px;

}



.xxdj-report-div3 ul {

    width: 670px;

    margin: 0 auto

}



.xxdj-report-div3 li {

    float: left;

    width: 78px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    margin-right: 32px;

    display: inline;

    font-size: 14px

}



.xxdj-report-div3 li a, .xxdj-report-div3 li a:link {

    display: block;

    background: #169bd5;

    color: #fff;

    border-radius: 2px;

}



.xxdj-report-div3 li a:hover {

    background: #94c750;

}



.xxdj-report-div3 h3 {

    clear: both;

    height: 60px;

    line-height: 60px;

    color: #000;

    text-align: center;

    font-size: 15px;

}



.xxdj-report-div3 p {

    text-indent: 2em;

    font-size: 14px;

    color: #7c7c7c;

    padding-bottom: 20px;

}



/*end ѧϰ������������3����xxdj-*/



/*������*/

.ul-ddrw {

    width: 90%;

    margin: 0 auto;

    padding: 10px 0 20px;

    overflow: hidden

}



.ul-ddrw li {

    line-height: 32px;

    padding-left: 28px;

    color: #7c7c7c;

    font-size: 14px

}



.ul-ddrw li span {

    display: inline-block;

    width: 24px;

    height: 14px;

    line-height: 14px;

    text-align: center;

    background: #739dd8;

    color: #fff;

    font-size: 12px;

    font-weight: bold;

    margin-right: 5px;

}



.ul-ddrw li a, .ul-ddrw li a:link {

    color: #4381d5;

    text-decoration: underline

}



/*ѧϰ��������tab*/

/* ������css */

.slideTxtBox {

    height: 234px;

    width: 90%;

    margin: 0 auto;

    overflow: hidden

}



.slideTxtBox .hd {

    /*height: 30px;*/

}



.slideTxtBox .hd ul {

    width: 670px;

    margin: 0 auto;

    display: flex;

}



.slideTxtBox .hd ul li {

    float: left;

    min-width: 78px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-right: 10px;

    display: inline;

    font-size: 14px;

    background: #169bd5;

    color: #fff;

    border-radius: 2px;

    cursor: pointer

}



.slideTxtBox .hd ul li a {

    color: #fff;

    min-width: 78px;

    height: 30px;

    line-height: 30px;

    display: block;

}



.slideTxtBox .hd ul li.on, .slideTxtBox .hd ul li.active {

    height: 30px;

    background: #94c750;

    color: #fff

}



.slideTxtBox .bd h3 {

    clear: both;

    height: 60px;

    line-height: 60px;

    color: #000;

    text-align: center;

    font-size: 15px;

}



.slideTxtBox .bd p {

    text-indent: 2em;

    font-size: 14px;

    color: #7c7c7c;

    /*padding-bottom: 20px;*/

}



/*�ܱ���*/

.wid1038 {

    width: 1038px;

    margin: 0 auto;

}



.p-bgzd {

    color: #7c7c7c;

    font-size: 16px;

    line-height: 28px;

    text-indent: 2em;

    margin-bottom: 10px;

}



.p-wxtips {

    height: 21px;

    color: #4a4a4a;

    font-size: 14px;

    background: url(../../images/zysy/bgzd-tips.jpg) no-repeat;

    padding-left: 30px;

    margin-bottom: 50px

}



.p-wxtips span {

    color: #eb658a

}



.p-wxtips em {

    color: #4381d5;

    font-style: normal

}



.div-bgzd {

    border: 2px dashed #bfbfbf;

    border-radius: 40px;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    padding: 40px 40px 20px;

    margin-bottom: 30px;

    position: relative

}



.h1-title {

    position: absolute;

    left: 50%;

    top: -30px;

    margin-left: -105px;

    width: 210px;

    line-height: 60px;

    background: #edf5f8;

    color: #4381d5;

    font-size: 30px;

    font-weight: bold;

    text-align: center

}



.h2-title {

    color: #eb658a;

    font-size: 16px;

    line-height: 28px;

    text-align: center;

    margin-bottom: 20px;

    background: url(../../images/zysy/h2-title-img1.jpg) no-repeat center center

}



.bc {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.h1-textbold {

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 15px;

    text-indent: 2em;

}



.h1-textbold span {

    color: #eb658a

}



.report-title2 {

    position: absolute;

    left: 50%;

    top: -8px;

    margin-left: -165px;

    width: 330px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    font-size: 16px;

    color: #eb658a;

    background: #edf5f8 url(../../images/zysy/h2-title-img2.jpg) no-repeat center center;

}



.report-title3 {

    position: absolute;

    left: 50%;

    top: -8px;

    margin-left: -200px;

    width: 400px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    font-size: 16px;

    color: #eb658a;

    background: #edf5f8 url(../../images/zysy/h2-title-img3.jpg) no-repeat center center;

}



.report-title4 {

    position: absolute;

    left: 50%;

    top: -8px;

    margin-left: -140px;

    width: 280px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    font-size: 16px;

    color: #eb658a;

    background: #edf5f8 url(../../images/zysy/h2-title-img4.jpg) no-repeat center center;

}



.report-title5 {

    position: absolute;

    left: 50%;

    top: -8px;

    margin-left: -205px;

    width: 410px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    font-size: 16px;

    color: #eb658a;

    background: #edf5f8 url(../../images/zysy/h2-title-img5.jpg) no-repeat center center;

}



.bgzd-ul2 li {

    float: left;

    margin-bottom: 10px;

}



.bgzd-2 {

    padding-left: 80px;

}



.bgzd-2 h3 {

    height: 43px;

    line-height: 43px;

    padding-left: 50px;

    color: #ff9646;

    font-size: 20px;

    font-weight: bold;

    background: url(../../images/zysy/xxdj-report-div4-ok.jpg) no-repeat;

    margin-bottom: 20px;

}



.bgzd-2 p {

    line-height: 40px;

    color: #7c7c7c;

    font-size: 14px;

    padding-left: 50px;

    position: relative

}



.bgzd-2 p span.span-orang {

    position: absolute;

    left: 0;

    top: 10px;

    background: #ff9646;

    width: 42px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    color: #fff;

}



.bgzd-2 p span.span-blue {

    position: absolute;

    left: 0;

    top: 10px;

    background: #4381d5;

    width: 42px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    color: #fff;

}



.bgzd-2 img.img-div5, .bgzd-2 .line {

    display: block;

    width: 800px;

    height: 450px;

    background-color: #fff !important;

    border: 1px solid #c7c7c7;

}



.h1-textoran {

    color: #7c7c7c;

    font-size: 14px;

    line-height: 28px;

    text-indent: 2em;

    margin-bottom: 40px;

}



.h1-textoran span {

    color: #ff9646;

    font-size: 16px;

    font-weight: bold;

    padding: 0 1em;

}



.div-borderRed, .div-borderBlue {

    float: left;

    margin-left: 50px;

    width: 419px;

    height: 211px;

    border: 3px solid;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    position: relative;

    padding: 30px 30px 0;

    background: #fbfdfe

}



.div-borderRed {

    border-color: #eb82a0;

}



.div-borderRed h1, .div-borderBlue h1 {

    position: absolute;

    left: 50%;

    top: -15px;

    margin-left: -82px;

    width: 164px;

    height: 30px;

    line-height: 30px;

    font-size: 20px;

    font-weight: bold;

    text-align: center;

    color: #fff;

    border-radius: 4px

}



.div-borderRed h1 {

    background: #eb658a;

}



.div-borderBlue h1 {

    background: #8bafde

}



.div-borderBlue {

    border-color: #8bafde;

}



.div-borderRed p, .div-borderBlue p {

    text-indent: 2em;

    color: #4a4a4a;

    font-size: 14px;

    line-height: 32px;

}



.div-borderRed img, .div-borderBlue img {

    position: absolute;

    right: 10px;

    bottom: 8px;

    width: 38px;

    height: 42px;

}



.clear {

    clear: both;

    line-height: 1px;

    overflow: hidden;

}



.h1-reportResult {

    clear: both;

    line-height: 60px;

    margin-bottom: 20px;

    color: #4381d5;

    font-size: 30px;

    font-weight: bold;

    text-align: center

}



.report-program1, .report-program2, .report-program3, .report-program4 {

    position: absolute;

    top: 30%;

    width: 54px;

    height: 54px;

    border: 2px dashed #bfbfbf;

    border-radius: 54px;

    -webkit-border-radius: 54px;

    -moz-border-radius: 54px;

    padding: 2px;

    background: #edf5f8

}



.report-program1 h6, .report-program2 h6, .report-program3 h6, .report-program4 h6 {

    width: 100%;

    height: 100%;

    text-align: center;

    line-height: 46px;

    border-radius: 50px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    background: #71b940;

    color: #fff;

    font-size: 30px;

    font-weight: bold

}



.report-program1, .report-program3 {

    right: -27px;

}



.report-program2, .report-program4 {

    left: -27px;

}



.report-hei160 {

    /*height: 160px;*/

    /*min-height: 160px;*/

    /*overflow: hidden*/

}



.report-fold, .fold-2, .fold-3, .fold-4, .fold-5, .fold-6, .fold-7 {

    position: relative;

    width: 100px;

    height: 20px;

    margin: 10px auto 0;

    background: url(../../images/zysy/report-fold.png) no-repeat center center;

    cursor: pointer

}



.fold-2 {

    margin-top: 20px;

}



.fix-top {

    position: fixed;

    right: 10px;

    bottom: 25%;

}



.fix-top ul {

    background: #94c750;

    padding: 5px 15px 20px;

    border-radius: 4px;

}



.fix-top li {

    height: 34px;

    line-height: 33px;

    border-bottom: 1px dashed #6b9a2d;

}



.fix-top li a, .fix-top li a:link {

    display: block;

    background: url(../../images/zysy/fixe-tophover.jpg) no-repeat left center;

    padding-left: 20px;

    color: #395711;

}



.fix-top li a:hover {

    display: block;

    background: url(../../images/zysy/fix-toplink.jpg) no-repeat left center;

    color: #fff

}



.fix-top .clickTop {

    display: block;

    width: 50px;

    height: 98px;

    margin: 0 auto;

    margin-top: -15px;

}



/*6ѡ3ѡ�Ʋ���

.modal {

  z-index: 9999

}



.modal-dialog {

  display: block;

  width: 610px;

  height: 540px;

  border-radius: 8px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -o-border-radius: 8px;

  -ms-border-radius: 8px;

}



.modal-header {

  height: 228px;

  padding: 0;

  border-bottom: 0;

  background: #0f76ca

}



.modal-header .close {

  padding: 15px;

  margin: 0

}



.modal-header h1 {

  color: #fff;

  font-size: 48px;

  font-weight: bold;

  line-height: 80px;

  padding-top: 40px;

  padding-bottom: 10px;

  margin-bottom: 10px;

  text-align: center;

  background: url(../../images/zysy/modal-xk.jpg) no-repeat center bottom

}



.modal-header p {

  width: 80%;

  margin: 0 auto;

  font-size: 16px;

  color: #fff;

  line-height: 30px;

}



.modal-body {

  text-align: right;

  font-size: 14px;

  color: #000

}



.modal-body img {

  display: block;

  margin: 0 auto;

  margin-bottom: 15px;

}*/



/*ѧϰ������������3����xxdj-*/

.lxsBanner {

    clear: both;

    height: 308px;

    background: #81ca7b url(../../images/zysy/lxsBanner.jpg) no-repeat center center;

}



.xxdj-wtzd {

    padding: 28px;

    background: #def url(../../images/zysy/xxdj-wtzd.jpg) no-repeat right top;

    position: relative

}



.xxdj-wtzd h1 {

    height: 50px;

}



.xxdj-wtzd p {

    width: 700px;

    margin-left: 44px;

    color: #64717b;

    font-size: 14px;

    line-height: 26px;

    text-indent: 2em;

    margin-top: 20px;

}



.xxdj-zd {

    position: absolute;

    right: 25px;

    bottom: 20px;

    height: 36px;

    width: 210px;

}



.xxdj-zd .button-blue, .xxdj-zd .button-green, .tab-container .button-blue {

    width: 99px;

    height: 36px;

    text-align: center;

    line-height: 36px;

    color: #fff;

    font-size: 14px;

    border-radius: 3px;

    margin-left: 6px;

    border: 0

}



.xxdj-zd .button-blue, .tab-container .button-blue {

    background: #169bd5;

}



.xxdj-zd .button-green {

    background: #94c750;

}



.xxdj-zd img {

    position: absolute;

    left: -86px;

    top: -120px;

}



.top-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9000;

    border-bottom: 1px solid #c7c7c7;

    background: #fff;

}



ul.nav li.active a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

    background-color: #edf5f8;

}



/*6ѡ3ѡ�Ʋ���-����ҳ*/

.modal1, .modal {

    position: fixed;

    z-index: 9999;

    /*top: 25%*/

}



.modal-backdrop {

    z-index: 9900

}



.modal1 .modal-dialog {

    display: block;

    width: 610px;

    height: 540px;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    -ms-border-radius: 8px;

}



.modal1 .modal-header {

    height: 228px;

    padding: 0;

    border-bottom: 0;

    background: #0f76ca

}



.modal1 .modal-header .close {

    padding: 15px;

    margin: 0

}



.modal1 .modal-header h1 {

    color: #fff;

    font-size: 48px;

    font-weight: bold;

    line-height: 80px;

    padding-top: 40px;

    padding-bottom: 10px;

    margin-bottom: 10px;

    text-align: center;

    background: url(../../images/zysy/modal-xk.jpg) no-repeat center bottom

}



.modal1 .modal-header p {

    width: 80%;

    margin: 0 auto;

    font-size: 16px;

    color: #fff;

    line-height: 30px;

}



.modal1 .modal-body {

    text-align: right;

    font-size: 14px;

    color: #000

}



.modal1 .modal-body img {

    margin: 0 auto;

    display: block;

    margin-bottom: 15px;

}



/*����ѧ��-����ҳ*/

.modal2 {

    z-index: 9999;

}



.modal2 .modal-dialog {

    display: block;

    width: 584px;

    height: auto;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    -ms-border-radius: 8px;

    background: #fff

}



.modal2 .modal-header {

    height: 140px;

    padding: 0;

    border-bottom: 0;

    background: #fff;

    position: relative;

    box-shadow: 0 0 0;

    border-radius: 5px;

}



.modal2 .modal-header .close {

    position: absolute;

    top: 0;

    right: 0;

    padding: 15px;

    margin: 0

}



.modal2 .modal-header h1 {

    clear: both;

    color: #3e3a39;

    font-size: 28px;

    font-weight: normal;

    line-height: 40px;

    padding-top: 50px;

    padding-bottom: 0;

    margin-bottom: 0;

    text-align: center;

    background: none

}



.modal2 .modal-header p {

    width: 80%;

    margin: 0 auto;

    font-size: 16px;

    text-align: center;

    color: #9c9b9b;

    line-height: 40px;

    background: url(../../images/zysy/modal2-line.jpg) repeat-x center center

}



.modal2 .modal-header p span {

    display: block;

    width: 260px;

    height: 40px;

    line-height: 40px;

    margin-left: auto;

    margin-right: auto;

    background: #fff;

}



.modal2 .modal-body {

    text-align: right;

    font-size: 14px;

    color: #000

}



.modal2 .modal2-table {

    margin-left: auto;

    margin-right: auto;

}



.modal2 .modal2-table td {

    padding: 4px 10px;

}



.modal2 .modal2-table td select {

    padding: 4px 20px;

}



.modal2 button.reset, .modal2 button.lookreport, .modal3 button.reset, .modal3 button.lookreport, .modal4 button.reset, .modal4 button.lookreport {

    width: 78px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    border: 0;

    transition: background 0.4s linear;

    border-radius: 2px

}



.modal2 button.reset, .modal3 button.reset, .modal4 button.reset {

    background: #94c750;

    margin-right: 10px;

}



.modal2 button.lookreport, .modal3 button.lookreport, .modal4 button.lookreport {

    background: #169bd5;

}



/*end ����ѧ��-����ҳ*/



/*����ѧ��-����ҳ*/

.modal3 {

    z-index: 9999;

}



.modal3 .modal-dialog {

    display: block;

    width: 584px;

    height: 384px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    background: #fff;

}



.modal3 .modal-header {

    height: auto;

    padding: 0;

    border-bottom: 0;

    background: #fff;

    position: relative;

    box-shadow: 0 0 0

}



.modal3 .modal-header .close {

    position: absolute;

    top: 0;

    right: 0;

    padding: 15px;

    margin: 0

}



.modal3 .modal-header p {

    width: 80%;

    margin: 0 auto;

    font-size: 28px;

    text-align: center;

    color: #3e3a39;

    line-height: 40px;

    padding-top: 35px;

    padding-bottom: 30px;

    background: url(../../images/zysy/modal2-line.jpg) repeat-x center center

}



.modal3 .modal-header p span {

    display: block;

    width: 260px;

    height: 40px;

    line-height: 40px;

    margin-left: auto;

    margin-right: auto;

    background: #fff;

}



.modal3 .modal-body {

    height: 240px;

    text-align: right;

    font-size: 14px;

    color: #000;

    padding: 0

}



.modal3 .modal-content {

    box-shadow: 0 0 0;

    border: 0

}



.ul-modal3 {

    padding-left: 86px;

    padding-right: 86px;

}



.ul-modal3 li {

    float: left;

    width: 96px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-left: 6px;

    margin-bottom: 6px;

}



.ul-modal3 li a, .ul-modal3 li a:link {

    color: #4e4e4e;

    display: block;

    border: 1px solid #c2c2c2;

    border-radius: 2px;

}



.ul-modal3 li a:hover {

    display: block;

    background: #ff9c31;

    border-color: #ff9c31;

    color: #fff;

}



.modal3 .modal3-ok {

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    text-align: center;

}



/*end ����ѧ��-����ҳ*/



/*�¸߿�����-����ҳ*/

.modal4 {

    z-index: 9999;

    top: 20%

}



.modal4 .modal-dialog {

    display: block;

    width: 584px;

    height: 502px;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    -ms-border-radius: 4px;

    background: #fff;

}



.modal4 .modal-header {

    height: auto;

    padding: 0;

    border-bottom: 0;

    background: #fff;

    position: relative;

    box-shadow: 0 0 0

}



.modal4 .modal-header .close {

    position: absolute;

    top: 0;

    right: 0;

    padding: 15px;

    margin: 0

}



.modal4 .modal-header p {

    width: 80%;

    margin: 0 auto;

    font-size: 28px;

    text-align: center;

    color: #3e3a39;

    line-height: 40px;

    padding-top: 35px;

    padding-bottom: 30px;

    background: url(../../images/zysy/modal2-line.jpg) repeat-x center center

}



.modal4 .modal-header p span {

    display: block;

    width: 260px;

    height: 40px;

    line-height: 40px;

    margin-left: auto;

    margin-right: auto;

    background: #fff;

}



.modal4 .modal-body {

    height: 360px;

    text-align: right;

    font-size: 14px;

    color: #000;

    padding: 0

}



.modal4 .modal-content {

    box-shadow: 0 0 0;

    border: 0

}



.modal4 .modal3-ok {

    width: 100%;

    position: absolute;

    bottom: 10px;

    left: 0;

    text-align: center;

}



.modal4 .modal-box {

    width: 80%;

    margin-left: auto;

    margin-right: auto;

}



.modal4 .modal-box input {

    width: 100%;

    height: 38px;

    line-height: 38px;

    margin-bottom: 6px;

    text-indent: 2em;

    color: #9c9b9b;

    font-size: 15px;

    border: 1px solid #c2c2c2;

}



/** �������������� **/



#j_city_div {

    float: right;

}



#j_privince_div {

    float: left;



}



.inline-block {

    display: inline-block;

    height: 33px;

    font-size: 15px;

    line-height: 38px;

    text-align: center;

}



#j_city_div select {

    padding-left: 5px;

    width: 100%;

    height: 33px;

    font-size: 15px;



}



/** ����Ľ��� **/



.modal4 .modal-box textarea {

    width: 100%;

    height: 106px;

    line-height: 38px;

    text-indent: 2em;

    color: #9c9b9b;

    font-size: 15px;

    border: 1px solid #c2c2c2;

}



/*end �¸߿�����-����ҳ*/



/*��¼-����ҳ*/

.modal-login {

    z-index: 9999;

}



.modal-login .modal-dialog {

    display: block;

    width: 584px;

    height: auto;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -o-border-radius: 8px;

    -ms-border-radius: 8px;

    background: #fff

}



.modal-login .modal-header {

    height: 140px;

    padding: 0;

    border-bottom: 0;

    background: #fff;

    position: relative;

    box-shadow: 0 0 0

}



.modal-login .modal-header .close {

    position: absolute;

    top: 0;

    right: 0;

    padding: 15px;

    margin: 0

}



.modal-login .modal-header h1 {

    clear: both;

    color: #3e3a39;

    font-size: 28px;

    font-weight: normal;

    line-height: 60px;

    padding-top: 40px;

    padding-bottom: 0;

    margin-bottom: 0;

    text-align: center;

    background: none

}



.modal-login .modal-header p {

    width: 80%;

    margin: 0 auto;

    font-size: 16px;

    text-align: center;

    color: #9c9b9b;

    line-height: 40px;

    background: url(../../images/zysy/modal2-line.jpg) repeat-x center center

}



.modal-login .modal-header p span {

    display: block;

    width: 200px;

    height: 40px;

    line-height: 40px;

    margin-left: auto;

    margin-right: auto;

    background: #fff;

}



.modal-login .modal-body {

    text-align: left;

    font-size: 14px;

    color: #000;

    padding-bottom: 60px

}



.modal-login .table-input {

    width: 342px;

    margin-left: auto;

    margin-right: auto;

}



.modal-login .input-text {

    width: 342px;

    margin-left: auto;

    margin-right: auto;

    height: 42px;

    line-height: 42px;

    border: 1px solid #dae2e5;

    text-indent: 1em;

    font-size: 14px;

    color: #a9a9a9;

    margin-bottom: 10px;

}



.modal-login .login-button {

    width: 129px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #70ca10;

    color: #fff;

    font-size: 18px;

    border: 0;

    border-radius: 2px

}



.modal-login .btn-l {

    padding-top: 10px;

}



.modal-login .checkbox-l {

    padding-top: 10px;

    color: #929292;

    font-size: 12px

}



.modal-login .forget-l {

    padding-top: 10px;

    color: #353535;

    text-align: right;

    font-size: 12px

}



/*end ����ѧ��-����ҳ*/



/*6ѡ3ѡ��2*/

.course {

}



.div-course {

    border: 2px dashed #bfbfbf;

    border-radius: 12px;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    padding: 40px 20px 20px;

    margin-top: 50px;

    position: relative

}



.course-title {

    position: absolute;

    left: 50%;

    top: -22px;

    margin-left: -144px;

    width: 288px;

    height: 44px;

    line-height: 44px;

    text-align: center;

    font-size: 24px;

    color: #fff;

    background: #e29126

}



.course-title1 {

    background: url(../../images/zysy/course-title1.png) no-repeat

}



.course-title2 {

    background: url(../../images/zysy/course-title2.png) no-repeat

}



.course-title3 {

    background: url(../../images/zysy/course-title3.png) no-repeat

}



.course-title4 {

    background: url(../../images/zysy/course-title4.png) no-repeat

}



.course-0 {

    padding: 25px 0 10px 35px;

}



.course-0 h1 {

    height: 42px;

    line-height: 42px;

    font-size: 30px;

    color: #000;

    padding-left: 50px;

    background: url(../../images/zysy/course-0.jpg) no-repeat left center;

}



.course-0 p {

    line-height: 40px;

    font-size: 14px;

    color: #6d7882;

    padding-left: 5px;

    margin-bottom: 10px

}



ul.course-ul0 li {

    float: left;

    width: 232px;

    height: 45px;

    line-height: 45px;

    margin-right: 4px;

    text-align: center;

    font-size: 14px;

    position: relative

}



.cou-1 {

    background: url(../../images/zysy/course-ul0-li01.png) no-repeat;

}



.cou-2 {

    background: url(../../images/zysy/course-ul0-li02.png) no-repeat;

}



.cou-3 {

    background: url(../../images/zysy/course-ul0-li03.png) no-repeat;

}



.cou-4 {

    background: url(../../images/zysy/course-ul0-li04.png) no-repeat;

}



ul.course-ul0 li span {

    position: absolute;

    left: 0;

    top: 5px;

    width: 36px;

    height: 36px;

    line-height: 28px;

    text-align: center;

    font-size: 18px;

    color: #fff;

    border-radius: 36px;

}



ul.course-ul0 li span.span1 {

    border: 4px solid #228050;

    background: #52c163

}



ul.course-ul0 li span.span2 {

    border: 4px solid #a0b85e;

    background: #b6d051

}



ul.course-ul0 li span.span3 {

    border: 4px solid #d0762b;

    background: #e29126

}



ul.course-ul0 li span.span4 {

    border: 4px solid #28a2b7;

    background: #64b2cd

}



ul.course-ul0 li.active1 a:hover, ul.course-ul0 li.active1 a {

    display: block;

    color: #fff;

    background: url(../../images/zysy/course-ul0-li01on.png) no-repeat

}



ul.course-ul0 li.active2 a.sel-subject.sel {

    display: block;

    color: #fff;

    background: url(../../images/zysy/course-ul0-li02on.png) no-repeat

}



ul.course-ul0 li.active3 a.sel-subject.sel {

    display: block;

    color: #fff;

    background: url(../../images/zysy/course-ul0-li03on.png) no-repeat

}



/*ul.course-ul0 li.active4 a:hover, ul.course-ul0 li.active4 a.sel {

  display: block;

  color: #fff;

  background: url(../../images/zysy/zysy_xk_4.png) no-repeat right center

}*/



ul.course-ul0 li a, ul.course-ul0 li a:link {

    display: block;

}



/*ul.course-ul0 li a:hover {

  display: block;

  color: #fff;

  background: url(../../images/zysy/course-0-img1.png) no-repeat right center

}*/



ul.course-ul0 li.cou-5 {

    width: 190px;

    height: 36px;

    line-height: 36px;

    background: #0f76ca;

    border-radius: 2px;

    color: #fff;

    margin-top: 5px;

    margin-left: 10px

}



ul.course-ul0 li.cou-5 a, ul.course-ul0 li.cou-5 a:link {

    display: block;

    color: #fff

}



ul.course-ul0 li.cou-5 a:hover {

    /*background: #0f76ca;*/

}



.course-report h1 {

    height: 44px;

    line-height: 44px;

    font-size: 30px;

    background-color: #699ee6;

    border-radius: 12px;

    text-align: center;

    margin-bottom: 40px;

    color: #fff

}



.course-report h2 {

    height: 36px;

    line-height: 36px;

    padding-left: 45px;

    font-size: 24px;

    color: #4381d5;

    margin-bottom: 20px;

    position: relative;

    background: url(../images/person.png) no-repeat left center

}



.course-report1 {

    width: 800px;

    margin: 0 auto;

    margin-bottom: 40px

}



.course-report1 p {

    margin-bottom: 20px;

}



.course-report1 p button {

    height: 20px;

    line-height: 21px;

    margin: 0 5px;

    color: #6d7882;

    background: #fff;

    border: 0;

    border-radius: 2px

}



.course-report1 p button.bt-green {

    border: 1px solid #59bc61

}



.course-report1 p button.bt-orange {

    border: 1px solid #b6d051

}



.course-report1 p button.bt-red {

    border: 1px solid #e29126

}



.course-report1 p button.bt-blue {

    border: 1px solid #64b2cd

}



.cour-green, .cour-orange, .cour-red, .cour-blue {

    float: left;

    margin-left: 10px;

    width: 177px;

    height: 311px;

}



.cour-green .cou-top, .cour-orange .cou-top, .cour-red .cou-top, .cour-blue .cou-top {

    height: 149px;

    font-size: 18px;

    text-align: center;

    padding-top: 85px;

    color: #fff;

    margin-bottom: 10px

}



.cour-green .cou-top {

    background: url(../../images/zysy/green-top.jpg) no-repeat;

}



.cour-orange .cou-top {

    background: url(../../images/zysy/orange-top.jpg) no-repeat;

}



.cour-red .cou-top {

    background: url(../../images/zysy/red-top.jpg) no-repeat;

}



.cour-blue .cou-top {

    background: url(../../images/zysy/blue-top.jpg) no-repeat;

}



.ul-cour-green {

    height: 130px;

    padding-top: 20px;

    margin-bottom: 10px;

    background: #fff;

    overflow: auto;

}



.ul-cour-green li {

    text-align: center;

    line-height: 34px;

    font-size: 15px;

    color: #6d7882

}



.cour-green .cou-bottom, .cour-orange .cou-bottom, .cour-red .cou-bottom, .cour-blue .cou-bottom {

    height: 12px;

}



.cour-green .cou-bottom {

    background: #59bc61

}



.cour-orange .cou-bottom {

    background: #b6d051

}



.cour-red .cou-bottom {

    background: #e29126

}



.cour-blue .cou-bottom {

    background: #64b2cd

}



.course-report2 {

    padding-left: 120px;

    text-align: center;

    font-size: 14px

}



.course-report2 a, .course-report2 a:link {

    color: #4381d5;

}



.course-report2 a:hover {

    color: #d54343

}



.course-report2 p {

    color: #4a4a4a;

    text-align: left;

    margin-bottom: 20px;

}



.course-report2 img.img {

    margin-left: -120px

}



.course-report2 .div {

    text-align: left;

    /*height: 20px;*/

    line-height: 24px;

    margin-bottom: 12px

}



.course-report2 .div p {

    display: inline-block;

    background: #c2ede5;

    border-radius: 20px;

    padding: 0 10px

}



.course-report2 .div p span {

    padding: 0 10px

}



.course-report2 .tips {

    text-align: left;

    background: url(../../images/zysy/bgzd-tips.jpg) no-repeat left center;

    padding-left: 30px;

}



.course-report2 .tips span {

    color: #eb658a;

}



.border {

    border: 1px solid #cfcfcf

}



.wid775 {

    width: 775px;

    margin: 0 auto 30px;

    padding: 20px 100px;

}



.center-p {

    font-size: 14px;
    text-align: center;
}



.center-p p {

    text-align: center;

    color: #6d7882;

    margin-bottom: 15px;

}



.center-p button {

    display: block;

    margin: 0 auto;

    width: 156px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    background: #4381d5;

    color: #fff;

    border: 0;

    border-radius: 2px;

}



/*������*/

.teston {

    background: #edf5f8;
    padding-bottom : 20px;
    margin-bottom: 15px;

    position: relative

}



.teston-top {

    height: 94px;

    border-bottom: 1px solid #e7e7e7;

    background: #edf5f8;

    padding: 20px 0 20px 85px;

    position: relative

}



.teston-top img {

    position: absolute;

    left: 20px;

    top: 20px;

}



.teston-top h1 {

    font-size: 24px;

    font-weight: bold;

    color: #2e3b4e;

    margin-bottom: 6px

}



.teston-top h2 {

    font-size: 14px;

    color: #4381d5;

}



.teston-top h3 {

    position: absolute;

    right: 40px;

    top: 25px;

    text-align: right

}



.teston-top .process {

    position: absolute;

    right: 40px;

    top: 25px;

    text-align: right

}



.teston-top .process .n1 {

    font-size: 6rem;

}



.teston-top .process .n2 {

    font-size: 2rem;

    color: #999;

}



.teston-top h3 span {

    display: block;

    font-size: 24px;

    color: #4381d5;

    margin-bottom: 5px

}



.teston-top h3 em {

    display: block;

    color: #a4a4a4;

    font-size: 14px;

    font-style: normal

}



.teston p {

    line-height: 30px;

    padding: 30px;

    text-align: center;

    font-size: 18px;

    color: #727171

}



.teston .show-1 {

    width: 40%;

    margin: 0 auto

}



.teston .show-1 li {

    float: left;

    width: 20%;

    text-align: center;

    font-size: 14px

}



.teston .show-1 li label {

    display: block;

    margin-right: 0

}



.teston .show-2 {

    width: 260px;

    margin: 0 auto

}



.teston .show-2 li {

    float: left;

    width: 78px;

    margin-right: 7px;

}



.teston .show-2 li input {

    width: 78px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border: 1px solid #c2c2c2;

    background: #fff;

    font-size: 14px;

    color: #4e4e4e;

    border-radius: 2px

}



.teston .show-2 li input.chec {

    background: #ff9c31;

    color: #fff;

    border: 1px solid #ff9c31;

}



.teston .show-3 {

    width: 170px;

}



.teston-btn {

    position: absolute;

    bottom: 20px;

    right: 30px;

    text-align: right

}



.teston-btn button {

    width: 78px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 3px;

    border: 0;

    color: #fff;

    font-size: 14px;

    margin-left: 5px

}



.teston-btn button.green {

    background: #94c750

}



.teston-btn button.blue {

    background: #169bd5

}



.pupul1 {

    background: url('../../images/zysy/radio.png') no-repeat;

    width: 500px;

    height: 50px;

    background-position: 30px -250px;

    margin: 0 auto;

}



.pupul1 li {

    width: 20%;

    float: left;

    padding-top: 55px;

}



.pupul1 li:hover {

    cursor: pointer;

}



.pupul1 li a {

    color: #999;

    font-size: 14px;

    font-weight: normal;

    display: block;

    text-align: center;

}



/*.pupul1-1 {

  margin-right: 47px;

}



.pupul1-2 {

  margin-right: 70px;

}



.pupul1-3 {

  margin-right: 41px;

}



.pupul1-4 {

  margin-right: 67px;

}



.pupul1 .pupul1-5 {

  width: 30px

}*/



ul.pupul2 {

    background: url('../../images/zysy/radio_v.png') no-repeat 0 0;

}



.pupul2 {

    width: 500px;

    height: 100px;

    margin: 0 auto;

    position: absolute;

    bottom: 25%;

    left: 30%;

}



.pupul2 li {

    height: 50px;

    line-height: 50px;

    padding-left: 60px;

}



.pupul2 li:hover {

    cursor: pointer;

}



.pupul2 li a {

    color: #999;

    font-size: 14px;

    font-weight: normal;

}



/*��ѡ��ѡ��2*/

.pr120 {

    padding-right: 120px;

}



.advantage {

}



.right-success {

    height: 40px;

    line-height: 40px;

    text-align: left;

    color: #3cb034;

    background: url(../../images/zysy/ok.png) no-repeat left center;

    padding-left: 25px;

}



/*hideDiv*/

.hideDIv1, .hideDIv2, .hideDIv3, .hideDIv4 {

    display: none;

    overflow: hidden

}



.hideDIv {

    text-align: left;

}



.hideDiv-title {

    height: 40px;

    line-height: 40px;

    color: #221815;

    font-size: 16px;

    background: url(../../images/zysy/led.png) no-repeat left center;

    padding-left: 25px;

}



.hideDIvTable {

    width: 100%;

    border: 1px solid #bfbfbf;

    border-top: 0;

    border-bottom: 0;

    margin-bottom: 15px;

}



.hideDIvTable th {

    height: 38px;

    line-height: 38px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    background: #3cc9c3;

}



.hideDIvTable td {

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-bottom: 1px solid #e5e5e5;

}



.hideDIvTable td span {

    font-weight: bold

}



.hideDIv button.hideDIvBtn {

}



.hideDIvTable1 {

    width: 100%;

    border: 1px solid #bfbfbf;

    margin-bottom: 15px;

}



.hideDIvTable1 th {

    height: 38px;

    line-height: 38px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    background: #3cc9c3;

}



.hideDIvTable1 td {

    height: 38px;

    line-height: 38px;

    text-align: center;

    border-top: 1px solid #e5e5e5;

    border-left: 1px solid #bfbfbf

}



.hideDIvTable1 td span {

    font-weight: bold

}



.hideDIvTable2 {

    width: 100%;

    border: 1px solid #bfbfbf;

    margin-bottom: 15px;

}



.hideDIvTable2 th {

    height: 38px;

    line-height: 38px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    background: #3cc9c3;

}



.hideDIvTable2 td {

    vertical-align: central;

    text-align: center;

    border-top: 1px solid #e5e5e5;

    border-left: 1px solid #bfbfbf;

    padding: 4px 10px;

}



.hideDIvTable2 .bb {

    border-bottom: 1.5px solid #bfbfbf;

}



.hideDIvTable2 td span {

    font-weight: bold

}



.hideDIvTable2 td p {

    font-size: 12px;

    line-height: 24px;

}



.hideDIvP {

    color: #6d7882;

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 20px;

}



.hideDIvH1 {

    color: #169bd5;

    height: 40px;

    line-height: 40px;

}



.hei120, .hei130, .hei150 {

    height: 120px;

}



/*�鿴����ѡʱ��*/

.my-dropdown {

    top: 39px;

    width: 120px;

    /*max-height: 120px;*/

    min-width: 0;

    margin: 0;

    border-radius: 0 0 5px 5px;

    overflow: auto;

    z-index: 1002;

}



.date-item {

    cursor: pointer;

}



.inner-content {

    position: relative;

}



.check_profession_h2a {

    margin-top: 20px;

}



.check_score_div input.btn {

    border: 1px solid #dedede;

}



.content1 img {

    vertical-align: baseline;

}



.rtarget {

    margin-right: 10px;

    display: inline-block;

    float: right;

}



.settarget a {

    text-indent: 2px;

}



/*���Ľ������Ĵʵ�*/

.dictionaryBanner {

    clear: both;

    height: 308px;

    background: #ffd183 url(../../images/zysy/dictionaryBanner.jpg) no-repeat center center;

}



.ul-diction {

    margin-left: -44px;

}



.ul-diction li {

    float: left;

    width: 370px;

    height: 362px;

    margin-left: 44px;

    margin-bottom: 34px;

    border: 1px solid #d6d6d6;

    border-top: 4px solid #43cbc4;

    position: relative

}



.ul-diction li:hover {

    border-top-color: #ff9c31

}



.h1-dictionary {

    height: 97px;

    padding: 15px;

    border-bottom: 1px solid #e5e5e5;

    background: #fafafa;

    line-height: 30px;

    font-size: 20px;

    font-weight: bold;

}



.detail-dictionary {

    height: 103px;

    padding: 15px;

    border-bottom: 1px dashed #bebebe;

}



.detail-dictionary h1 {

    height: 46px;

    line-height: 46px;

    padding-left: 55px;

    position: relative;

    font-size: 16px;

    color: #373737;

    margin-bottom: 10px

}



.detail-dictionary h1 img {

    position: absolute;

    left: 0;

    top: 0

}



.detail-dictionary span {

    float: left;

    background: url(../../images/zysy/jfdetail-img3.jpg) no-repeat left center;

    padding-left: 20px;

}



.detail-dictionary span b {

    font-weight: normal;

    color: #eb658a;

    padding: 0 4px

}



.detail-dictionary em {

    float: right;

    background: url(../../images/zysy/jfdetail-img2.jpg) no-repeat left center;

    padding-left: 20px;

    font-style: normal

}



.p-dictionary {

    padding: 15px;

}



.p-dictionary p {

    color: #4e4e4e;

    line-height: 30px;

    margin-bottom: 10px;

}



.p-dictionary span {

    float: left;

    width: 75px;

    height: 25px;

    color: #fff;

    background: #43cbc4 url(../../images/zysy/dictionary-tipsBg.jpg) no-repeat right;

    padding-left: 10px;

}



.p-dictionary .d-tips {

    clear: both;

    width: 172px;

    position: absolute;

    right: 15px;

    bottom: 15px;

}



.p-dictionary .d-tips button {

    float: left;

    margin-left: 8px;

    width: 78px;

    height: 30px;

    line-height: 30px;

    border-radius: 2px;

    border: 1px solid #c2c2c2;

    color: #4e4e4e

}



.p-dictionary .d-tips button.btn-share {

    background: url(../../images/zysy/btn-share.png) no-repeat 4px center;

    padding-left: 20px

}



.p-dictionary .d-tips button.btn-more {

    background: url(../../images/zysy/btn-more.png) no-repeat 62px center;

    padding-left: 4px

}



.p-dictionary .d-tips button.btn-share:hover {

    background: #ff9c31 url(../../images/zysy/btn-share-hover.png) no-repeat 4px center;

    color: #fff;

    border: 1px solid #ff9c31

}



.p-dictionary .d-tips button.btn-more:hover {

    background: #ff9c31 url(../../images/zysy/btn-more-hover.png) no-repeat 62px center;

    color: #fff;

    border: 1px solid #ff9c31

}



/*���Ľ������Ĵʵ�������ϸ*/

.diction-artdetail {

    width: 820px;

    margin: 0 auto

}



.diction-h1 {

    padding-top: 20px;

    line-height: 40px;

    color: #373737;

    font-size: 24px;

    text-align: center

}



.diction-h2 {

    line-height: 40px;

    padding-bottom: 20px;

    color: #bababa;

    text-align: center;

    border-bottom: 1px dashed #ccc;

    margin-bottom: 20px

}



.diction-h2 span {

    margin-right: 10px

}



.diction-erweima {

    width: 196px;

    margin: 10px auto 30px;

    text-align: center;

}



.diction-erweima img {

    margin-bottom: 10px

}



.diction-artdetail p {

    text-indent: 2em;

    line-height: 30px;

    font-size: 14px;

    color: #4e4e4e

}



.diction-textMore {

    margin-top: 20px;

    border-top: 1px dashed #bebebe;

    line-height: 28px;

    padding: 15px 0;

    color: #848484

}



/*ר����ʦ*/

.teach {

    min-height: 600px;

    padding-top: 64px;

    background: url(../../images/zysy/teach-imgBg.jpg) no-repeat center top

}



.teach-imgBg {

    text-align: center;

    margin-bottom: 20px

}



.teach-imgBg img {

    display: block;

    margin-left: auto;

    margin-right: auto;

    width: 137px;

    height: 137px;

    border: 8px solid rgba(255, 255, 255, .5);

    border-radius: 137px;

    margin-bottom: 15px

}



.teach-imgBg h1 {

    line-height: 40px;

    font-size: 24px

}



.teach-imgBg p {

    line-height: 30px;

    color: #909090;

    font-size: 14px

}



.teach-imgBg p span {

    font-size: 12px;

    padding-left: 10px;

    padding-right: 10px;

    color: #a1a1a1

}



/* ������css */

.teacherBox {

}



.teacherBox .hd {

    height: 50px;

    border-bottom: 1px solid #dbdbdb;

    margin-bottom: 20px

}



.teacherBox .hd ul {

    width: 240px;

    margin: 0 auto

}



.teacherBox .hd ul li {

    float: left;

    width: 54px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    margin-right: 26px;

    display: inline;

    font-size: 16px;

    color: #898989;

    cursor: pointer;

}



.teacherBox .hd ul li.on {

    height: 50px;

    color: #323232;

    border-bottom: 2px solid #5395ca

}



.teach-mess {

    width: 40%;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 40px;

}



.teach-mess h1 {

    line-height: 50px;

    font-size: 16px;

    color: #000

}



.teach-mess p {

    line-height: 30px;

    color: #000

}



.teach-mess p span {

    display: inline-block;

    width: 90px;

    text-align: right;

    padding-right: 10px;

    color: #898989

}



.teach-mess p button {

    color: #999;

    padding: 0 12px;

    cursor: default;

    display: inline-block;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



.teach-mess p button:hover {

    color: #999;

}



/*  */

.ul_teach li {

    width: 100%;

    height: 130px;

    padding: 17px 12px 14px 112px;

    position: relative;

    background: #fff;

    overflow: hidden;

    box-sizing: border-box;

    transition: background 1s;

    border-bottom: 1px dashed #d1d1d1

}



.ul_teach li h1 {

    color: #000;

    font-size: 15px;

    padding-bottom: 4px;

    font-weight: bold;

    margin-bottom: 10px

}



.ul_teach li p {

    color: #888787;

    font-size: 14px;

    line-height: 24px;

}



.ul_teach li span {

    position: absolute;

    left: 12px;

    top: 20px;

    width: 82px;

    height: 82px;

    border: 1px solid #379ce2;

    border-radius: 3px;

    text-align: center;

    color: #379ce2;

    transition: all 1s linear;

}



.ul_teach li span i {

    display: block;

    line-height: 40px;

    font-size: 30px;

    font-weight: bold;

    font-style: normal;

    transition: color 2s

}



.ul_teach li span b {

    display: block;

    font-size: 14px;

    line-height: 30px;

    font-weight: normal;

    transition: color 2s

}



.ul_teach li:hover, .ul_teach li.on {

    display: block;

    background: #f8f8f8;

}



.ul_teach li:hover span, .ul_teach li.on span {

    background: #379ce2

}



.ul_teach li:hover span b, .ul_teach li:hover span i, .ul_teach li.on span b, .ul_teach li.on span i {

    color: #fff

}



.ul-teachImg {

    margin-left: -60px;

}



.ul-teachImg li {

    float: left;

    width: 149px;

    margin-left: 60px;

    font-size: 14px

}



.ul-teachImg li img {

    width: 147px;

    height: 208px;

    border: 1px solid #e1e1e1;

}



.ul-teachImg li p {

    line-height: 40px;

    text-align: center;

    color: #595959

}



.ul-teachImg li:hover p {

    color: #d54343

}



/*��ӡ��ҳ*/

@media print {

    .top-container {

        display: none;

    }



    .print-hide {

        display: none;

    }



    #iframeid {

        display: none;;

    }



    .position {

        display: none;

    }



    input {

        display: none;

    }



    .footer, footer, .friendship {

        display: none;

    }



    .report-container {

        border: none;

        width: 1000px;

        margin: 0 auto;

    }



    .report-line {

        display: none;

    }



    .report-print-btn {

        display: none;

    }



    .report-cover {

        margin-top: 60%;

    }



    .next-page {

        page-break-after: always;

    }



    .report-hei160, .slideTxtBox, .ul-ddrw, .hei120, .hei150, .hei140, .hei130 {

        height: auto;

    }



    p, table tr td, div, ul li, a, span {

        font-size: 1.4rem !important;

    }



    .xxdj-report-div1-h1 {

        font-size: 3rem;

    }



    .h1-title, .h2-title {

        margin-top: 10px;

    }



    .report-title5, .report-title3 {

        font-size: 1.2rem !important;

    }



    h4 {

        font-size: 1.4rem !important;

    }



    h3 {

        font-size: 1.6rem !important;

    }



    h2 {

        font-size: 1.8rem !important;

    }



    .xxdj-report-div2-1 h2 {

        font-size: 1.2rem !important;

    }



    .caption {

        font-size: 1rem !important;

    }

}



/*ѧϰ�������ͱ��*/

.push-tab {

    width: 80%;

    margin: 10px auto;

}



.push-tab tr td {

    height: 30px;

    line-height: 30px;

    border: 1px solid #c7c7c7;

    text-align: center;

}



/*ѡ���ӡ����*/

.report-list {

    display: none;

    position: absolute;

    right: 0;

    z-index: 999;

    width: 330px;

    background: #fff;

    border: 1px solid #c7c7c7;

    padding: 30px 20px;

}



.report-list ul {

    display: inline-block;

    margin-left: 35px;

}



.report-list ul li {

    float: left;

    width: 120px;

}



.report-list button {

    float: right;

    margin-right: 50px;

    height: 30px;

    line-height: 20px;

}



/*ͼ����ʽ*/

.chart {

    height: 600px;

    width: 900px;

    margin: 0 auto;

}



/*�¸߿�����*/

.ban-union {

    clear: both;

    height: 535px;

    background: url(../../images/zysy/ban-union-bg.jpg) repeat-x center top;

}



.ban-unionImg {

    height: 535px;

    background: url(../../images/zysy/ban-union.jpg) no-repeat center top;

    position: relative

}



.ban-unionImg p {

    position: absolute;

    top: 0;

    right: 152px;

    width: 190px;

    height: 126px;

}



.ban-unionImg p a, .ban-unionImg p a:link {

    display: block;

    height: 535px;

}



.ban-unionImg p a:hover {

    display: block;

}



.union-col1 {

    height: 747px;

    padding-top: 60px;

    background: #f2fbff url(../../images/zysy/union-bg01.jpg) repeat-x center bottom;

    background-size: 100%;

}



.union-col1 p {

    color: #595959;

    font-size: 16px;

    line-height: 26px;

    text-align: center;

}



.union-col1 .union-col1main {

    padding-top: 45px;

}



.union-col1 .union-left01 {

    position: relative;

    float: left;

    width: 510px;

    height: 367px;

    margin-left: 20px;

}



.union-col1 .union-right01 {

    float: right;

    width: 535px;

    height: 405px;

    margin-right: 66px;

    background: url(../../images/zysy/union-col1-img01.png) no-repeat left top;

    position: relative

}



.union-col1 .union-right01 ul {

    position: absolute;

    left: 20px;

    bottom: 0;

    width: 562px;

}



.union-col1 .union-right01 li {

    float: left;

    width: 129px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    color: #fff;

    font-size: 12px;

    margin-right: 58px;

}



.union-col2 {

    min-height: 750px;

    padding-top: 60px;

    background: #439bff;

    padding-bottom: 20px;

}



.union-col3 {

    height: 910px;

    padding-top: 60px;

    background: #fff;

}



.union-col4 {

    height: 785px;

    padding-top: 60px;

    background: #439bff;

}



.union-col4 p {

    color: #fff;

    font-size: 16px;

    line-height: 26px;

}



.union-col4 h1 {

    color: #f6f9ff;

    font-size: 24px;

    line-height: 60px;

    padding-top: 20px;

    text-align: center;

    margin-bottom: 30px

}



.union-col4 .union-col4-div {

    width: 940px;

    margin-left: auto;

    margin-right: auto;

}



.union-col4 .union-bg1 {

    float: left;

    width: 174px;

    height: 256px;

    margin-right: 12px;

    padding: 160px 12px 0 12px;

    font-size: 15px;

    color: #fff;

    font-weight: bold;

}



.union-col4 .union-bg2 {

    float: left;

    width: 174px;

    height: 256px;

    margin-right: 12px;

    margin-top: 79px;

    padding: 40px 12px 0 12px;

    font-size: 15px;

    color: #fff;

    font-weight: bold;

}



.union-col4 .union-bg01 {

    background: url(../../images/zysy/union-col4-img01.png) no-repeat;

}



.union-col4 .union-bg02 {

    background: url(../../images/zysy/union-col4-img02.png) no-repeat;

}



.union-col4 .union-bg03 {

    background: url(../../images/zysy/union-col4-img03.png) no-repeat;

}



.union-col4 .union-bg04 {

    background: url(../../images/zysy/union-col4-img04.png) no-repeat;

}



.union-col4 .union-bg05 {

    background: url(../../images/zysy/union-col4-img05.png) no-repeat;

}



.union-col5 {

    padding-top: 60px;

    background-size: 100%;

}



.union-col5 ul {

    padding-left: 55px;

    padding-top: 60px;

}



.union-col5 ul li {

    float: left;

    width: 198px;

    height: 194px;

    position: relative;

}



.union-col5 ul li p {

    position: absolute;

    left: 0;

    bottom: 0;

    font-size: 20px;

    color: #fff;

    width: 100%;

    text-align: center;

    padding-bottom: 20px;

}



.union-col5 ul li.img01 {

    background: url(../images/download_icon.png) no-repeat

}



.union-col5 ul li.img02 {

    background: url(../images/edit_icon.png) no-repeat

}



.union-col5 ul li.img03 {

    background: url(../images/select_icon.png) no-repeat

}



.union-col5 ul li.img04 {

    background: url(../images/upload_icon.png) no-repeat

}



.union-col5 ul li.noImg {

    width: 107px;

    background: url(../images/right_arrow.png) no-repeat center center

}



.btn-union-col5 {

    position: absolute;

    left: 50%;


    margin-left: -119px;

    width: 239px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    background: #d9534f;

    color: #fff;

    font-size: 24px;

    border-radius: 3px;

    border: 0;

}



.union-col6 {

    height: 788px;

    padding-top: 60px;

    background: url(../../images/zysy/union-bg06.jpg) no-repeat center top;

    background-size: 100% 100%;

}



.union-col6 .map {

    position: absolute;

    left: 50%;

    margin-left: -472px;

    top: 96px;

    width: 944px;

    height: 680px;

    background: url(../../images/zysy/map.png) no-repeat;

}



.h1-mapcc-btn {

    position: absolute;

    top: 164px;

    right: -29px;

    width: 151px;

    background: #fff;

}



.h1-mapdl-btn {

    position: absolute;

    top: 222px;

    right: 10px;

    width: 151px;

    background: #fff;

}



.h1-maphb-btn {

    position: absolute;

    top: 280px;

    right: 130px;

    width: 151px;

    background: #fff;

}



.h1-mapcc-btn {

    position: absolute;

    top: 164px;

    right: -29px;

    width: 151px;

    background: #fff;

}



.h1-mapdl-btn {

    position: absolute;

    top: 222px;

    right: 10px;

    width: 151px;

    background: #fff;

}



.h1-maphb-btn {

    position: absolute;

    top: 280px;

    right: 130px;

    width: 151px;

    background: #fff;

}



.h1-mapsc-btn {

    position: absolute;

    top: 430px;

    right: 380px;

    width: 151px;

    background: #fff;

}



.h1-mapsd-btn {

    position: absolute;

    top: 333px;

    right: 105px;

    width: 151px;

    background: #fff;

}



.h1-maphlj-btn {

    position: absolute;

    top: 100px;

    right: -20px;

    width: 151px;

    background: #fff;

}



.h1-mapcc-btn h1, .h1-mapdl-btn h1, .h1-maphb-btn h1, .h1-mapsc-btn h1, .h1-maphlj-btn h1, .h1-mapsd-btn h1 {

    width: 151px;

    height: 50px;

    background: url(../../images/zysy/map-green.jpg) top;

    line-height: 50px;

    padding-left: 50px;

    color: #fff;

    font-size: 22px;

    cursor: pointer

}



.h1-mapcc {

    display: none;

    position: absolute;

    top: 164px;

    right: -29px;

    z-index: 9999;

    width: 486px;

    background: rgb(255, 255, 255);

}



.h1-mapdl {

    display: none;

    position: absolute;

    top: 222px;

    right: 10px;

    z-index: 9999;

    width: 486px;

    background: rgb(255, 255, 255);

}



.h1-maphb {

    display: none;

    position: absolute;

    top: 280px;

    right: 130px;

    z-index: 9999;

    width: 486px;

    background: rgb(255, 255, 255);

}



.h1-mapsc {

    display: none;

    position: absolute;

    top: 240px;

    right: 380px;

    z-index: 9999;

    width: 486px;

    background: rgb(255, 255, 255);

}



.h1-mapsd {

    display: none;

    position: absolute;

    top: 333px;

    right: 105px;

    z-index: 9999;

    width: 486px;

    background: rgb(255, 255, 255);

}



.h1-maphlj {

    display: none;

    position: absolute;

    top: -90px;

    right: -20px;

    z-index: 9999;

    width: 486px;

    background: rgb(255, 255, 255);

}



.h1-mapcc h1, .h1-mapdl h1, .h1-maphb h1, .h1-mapsc h1, .h1-maphlj h1, .h1-mapsd h1 {

    width: 151px;

    height: 50px;

    background: url("../../images/zysy/map-blue.jpg") no-repeat;

    line-height: 50px;

    padding-left: 50px;

    color: #fff;

    font-size: 22px;

    cursor: default;

}



.map-cc-main {

    width: 486px;

    height: 191px;

    padding: 20px;

    position: relative

}



.map-cc-main h2 {

    line-height: 50px;

    font-size: 24px;

    color: #000

}



.map-cc-main p {

    line-height: 24px;

    width: 60%;

}



.map-cc-main img {

    position: absolute;

    right: 20px;

    top: 0;

}



.map-dl-main {

    width: 486px;

    height: 191px;

    padding: 20px;

    position: relative

}



.map-dl-main h2 {

    line-height: 50px;

    font-size: 24px;

    color: #000

}



.map-dl-main p {

    line-height: 24px;

    width: 60%;

}



.map-dl-main img {

    position: absolute;

    right: 20px;

    top: 0;

}



.map-hb-main {

    width: 486px;

    height: 191px;

    padding: 20px;

    position: relative

}



.map-hb-main h2 {

    line-height: 50px;

    font-size: 24px;

    color: #000

}



.map-hb-main p {

    line-height: 24px;

    width: 60%;

}



.map-hb-main img {

    position: absolute;

    right: 20px;

    top: 0;

}



.map-hlj-main {

    width: 486px;

    height: 191px;

    padding: 20px;

    position: relative

}



.map-hlj-main h2 {

    line-height: 50px;

    font-size: 24px;

    color: #000

}



.map-hlj-main p {

    line-height: 24px;

    width: 60%;

}



.map-hlj-main img {

    position: absolute;

    right: 20px;

    top: 0;

}



.map-sd-main {

    width: 486px;

    height: 191px;

    padding: 20px;

    position: relative

}



.map-sd-main h2 {

    line-height: 50px;

    font-size: 24px;

    color: #000

}



.map-sd-main p {

    line-height: 24px;

    width: 60%;

}



.map-sd-main img {

    position: absolute;

    right: 20px;

    top: 0;

}



.map-sc-main {

    width: 486px;

    height: 191px;

    padding: 20px;

    position: relative

}



.map-sc-main h2 {

    line-height: 50px;

    font-size: 24px;

    color: #000

}



.map-sc-main p {

    line-height: 24px;

    width: 60%;

}



.map-sc-main img {

    position: absolute;

    right: 20px;

    top: 0;

}



.union-title-black {

    width: 450px;

    height: 71px;

    line-height: 71px;

    text-align: center;

    color: #3d3d3d;

    font-size: 34px;

    border: 2px solid #a0a0a0;

    border-radius: 3px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 32px;

}



.union-title-white {

    width: 450px;

    height: 71px;

    line-height: 71px;

    text-align: center;

    color: #fff;

    font-size: 34px;

    border: 2px solid #fff;

    border-radius: 3px;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 32px

}



/* ������css */

.sideMenu {

    width: 918px;

    margin-left: auto;

    margin-right: auto;

}



.sideMenu h3 {

    height: 59px;

    line-height: 59px;

    padding-left: 79px;

    font-size: 24px;

    cursor: pointer;

}



.sideMenu h3.h3-1 {

    background: #fff url(../../images/zysy/union-col2-img01.jpg) no-repeat left top

}



.sideMenu h3.h3-2 {

    background: #fff url(../../images/zysy/union-col2-img02.jpg) no-repeat left top

}



.sideMenu h3.h3-3 {

    background: #fff url(../../images/zysy/union-col2-img03.jpg) no-repeat left top

}



.sideMenu h3.h3-4 {

    background: #fff url(../../images/zysy/union-col2-img04.jpg) no-repeat left top

}



.sideMenu h3.h3-5 {

    background: #fff url(../../images/zysy/union-col2-img05.jpg) no-repeat left top

}



.sideMenu h3.h3-6 {

    background: #fff url(../../images/zysy/union-col2-img06.jpg) no-repeat left top

}



.sideMenu h3.h3-7 {

    background: #fff url(../../images/zysy/union-col2-img07.jpg) no-repeat left top

}



.sideMenu h3.h3-8 {

    background: #fff url(../../images/zysy/union-col2-img08.jpg) no-repeat left top

}



.sideMenu h3 em {

    float: right;

    display: block;

    width: 39px;

    height: 39px;

    margin-top: 10px;

    margin-right: 10px;

    background: url(../../images/zysy/icoAdd-unfold.jpg) no-repeat;

    cursor: pointer;

}



.sideMenu h3.on em {

    background: url(../../images/zysy/icoAdd-fold.jpg) no-repeat

}



.sideMenu .sideMenudiv {

    height: 64px;

    padding-left: 79px;

    padding-right: 50px;

    font-size: 15px;

    line-height: 26px;

    background: #fff url(../../images/zysy/union-col2-bg.jpg) repeat-y left top;

    overflow: hidden

}



.side-mb10 {

    margin-bottom: 10px;

}



/*20170623����ҳ����*/

.newIndex {

    width: 100%;

}



.newIndex-top {

    height: 39px;

    background: #003855;

    min-width: 1200px;

}



.newIndex-top h1 {

    float: left;

    line-height: 39px;

    color: #afb0b4;

    font-size: 12px;

}



.newIndex-top .container > ul {

    float: right;

    padding-right: 18px

}



.newIndex-top .container > ul > li {

    float: right;

    height: 39px;

    line-height: 39px;

    color: #afb0b4

}



.newIndex-top .container > ul > li.top-1 {

    padding-left: 30px;

    background: url(../../images/zysy/telephone.png) no-repeat left center;

}



.newIndex-top .container > ul > li.top-2 {

    padding: 0 10px;

    margin: 0 10px;

    padding-left: 25px;

    background: #1bcc34 url(../../images/zysy/login-photo.png) no-repeat 10px center;

}



.newIndex-top .container > ul > li.top-3 {

    padding-left: 25px;

    /*background: url(../../images/zysy/login-gh.png) no-repeat left center;*/

}



.newIndex-top .container > ul > li a, .newIndex-top .container > ul > li a:link, .newIndex-top .container > ul > li a:visited {

    color: #afb0b4

}



.newIndex-top .container > ul > li a.top-on {

    display: block;

    background: #1bcc34;

    color: #fff

}



.newIndex-header {

    position: relative;

    height: 96px;

    background: #fff no-repeat left center;

}



.newIndex-header .logo {

    position: absolute;

    line-height: 96px;

}



.newIndex-header .logo .logo-img {

    width: 40px;

    height: 40px;

    margin-right: 10px;

}



.newIndex-header .logo .logo-p {

    display: inline-block;

    vertical-align: middle;

    font: 700 25px '΢���ź�';

}



.newIndex-left {

    float: left;

    width: 898px;

}



.newIndex-right {

    float: right;

    width: 283px;

}



.mb10 {

    margin-bottom: 10px;

}



.mb15 {

    margin-bottom: 15px;

}



.mb20 {

    margin-bottom: 20px;

}



/*main*/

.newIndex-title {

    height: 52px;

    border: 1px solid #dcdcdc;

    position: relative

}



.newIndex-title0 {

    height: 52px;

    border: 0;

    border-bottom: 1px solid #dcdcdc;

}



.newIndex-title h1 {

    color: #2280c1;

    font-size: 24px;

    line-height: 52px;

    text-indent: 1em;

}



.newIndex-title h1 span {

    color: #646464;

    padding-left: 15px;

    font-size: 12px

}



.newIndex-title em {

    position: absolute;

    right: 10px;

    top: 10px;

    width: 30px;

    height: 30px;

}



.newIndex-left01 {

    height: 327px;

    position: relative;

    overflow: hidden;

    clear: both

}



/* ������Ѷ-css */

.xxzxBox {

}



.xxzxBox .hd {

    position: absolute;

    left: 140px;

    top: 16px;

    height: 50px;

    margin-bottom: 20px

}



.xxzxBox .hd ul.nav-tabs {

    border: none;

}



.xxzxBox .hd ul.nav-tabs li {

    float: left;

    width: 84px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    font-size: 12px;

    color: #646464;

    cursor: pointer;

}



.xxzxBox .hd ul.nav-tabs li a {

    height: 22px;

    line-height: 22px;

    padding: 0;

    background: none;

    border: none;

}



.xxzxBox .hd ul.nav-tabs li.on, .xxzxBox .hd ul.nav-tabs li.active {

    height: 22px;

    color: #fff;

    background: #379ce2;

    border: none;

}



.xxzxBox .hd ul.nav-tabs li.active a {

    color: #fff;

    border: none;

}



.xxzxBox .bd, .xxzxBox .tab-content {

    padding-top: 13px;

    position: relative

}



.newIndex-more {

    position: absolute;

    right: 10px;

    top: -40px;

}



.newIndex-left02 {

    height: 307px;

    border: 1px solid #dcdcdc;

}



.newIndex-left02-left {

    float: left;

    width: 179px;

    height: 305px;

}



.newIndex-left02-right {

    float: right;

    width: 700px;

    height: 305px;

}



/*������Դ-css */

.jfzyBox {

}



.jfzyBox .hd {

    padding-top: 17px;

    padding-bottom: 17px;

    margin-bottom: 5px

}



.jfzyBox .hd ul.nav-tabs {

    border: none;

}



.jfzyBox .hd ul.nav-tabs li {

    float: left;

    width: 84px;

    height: 22px;

    line-height: 22px;

    text-align: center;

    font-size: 12px;

    color: #646464;

    cursor: pointer;

}



.jfzyBox .hd ul.nav-tabs li a {

    height: 22px;

    line-height: 22px;

    padding: 0;

    background: none;

    border: none;

}



.jfzyBox .hd ul.nav-tabs li.on, .jfzyBox .hd ul.nav-tabs li.active {

    height: 22px;

    color: #fff;

    background: #379ce2

}



.jfzyBox .hd ul.nav-tabs li.active a {

    color: #fff;

    border: none;

}



.jfzyBox .bd {

    clear: both;

    padding-top: 13px;

    position: relative

}



.jfzyBox-more {

    position: absolute;

    right: 10px;

    top: -50px;

}



.ul-jfzyBox {

    margin-left: 13px;

}



.ul-jfzyBox li {

    float: left;

    width: 195px;

    height: 222px;

    margin-right: 35px;

    background: #f8f8f8;

}



.ul-jfzyBox li .imgDiv {

    width: 195px;

    height: 129px;

    overflow: hidden

}



.ul-jfzyBox li .imgDiv img {

    transition: transform 0.2s linear;

    width: 100%;

    height: 100%;

}



.ul-jfzyBox li .imgDiv img:hover {

    transform: scale(1.2)

}



.ul-jfzyBox li p {

    padding: 5px 12px;

    line-height: 24px;

    text-align: justify;

    font-size: 14px;

    color: #666;

}



.ul-jfzyBox li h1 {

    padding-left: 12px;

    padding-right: 12px;

    line-height: 24px;

    font-size: 14px;

    font-weight: bold;

    position: relative

}



.ul-jfzyBox li h1 span {

    position: absolute;

    right: 12px;

    bottom: 0;

    font-weight: normal;

    color: #f79111;

    background: url(../../images/zysy/newIndex-left02-03.jpg) no-repeat left center;

    padding-left: 25px;

}



.newIndex-left03 {

    height: 307px;

    border: 1px solid #dcdcdc;

}



.newIndex-left03-left {

    float: left;

    width: 179px;

    height: 305px;

}



.newIndex-left03-right {

    float: right;

    width: 717px;

    height: 305px;

}



.ul-zjmsBox li {

    float: left;

    width: 238px;

    height: 300px;

    padding-top: 30px;

    background: #fff;

    text-align: center;

    border-right: 1px solid #dcdcdc;

    transition: background 0.5s linear

}



.ul-zjmsBox li img {

    width: 100px;

    height: 100px;

    border-radius: 100px;

}



.ul-zjmsBox li h1 {

    padding-top: 13px;

    padding-bottom: 16px;

    font-size: 24px;

    color: #5c5c5c

}



.ul-zjmsBox li p {

    padding-bottom: 10px;

    line-height: 14px;

    font-size: 14px;

    color: #828385;

}



.ul-zjmsBox li button {

    width: 89px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border-radius: 20px;

    background: #f79111;

    color: #fff;

    border: 0;

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

    transition: background 0.5s linear

}



.ul-zjmsBox li:hover {

    background: #f8f8f8;

}



.ul-zjmsBox li:hover button {

    background: #21a0db;

}



.newIndex-right01 {

    height: 312px;

    border: 1px solid #dcdcdc;

}



.newLoginTop {

    height: 177px;

    padding-top: 20px;

    border-bottom: 1px solid #e5e5e5;

    background: url(../../images/zysy/newIndex-right1-01.jpg) no-repeat;

    text-align: center;

    color: #373737

}



.newLoginTop img {

    width: 71px;

    height: 71px;

    border-radius: 71px;

}



.newLoginTop h1 {

    font-size: 14px;

    padding-top: 13px;

    padding-bottom: 14px;

}



.newLoginTop h1 a, .newLoginTop h1 a:link, .newLoginTop h1 a:visited {

    color: #373737

}



.newLoginTop p {

    font-size: 14px;

    line-height: 14px

}



.ul-newLogin {

    padding-top: 22px;

}



.ul-newLogin li {

    float: left;

    width: 33.3333%;

    text-align: center;

    display: inline

}



.newIndex-right02 {

    height: 404px;

    border: 1px solid #dcdcdc;

}



/*��������-css */

.syrsBox .hd {

    height: 50px;

}



.syrsBox .hd ul li {

    float: left;

    width: 50%;

    height: 42px;

    line-height: 42px;

    text-align: center;

    font-size: 14px;

    color: #646464;

    background: #eaeaea;

    cursor: pointer;

}



.syrsBox .hd ul li.on {

    height: 42px;

    color: #fff;

    background: #379ce2;

}



.syrsBox .bd {

    position: relative;

    padding-left: 15px;

    padding-right: 15px;

}



.nav-syrsBox li {

    padding-left: 35px;

    height: 32px;

    line-height: 32px;

    border-bottom: 1px dashed #cdcdcd;

    text-align: left;

    font-size: 14px;

    position: relative;

    color: #646464

}



.nav-syrsBox li:hover {

    cursor: pointer;

    background: #e3e3e3;

}



.nav-syrsBox li span {

    position: absolute;

    left: 0;

    top: 8px;

    width: 24px;

    height: 16px;

    line-height: 16px;

    font-size: 12px;

    background: #d9d9d9;

    color: #fff;

    text-align: center;

}



.nav-syrsBox li span.orange {

    height: 22px;

    top: 5px;

    background: url(../../images/zysy/newIndex-right2-01.png) no-repeat;

    font-size: 0

}



.nav-syrsBox li span.red {

    height: 22px;

    top: 5px;

    background: url(../../images/zysy/newIndex-right2-02.png) no-repeat;

    font-size: 0;

}



.nav-syrsBox li span.blue {

    height: 22px;

    top: 5px;

    background: url(../../images/zysy/newIndex-right2-03.png) no-repeat;

    font-size: 0

}



.nav-syrsBox li a, .nav-syrsBox li a:link {

    color: #646464

}



.newIndex-right03 {

    height: 210px;

    border: 1px solid #dcdcdc;

}



/*end main*/



/*������Ϣ*/

.grzx_person_base_info dt {

    border-radius: 0px;

}



.block_div ul li {

    position: relative;

}



.zjfw ul li {

    width: 115px;

}



.zjfw ul span {

    overflow: hidden;

    word-break: break-all;

    white-space: nowrap;

    text-overflow: ellipsis;

}



/*�޸�ͷ��*/

#avatarMain {

    margin: 0;

}



#avatarLeft {

    float: left;

    width: 550px;

    height: 300px;

}



#avatarRight {

    float: right;

    margin-right: 113px;

}



#avatarLocal {

    height: 300px;

    padding: 0 25px;

}



#avatarRightContent {

    padding: 25px;

    padding-top: 0;

    text-align: center;

    width: 150px;

    overflow: hidden;

}



.avatarSelectImg {

    position: relative;

    /* bottom: 0;

   right: 90px;*/

}



#avatarContent p {

    padding: 20px 0;

}



.avatarSelectImg .avatar-file-btn {

    height: 30px;

    line-height: 30px;

    width: 100px;

    text-align: center;

    border: none;

    margin: 0;

    padding: 0;

}



.avatarSelectImg .avatar-file {

    opacity: 0;

    filter: alpha(opacity=0);

    position: absolute;

    height: 30px;

    line-height: 30px;

    width: 100px;

}



.left0-top0 {

    left: 80px;

    top: 5px;

}



.left180-top20 {

    left: 180px;

    top: 20px;

}



#avatarContent .avatar-file-msg {

    color: #999;

    display: inline-block;

    margin-left: 6px;

    text-align: left;

}



#avatarLocalCrop {

    background-color: #ddd;

    width: 400px;

    height: 300px;

    overflow: hidden;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);

}



#avatarLocalCropImg {

    max-height: 300px;

    max-width: 400px;

    margin: 0 auto;

}



.preview-container {

    width: 100px;

    height: 100px;

    overflow: hidden;

}



.jcrop-holder {

    display: inline-block;

    text-align: center;

}



#IEpreviewContent {

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);

}



.check_score_div input.btn {

    border: 1px solid #dedede;

}



/*�ҵĹ滮-new*/

.plan-border {

    border: 1px dashed #bfbfbf;

    padding: 2px;

    background: #fff;

    min-height: 210px;

    position: relative

}



.plan-table {

    float: left;

    width: 900px;

    padding-top: 30px;

}



.plan-guide {

    border: 1px dashed #bfbfbf;

    background: #fff;

    position: relative;

    padding-left: 100px;

    padding-right: 100px

}



.plan-hei180 {

    border: 1px dashed #4f9ed7;

    background: #fafafa;

    min-height: 180px;

    border-radius: 10px;

    padding: 25px 20px;

}



.plan-guide-l {

    float: left;

    width: 90px;

    margin-left: 15px;

}



.plan-guide-l h3, .plan-guide-r h3 {

    height: 25px;

    line-height: 25px;

    background: #54c4f2;

    font-size: 15px;

    color: #fff;

    margin-bottom: 5px;

    text-align: center

}



.plan-guide-l h4, .plan-guide-r h4 {

    padding-top: 15px;

    font-size: 16px;

    text-align: center;

    color: #4e4e4e

}



.plan-guide-r {

    float: right;

    width: 90px;

    margin-right: 15px;

}



.test-mb40 {

    margin-bottom: 40px;

}



.ul-plan {

    height: 200px;

}



.ul-plan li {

    position: relative;

    float: left;

    width: 114px;

    height: 25px;

    line-height: 25px;

    border: 1px solid #419fdb;

    margin: 0 6px 14px 6px;

    text-align: center;

    color: #48a1e5;

    font-size: 15px;

    cursor: pointer;

}



.ul-plan li span {

    font-size: 20px;

    font-weight: bold;

    width: 100%;

    height: 100%;

    display: block;

}



.ul-plan li a, .ul-plan li a:link, .ul-plan li a:visited {

    color: #48a1e5;

    width: 100%;

    height: 100%;

    display: block;

}



/*�ҵĹ滮�Ƽ�רҵ���Ƽ�ְҵ*/

.mult-item-a {

    display: block;

    /*height: 20px;*/

    line-height: 20px;

}



/*ͼ��*/

.glyphicon-leaf.green {

    background: url(../../images/icon/glyphicon-leaf-green.png) no-repeat;

    width: 20px;

    height: 20px;

    font-size: 0;

    margin-top: 6px;

    float: left;

}



.glyphicon-pencil.green {

    background: url(../../images/icon/glyphicon-pencil-green.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-cog.green {

    background: url(../../images/icon/glyphicon-cog-green.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-plus.green {

    background: url(../../images/icon/glyphicon-plus-green.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-trash.red {

    background: url(../../images/icon/glyphicon-trash-red.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-hand-right.red {

    background: url(../../images/icon/glyphicon-hand-right-red.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



abbr i.glyphicon-thumbs-up {

    background: url(../../images/icon/glyphicon-thumbs-up-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-zoom-in.red {

    background: url(../../images/icon/glyphicon-zoom-in-red.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-repeat.blue {

    background: url(../../images/icon/glyphicon-repeat-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-cog.blue {

    background: url(../../images/icon/glyphicon-cog-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-hand-right.blue {

    background: url(../../images/icon/glyphicon-hand-right-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-arrow-down.blue {

    background: url(../../images/icon/glyphicon-arrow-down-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-arrow-up.blue {

    background: url(../../images/icon/glyphicon-arrow-up-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-list-alt.blue {

    background: url(../../images/icon/glyphicon-list-alt-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-th-large.blue {

    background: url(../../images/icon/glyphicon-th-large-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-bullhorn.blue {

    background: url(../../images/icon/glyphicon-bullhorn-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-stats.blue {

    background: url(../../images/icon/glyphicon-stats-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-euro.blue {

    background: url(../../images/icon/glyphicon-euro-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-pencil.blue {

    background: url(../../images/icon/glyphicon-pencil-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-ser.blue {

    background: url(../../images/icon/glyphicon-ser-blue.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-publish.blue {

    background: url(../../images/icon/publish.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-recycle.blue {

    background: url(../../images/icon/recycle.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-paperclip.org {

    background: url(../../images/icon/glyphicon-paperclip-org.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-trash.grey {

    background: url(../../images/icon/glyphicon-trash-grey.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



.glyphicon-thumbs-up.grey {

    background: url(../../images/icon/glyphicon-thumbs-up-grey.png) no-repeat;

    width: 13px;

    height: 13px;

    font-size: 0;

    overflow: hidden;

}



a .icon {

    margin-right: 10px;



}



/*ѧУ���*/

.university_desc {

    height: 210px;

    overflow: hidden;

}



.expand-btn {

    display: block;

    text-align: center;

    margin: 10px auto;



}



.show-more {

    position: absolute;

    top: -20px;

    left: 15px;

    display: block;

    text-align: center;

    color: #969696;

}



/*��������*/

.grxy {

    position: absolute;

    top: 155px;

    left: 40px;

    height: 15px;

    line-height: 15px;

    width: 180px;

}



.grxy input {

    padding: 0;

    font-size: 12px;

    height: 100%;

    width: 100%;

    display: block;

    background: none;

    border: none;

    text-align: center;

}



.grxy div {

    margin-top: 5px;

    font-size: 12px;

    text-align: right;

    color: red;

    display: none;

}



.can-hide-li {

    display: none;

}



.occu-search-btn {

    width: 30%;

    margin: 0 auto;

}



/*������Ϣ*/

#personalInfoWrap .detail {

    text-indent: 20px;

}



.reset-btn {

    display: none;

    position: absolute;

    z-index: 5;

    top: 11px;

    right: 55px;

    cursor: pointer;

    color: #999;

}



/*���Ű�ť*/

.btn_play {

    position: absolute;

    right: 5%;

    bottom: 15%;

    width: 77px;

    height: 77px;

    background: url(../../images/zysy/play_video.png) 0 0 no-repeat;

    z-index: 30;

}



.plr {

    padding: 0 15px;

}



/*20170807 ������ʽ*/

.bg-white {

    background: #fff;

    min-width: 1200px;

    padding: 20px;

    border: 1px solid #d8d8d8

}



.slideLeftBox {

    width: 100%;

    background: #fff;

    margin-bottom: 30px;

}



.slideLeftBox .hd {

    float: left;

    width: 10%;

    margin-right: 5%;

    position: relative;

    border-right: 1px solid #fff;

    margin-top: 40px

}



.slideLeftBox .hd li {

    float: left;

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #747474;

    font-size: 14px;

    cursor: pointer;

    transition: all 0.3s ease-in-out;

    font-size: 14px;

    font-weight: bold

}



.slideLeftBox .hd li.on {

    height: 50px;

    background: #f3f3f3;

    color: #3bc9c2;

}



.slideLeftBox .bd {

    float: left;

    width: 84%;

}



.rszj_table {

    width: 90%;

    margin-top: 30px;

    margin-left: 10px

}



.rszj_table th {

    background: #3bc9c2;

    padding: 6px;

    text-align: center;

    border: 1px solid #cbcbcb;

    color: #fff;

    border-top: 1px solid #cbcbcb;

    font-weight: bold;

}



.rszj_table th img {

    vertical-align: middle;

    margin-left: 5px;

}



.rszj_table tr {

    border: 1px solid #cbcbcb;

}



.rszj_table td {

    border: 1px solid #cbcbcb;

    text-align: center;

    padding: 6px;

    color: #434343;

}



.rszj_table td a, .rszj_table td a:link, .rszj_table td a:visited {

    color: #3bc9c2

}



/*������ҳ��*/

.plantform-head {

    height: 60px;

    line-height: 60px;

    text-indent: 1em;

    font-size: 24px;

    color: #fff;

    background: #0d69b3;

}



.plantform-left {

    float: left;

    width: 149px;

    border-right: 1px solid #dedcdc;

    min-height: 600px;

    background: #f3f3f3

}



.ul-plantform li {

    text-align: center;

    height: 120px;

    background: #f3f3f3;

}



.ul-plantform li img {

}



.ul-plantform li p {

    padding-top: 5px;

    text-align: center;

    font-size: 14px;

    color: #3bc9c2;

}



.ul-plantform li a, .ul-plantform li a:link, .ul-plantform li a:visited {

    display: block;

    height: 120px;

    padding-top: 25px;

    border-bottom: 1px solid #dedcdc;

}



.ul-plantform li a:hover, .ul-plantform li a.on {

    display: block;

    background: #e9e9e9

}



.plantform-right {

    float: left;

    width: 1050px;

    height: 600px;

    background: #fff;

}



.plant-position {

    height: 40px;

    line-height: 40px;

    color: #000;

    background: #f3f3f3 url(/static/images/position.jpg) no-repeat 15px center;

}



.plant-position b {

    color: #000;

    font-weight: bold;

    padding-left: 35px;

}



.plant-position a, .plant-position a:link {

    color: #0f76ca

}



.table-strip {

    width: 98%;

    margin-left: auto;

    margin-right: auto;

}



.table-strip th, .table-strip td {

    padding: 10px;

    border-bottom: 1px solid #dedcdc;

    text-align: center;

}



.table-strip th {

    font-weight: bold

}



.plant-page {

    width: 98%;

    margin-left: auto;

    margin-right: auto;

    padding: 10px;

    text-align: right;

    color: #545454;

    border-bottom: 1px solid #dedcdc;

}



.plant-page a, .plant-page a:link, .plant-page a:visited {

    color: #545454

}



.plant-page span {

    padding-left: 8px;

    padding-right: 8px;

}



.plant-div {

    height: 50px;

    line-height: 50px;

    text-indent: 2em;

}



/*������Դ ��ѯ������ť*/

.my-btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}



.my-btn:focus {

    outline: none;

}



.prompt-choose-sub-div {

    color: #f00000;

    display: none;

}



/*��Ԫ���ܰ�ť*/

.report-analysis .my-btn {

    margin-bottom: 5px;

}



.report-analysis .my-btn:hover {

    box-shadow: 0 0 0 2px #c7c7c7;

}



/*Ŀ��滮��*/

.h1-cpglzx {

    margin-top: 20px;

    margin-bottom: 20px;

    height: 45px;

}



.h1-cpglzx h1 {

    float: left;

    padding-left: 65px;

    width: 240px;

    font-size: 20px;

    height: 45px;

    line-height: 45px;

    color: #595757;

    background: url(../../images/zysy/h1-cpglzx.gif) no-repeat;

}



.h1-hjfx {

    margin-top: 20px;

    margin-bottom: 20px;

    height: 45px;

}



.h1-hjfx h1 {

    float: left;

    padding-left: 65px;

    width: 240px;

    font-size: 20px;

    line-height: 45px;

    color: #595757;

    background: url(../../images/zysy/h1-hjfx.gif) no-repeat;

}



.h1-wdmbyjhs {

    height: 4rem;

    line-height: 4rem;

    position: relative;

    text-align: center;

    color: #fff;

    font-size: 2rem;

    background: #3bc9c2;

}



.h1-wdmbyjhs .mbgh-button {

    position: absolute;

    height: 4rem;

    line-height: 4rem;

    top: 0;

    right: 20px;

    color: #fff;

}



.h1-wdmbyjhs .mbgh-button a {

    display: block;

    height: 100%;

    line-height: 4rem;

    font-size: 1.5rem;

    color: #fff;

    box-sizing: content-box;

    vertical-align: middle;

    float: left;

    margin-right: 10px;

}



.h1-wdmbyjhs .mbgh-button a:hover {

    cursor: pointer;

    color: #ff8319;

}



.h1-wdmbyjhs h1 {

    float: left;

    padding-left: 60px;

    width: 240px;

    font-size: 20px;

    line-height: 45px;

    color: #595757;

    background: url(../../images/zysy/h1-wdmbyjhs.gif) no-repeat;

}



.table-cpglzx {

    width: 100%;

    margin-bottom: 10px;

    border: 1px solid #c7c7c7;

    background: #fff

}



.table-cpglzx td {

    word-break: break-all;

    vertical-align: middle;

    padding: 8px;

    text-align: center;

    border: 1px solid #e3e3e3;

}



.table-cpglzx td.bgblue1 {

    font-weight: bold;

    background: #0265cb;

    color: #fff;

    border: 1px solid #ebebeb;

}



.table-cpglzx td.bgblue2 {

    font-weight: bold;

    background: #09f;

    color: #fff;

    border: 1px solid #ebebeb;

}



.table-cpglzx td.bgblue3 {

    font-weight: bold;

    background: #6cf;

    color: #fff;

    border: 1px solid #ebebeb;

}



.table-cpglzx td.bgblue3 span {

    color: #fff;

    width: 1rem;

    display: block;

    line-height: 1.5rem;

    margin: 0 auto;

}



.table-cpglzx td.text-gray {

    /*border-right: 1px solid #e3e3e3;*/

}



.table-cpglzx td p {

    padding: 0 15px;

    text-align: left

}



.table-cpglzx td span, .table-cpglzx td a, .table-cpglzx td a:link, .table-cpglzx td a:visited {

    color: #ff8319

}



.mbgh-button {

    float: right;

}



.mbgh-button .button {

    width: 78px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #fff;

    background: #169bd5;

    border: 0;

    transition: background 0.4s linear;

    margin-top: 10px;

    border-radius: 4px;

    margin-left: 8px

}



.mbgh-button .button:hover {

    background: #94c750;

}



.table-cpglzx td .ta-div {

    position: absolute;

    right: 20px;

    top: 0;

}



.button-xk {

    position: absolute;

    top: -2px;

    right: 20px;

    border-radius: 4px;

    width: 78px;

    height: 30px;

    line-height: 30px;

    color: #fff;

    border: 0;

    background: #169bd4;

    transition: background 0.4s linear;

}



.button-xk:hover {

    background: #94c750;

}



.linked {

    color: #000 !important;

    white-space: nowrap;

    word-wrap: break-word;

    display: inline-block;

}



.linked:hover {

    color: #f01414 !important;

}



.modify-dialog textarea {

    width: 95%;

    resize: none;

}



.modify-dialog dl dt {

    margin: 10px;

    font-size: 1.5rem;

}



.score-p {

    text-align: center !important;

    font-size: 30px;

    font-style: italic;

    font-family: Arial;

    color: #585858;

}



.my-score {



}



/*�߿�����ʱ*/

.countdown {

    position: absolute;

    width: 90px;

    height: 90px;

    border: 1px dashed #4f9ed7;

    background: #fafafa;

    border-radius: 4px;

    text-align: center;

    right: 35px;

    top: 10px;

    cursor: default;

}



.djs {

    width: 60px;

    height: 60px;

    margin: 5px auto 0 auto;

    background: url(../../images/zysy/date.png) no-repeat center center;

    background-size: 120px;

    font-size: 20px;

    text-align: center;

    line-height: 66px;

    color: #636363;

}



.day-count {

    line-height: 20px;

}



.my-plan {

    position: absolute;

    width: 90px;

    height: 90px;

    border: 1px dashed #4f9ed7;

    background: #fafafa;

    border-radius: 4px;

    right: 35px;

    top: 108px;

    text-align: center;

    transition: .8s;

    cursor: pointer;

}



.my-plan:hover {

    opacity: .9;

    background: #e0e0e0;

    color: #48a1e5;

}



.plan {

    width: 60px;

    height: 60px;

    margin: 5px auto 0 auto;

    background: url("../../images/zysy/plan.png") no-repeat center center;

    background-size: 120px;

}



/*fix_div*/

.fix-maintop {

    position: fixed;

    left: 50%;

    bottom: 0px;

    width: 148px;

    margin-left: 610px;

    z-index: 9999

}



.fix-maintop ul {

    background: #fff;

    border: 1px solid #ebebeb;

    border-bottom: 0

}



.fix-maintop li {

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #ebebeb;

    font-size: 14px;

    position: relative

}



.fix-maintop li a, .fix-maintop li a:link {

    display: block;

    background: url(../../images/zysy/fix-mainTop.png) no-repeat 16px center;

    padding-left: 28px;

    color: #385610;

}



.fix-maintop li a:hover, .fix-maintop li a.on {

    display: block;

    background: #ebebeb url(../../images/zysy/fix-mainTop.png) no-repeat 16px center;

    color: #385610

}



.fix-maintop .clickTop {

    display: block;

    width: 50px;

    height: 86px;

    margin: 0 auto;

    margin-top: -8px;

}



.fix-maintop li span {

    position: absolute;

    right: 12px;

    top: 12px;

    width: 43px;

    height: 18px;

    line-height: 18px;

    text-align: center;

    background: #94c750;

    color: #fff;

    font-size: 12px;

    border-radius: 10px;

}



.fix-maintop li em {

    position: absolute;

    right: 20px;

    top: 11px;

    width: 18px;

    height: 18px;

}



.fix-maintop li em img {

    vertical-align: top;

    line-height: 18px;

}



/*�߿�־Ը*/

.gkzyBanner {

    clear: both;

    height: 308px;

    background: #81ca7b url(../../images/zysy/gkzyBanner.jpg) no-repeat;

    background-size: 100% 100%;

}



.college_aspiration .grade {

    font-weight: bold;

    border-bottom: 1px solid red;

    width: 200px;

    font-size: 16px;

    padding-bottom: 5px;

}



.college_aspiration .MyGrade .subject_chose {

    font-size: 14px;

    margin-right: 10px;

}



.college_aspiration .MyGrade .stu_select {

    display: inline-block;

    width: 200px;

}



.college_aspiration .button_gkGrade {

    padding: 0 20px;

    height: 34px;

    line-height: 34px;

    border-radius: 20px;

    background: #f79111;

    color: #fff;

    border: 0;

    margin-left: 55px;

}



.modal4 .modal-header p.recentGrade {

    width: 80%;

    margin: 0 auto;

    font-size: 22px;

    text-align: center;

    color: #3e3a39;

    line-height: 40px;

    padding-top: 13px;

    padding-bottom: 13px;

    background: none;

}



.modal-dialog .modal-body .subject_grade {

    padding: 0 20px;

}



.modal-dialog .modal-body .exam_time {

    text-align: left;

    margin-bottom: 15px;

}



.modal-dialog .modal-body .exam_grade {

    margin-top: 15px;

    text-align: left;

}



.modal-dialog .modal-body .exam_grade li {

    display: inline-block;

    width: 155px;

    margin-bottom: 10px;

}



.modal-dialog .modal-body .exam_grade input {

    width: 70px;

    margin: 0 15px 0 10px;

    padding-left: 5px;

}



.college_aspiration .modal4 button.lookreport[disabled] {

    cursor: not-allowed;

    filter: alpha(opacity=45);

    -webkit-box-shadow: none;

    box-shadow: none;

    opacity: .45;

}



.college_aspiration .myGoal {

    margin-top: 30px;

}



.college_aspiration .Goal div {

    float: left;

}



.college_aspiration .stu_info {

    margin-top: 10px;

    text-align: center;

}



.college_aspiration .stu_info li {

    display: inline-block;

    margin-right: 50px;

    text-align: center;

}



.college_aspiration .stu_info li:last-of-type {

    margin-right: 0;

}



.college_aspiration .mySchool {

    margin-top: 30px;

    position: relative;

}



.college_aspiration .mySchool .setGoalScore {

    position: absolute;

    text-align: center;

    font-size: 20px;

    font-weight: 600;

    top: 100px;

    color: #f79111;

    height: 53px;

    width: 100%;

    display: none;

}



.college_aspiration .mySchool .information div.info {

    border-bottom: 1px solid #e2e9ea;

    padding: 10px 0;

}



.college_aspiration .mySchool .information .info ul {

    float: left;

    margin-top: 10px;

}



.college_aspiration .mySchool .information .info div {

    font-weight: 700;

    float: left;

    height: 30px;

    line-height: 30px;

    margin-top: 10px;

    width: 100px;

}



.college_aspiration .mySchool .information .info ul.cont {

    width: 1045px;

}



.college_aspiration .mySchool .information .info li {

    display: inline-block;

    padding: 3px 10px;

    cursor: pointer;

    margin: 2px 0;

}



.college_aspiration .mySchool .information .info li.select {

    background: #3bc9c2;

    color: #fff;

}



.college_aspiration .mySchool .recommend_school {

    margin-top: 10px;

}



.college_aspiration .gzdxx_table2 .label_name span {

    color: #ffffff;

    background-color: #f79111;

    padding: 2px 4px;

    border-radius: 4px;

}



.college_aspiration .gzdxx_table2 a {

    cursor: pointer;

}



/**/

.bgBorder div.subject_test {

    margin-bottom: 10px;

}



.bgBorder .subject_test ul li {

    display: inline-block;

    margin-right: 20px;

}



.bgBorder .subject_test ul li button.active {

    background: #5cc;

    color: #fff;

}



a.temp-storage {

    position: absolute;

    bottom: 14px;

    right: 28px;

    font-size: 14px;

    color: #4381d5;

}



a.temp-storage:hover {

    color: #eb5a29

}



/*������Ϣ��ʽ*/

.loginSuc {

    width: 800px;

    height: 800px;

}



/*.loginTop{background: #E5FFFF;}*/

.topInfo {

    background: #E5FFFF;

}



.topInfo p span {

    width: 275px;

    background: #E5FFFF;

}



.control-label {

    margin-left: 48px;

}



.control-label i {

    color: #f00;

    margin-right: 5px;

}



.col-xs-8 {

    width: 300px;

}



.form-horizontal {

    height: 650px;

}



.j_select {

    width: 300px;

    margin-top: -4px;

    font-weight: 100;

    display: inline;

    margin-left: -4px;

}



/*margin-left: 205px;*/

/*.j_privince{width: 115px;margin-left: 210px;margin-top:-30px;font-weight: 100;}

.j_shi{width: 115px;margin-left: 330px;margin-top:-35px;font-weight: 100;}

.j_qu{width: 115px;margin-left: 450px;margin-top:-34px;font-weight: 100;}*/

.select_div {

    margin-top: 10px;

    margin-left: 28px;

    font-weight: bold;

}



.select_div span {

    color: #f00;

    margin-left: 124px;

}



.huqu {

    background: #169BD5;

    border-color: #169BD5;

    margin-left: 4px;

}



.tj {

    background: #169BD5;

    border-color: #169BD5;

    padding: 5px 30px;

    font-size: 18px;

}



.input-prepend {

    width: 115px;

    display: inline;

    font-weight: 100;

    margin-left: -4px;

}



.hideBtn {

    display: none;

}



.complete-dialog-tip {

    color: red;

    float: left;

    height: 38px;

    line-height: 40px;

    margin-left: 10px;

    display: none;

}



#news_content img {

    max-width: 800px;

}



#news_content ul, #news_content li {

    list-style: inherit !important;

}



.inner-span {

    font-weight: 500 !important;

    color: #1e1e1e !important;

    margin-left: 0 !important;

}



.test-blue:hover {

    color: #eb5a29;

}



.xxdj-message > table > tbody > tr > td {

    font-size: 14px;

}



.del-comment {

    background: url('../../images/zysy/del.png') center center no-repeat;

    margin-left: 10px;

    background-size: 20px 16px;

    width: 20px;

    height: 20px;

    display: block;

    float: right;

    margin-right: 413px;

    opacity: 0.6;

}



.search-query {

    font-size: 14px !important;

}



.change-color:hover h2 {

    background-color: #f6933c;

}



.aui_content {

    padding: 0 !important;

    margin-left: 10px !important;

    margin-right: 10px !important;

    min-width: 250px !important;

}



.bsBox {

    height: 258px !important;

}



.bsTop {

    width: 208px !important;

}



.bsFrameDiv div img {

    margin: 21px 15px !important;

}



.tips-xydd {

    position: absolute;

    top: 133px;

    right: 64px;

    z-index: 999;

    color: red;

}



.admin-4 li .button-div {

    font-size: 16px;

    width: 90px;

    height: 30px;

    line-height: 30px;

    border-radius: 20px;

    margin: 0 auto;

    text-align: center;

    color: #fff;

}

.report-btn-group{

    display: flex;

    justify-content: space-around;

}



/*footer*/
.footer { background: #2f3c4e; text-align: center; font-size: 12px; color: #9baec7; }
.footer-nav { height: 44px; line-height: 44px; border-bottom: 1px #445060 solid; text-align: center; }
.footer-nav a { color: #9baec7; padding: 0px 15px; cursor: pointer; }
.footer-nav a:focus,.footer-nav a:active{color: #9baec7;}
.copy { border-top: 1px #19293d solid; padding: 12px 0 25px 0; }

.titleh2 {
    position: relative;
    border-bottom: 1px solid #E4E7EA;
    padding-bottom: 22px;
    margin-bottom: 15px;
}
