body { background: #f5f5f5; }

.navbar { height: 88px; background: #000; position: relative; z-index: 9; min-width: 1200px;}
.navbar .inner { width: 1200px; margin: 0 auto; position: relative; }
.navbar .nav li { float: left; border-right: 1px solid #333333; position: relative; }
.navbar .nav li:last-child { border-right: none; }
.navbar .nav h3 { font-weight: normal; display: block; }
.navbar .nav h3 a { display: block; color: #d3d3d3; font-size: 18px; padding: 0 30px; height: 88px; line-height: 88px; }
.navbar .nav h3 a:hover { color: #fff; }
.navbar .nav li.cur h3 a { color: #fff; font-size: 22px; }
.navbar .nav li.active h3 a { color: #fff; }
.navbar .nav .dropdwon { display: none; position: absolute; left: 0; top: 88px; width: 100%; background-color: rgba(0, 0, 0, 0.58); background: #000000 \9; padding-bottom: 10px;}
.navbar .nav .dropdwon a { display: block; font-size: 16px; color: #fff; line-height: 22px; padding: 10px 20px; }
.navbar .nav .dropdwon a:hover { background: #971111; }
.navbar .menu { position: absolute; right: 0; top: 0; width: 77px; height: 88px; }
.navbar .menu span.ico { display: block; width: 32px; height: 58px; background: url(../images/ico_index_zy.png) -8px -6px no-repeat; margin: 30px 45px 0 0; cursor: pointer; }
.navbar .menu ul { display: none; width: 143px; position: absolute; top: 58px; right: 0; background-color: rgba(0, 0, 0, 0.58); background: #000000 \9; }
.navbar .menu li.on ul { display: block; }
.navbar .menu li { position: relative; }
.navbar .menu li ul li.active { background: #971111; }
.navbar .menu ul li { position: relative; }
.navbar .menu ul li a { display: block; font-size: 16px; line-height: 22px; padding: 10px 10px; color: #fff; }
.navbar .menu ul li a:hover { background: #971111; }
.navbar .menu ul li ul { display: none; position: absolute; right: 143px; top: 0; width: 160px; background-color: rgba(0, 0, 0, 0.58); background: #000000 \9; }
.navbar .menu ul li ul a { display: block; color: #fff; font-size: 16px; }
.navbar .menu ul li ul a:hover { background: #971111; }

.headerbar .inner { width: 1200px; margin: 0 auto; position: relative; }
.headerbar .logo { width: 394px; float: left; margin-top: 74px; }
.headerbar .hpg { float: left; margin: 54px 0 0 56px; font-size: 36px; color: #fff; }

.sg-main { width: 1200px; margin: 0 auto; padding: 20px 0; position: relative; z-index: 2; }

.sg-left { width: 390px; float: left; margin-bottom: 100px; }
.sg-left .left-block { background: #fff; margin-bottom: 20px; }
.sg-left .left-block .bl-t { border-bottom: 1px solid #eaeaea; margin: 0 10px; height: 50px; padding-top: 13px; line-height: 50px; }
.sg-left .left-block .bl-t h2 { float: left; font-weight: normal; font-size: 24px; color: #961111; }
.sg-left .left-block .bl-t a.more { float: right; font-size: 12px; color: #c8c8c8; }
.sg-left .left-block .bl-t a.more:hover { color: #000; }
.sg-left .left-block .bl-ct { padding: 5px 0 0 0; }
.sg-left .left-block .bl-ct p { line-height: 30px; color: #4c4c4c; padding: 5px 10px 0px; font-size: 14px; word-break: break-word;word-wrap: break-word;}
.sg-left .left-block .bl-ct .teamname { background: #961111; margin: 10px; color: #fff; font-size: 14px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; position: relative; padding-left: 90px; }
.sg-left .left-block .bl-ct .teamname span {  top: 10px; }
.sg-left .left-block .bl-ct .teamintro { font-size: 14px; color: #4c4c4c; line-height: 20px; margin: 0 10px; }

.groupscroll { margin: 20px 10px; position: relative; }
.groupscroll .scrollmain { margin: 0 44px; }
.groupscroll .scrollmain li { width: 135px; height: 162px; overflow: hidden; margin-right: 7px; position: relative; }
.groupscroll .scrollmain li a { display: block; }
.groupscroll .scrollmain li .imgwrap { display: table-cell; width: 100%; height: 162px; text-align: center; vertical-align: middle; }
.groupscroll .scrollmain li .bg { position: absolute; bottom: -34px; left: 0; height: 34px; line-height: 34px; color: #fff; text-align: center; font-size: 14px; width: 100%; background-color: rgba(0, 0, 0, 0.4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#77000000', endColorstr='#77000000')";  }
.groupscroll a.prev, .groupscroll a.next { display: block; width: 23px; height: 41px; background: url(../images/ico_index_zy.png) 0 0 no-repeat; position: absolute; top: 60px; }
.groupscroll a.prev { background-position: -74px -93px; left: 0; }
.groupscroll a.next { background-position: -98px -93px; right: 0; }
.groupscroll a.prevStop { background-position: -27px -93px; }
.groupscroll a.nextStop { background-position: -51px -93px; }

.gr-recomd { padding-bottom: 1px; }
.gr-recomd li { background: #961111; height: 58px; margin: 20px 0; line-height: 58px; font-size: 18px; color: #fff; position: relative; }
.gr-recomd li h2 { font-weight: normal; color: #fff; margin-left: 84px; }
.gr-recomd li i { display: block; width: 43px; height: 44px; background: url(../images/ico_index_zy.png) 0 0 no-repeat; position: absolute; top: 7px; left: 10px; }
.gr-recomd li i.ico-1 { background-position: -105px -44px; }
.gr-recomd li i.ico-2 { background-position: -153px -44px; }
.gr-recomd li a { display: block; }
.gr-recomd li a:hover { opacity: .8; }

.sg-content { margin-top: -192px; float: right; width: 782px; }
.sg-content .searchbar { margin: 0 34px; height: 77px; background: url(../images/srhline.jpg) repeat-x; position: relative; z-index: 3; }
.sg-content .srhbox { float: left; margin: 25px 0 0 9px; width: 276px; height: 30px; border: 1px solid #d4d4d4; position: relative; }
.sg-content .srhbox .srhtxt { width: 226px; height: 20px; padding: 5px; }
.sg-content .srhbox .srhbtn { position: absolute; top: -1px; right: -1px; width: 36px; height: 32px; background: url(../images/ico_index_zy.png) -155px 7px #282828; cursor: pointer; }
.sg-content .srhbox .srhbtn:hover { background-color: #000; }
.sg-content .srhlabel { color: #333; float: left; font-size: 12px; margin: 30px 0 0 98px; font-weight: normal; }
.sg-content .srhlabel a { color: #333; }
.sg-content .logingo { float: left; margin: 30px 0 0 55px; }
.sg-content .logingo a { color: #333; }
.sg-content .logingo a:hover { color: #961111; }
.sg-content .lagcg { position: absolute; width: 26px; height: 26px; background: url(../images/ico_index_zy.png) -34px -62px no-repeat; right: 30px; top: 30px; }
.sg-content .lagcg .cgbox { display: none; position: absolute; top: 26px; right: -42px; width: 108px; }
.sg-content .lagcg .cgbox i.ico-tri { display: block; width: 8px; height: 4px; background: url(../images/ico_triangle2.png) no-repeat; position: absolute; left: 50%; top: 0; margin-left: -4px; }
.sg-content .lagcg .cgbox ul { margin-top: 4px; background-color: rgba(0, 0, 0, 0.4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#77000000', endColorstr='#77000000')";  }
.sg-content .lagcg .cgbox ul li a { display: block; height: 36px; font-size: 16px; text-align: center; line-height: 36px; width: 100%; color: #fff; }
.sg-content .lagcg .cgbox ul li a:hover { background: #971111; }

.mainshadow { background: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); padding: 20px 0; position: relative; z-index: 2; }
.mainshadow .ct-foot-bg { width: 782px; height: 140px; background: url(../images/ct_bg.png) center 0 no-repeat; position: absolute; bottom: -140px; left: 0; }

.introme { width: 742px; height: 341px; background: url(../images/pic_bg.jpg) no-repeat; margin: 0 auto; }
.introme .me-pic { float: left; width: 210px; height: 252px; margin: 40px 66px 0 42px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; }
.introme .me-pic span { display: table-cell; width: 210px; height: 252px; text-align: center; vertical-align: middle; }
.introme .me-pic img { max-width: 100%; max-height: 100%; }
.introme .me-info { float: left; margin-top: 50px; width: 410px; }
.introme .me-info h2 { font-weight: normal; font-size: 26px; color: #000; }
.introme .me-info .youlike { padding: 10px 0; line-height: 18px; height: 18px; }
.introme .me-info .youlike i.icolike { float: left; display: inline-block; width: 20px; height: 18px; background: url(../images/ico_index_zy.png) -107px -2px no-repeat; margin-right: 12px;    cursor: pointer; }
.introme .me-info .youlike span { font-size: 12px; }
.introme .me-info .ot p { line-height: 30px; color: #fff; font-size: 14px; }

.PsProfile { padding: 5px 20px; }

.itro-bp .title { height: 50px; line-height: 50px; border-bottom: 1px solid #eaeaea; }
.itro-bp .title h2 { float: left; font-weight: normal; font-size: 24px; color: #971111; }
.itro-bp .title a.more { float: right; color: #c8c8c8; font-size: 12px; }
.itro-bp .title a.more:hover { color: #000; }
.itro-bp .psproct { padding: 5px 0; }
.itro-bp .psproct p { color: #4c4c4c; font-size: 14px; line-height: 30px; }

.m-aboutme { background: #971111; }
.m-aboutme ul.am-tit { border-bottom: 1px solid #af5050; height: 70px; }
.m-aboutme ul.am-tit li { float: left; line-height: 70px; width: 50%; position: relative; background: #801a1a; cursor: pointer; }
.m-aboutme ul.am-tit li.on { background: #971111; }
.m-aboutme ul.am-tit li.line em { display: block; position: absolute; right: 0; top: 0; height: 100%; width: 1px; border-right: 1px solid #af5050; }
.m-aboutme ul.am-tit span { display: block; color: #fff; font-size: 24px; text-indent: 20px; }
.m-aboutme ul.am-tit i.ico { display: block; width: 28px; height: 28px; background: url(../images/ico_index_zy.png) -68px -62px no-repeat; position: absolute; top: 26px; right: 12px; }
.m-aboutme .tabsct { display: none; padding: 10px 20px; }
.m-aboutme .tabsct p { font-size: 14px; line-height: 24px; color: #fff; }

.srhfous { padding: 10px 0; }
.srhfous .itro-bp { float: left; width: 362px; margin-left: 20px; }
.srhfous .itro-bp .title { border-bottom: none; }
.srhfous .itro-bp .psproct p { color: #333; line-height: 25px; padding: 3px 0; }
.srhfous .itro-bp .psproct p h2 { display: block; }

.f-bg { background: #830c0b; height: 306px; min-width: 1200px; margin-top: -96px; }

.footer { width: 1200px; margin: 0 auto; margin-top: -227px; position: relative; color: #fff; z-index: 3; }
.footer .fleft { font-size: 14px; }
.footer .fleft ul li { height: 34px; line-height: 34px; position: relative; padding-left: 40px; }
.footer .fleft ul li i { display: block; width: 22px; height: 24px; background: url(../images/ico_index_zy.png) -1px -66px no-repeat; position: absolute; left: 0; top: 3px; }
.footer .fleft ul li i.ico-2 { background-position: -5px -108px; margin-left: 5px; }
.footer .fleft p { line-height: 34px; }
.footer .f-qrcode { position: absolute; right: 90px; bottom: 108px; }
.footer .f-qrcode span.ico { display: block; width: 44px; height: 44px; background: url(../images/ico_index_zy.png) -56px 0 no-repeat; }
.footer .f-qrcode .qrimg { display: none; position: absolute; bottom: 44px; left: -76px; }
.footer .f-qrcode .qrimg i { display: block; width: 11px; height: 6px; background: url(../images/ico_triangle.png) no-repeat; position: absolute; bottom: 0; left: 92px; }
.footer .f-qrcode .qrimg .imgw { width: 194px; height: 194px; margin-bottom: 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; }
.footer .f-qrcode .qrimg .imgw img { margin: 10px; }
.footer .f-qrcode span.ico:hover .qrimg { display: block; }

.listall { padding: 3px 20px; }
.listall .title { border-bottom: 1px solid #ccc;line-height: 50px; position: relative; margin-top: 10px; }
.listall .title h2 {
    padding-bottom: 17px;
    display: inline;
    left: 0;
    top: 0;
    padding-left: 37px;
    font-size: 20px;
    color: #830c0b;
    line-height: 50px;
    font-weight: normal;
    border-bottom: 1px solid #971111;
}
.listall .title h2 i.ico { display: block; width: 26px; height: 34px; background: url(../images/ico_index_zy.png) -127px -99px no-repeat; position: absolute; left: 0; top: 8px; }
.listall .title .Current { position: absolute; right: 0; top: 15px; color: #c3c3c3; font-size: 12px; padding-left: 27px; max-width: 50%; line-height: 16px; }
.listall .title .Current i.ico { display: block; width: 20px; height: 15px; background: url(../images/ico_index_zy.png) -157px -99px no-repeat; position: absolute; left: 0; top: 2px; }
.listall .title .Current a { color: #c3c3c3; }
.listall .title .Current a:hover { color: #971111; }

.listct { padding: 20px 0; }
.listct li a { display: block; padding: 10px 0; line-height: 30px; border-bottom: 1px dashed #ddd; font-size: 12px; color: #262626; position: relative; }
.listct li a i.ico { display: block; width: 8px; height: 9px; background: url(../images/ico_index_zy.png) -191px -113px no-repeat; position: absolute; left: 6px; top: 22px; }
.listct li a p { margin-left: 22px; }
.listct li a:hover { background: #971111; color: #fff; border-bottom: 1px solid #971111; }
.listct li a:hover i.ico { background-position: -191px -101px; }

.pages { padding: 40px 0 30px; text-align: center; }
.pages .pg-inner { display: inline-block; font-size: 12px; }
.pages span { display: inline-block; color: #971111; margin: 0 3px; line-height: 16px; }
.pages a { display: inline-block; margin: 0 3px; border: 1px solid #c07070; width: 50px; height: 16px; text-align: center; line-height: 16px; }
.pages a.prev { width: 60px; }
.pages a:hover { color: #fff; background: #971111; }

.articlebox .t { word-wrap: break-word;word-break:break-word; font-size: 18px; color: #333; line-height: 30px; text-align: center; padding: 10px 20px; }
.articlebox .art-content { border-top: 1px dashed #d1d1d1; border-bottom: 1px dashed #d1d1d1; padding: 5px 0 20px; }
.articlebox .art-content .ot { text-align: center; color: #961111; margin-bottom: 20px; }
.articlebox .art-content p { font-size: 14px; color: #333; line-height: 30px; }
.articlebox .art-content p.jgh-p { font-size: 18px; text-indent: 0; line-height: 40px; padding: 0 10px; }
.articlebox .art-content ul.jgh-ul li { float: left; width: 208px; height: 145px; overflow: hidden; margin: 22px 19px 0; }

.Attachment { padding: 10px 0 15px; }
.Attachment h2 { font-weight: normal; font-size: 18px; display: block; color: #961111; }
.Attachment .listcontent { font-size: 14px; }
.Attachment .listcontent li a { display: block; padding: 14px 0; line-height: 25px; border-bottom: 1px solid #ddd; font-size: 14px; color: #262626; position: relative; }
.Attachment .listcontent li a i.ico { display: block; width: 8px; height: 9px; background: url(../images/ico_index_zy.png) -191px -113px no-repeat; position: absolute; left: 6px; top: 22px; }
.Attachment .listcontent li a p { margin-left: 22px; }
.Attachment .listcontent li a:hover { color: #971111; }

.prevnext { padding: 20px 0; font-size: 14px; }
.prevnext p { padding: 5px 0; line-height: 20px; }
.prevnext a { color: #333; }
.prevnext a:hover { color: #961111; text-decoration: underline; }

.tprofessinal { padding: 30px 0 20px; }
.tprofessinal .tp-title { height: 48px; font-size: 16px; color: #fff; line-height:24px; background: #961111; text-indent: 26px; }
.tprofessinal .tp-ct li { float: left; margin: 30px 34px 0; width: 178px; overflow: hidden; }
.tprofessinal .tp-ct .imgwrap { display: table-cell; text-align: center; vertical-align: middle; width: 178px; height: 214px; overflow: hidden; }
.tprofessinal .tp-ct .imgwrap img { max-width: 100%; max-height: 100%; }
.tprofessinal .tp-ct .name { text-align: center; color: #252525; font-size: 16px; padding: 20px 0 0; }
.tprofessinal .tp-ct a { display: block; }
.tprofessinal .tp-ct a:hover { opacity: .9; }

.imglists { padding: 30px 0 0; }
.imglists ul { margin-left: -42px; }
.imglists li { float: left; width: 350px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); margin: 0 0 30px 42px; text-align: center; }
.imglists li a { display: block; }
.imglists li .imgwrap { width: 350px; height: 244px; overflow: hidden; }
.imglists li .imgwrap img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); max-width: 100%; max-height: 100%; }
.imglists li .imgwrap span { display: table-cell; text-align: center; vertical-align: middle; }
.imglists li .imgname { font-size: 16px; color: #333;line-height: 56px;}
.imglists li a:hover .imgwrap img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.imglists li a:hover .imgname { color: #961111; }

.listall.comprelist .title h2 i.ico { top: 10px; }

.comprelist .title h2 i.ico-a { width: 33px; height: 33px; background-position: 0 -144px; }
.comprelist .title h2 i.ico-b { width: 33px; height: 33px; background-position: -42px -144px; }
.comprelist .title h2 i.ico-c { width: 33px; height: 33px; background-position: -83px -144px; }
.comprelist .title h2 i.ico-d { width: 33px; height: 33px; background-position: -126px -144px; }
.comprelist .title h2 i.ico-e { width: 33px; height: 33px; background-position: -166px -144px; }
.comprelist .title h2 i.ico-1 { width: 29px; height: 29px; background-position: 0 -189px; }
.comprelist .title h2 i.ico-2 { width: 29px; height: 29px; background-position: 0 -219px; }
.comprelist .title h2 i.ico-3 { width: 29px; height: 29px; background-position: 0 -254px; }
.comprelist .title h2 i.ico-4 { width: 29px; height: 29px; background-position: 0 -287px; }
.comprelist .title h2 i.ico-5 { width: 29px; height: 29px; background-position: 0 -319px; }
.comprelist .title h2 i.ico-6 { width: 29px; height: 29px; background-position: -39px -189px; }
.comprelist .title h2 i.ico-7 { width: 29px; height: 29px; background-position: -39px -219px; }
.comprelist .title h2 i.ico-8 { width: 29px; height: 29px; background-position: -39px -254px; }
.comprelist .title h2 i.ico-9 { width: 29px; height: 29px; background-position: -39px -287px; }
.comprelist .title h2 i.ico-10 { width: 29px; height: 29px; background-position: -39px -319px; }
.comprelist .title h2 i.ico-11 { width: 29px; height: 29px; background-position: -74px -189px; }
.comprelist .title h2 i.ico-12 { width: 29px; height: 29px; background-position: -74px -219px; }
.comprelist .title h2 i.ico-13 { width: 29px; height: 29px; background-position: -74px -254px; }
.comprelist .title h2 i.ico-14 { width: 29px; height: 29px; background-position: -74px -287px; }
.comprelist .title h2 i.ico-15 { width: 29px; height: 29px; background-position: -74px -319px; }
.comprelist .title h2 i.ico-16 { width: 29px; height: 29px; background-position: -121px -189px; }

.rsrh-ct { padding: 5px 0; }
.rsrh-ct li a { display: block; padding: 10px 0; position: relative; border-bottom: 1px solid #e5e5e5; }
.rsrh-ct li em { display: block; width: 6px; height: 6px; background: #cdcdcd; position: absolute; top: 20px; left: 6px; }
.rsrh-ct li p { margin-left: 27px; font-size: 14px; line-height: 24px; color: #333; }
.rsrh-ct li a:hover em { background: #961111; }
.rsrh-ct li a:hover p { color: #961111; text-decoration: underline; }
.rsrh-ct li .timeissue { margin-left: 27px; color: #a5a5a5; font-size: 12px; }

.ach-ct { padding: 20px 30px; font-family: "microsoft yahei"; }
.ach-ct p { color: #333; font-size: 14px; line-height: 34px; text-indent: 28px; }