a:active {outline: none;star:expression(this.onFocus=this.blur());} *{margin:0;padding:0;list-style:none;outline:none;word-wrap:break-word;} img{border:none} table{table-layout:fixed; border-collapse:collapse} a{ text-decoration:none;} .fb{ font-weight:bold;} .fz14{ font-size:14px;} body{ font-size:12px; font-family:"微软雅黑","宋体"; -webkit-text-size-adjust:none;} body,html{ overflow-x:hidden;} .acb{dispaly:none;} input[type="button"],input[type="submit"],input[type="reset"]{ -webkit-appearance:none;} textarea{ -webkit-appearance:none; resize:none; overflow:hidden;} .head{ width:100%; height:auto; border-bottom:1px solid #F2F4F6; transition:300ms; position:fixed; left:0; top:0; z-index:98;} .head .ding{ margin:0 auto; padding:0; width:100%; height:45px; background:#f6f6f6; border-bottom:1px solid #dbdbdb;} .head .dingmain{ margin:0 auto; padding:0; width:1200px; height:45px; color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:45px; } .head .dingmain a{ color:#666666; font-size:14px; font-family:"微软雅黑","宋体"; line-height:45px; } .head .dingmain a:hover{ color:#0054ab; } .head .box{ width:1200px; margin:0 auto; height:100%; position:relative; background:#ffffff;} .head .logo{ height:76px; margin:15px 0; float:left; transition:300ms;} .head .logo:hover{ -webkit-transform:scale(1.1); transform:scale(1.1);} .head .tool{ position:absolute; right:0; top:-40px; transition:300ms;} .head .search{ float:left;} .head .search .input{ width:130px; height:25px;color:#c4c4c4; border:1px solid #c0c0c0; border-right:none; float:left;} .head .search .btn{ width:40px; height:26px; border:none; background:#6698cc url(../images/search.png) no-repeat center; float:left; cursor:pointer; margin:0 8px 0 0;} .head .tool .c{ width:46px; height:26px; text-align:center; line-height:26px; background:#6698cc; color:#fff; float:left; margin:0 0 0 2px;} .head .tool .language{ width:46px; height:26px; font-family:arial; text-align:center; line-height:26px; background:#f1f1f1; color:#0054ab; float:left; margin:0 0 0 2px; transition:200ms;} .head .tool .language:hover{ background:#6698cc; color:#fff;} .nav{ position:absolute; right:0; height:100px;} .nav li{ width:100px; height:40px; line-height:100px; text-align:center; position:relative; float:left; text-transform:uppercase;} .nav li p{ width:100%; position:absolute; left:0;} .nav li .p1{ top:0;} .nav li .p2{ top:25px; display:none;} .nav li a{ display:block; color:#5a5a5a; font-size:14px; font-family:"微软雅黑","宋体"; background:#fff; line-height:100px;} .nav li a:hover,.nav .cur a{ color:#fff;background:#0054ab;} .nav li.acc a{ display:block; height:97px; color:#5a5a5a; font-size:14px; font-family:"微软雅黑","宋体"; background:#f6f6f6; border-bottom:3px solid #0054ab; line-height:97px;} .nav li.acc a:hover,.nav .cur a{ color:#fff;background:#0054ab;} .menu1{ position:absolute; right:0; height:100px;} .menu1 ul li{ width:100px; text-align:center; position:relative; float:left; text-transform:uppercase;} .menu1 ul li a{ display:block; color:#5a5a5a; font-size:14px; font-family:"微软雅黑","宋体"; background:#fff; line-height:100px;} .menu1 ul li a:hover,.nav .cur a{ color:#017AB9;} .menu1 ul li ul { display:none;} .menu1 ul li ul li a{ color:#fff;background:#017AB9; line-height:30px; height:30px;width:200px; margin:0; margin-left:-40px; font-size:12px; } .menu1 ul li ul li a:hover{ color:#fff;background:#44A3D4; } #banner{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:150px;} #bannerbottom{ margin:0 auto; padding:0; width:100%; height:40px; background:#007bba;} #indexfangan{ margin:0 auto; padding:0; width:100%; height:auto; background:#f8f8f8;} #indexfanganmain{ margin:0 auto; padding:0; width:96%; max-width:1000px; height:auto; padding-top:30px; padding-bottom:30px;} #indexfangan1{ margin:0; padding:0; width:100%; height:30px;} #indexfangan11{ margin:0; padding:0; width:70px; height:30px; float:left;} #indexfangan12{ margin:0; padding:0; width:400px; height:30px; float:left;color:#007bba; font-size:18px; font-family:"微软雅黑","宋体";line-height:30px; font-weight:bold;} #indexfangan12 span{ padding-left:10px;color:#007bba; font-size:18px; font-family:Impact,Arial;line-height:30px; font-weight:normal;} #indexfangan2{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px;} #indexpro{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;} #indexpromain{ margin:0 auto; padding:0; width:96%; max-width:1000px; height:auto; padding-top:30px; padding-bottom:30px;} #indexpro1{ margin:0; padding:0; width:100%; height:30px;} #indexpro11{ margin:0; padding:0; width:70px; height:30px; float:left;} #indexpro12{ margin:0; padding:0; width:auto; height:30px; float:left;color:#007bba; font-size:18px; font-family:"微软雅黑","宋体";line-height:30px; font-weight:bold;} #indexpro12 span{ padding-left:10px;color:#007bba; font-size:18px; font-family:Impact,Arial;line-height:30px; font-weight: normal;} #indexpron1{ margin:0; padding:0; width:100%; height:auto;} #indexpro2{ margin:0 auto; padding:0; width:22%; height:auto; float:left; margin:1%; background:#fff;} #indexpro2 hover{ border:3px solid #007BBA;} #indexpro21{ margin:0 auto; padding:0; width:86%; height:auto; padding:2%;} #indexpro21 img{ width:100%;} #indexpro22{ margin:0 auto; padding:0; width:98%; height:auto;color:#666666; text-align:center; font-size:12px; font-family:"微软雅黑","宋体",Arial; line-height:20px; padding-top:10px;} #indexpro22 a{ color:#666666; text-align:center; font-size:12px; font-family:"微软雅黑","宋体",Arial; line-height:20px; padding-top:10px;} #indexpro22 a:hover{ color:#007BBA; } #indexpro23{ margin:0 auto; padding:0; width:98%; height:auto; display:block; padding-top:10px; margin-bottom:25px;} #indexpro231{ margin:0 auto; padding:0; width:120px; height:auto; display:block; } #indexpro231 a{ margin:0 auto; padding:0; width:120px; height:30px; display:block;border:2px solid #DBDBDB;color:#666666; text-align:center; font-size:12px; font-family:"微软雅黑","宋体",Arial; line-height:30px; } #indexpro231 a:hover{ background:#007BBA; color:#fff; border:#2px solid 007BBA; } #indexpro232{ margin:0 auto; padding:0; width:200px; height:auto; padding-left:10px; color:#666666; text-align:left; font-size:12px; font-family:"微软雅黑","宋体",Arial; line-height:16px;} #indexpro3{ margin:0 auto; padding:0; width:98%; max-width:1180px;height:auto; display:block; padding-top:10px; margin-bottom:25px;} #indexpro31{ margin:0 auto; padding:0; width:240px; height:auto; display:block; } #indexpro31 a{ margin:0 auto; padding:0; width:240px; height:40px; display:block;border:1px solid #007BBA;color:#666666; text-align:center; font-size:12px; font-family:"微软雅黑","宋体",Arial; line-height:40px; } #indexpro31 a:hover{ background:#007BBA; color:#fff; } #indexpro5{ margin:0 auto; padding:0; width:200px; height:40px; margin-top:20px;} #indexpro5 a{ margin:0; padding:0; width:200px; display:block; height:40px;font-size:12px;font-family:"微软雅黑", "宋体";text-decoration:none;border:1px solid #006BB0; color:#999999; background:#ffffff;line-height:40px; text-align:center;} #indexpro5 a:hover{ color:#ffffff; background:#006BB0; } #indexnewpro{ margin:0 auto; padding:0; width:100%; height:auto; background:#f8f8f8;} #indexnewpromain{ margin:0 auto; padding:0; width:96%; max-width:1000px; height:auto; padding-top:30px; padding-bottom:30px;} #indexnewpro1{ margin:0; padding:0; width:100%; height:30px;} #indexnewpro11{ margin:0; padding:0; width:70px; height:30px; float:left;} #indexnewpro12{ margin:0; padding:0; width:200px; height:30px; float:left;color:#007bba; font-size:18px; font-family:"微软雅黑","宋体";line-height:30px; font-weight:bold;} #indexnewpro12 span{ padding-left:10px;color:#007bba; font-size:18px; font-family:Impact,Arial;line-height:30px; font-weight: normal;} #indexnewabout{ margin:0 auto; padding:0; width:100%; height:auto; background:#fff;} #indexnewaboutmain{ margin:0 auto; padding:0; width:96%; max-width:1000px; height:auto; padding-top:30px; padding-bottom:30px;} #indexnewabout1{ margin:0; padding:0; width:100%; height:30px;} #indexnewabout11{ margin:0; padding:0; width:70px; height:30px; float:left;} #indexnewabout12{ margin:0; padding:0; width:200px; height:30px; float:left;color:#007bba; font-size:18px; font-family:"微软雅黑","宋体";line-height:30px; font-weight:bold;} #indexnewabout12 span{ padding-left:10px;color:#007bba; font-size:18px; font-family:Impact,Arial;line-height:30px; font-weight: normal;} #indexnewabout2{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:auto; marign-top:30px; background:url(../image/bg1.jpg) repeat-x;} #indexnewabout21{ margin:0 auto; padding:0; width:96%; max-width:960px; height:auto;} #indexnewabout211{ margin:0; padding:0; width:275px; height:200px; margin-left:15px; margin-right:15px; float:left;} #indexnewabout2111{ margin:0 auto; padding:0; width:96%; max-width:960px; height:auto; } #indexnewabout2111a{ margin:0; padding:0; width:275px; height:150px; margin-left:15px; margin-right:15px; float:left;} #indexnewabout2112{ margin:0; padding:0; width:275px; height:120px; background:#fff; } #indexnewabout21121{ margin:0; padding:0; width:245px; height:auto; padding-left:15px; padding-right:15px;color:#000; font-size:11px; font-family:Arial;line-height:20px; font-weight: normal;} #indexnewabout21122{ margin:0; padding:0; width:245px; height:auto; padding-left:15px; padding-right:15px;color:#007bba; font-size:14px; font-family:"微软雅黑","宋体";line-height:25px; font-weight:normal;} #indexnewabout21123{ margin:0; padding:0; width:245px; height:auto; padding-left:15px; padding-right:15px;color:#888; font-size:12px; font-family:"微软雅黑","宋体";line-height:20px; font-weight: normal;} #indexnewabout22{ margin:0 auto; padding:0; width:96%; max-width:960px; height:auto;} #indexnewabout221{ margin:0; padding:0; width:80%; height:160px; float:left;padding-left:15px; padding-right:15px;color:#fff; font-size:12px; font-family:"微软雅黑","宋体";line-height:25px; font-weight:normal;} #indexnewabout221 span{ color:#fff; font-size:18px; font-family:"微软雅黑","宋体";line-height:25px; font-weight: bold;} #indexnewabout221 a{color:#B6C0F3; font-size:12px; font-family:"微软雅黑","宋体";line-height:25px; font-weight:normal; text-decoration: none;} #indexnewabout221 a:hover{color:#FFC000; } #indexnewabout222{ margin:0; padding:0; width:60px;height:200px; float:right; margin-top:10px; background:#3895D6;} #indexnewabout23{ margin:0; padding:0; width:46%;height:40px; background:#3895D6; margin-top:-50px;} #indexkong{ margin:0 auto; padding:0; width:100%; height:25px;} #indexying4{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; margin-top:30px; } #indexying41{ margin:0; padding:0; width:393px; margin-right:8px;height:400px; float:left; background:#fff;} #indexying411{ margin:0; padding:0; width:393px;height:auto; float:left;overflow: hidden; } #indexying411 img{width:100%;} #indexying411 img{ width:100%;height:auto; transition:all 0.3s; -webkit-transition:all 0.3s } #indexying411 img:hover{ width:100%;height:auto; transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1) } .i_maina{ width:1000px; height:250px; background:#FFF; margin:0px auto;} .slidegrid {float: left;position: relative;overflow: hidden;} .slideitems {width: 20000em;position: absolute;} .slideitems li {float: left;} .mainPhoto {width:1000px;height:250px;margin: 0 auto;position: relative;overflow: hidden; padding-top:25px;} .mainPhoto span.goleft, .mainPhoto span.goright {display: block;width:25px;height:25px;position: absolute;top:85px;} .mainPhoto span.goleft {left:15px;} .mainPhoto span.goright {right:15px} .mainPhoto .go {width:875px;height:200px;position: relative;left:62px;overflow: hidden} .mainPhoto .go li {width:212px;height:200px;margin-right:14px;overflow: hidden} .mainPhoto .go li img{ width:210px; height:150px; vertical-align:top; border:1px solid #ccc;} .mainPhoto .go li p{ width:100%; height:40px; line-height:40px; font-size:12px; text-align:center; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .mainPhoto .go li a:hover p{ color:#FF6705;} .mainPhoto .go li p a{ font-size:12px; text-align:center; color:#666;width:100%; height:40px; line-height:40px; } .mainPhoto .go li p a:hover{ color:#FF6705;} .procontiao{ margin:0 auto; padding:0; width:100%; height:3px; margin-top:150px; background:#ccc;} .button { float: left; width: 120px; display: block; margin: 1em; padding:0; line-height:40px; border: none; background: none; text-align:center; color: inherit; vertical-align: middle; position: relative; z-index: 1; color:#37474f; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .button a{ display: block; color:#37474f; } .button a:hover{ display: block; color:#fff; } .button--wayra { overflow: hidden; width: 120px; -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .button--wayra::before { content: ''; position: absolute; top: 0; left: 0; width: 150%; height: 100%; background: #37474f; z-index: -1; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; } .button--wayra:hover { color: #fff; border-color: #40a9d0; } .button--wayra.button--inverted:hover { color: #3f51b5; border-color: #fff; } .button--wayra:hover::before { opacity: 1; background-color: #40a9d0; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .button--wayra.button--inverted:hover::before { background-color: #fff; } .button--size-s { border: 1px solid #40a9d0; font-size: 14px; } #indexnew{ margin:0 auto; padding:0; width:100%; height:822px; background:url(../image/indexban1.jpg) no-repeat top center;} #indexnewmain{ margin:0 auto; padding:0; width:1000px; height:722px; margin-top:50px; } #indexnew1{ margin:0 auto; padding:0; width:1000px; height:60px; margin-top:30px;font-family:"微软雅黑", "宋体",Arial; font-size:20px; color:#fff; text-align:center; text-decoration:none; line-height:60px; font-weight:normal; } #indexnew2{ margin:0 auto; padding:0; width:1000px; height:25px; font-family:"微软雅黑", "宋体",Arial; font-size:20px; color:#fff; text-align:center; text-decoration:none; line-height:20px; font-weight:normal; } #indexlink{ margin:0 auto; padding:0; width:96%; max-width:1160px; margin-top:20px; margin-bottom:20px; height:auto; padding:20px; border:1px solid #ccc;font-family:"微软雅黑", "宋体"Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;} #indexlink span{font-family:"微软雅黑", "宋体"; font-size:14px; color:#40a9d0; text-align:left; text-decoration:none; line-height:22px; font-weight: normal; } #indexlink a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;} #indexlink a:hover{ color:#40a9d0;} #sitekey{ margin:0 auto; padding:0; width:100%; height:auto; background:#D0D0D0; padding-top:8px; padding-bottom:8px;font-family:"微软雅黑","宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;} #sitekey1{ margin:0 auto; padding:0; width:98%; max-width:1180px; height:auto; background:#D0D0D0;font-family:"微软雅黑","宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;} #sitekey1 a{font-family:"微软雅黑","宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;} #sitekey1 a:hover{ color:#000;} #site{ margin:0 auto; padding:0; width:100%; height:auto;min-height:250px; background:#E6E6E6;} #sitemain{ margin:0 auto; padding:0; width:100%; max-width:1180px; height:auto; min-height:250px; padding-top:20px;} #site1{ margin:0 auto; padding:0; width:80%; float:left; height:auto; min-height:250px;} .site1{ margin:0; padding:0; width:100%;height:auto; } .site1{ height:auto;} .site1 ul { padding:0; margin:0 auto; list-style:none; border:0; width:96%; text-align:left;} .site1 ul li{ margin:0; padding:0;border:0; width:20%; float:left;display:block; height:auto; font-family: "微软雅黑","宋体",Arial; font-size:12px;color:#000; text-align:left; text-decoration:none; line-height:22px; float:left;} .site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block; padding-left:2%;font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;} .site1 ul li a:hover{color:#017AB9;} .site1 ul li ul{ margin:0; padding:0;border:0; width:100%; height:auto; display:block; font-family: "微软雅黑","宋体",Arial; font-size:12px;color:#ffffff; text-align:center; text-decoration:none; line-height:22px; float:left;} .site1 ul li ul li { margin:0; padding:0; border:0;width:100%; height:auto; display:block; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:11px; color:#BCBCBC; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;} .site1 ul li ul li a{ margin:0; padding:0; border:0;width:96%; padding-left:2%; padding-right:2%; height:auto; display:block; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:11px; color:#BCBCBC; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;} .site1 ul li ul li a:hover{color:#017AB9;} #site2{ margin:0; padding:0; width:18%;height:160px; float:left; padding-left:2%;} #site21{ margin:0; padding:0; width:100%;height:25px; float:left; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;} #site22{ margin:0; padding:0; width:100%;height:auto; float:left; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;} #footk{ margin:0 auto; padding:0; width:100%; height:40px; } #foot{ margin:0 auto; padding:0; width:100%; height:40px; text-align:center; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-decoration:none; line-height:40px; font-weight:normal;} #footmain{ margin:0 auto; padding:0; width:1000px; height:40px; text-align:center; border-top:1px solid #EAEAEA;font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-decoration:none; line-height:40px; font-weight:normal;} #footleft{ margin:0; padding:0; width:500px; height:40px; float:left; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-decoration:none; line-height:40px; font-weight:normal;} #footright{ margin:0; padding:0; width:500px; height:40px; float:right; text-align:right; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-decoration:none; line-height:40px; font-weight:normal;} #footleft a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:40px; font-weight:normal;} #footleft a:hover{ color:#40a9d0;} #footright a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-align:right; text-decoration:none; line-height:40px; font-weight:normal;} #footright a:hover{ color:#40a9d0;} .navBtn{ display:none; width:46px; height:42px; overflow:hidden; background:#0054ab; position:fixed; right:10px; top:15px; z-index:99;} .navBtn .line{ width:26px; height:2px; overflow:hidden; background:#fff; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; position:absolute; left:10px; top:0;} .navBtn .line1{ top:11px; transition:300ms;} .navBtn .line2{ top:20px; transition:300ms;} .navBtn .line3{ top:29px; transition:300ms;} .navShow{ transition:400ms;} .navShow .line1{ top:20px; transition:300ms 100ms; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);} .navShow .line3{ top:20px; transition:300ms 100ms; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);} .navShow .line2{ left:100%; transition:140ms;} .navShow2{ background:#0054ab url(../images/close.jpg) no-repeat center;} .navShow2 .line{ display:none;} .navM{ display:none; width:110%; height:300px; background:#f1f1f1; overflow:hidden; overflow-y:scroll; position:absolute; left:0; top:60px;} .navMbox{ width:100%; overflow:hidden; background:#f1f1f1; padding:0 0 100px 0;} .navM ul{ width:100%; padding:15px 0 30px 0; margin:0 0 0 -5px; background:#f1f1f1; overflow:hidden;} .navM li{ padding:0 6% 0 0; height:60px; line-height:60px; text-align:center; font-family:"宋体";} .navM li a{ width:100%; height:100%; display:inline-block; color:#5a5a5a; text-transform:uppercase; font-size:15px;} .navM li a:hover{ color:#0054ab;} .searchM{ overflow:hidden; margin:0 20px 0 0;} .searchBox{ width:370px; overflow:hidden; margin:0 auto;} .searchM .input{ width:310px; height:14px; font-size:15px; padding:12px 0 12px 10px; border:none; color:#c4c4c4; float:left;} .searchM .btn{ width:50px; height:38px; border:none; background:#6698cc url(../images/search.png) no-repeat center; float:left; cursor:pointer;} .fixedBody .head{ height:60px; background:#fff; } .fixedBody .ding{display:none;} .fixedBody .logo{ height:38px; margin:10px 0;} .fixedBody .tool{ top:-50px;} .fixedBody .nav{ position:absolute; right:0; height:60px;} .fixedBody .nav li{ width:100px; line-height:60px; text-align:center; position:relative; float:left; text-transform:uppercase;} .fixedBody .nav li p{ width:100%; position:absolute; left:0;} .fixedBody .nav li .p1{ top:0;} .fixedBody .nav li .p2{ top:25px; display:none;} .fixedBody .nav li a{ display:block; color:#5a5a5a; font-size:14px; font-family:"微软雅黑","宋体"; background:#fff; line-height:60px;} .fixedBody .nav li a:hover,.nav .cur a{ color:#fff;background:#0054ab;} .fixedBody .nav li.acc a{ display:block; height:57px; color:#5a5a5a; font-size:14px; font-family:"微软雅黑","宋体"; background:#f6f6f6; border-bottom:3px solid #0054ab; line-height:57px;} .fixedBody .nav li.acc a:hover,.nav .cur a{ color:#fff;background:#0054ab;} .fixedBody .menu1{ position:absolute; right:0; height:60px;} .fixedBody .menu1 ul li{ width:100px; text-align:center; position:relative; float:left; text-transform:uppercase;} .fixedBody .menu1 ul li a{ display:block; color:#5a5a5a; font-size:14px; font-family:"微软雅黑","宋体"; background:#fff; line-height:60px;} .fixedBody .menu1 ul li a:hover,.nav .cur a{ color:#fff;background:#017AB9;} .fixedBody .menu1 ul li ul { display:none;} .fixedBody .menu1 ul li ul li a{ color:#fff;background:#017AB9; line-height:30px; height:30px;width:200px; margin:0; font-size:12px; } .fixedBody .menu1 ul li ul li a:hover{ color:#fff;background:#44A3D4; padding:0; margin:0;line-height:30px; height:30px;} .bottom{ font-family:"宋体";} .bottom .box{ width:1000px; overflow:hidden; padding:60px 0 75px 0; margin:0 auto;} .bottom .l{ width:200px; font-size:14px; line-height:24px; text-align:center; overflow:hidden; margin:0 60px 0 0; float:left;} .bottom .lBox { width:200px;} .bottom .l .p1{ margin:5px 0 10px 0;} .bottom .c{ overflow:hidden; float:left;} .bottom .c li{ width:140px; margin:0 5px 0 0; line-height:30px; float:left;} .bottom .c li a{ color:#a9a9a9;} .bottom .c li a:hover{ color:#0054AB;} .bottom .c .p1{ margin:0 0 10px 0; font-size:14px; color:#595959;} .bottom .r{ width:290px; overflow:hidden; float:left; color:#a9a9a9; line-height:26px} .bottom .r .p1{ margin:0 0 10px 0; font-size:14px; color:#595959;} .bottom .backTop{ overflow:hidden; height:62px; text-align:center;} .bottom .backTop .img{ width:96px; height:62px; display:inline-block; text-align:center; color:#fff; font-size:14px; overflow:hidden; margin:0 auto; position:relative;} .bottom .backTop span{ width:100%; position:absolute; left:0; top:30px;} .bottom .backTop .img img{ position:absolute; left:0; top:0;} .bottom .backTop .img .t2{ top:100%; transition:all 0.2s ease-in-out 0s;} .bottom .backTop .img:hover .t2{ top:0;} .foot{ padding:20px 20px; line-height:30px; text-align:center; background:#323232; color:#b9b9b9;} .foot span{ margin:0 5px; display:inline-block;} .foot a{ color:#b9b9b9;} .foot a:hover{ color:#fff;} .linknew{ margin:0 auto; padding:0; width:100%; height:auto; background:#e7e7e7; padding-top:10px; padding-bottom:10px;} .linknewmain{ margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto;font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666; text-align:left; text-decoration:none; line-height:30px; font-weight:normal;} .linknewmain a{ font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666; text-align:left; text-decoration:none; line-height:30px; font-weight:normal;} .linknewmain a:hover{ color:#000; } .newsite{ margin:0 auto; padding:0; width:100%; height:auto; background:#444343; border-bottom:1px solid #4a4a4a;} .newfootsite{ margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto;} .newfootsite1{ margin:0; padding:0; width:13%; float:left; height:150px; border-right:1px solid #4a4a4a;} .newfootsite2{ margin:0; padding:0; width:18%; float:left; height:150px; border-right:1px solid #4a4a4a;} .newfootsite3{ margin:0; padding:0; width:13%; float:left; height:150px;} .newfootsite11{ margin:0 auto; padding:0; width:94%; padding-left:4%; height:30px; padding-top:20px;font-size:14px; font-family:"微软雅黑","宋体",Arial; line-height:30px; text-align: left; color:#fff;} .newfootsite12{ margin:0 auto; padding:0; width:94%;padding-left:4%; height:auto;} .newfootsite12 ul{ margin:0; padding:0; width:100%; height:auto; list-style:none;} .newfootsite12 ul li{ margin:0; padding:0; width:100%; height:25px; border:0; display:block; font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666; text-align:left; text-decoration:none; line-height:25px; font-weight:normal;} .newfootsite12 ul li a{ margin:0; padding:0; width:100%; height:25px; border:0; display:block; font-family:"微软雅黑", "宋体"; font-size:12px; color:#a6a6a6; text-align:left; text-decoration:none; line-height:25px;font-weight:normal; } .newfootsite12 ul li a:hover{ color:#ee7a16;} .newfoot{ margin:0 auto; padding:0; width:100%; height:auto; background:#444343; border-top:1px solid #3a3939;} .newfootmain{ margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto; } .newfootleft{ margin:0; padding:0; width:40%; float:left;height:auto;font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666; text-align:left; text-decoration:none; line-height:35px; font-weight:normal;} .newfootleft a{font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666; text-align:left; text-decoration:none; line-height:35px; font-weight:normal;} .newfootleft a:hover{color:#ff6000;} .newfootright{ margin:0; padding:0; width:60%; float:right;height:auto;font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666; text-align:right; text-decoration:none; line-height:35px; font-weight:normal;} .newfootright a{font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666; text-align:left; text-decoration:none; line-height:35px; font-weight:normal;} .newfootright a:hover{color:#ff6000;} .pbanner{ position: relative; overflow: hidden; border-bottom: 5px solid #80abde; background-repeat: no-repeat; background-position: center center; background-size: cover;} .pbanner .vt{ width: 100%; display: block;} .pbanner .pbtxt {color: #fff;left: 50%;margin-left: -451px;position: absolute;bottom: 5%;width: 902px; font: bold 118px/1 "MyriadProRegular"; letter-spacing: -0.05em;} .bgededed{ background-color: #ededed;} .pageTBox{ padding:90px 0px;} .pBT{ font: 30px/1.5 "microsoft yahei"; color: #174f90; padding-bottom: 46px;} .pageCBox{ font-size: 13px;} .pageCBox a:link,.pageCBox a:visited { color: #80abde;} .pageCBox a:active,.pageCBox a:hover { color: #174F90;} .information{ width: 45%;float: left; display: block; color: #848484;} .illustration{ position: relative; overflow: hidden; width: 50%; float: right; display: block; text-align: justify;} .illustration .img{ display: block; width: 100%; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 700ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 700ms; transition-timing-function: ease-out; transition-duration: 700ms; } .illustration .blackbg{ background: url(../images/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} .illustration .video-ico{ background: url(../images/vico_bg.png) no-repeat; width: 54px; height: 54px; position: absolute; left: 50%; top: 50%; margin: -27px 0px 0px -27px;} .illustration .video-ico .ico{ background: url(../images/vico.png) no-repeat; width: 13px; height: 19px; display: block; margin: 17px auto 0px;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 300ms; transition-timing-function: ease-out; transition-duration: 300ms;} .illustration a:hover .img { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .illustration a:hover .video-ico .ico { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15);} .pBT .s2{ font: 16px/1.5 "microsoft yahei"; color: #707070;} #jiagouPage .pBT{ text-align: center;} #jiagouPage .img { margin-top:66px;text-align:center;} #jiagouPage .img img { max-width:100%; } .jiagouList{ padding:60px 0px 0px; width: 364px; margin: 0px auto;} .jiagouList li{ padding-left: 64px; position: relative; padding-bottom: 16px;} .jiagouList .num{ font: 16px/1.8 Arial; color: #80abde; position: absolute; left: 0px; top: 0px;} .jiagouList .jbg{ background-color: #80abde; color: #fff; border-radius: 15px; width: 0px; height: 28px; overflow: hidden; float: left;} .jiagouList .jbg span{ padding: 4px 22px; display: none;} .jiagouList li.show .jbg span{ display: block;} #historyPage{ position: relative; overflow:hidden;} #historyPage .pimg{ display: block; width: 100%;} .historyBox{ position: absolute; left: 50%; margin-left: -451px; width: 742px; padding: 30px 80px; bottom: 0px; background-color: #fff; border-radius: 5px 5px 0px 0px;} .historyBox .pBT{ text-align: center;} .historypic{ position: relative; width: 100%; margin: 0px auto; border-bottom: 1px solid #dcdcdc;} .historyDemo{ position: static; } .historyDemo .owl-stage-outer{ height: 42px;} .historyDemo .item{ float: left; display: block; text-align: center; padding: 0px 0px 10px 0px;} .historyDemo a:link,.historyDemo a:visited { color: #949494;} .historyDemo a:active,.historyDemo a:hover,.historyDemo a.act{ color: #80abde;} .historyDemo a{ font:bold 14px/2.2 "MyriadProRegular";} .historypic .bx-wrapper .bx-controls-direction a{ top: 0px; margin-top: 0px; width: 20px; height: 30px; text-indent: -10em; margin: 0px; padding: 0px; overflow: hidden;} .historypic .bx-wrapper .bx-prev { left: 0px; background: url(../images/h_l.png) no-repeat scroll left center;} .historypic .bx-wrapper .bx-next { right: 0px; background: url(../images/h_r.png) no-repeat scroll right center;} .historyCon{ font-size: 14px; padding: 20px 0px 50px;} .bg80abde{ background-color: #80abde;} #groupPage{ position: relative;display:none;} #groupPage .pBT{ color: #fff; text-align: center; padding-bottom: 68px;} #groupPage .inner{ width: 920px; padding-left: 25px;} .gropBox{ color: #80abde; height: 600px; overflow: hidden;} .gropBox a:link,.gropBox a:visited { color: #80abde;} .gropBox a:active,.gropBox a:hover { color: #80abde;} .gropBox .item{ display: block; float: left;} .gropI{ background: url(../images/grop_bg.png) no-repeat; padding-right: 25px; width: 160px; height: 200px; text-align: center; margin: 0px auto;} .gropI .name{ font-size: 22px; padding-top: 30%; transition: 300ms;} .gropI .ico{ background: url(../images/grop_ico.png) no-repeat; width: 11px; height: 8px; margin: 16px auto 0px; display:none; } .gropI a{ display: block; height: 100%;} .gropI:hover .name{ padding-top: 25%;} .gropI:hover .ico{ display: block;} .gropLeft,.gropRight{ background: url(../images/grop_l.png) no-repeat scroll center center; width: 33px; height: 42px; display: block; position: absolute; top: 50%; } .gropRight{ background-image: url(../images/grop_r.png); right: 10%;} .gropLeft{ left: 10%;} .gropLeft:hover{ background-position: 5% center;} .gropRight:hover{ background-position: 95% center;} html.open, html.open body{ overflow: hidden; width: 100%;} html.open .frameHtmlact { overflow-y:auto;} html.open .frameHtmlact .frame-ct{ transform: translate(0,0); -webkit-transform:translate(0,0);} html.open .frameHtmlact .frameClose{ transform: translate(0,0); } .frameHtml{ position:fixed; top:0; left:0; right: 0px; bottom: 0px; z-index:1006; background:url(../images/black_.png) repeat;overflow:hidden; -webkit-overflow-scrolling:touch; } .frame-ct-wrap {overflow: hidden;padding: 0 20px 20px;} .frame-ct{ position:relative; margin:0px auto 0 80px; background:#fff; z-index:1010; cursor:auto; width: 100%; transform: translate(100%,0); -webkit-transform:translate(100%,0); transition: 400ms;} .frame-title{ display:block; background-color: #ededed; padding: 5% 0px;} .frame-title .t1{ color: #5e5e5e; font: 40px/1.5 "microsoft yahei";} .frame-title .t2{ color: #5d5d5d; font-family:"microsoft yahei"; font-size: 20px;} .frame-title .time{ padding-top: 10px;} .frame-title .time .d{color: #bcbbbb; background: url(../images/time.png) no-repeat scroll left center; padding-left:26px;} .frame-title a:link,.frame-title a:visited{ color: #80abde;} .frame-title a:active,.frame-title a:hover{ color: #174F90;} .frame-ct-preview{ padding: 66px 0px; overflow: hidden;} .framC{ color: #808080; font-size: 14px;} .framC a:link,.framC a:visited { color: #80abde;} .framC a:active,.framC a:hover { color: #174F90;} .framC img{ max-width: 100%;} .list-description{ padding: 65px 0px; background-color: #ededed;} .list-description a:link,.list-description a:visited{ color: #bcbbbb;} .list-description a:active,.list-description a:hover{ color: #3a3a3a;} .frameClose{ display: block; width: 80px; height: 80px; position: fixed; left: 0px; top: 50%; margin-top: -35px; z-index: 1008; overflow: hidden; transform: translateX(-80px); transition: 400ms;} .frameClose span{ display: block; width: 100%; height: 100%; text-align: center;transition: 0.4s;} .frameClose span.i0{ font: 16px/1.2 "microsoft yahei"; color: #fff; background-color: #80abde; padding-top: 20px; height: 60px; position: absolute; left: 0px; top: 0px;} .frameClose span.i1{ background:url(../images/fram_close.png) no-repeat scroll center center #174F90; color: #fff; position:absolute; left: 100%; top: 0px; } .frameClose:hover span.i0{ left: -80px;} .frameClose:hover span.i1{ left: 0px;} .apage{ width: 100%; overflow: hidden; background:#80abde;} .honorCon{ padding: 50px 0px; width: 900px; margin: 0px auto; color: #fff; text-align: center;} .honorCon .pBT{ color: #fff;} .honorCon .c{ font-size: 13px;} .honorBox{ height: 604px; overflow: hidden;} .honorBox .item{ float: left; display: block;} .honorI{ padding: 12px; background-color: #fff; max-width: 212.5px; margin:0px 2px 20px 0px; transition: 300ms;} .honorI a{ display: block; position: relative; overflow: hidden;} .honorI img{ width: 100%; display: block;} .honorI .black-bg{ background: url(../images/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none;} .honorI .ico{ background: url(../images/ico_3.png) no-repeat; width: 26px; height: 27px; position: absolute; left: 50%; top: 50%; margin: 0px 0px 0px -13px; display: none;} .honorI:hover{ box-shadow: 3px 3px 1px 0px #c7c7c7;} .honorBox .owl-controls { margin-top: 40px;} .honorBox .owl-controls .owl-page span { height: 17px; width: 17px; margin: 0px 10px; background:url(../images/n5.png) no-repeat scroll 0 0; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; } .honorBox .owl-controls .owl-page.active span, .honorBox .owl-controls.clickable .owl-page:hover span { background:url(../images/n6.png) no-repeat scroll 0 0; } .article-block .pBT,.article-block .information,.article-block .illustration{ opacity: 0; top: 50px; position: relative;} .articleShow .pBT,.articleShow .information,.articleShow .illustration{ opacity: 1; top: 0; } .articleShow .pBT{transition: 400ms ease 200ms;} .articleShow .information{ transition: 500ms ease 250ms;} .articleShow .illustration{ transition: 600ms ease 300ms;} #jiagouPage .article-block .pageCBox{ top: 50px; opacity: 0;} #jiagouPage .articleShow .pageCBox{ transition: 500ms ease 250ms; top: 0px; opacity: 1; text-align: left;} .article-block .feedbacklist,.article-block .inList,.article-block .talentList,#joinPage .article-block .c,.article-block .joinlist{ position: relative; top: 50px; opacity: 0;} .articleShow .feedbacklist,.articleShow .inList,.articleShow .talentList,#joinPage .articleShow .c,.articleShow .joinlist{ transition: 500ms ease 250ms; top: 0px; opacity: 1;} @media screen and (max-width:1270px) { .head .box{ width:1000px; padding:0 20px;} #indexpro4{max-width:1010px;} #indexpro41{ padding-right:10px; } #indexpro42{ padding-left:10px; padding-right:10px;} #indexpro43{ padding-left:10px;} #indexying1{ margin:0 auto; padding:0; width:100%; height:50px; padding-top:30px; color:#40a9d0; text-align:center; font-size:24px; font-family:"微软雅黑","宋体"; line-height:50px; } #indexying2{ margin:0 auto; padding:0; width:100px; height:10px; border-bottom:2px solid #ccc;} #indexying3{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; color:#888;text-align:center; font-size:12px; font-family:Arial; line-height:25px; } #indexying4{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; margin-top:30px; } #indexying41{ margin:0; padding:0; width:320px; margin-right:40px;height:380px; float:left; background:#fff;} #indexying411{ margin:0; padding:0; width:320px;height:auto; float:left;} #indexying411 img{width:100%;} #indexying412{ margin:0; padding:0; width:320px;height:50px; float:left;color:#666666; text-align:center; font-size:18px; font-family:"微软雅黑","宋体"; line-height:50px;} #indexying413{ margin:0; padding:0; width:280px; padding-left:20px; padding-right:20px;height:auto; float:left;color:#888; text-align:left; font-size:12px; font-family:"微软雅黑","宋体"; line-height:20px;} #indexying414{ margin:0; padding:0; width:280px; padding-left:80px; padding-right:20px;height:auto; float:left;color:#666666; text-align:left; font-size:12px; font-family:"微软雅黑","宋体"; line-height:20px;} #indexying42{ margin:0; padding:0; width:320px; margin-right:40px;height:380px; float:left; background:#fff;} #indexying43{ margin:0; padding:0; width:320px; margin-right:40px;height:380px; float:left; background:#fff;} } @media screen and (max-width:1050px) { .head{ height:60px; overflow:inherit;} .head .box{ width:auto; padding:0 20px;} .head .logo{ height:38px; margin:10px 0 0 0;} .head .tool{ right:75px; top:18px;} .head .search{ display:none;} .head .searchM{ display:block;} .nav{ display:none;} .menu1{ display:none;} .navBtn{ display:block;} .ding{ display:none;} #banner{margin-top:60px;} } @media screen and (max-width:1020px) { .bottom .box{ width:auto; margin:0 20px;} .bottom .l{ width:100%; margin:0; float:none;} .bottom .c{ width:100%; margin:40px 0; float:none;} .bottom .r{ width:100%; margin:0; float:none;} #ding{ display:none;} #banner{margin-top:60px;} } @media screen and (max-width:860px) { .foot{ padding:20px 20px; text-align:left;} .bottom .backTop .img{ float:left; margin:0 0 0 20px;} .head .logo{ height:28px; margin:10px 0 0 0;} #ding{ display:none;} #banner{margin-top:60px;} #indexnewabout2{ background:url(../image/bg1.jpg) repeat-x #004387;} } @media screen and (max-width:740px) { .newfootsite1{ width:32%;} .newfootsite2{ width:32%;} .newfootsite3{ display:none;} .head .box{ width:auto; padding:0 10px;} .head .logo{ height:28px; margin:10px 0 0 0;} .head .tool{ right:65px;} #ding{ display:none;} #banner{margin-top:60px;} #site2{ margin:0 auto; padding:0; width:96%;height:auto; } #site1{ margin:0 auto; padding:0; width:96%; float:left; height:auto; min-height:250px;} .site1 ul li{ margin:0; padding:0;border:0; width:50%; float:left;display:block; height:auto; font-family: "微软雅黑","宋体",Arial; font-size:12px;color:#000; text-align:left; text-decoration:none; line-height:22px; float:left;} #indexpro2{ margin:0 auto; padding:0; width:46%; height:auto; float:left; margin:1%; background:#fff;} } @media screen and (max-width:540px) { .newfootsite1{ width:32%;} .newfootsite2{ width:32%;} .newfootsite3{ display:none;} .bottom .c li{ width:100%; margin:0 0 20px 0;} .head .logo{ height:22px; margin:20px 0 0 0;} #banner{margin-top:60px;} #ding{ display:none;} #indexpro2{ margin:0 auto; padding:0; width:96%; height:auto; float:left; margin:1%; background:#fff;} } @media screen and (max-width:450px) { .newfootsite1{ width:32%;} .newfootsite2{ width:32%;} .newfootsite3{ display:none;} .searchM{ width:auto; margin:0 40px 0 20px;} .head .logo{ height:22px; margin:20px 0 0 0;} .searchBox{ width:100%;} .searchM .input{ width:68%; height:14px; padding:12px 0 12px 5%; border:none; color:#c4c4c4; float:left;} .searchM .btn{ width:22%; height:38px; border:none; background:#6698cc url(../images/search.png) no-repeat center; float:left; cursor:pointer;} #ding{ display:none;} #banner{margin-top:60px;} }