/** reset **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img { border: medium none; margin: 0; padding: 0; } body, button, input, select, textarea { font: 14px/1.5 'Arial','Microsoft Sans Serif',arial,'Microsoft Yahei',tahoma, Srial, helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } em { font-style: normal; } ul, ol { list-style: none; } a { text-decoration: none; color: #333; } a:hover { text-decoration: none; color: #297ed3; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } img { border: 0px; outline-width: 0px; vertical-align: top; } .clearfix:after { clear: both; content: "\200B"; display: block; height: 0; } .clearfix { *zoom: 1; } ::-webkit-scrollbar { width: 6px; height: 6px; background: #f1f1f1; } ::-webkit-scrollbar-thumb { border-radius: 6px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background-color: #ccc; } body { word-break: break-word; word-wrap: break-word; } .mainCont { position: relative; width: 100%; min-width: 1200px; } .dft-header { min-width: 1200px; height: 106px; position: relative; border-top: 6px solid #297ed3; border-bottom: 1px solid #999; z-index: 9; background: #fff; } .topbar { width: 1200px; margin: 0 auto; position: relative; z-index: 2; } .topbar .logo { float: left; margin-top: 18px; } .topbar .headright { float: right; width: 950px; } .topbar .user-opr { text-align: right; position: relative; z-index: 9; padding-top: 16px; *width: 380px; *float: right; } .topbar .user-opr .item { display: inline-block; margin-left: 10px; color: #b2b2b2; line-height: 28px; *float: left; height: 28px; } .topbar .user-opr .item.lag { position: relative; font-size: 14px; } .topbar .user-opr .item.lag span { display: inline-block; text-align: center; line-height: 28px; } .topbar .user-opr .item.lag span a { display: inline-block; color: #666; } .topbar .user-opr .item.lag .dropdown { display: none; position: absolute; top: 18px; width: 100px; left: 50%; margin-left: -50px; } .topbar .user-opr .item.lag .dropdown ul { margin: 10px 0; width: 100px; background: #3d79b5; } .topbar .user-opr .item.lag .dropdown ul li { display: block; border-bottom: 1px solid #619dd8; text-align: center; } .topbar .user-opr .item.lag .dropdown ul li a { display: block; padding: 4px 10px; color: #fff; } .topbar .user-opr .item.lag .dropdown ul li a:hover { background: #1d5b99; } .topbar .user-opr .item.lag .dropdown ul li:last-child { border-bottom: none; } .topbar .user-opr .item span { margin-left: 10px; font-size: 12px; } .topbar .user-opr .item span a { color: #666; } .topbar .user-opr .item span a:hover { color: #297ed3; } .srhbox { position: absolute; width: 69px; right: 0; top: 12px; background: #fff; padding-bottom: 5px; } .srhbox .txt { width: 50px; height: 18px; background: none; outline: none; color: #f47e57; vertical-align: middle; } .srhbox .txt::-webkit-input-placeholder { color: #f47e57; } .srhbox .btn { width: 16px; height: 16px; background: url(../images/ico_index.png) 0 -11px no-repeat; cursor: pointer; outline: none; position: absolute; left: 0; top: 4px; } .srhbox.active { border-bottom: 1px solid #f47e57; } .srhbox.active .txt { width: 153px; } .navBar { position: relative; z-index: 1; margin-top: 13px; text-align: right; *float: right; *width: 100%; } .navBar ul.navbox { display: inline-block; *display: inline; vertical-align: middle; text-align: right; margin-right: 88px; } .navBar ul.navbox li { float: left; position: relative; margin: 0 24px; } .navBar ul.navbox li h3 { display: inline-block; font-weight: normal; height: 48px; line-height: 48px; text-align: center; } .navBar ul.navbox li h3 a { font-size: 14px; color: #202020; display: block; } .navBar ul.navbox li h3 a:hover { color: #297ed3; } .navBar ul.navbox li.on h3 a { color: #297ed3; } .navBar ul.navbox .dropdown1 { display: none; width: 180px; top: 48px; left: 50%; margin-left: -90px; position: absolute; z-index: 9; background: rgba(1, 97, 169, 0.5); background: #3380ba \9; } .navBar ul.navbox .dropdown1 li { float: none; width: 100%; border-bottom: 1px solid #619dd8; margin: 0; background: rgba(1, 97, 169, 0.5); background: #3380ba \9; } .navBar ul.navbox .dropdown1 li:last-child { border-bottom: none; } .navBar ul.navbox .dropdown1 li h2 { font-weight: normal; text-align: left; } .navBar ul.navbox .dropdown1 li h2 a { font-size: 12px; color: #fff; display: block; line-height: 1.2; padding: 12px 10px 12px 25px; } .navBar ul.navbox .dropdown1 li h2 a em { display: inline-block; vertical-align: middle; width: 3px; height: 5px; background: url(../images/ico-tran.png) no-repeat; margin-left: 5px; } .navBar ul.navbox .dropdown1 li h2 a:hover { background: #0161a9; } .navBar ul.navbox .dropdown1 li.active { background: #0161a9; } .navBar ul.navbox .dropdown2 { display: none; position: absolute; width: 180px; right: -180px; top: 0; background: none; text-align: center; background: #3d79b5 \9; } .navBar ul.navbox .dropdown2 li { margin: 0 1px; background: #3d79b5; } .navBar ul.navbox .dropdown2 li h1 { font-weight: normal; text-align: left; } .navBar ul.navbox .dropdown2 li h1 a { font-size: 12px; color: #fff; display: block; line-height: 1.2; position: relative; padding: 12px 10px 12px 19px; background: #3d79b5; } .navBar ul.navbox .dropdown2 li h1 a em { position: absolute; left: 13px; top: 15px; } .navBar ul.navbox .dropdown2 li h1 a:hover { background: #1d5b99; } @media only screen and (max-width: 1700px) { .navBar ul.navbox li .dropdown1 .dropdown2 { right: 180px; padding: 0 2px; } } .banner { height: 324px; min-width: 1200px; } .banner .wrap { width: 1200px; margin: 0 auto; padding-top: 206px; } .usertopInfo { padding: 60px 0; width: 1200px; margin: 0 auto; } .infoblock { background: #fff; } .infoblock .user-photo { float: left; width: 150px; } .infoblock .user-photo .photos { width: 148px; height: 178px; display: table; overflow: hidden; border: 1px solid #e5e5e5; } .infoblock .user-photo .photos span { display: table-cell; *display: block; vertical-align: middle; text-align: center; } .infoblock .user-photo .photos span img { max-width: 148px; max-height: 178px; } .infoblock .user-photo .dianzan { text-align: center; padding-top: 19px; padding-bottom: 15px; } .infoblock .user-photo .dianzan i.ico { display: inline-block; width: 24px; height: 24px; background: url(../images/ico_index.png) -30px 0 no-repeat; margin-right: 9px; vertical-align: middle; position: relative; top: -2px; } .infoblock .user-photo .dianzan span { display: inline-block; line-height: 24px; color: #404040; font-size: 14px; vertical-align: middle; } .infoblock .user-msg { float: left; width: 655px; padding-top: 25px; margin-left: 20px; } .infoblock .user-msg .name { color: #666666; font-size: 16px; font-family: 'Times New Roman'; } .infoblock .user-msg .name strong { color: #0161a9; font-size: 24px; margin-right: 9px; } .infoblock .user-msg p { line-height: 24px; color: #202020; padding: 10px 0; } .infoblock .user-msg p a { color: #f47e57; } .infoblock .user-msg p a:hover { color: #000; } .infoblock .user-msg .boshuo { font-family: 'Times New Roman'; } .infoblock .user-msg .boshuo a { color: #297ed3; margin: 0 30px 0 0; font-size: 14px; } .infoblock .user-msg .boshuo a:hover { color: #000; } .infoblock .user-ot { float: right; width: 280px; line-height: 30px; margin-top: 16px; } .infoblock .user-ot a { color: #16589b; text-decoration: underline; } .infoblock .user-ot a:hover { text-decoration: none; } .dft-main { min-width: 1200px; } .shwork { padding: 60px 0; background: #f5f5f5; min-width: 1200px; } .shwork .wrap { width: 1200px; margin: 0 auto; } .shwork ul { margin-left: -33px; *margin-left: 0; } .shwork ul li { float: left; width: 275px; min-height: 440px; background: #fff; margin-left: 33px; *margin: 0 10px; position: relative; } .shwork ul li .topimg { width: 100%; height: 112px; overflow: hidden; } .shwork ul li .topimg img { width: 100%; } .shwork ul li h3 { text-align: center; font-size: 16px; padding: 24px 0 20px; } .shwork ul li .cont { padding: 0 18px; min-height: 200px; margin-bottom: 68px; } .shwork ul li .cont p { line-height: 20px; margin: 0 0 10px; } .shwork ul li .cont strong { display: block; margin-bottom: 6px; } .shwork ul li .cont h1 { font-weight: normal; margin-bottom: 10px; } .shwork ul li.shworklist1 span, .shwork ul li.shworklist1 strong { color: #f47e57; } .shwork ul li.shworklist2 strong { color: #297ed3; } .shwork ul li a.more { display: block; width: 24px; height: 24px; background: url(../images/ico_index.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -12px; bottom: 30px; } .shwork ul li a.more:hover { opacity: .8; } .shwork ul li.shworklist1 a.more { background-position: -152px 0; } .shwork ul li.shworklist2 a.more { background-position: -179px 0; } .shwork ul li.active { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .Speakcourse { min-height: 408px; background: #fcfcfc; } .Speakcourse .wrap { width: 1200px; margin: 0 auto; padding-top: 42px; } .Speakbox { float: left; width: 250px; text-align: center; height: 314px; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; } .Speakbox h2 { font-size: 18px; color: #297ed3; } .Speakbox ul { margin-top: 20px; } .Speakbox ul li { line-height: 32px; } .Speakbox ul li em { display: inline-block; vertical-align: middle; width: 4px; height: 4px; background: url(../images/ico_dot.png) no-repeat; margin-right: 9px; } .teambox { float: left; width: 925px; } .teambox h2 { font-size: 18px; text-align: center; color: #f47e57; } .teambox .cont { width: 810px; margin: 0 auto; } .teambox .t { border-bottom: 1px solid #cfcfcf; margin-bottom: 23px; height: 14px; position: relative; border-left: 2px solid #297ed3; } .teambox .t h3 { float: left; font-size: 16px; color: #404040; background: #fff; line-height: 14px; height: 14px; padding: 2px 9px; } .teambox .t a { float: right; font-size: 12px; text-transform: uppercase; color: #297ed3; } .teambox .t a:hover { color: #000; } .teambox .tmenber { position: relative; } .teambox .tmenber a.prev, .teambox .tmenber a.next { display: block; width: 17px; height: 32px; background: url(../images/ico_index.png) 0 0 no-repeat; position: absolute; top: 36%; } .teambox .tmenber a.prev { background-position: -68px 0; left: -38px; } .teambox .tmenber a.next { background-position: -98px 0; right: -38px; } .teambox .tmenber a.prevStop, .teambox .tmenber a.nextStop { opacity: 0.5; } .teambox .tmenber .bd li { text-align: center; width: 140px; margin: 0 29px 0 0; } .teambox .tmenber .bd li .img { width: 138px; height: 166px; border: 1px solid #0161a9; display: table; overflow: hidden; } .teambox .tmenber .bd li .img span { display: table-cell; *display: block; vertical-align: middle; text-align: center; } .teambox .tmenber .bd li .img span img { max-width: 138px; max-height: 166px; } .teambox .tmenber .bd li p { text-align: center; font-size: 14px; padding: 12px 0; } .teambox .tmenber .bd li a:hover p { color: #297ed3; } .teambox .tmenber .hd { display: none; } .Rshprojects { padding: 56px 0; } .Rshprojects .hd { color: #666; text-align: center; font-size: 18px; } .Rshprojects .hd a { margin: 0 20px; color: #666; } .Rshprojects .hd a.on { color: #297ed3; font-weight: bold; } .Rshprojects .bd { width: 1200px; margin: 0 auto; } .Rshprojects .inbd { padding: 38px 0 32px; } .Rshprojects .inbd ul li { float: left; width: 33.33%; } .Rshprojects .inbd ul li a { display: block; padding: 15px 26px; font-size: 12px; height: 50px; line-height: 24px; } .Rshprojects .inbd ul li a .cont { height: 128px; overflow: hidden; } .Rshprojects .inbd ul li a b { color: #297ed3; font-size: 16px; margin-right: 3px; } .Rshprojects .inbd ul li a:hover { color: #297ed3 \9; box-shadow: 0 2px 9px rgba(141, 141, 141, 0.1); } .Rshprojects .inbd a.btnchakan { display: block; width: 100px; height: 36px; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #297ed3; color: #fff; text-align: center; line-height: 36px; margin: 32px auto 0; } .Rshprojects .inbd a.btnchakan:hover { background: #1368bd; } .footer { min-height: 162px; min-width: 1200px; background: url(../images/bg_foot.jpg) center 0 no-repeat; background-size:100% 100%; height: auto; position: relative; overflow: hidden; } .footer .wrap { width: 1200px; margin: 0 auto; padding-top: 30px; } .footer .foot-left { float: left; line-height: 30px; width: 1090px; } .footer .foot-left a:hover { text-decoration: underline; } .footer .qrcode { float: right; width: 100px; height: 100px; } .footer .qrcode img { width: 100%; } .copyriht { padding: 10px 0; background: #297ed3; text-align: center; color: #fff; } .dft-header2 { background: #1f5e9c; } .banner-in { height: 322px; } .banner-in .wrap { padding-top: 44px; } .infoblock2 { width: 432px; height: 236px; } .infoblock2 .user-photo { float: left; margin-top: 28px; width: 204px; } .infoblock2 .user-photo .photos { width: 148px; height: 178px; margin: 0 auto; display: table; overflow: hidden; } .infoblock2 .user-photo .photos span { display: table-cell; *display: block; vertical-align: middle; text-align: center; } .infoblock2 .user-photo .photos span img { max-width: 148px; max-height: 178px; } .infoblock2 .user-in-r { float: right; width: 228px; padding-top: 42px; } .infoblock2 .user-in-r .name { color: #666666; font-size: 16px; padding-bottom: 6px; } .infoblock2 .user-in-r .name strong { color: #0161a9; font-size: 24px; margin-right: 9px; display: block; } .infoblock2 .user-in-r .dianzan { text-align: left; padding-top: 9px; padding-bottom: 5px; width: 170px; } .infoblock2 .user-in-r .dianzan i.ico { display: inline-block; width: 24px; height: 24px; background: url(../images/ico_index.png) -30px 0 no-repeat; margin-right: 9px; vertical-align: middle; position: relative; top: -2px; } .infoblock2 .user-in-r .dianzan span { display: inline-block; line-height: 24px; color: #404040; font-size: 14px; vertical-align: middle; } .infoblock2 .user-in-r .boshuo { text-align: left; padding-top: 14px; font-family: 'Times New Roman'; } .infoblock2 .user-in-r .boshuo a { color: #297ed3; display: block; line-height: 24px; font-size: 14px; } .infoblock2 .user-in-r .boshuo a:hover { color: #000; } .in-block { width: 1200px; margin: 0 auto; padding: 0 0 40px; } .in-block .in-title { border-bottom: 1px solid #ebebeb; padding: 12px 0; line-height: 24px; } .in-block .in-title h2 { width: 40%; float: left; font-size: 18px; color: #1f5e9c; margin-left: 20px; } .in-block .in-title .loacl { width: 50%; float: right; text-align: right; color: #999; font-size: 12px; } .in-block .in-title .loacl a { margin: 0 3px 0 0; color: #999; } .in-block .in-title .loacl a:hover { color: #000; } .in-block .in-title .loacl span { color: #1f63a5; margin-left: 3px; } .pesnl-intro { padding: 20px 0 20px; } .pesnl-intro p { line-height: 24px; } .work-expr { padding: 20px 20px; } .work-expr ul li { padding: 10px 0; } .work-expr ul li span { display: block; font-size: 14px; color: #297ed3; font-weight: bold; } .work-expr ul li p { color: #202020; } .work-expr.work-expr2 ul li span { color: #f47e57; } .other-ctat { padding: 20px 0; } .other-ctat p { line-height: 30px; } .other-ctat h1 { margin-top: 20px; } .other-ctat h1 a { color: #f47e57; font-size: 16px; } .Teamber { padding: 20px 20px; } .Teamber .item h3 { color: #f47e57; font-size: 16px; padding: 20px 0 20px; } .Teamber .item .intr { margin-bottom: 10px; } .Teamber .item ul { margin-left: -60px; *margin-left: 0; } .Teamber .item ul li { float: left; width: 140px; margin-left: 60px; margin-bottom: 10px; *margin: 0 20px 10px; } .Teamber .item ul .img { width: 138px; height: 166px; border: 1px solid #0161a9; display: table; overflow: hidden; } .Teamber .item ul .img span { display: table-cell; *display: block; vertical-align: middle; text-align: center; } .Teamber .item ul .img span img { max-width: 138px; max-height: 166px; } .Teamber .item ul p { padding: 5px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .Teamber .item2 h3 { margin-bottom: 10px; } .Teamber .item2 ul li .img { width: 138px; height: 166px; border: 1px solid #82b5db; display: table; overflow: hidden; } .Teamber .item2 ul li .img span { display: table-cell; *display: block; vertical-align: middle; text-align: center; } .Teamber .item2 ul li .img span img { max-width: 138px; max-height: 166px; } .other-ctat2 { padding: 20px 0; } .other-ctat2 p { line-height: 36px; } .rshdir { padding: 20px; } .rshdir p { line-height: 36px; } .rshdir p em { color: #f47e57; } .listbox { padding-bottom: 50px; } .listbox ul { margin: 0 20px; } .listbox ul li { border-bottom: 1px dashed #dfdfdf; padding: 15px 0; } .listbox ul li em { color: #2e73ae; margin-right: 12px; } .listbox ul li h2 { font-weight: normal; display: inline; } .listbox ul li a { display: block; } .listbox ul li a:hover { color: #2e73ae; } .pages { padding: 10px 0; line-height: 24px; } .pages input {BORDER: #AFD5F5 1px solid;} .pages span { margin-right: 4px; vertical-align: middle; display: inline-block; font-size: 12px; } .pages a { margin: 0 5px; height: 24px; font-size: 12px; display: inline-block; vertical-align: middle; border: 1px solid #d1d1d1; padding: 0 10px; } .pages a.prevnext { display: inline-block; } .pages a:hover, .pages a.on { background: #297ed3; border: 1px solid #297ed3; color: #fff; } .pages a.sl { border: none; margin: 0; background: none; color: #202020; } .imglistbox ul { padding-top: 30px; } .imglistbox ul li { width: 250px; float: left; margin: 0 17px 10px 30px; } .imglistbox ul li .img { width: 244px; height: 168px; border: 1px solid #b3dcff; background: #fff; display: table; overflow: hidden; } .imglistbox ul li .img span { display: table-cell; *display: block; vertical-align: middle; text-align: center; } .imglistbox ul li .img span img { max-width: 236px; max-height: 160px; } .imglistbox ul li p { font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0; } .imglistbox ul li a:hover .img { border: 1px solid #4e94cf; } .arc-cont .title { padding: 20px; text-align: center; } .arc-cont .title h2 { font-weight: normal; font-size: 20px; padding: 0 0 20px; } .arc-cont .title .ot { background: #eaf1f7; font-size: 12px; line-height: 24px; color: #4c4c4c; } .arc-cont .title .ot span { margin: 0 15px; } .arc-cont .content { padding: 0 20px 20px; list-style:none; } .arc-cont .content p.img { text-align: center; margin-bottom: 20px; max-width:1200px; } .arc-cont .content p.img img { max-width: 100%; } .arc-cont .content p { font-size: 14px; line-height: 28px; } .arc-cont .fujian { padding: 20px; color: #1f63a5; line-height: 30px; } .arc-cont .fujian ul li a { line-height: 24px; } .arc-cont .fujian ul li a em { display: inline-block; vertical-align: top; position: relative; top: 10px; width: 4px; height: 4px; background: #e5e5e5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-right: 10px; } .arc-cont .fujian ul li a h1 { display: inline-block; *display: inline; vertical-align: top; font-weight: normal; width: 1094px; } .arc-cont .fujian ul li a:hover { color: #1f63a5; } .arc-cont .prevnextpg { border-top: 1px solid #eaf1f7; padding: 20px; font-size: 12px; } .arc-cont .prevnextpg dl { line-height: 24px; } .arc-cont .prevnextpg dl dt { display: inline; font-weight: bold; } .arc-cont .prevnextpg dl dd { display: inline; } .jghbox { margin-top: 40px; } .jghbox li { float: left; width: 500px; margin-left: 50px; margin-bottom: 20px; } .jghbox li .photo { width: 492px; height: 328px; border: 4px solid #ffe8e0; display: table; overflow: hidden; } .jghbox li .photo span { display: table-cell; *display: block; vertical-align: middle; text-align: center; } .jghbox li .photo span img { max-width: 492px; max-height: 328px; } .comprebox { margin: 16px 20px; } .comprebox .in-title2 { background: #2e73ae; padding: 10px 0; line-height: 20px; } .comprebox .in-title2 h2 { font-size: 16px; color: #fff; float: left; width: 1010px; margin-left: 20px; } .comprebox .in-title2 a.more { float: right; color: #fff; margin-right: 20px; text-transform: uppercase; font-size: 12px; } .comprebox .in-title2 a.more:hover { color: #000; } .comprebox .cont { border: 1px solid #b3dcff; border-top: none; } .comprebox .cont ul { padding: 0 20px 26px; } .comprebox .cont ul li { border-bottom: 1px dashed #dfdfdf; padding: 15px 0; } .comprebox .cont ul li em { color: #2e73ae; margin-right: 9px; } .comprebox .cont ul li h2 { font-weight: normal; display: inline; } .comprebox .cont ul li a { display: block; } .comprebox .cont ul li a:hover { color: #2e73ae; }