/* 鍏ㄥ眬css锛岄€傚悎鎵€鏈夐〉闈 */ *{ margin: 0px; padding: 0px;} body{ font-size: 14px; font-family: "寰蒋闆呴粦"; color: #333;overflow-x: hidden;} p {padding: 0;margin: 0;} img {border:0px;} a { text-decoration: none; outline: none; } li { list-style-type: none; list-style: none; } .w1300 { width: 1300px; margin: auto; } .w1200 { width: 1200px; margin: auto; } .w1100 { width: 1100px; margin: auto; } .bgwhite { background: #fff; } .bggrey { background: #f6f6f6; } .bgblue { background: #26497e; } .bg-f8{ background: #f8f8f8; } .bg-f7{ background: #f7f7f7; } .bg-f6{ background: #f6f6f6; } .bg-f5 { background: #f5f5f5; } .bg-e7f { background: #e7f1ff; } .bg-3b7 { background: #3b7abe; } .bg-939 { background: #939393; } .bg-b79 { background: #b7946e; } .h10 { height: 10px; } .h15 { height: 15px; } .h20 { height: 20px; } .h25 { height: 25px; } .h30 { height: 30px; } .h35 { height: 35px; } .h40 { height: 40px; } .h45 { height: 45px; } .h50 { height: 50px; } .h60 { height: 60px; } .h70 { height: 70px; } .h80 { height: 80px; } .w100 { width: 100%; } .w99 { width: 99%; margin: auto; } .w98 { width: 98%; margin: auto; } .w97 { width: 97%; margin: auto; } .w96 { width: 96%; margin: auto; } .w95 { width: 95%; margin: auto; } .w94 { width: 94%; margin: auto; } .w93 { width: 93%; margin: auto; } .w92 { width: 92%; margin: auto; } .w91 { width: 91%; margin: auto; } .w90 { width: 90%; margin: auto; } .w89 { width: 89%; } .w88 { width: 88%; } .w87 { width: 87%; } .w86 { width: 86%; } .w85 { width: 85%; } .w84 { width: 84%; } .w83 { width: 83%; } .w82 { width: 82%; } .w81 { width: 81%; } .w80 { width: 80%; } .w79 { width: 79%; } .w78 { width: 78%; } .w77 { width: 77%; } .w76 { width: 76%; } .w75 { width: 75%; } .w74 { width: 74%; } .w73 { width: 73%; } .w72 { width: 72%; } .w71 { width: 71%; } .w70 { width: 70%; } .w69 { width: 69%; } .w68 { width: 68%; } .w67 { width: 67%; } .w66 { width: 66%; } .w65 { width: 65%; } .w64 { width: 64%; } .w63 { width: 63%; } .w62 { width: 62%; } .w61 { width: 61%; } .w60 { width: 60%; } .w59 { width: 59%; } .w58 { width: 58%; } .w57 { width: 57%; } .w56 { width: 56%; } .w55 { width: 55%; } .w54 { width: 54%; } .w53 { width: 53%; } .w52 { width: 52%; } .w51 { width: 51%; } .w50 { width: 50%; } .w49 { width: 49%; } .w48 { width: 48%; } .w47 { width: 47%; } .w46 { width: 46%; } .w45 { width: 45%; } .w44 { width: 44%; } .w43 { width: 43%; } .w42 { width: 42%; } .w41 { width: 41%; } .w40 { width: 40%; } .w39 { width: 39%; } .w38 { width: 38%; } .w37 { width: 37%; } .w36 { width: 36%; } .w35 { width: 35%; } .w34 { width: 34%; } .w33 { width: 33.33%; } .w32 { width: 32%; } .w31 { width: 31%; } .w30 { width: 30%; } .w29 { width: 29%; } .w28 { width: 28%; } .w27 { width: 27%; } .w26 { width: 26%; } .w25 { width: 25%; } .w24 { width: 24%; } .w23 { width: 23%; } .w22 { width: 22%; } .w21 { width: 21%; } .w20 { width: 20%; } .w19 { width: 19%; } .w18 { width: 18%; } .w17 { width: 17%; } .w16 { width: 16.66%; } .w15 { width: 15%; } .w14 { width: 14.2%; } .w13 { width: 13%; } .w12 { width: 12%; } .w11 { width: 11%; } .w10 { width: 10%; } .w09 { width: 9%; } .w08 { width: 8%; } .w07 { width: 7%; } .w06 { width: 6%; } .w05 { width: 5%; } .w04 { width: 4%; } .w03 { width: 3%; } .w02 { width: 2%; } .auto { margin: auto; } .flex { display: flex; flex-wrap: wrap; align-items: flex-start; } .flex_a { display: flex; justify-content: space-around; flex-wrap: wrap; align-items: flex-start; } .flex_b { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .flex_c { display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; } .items { align-items: center; } .baseline { align-items: baseline; } .overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow2 { display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow3 { display: -webkit-box; -webkit-line-clamp: 3; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow4 { display: -webkit-box; -webkit-line-clamp: 4; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow5 { display: -webkit-box; -webkit-line-clamp: 5; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow6 { display: -webkit-box; -webkit-line-clamp: 6; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow7 { display: -webkit-box; -webkit-line-clamp: 7; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow9 { display: -webkit-box; -webkit-line-clamp: 9; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow10 { display: -webkit-box; -webkit-line-clamp: 10; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow11 { display: -webkit-box; -webkit-line-clamp: 11; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow14 { display: -webkit-box; -webkit-line-clamp: 14; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } .overflow19 { display: -webkit-box; -webkit-line-clamp: 19; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; font-size: 14px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; font-size: 14px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; font-size: 14px; } .clear { clear: both; } .float-l { float: left; } .float-r { float: right; } .text-right { text-align: right; } .center { text-align: center; } .bold { font-weight: bold; } .none { display: none; } .relative { position: relative; } .block { display: block; } .curse { cursor: pointer; } .mt05 { margin-top: 5px; } .mb05 { margin-bottom: 5px; } .ml05 { margin-left: 5px; } .mr05 { margin-right: 5px; } .pt05 { padding-top: 5px; } .pb05 { padding-bottom: 5px; } .pl05 { padding-left: 5px; } .pr05 { padding-right: 5px; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px; } .pl10 { padding-left: 10px; } .pr10 { padding-right: 10px; } .mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px; } .ml15 { margin-left: 15px; } .mr15 { margin-right: 15px; } .pt15 { padding-top: 15px; } .pb15 { padding-bottom: 15px; } .pl15 { padding-left: 15px; } .pr15 { padding-right: 15px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .ml20 { margin-left: 20px; } .mr20 { margin-right: 20px; } .pt20 { padding-top: 20px; } .pb20 { padding-bottom: 20px; } .pl20 { padding-left: 20px; } .pr20 { padding-right: 20px; } .mt30 { margin-top: 30px; } .mb30 { margin-bottom: 30px; } .ml30 { margin-left: 30px; } .mr30 { margin-right: 30px; } .pt30 { padding-top: 30px; } .pb30 { padding-bottom: 30px; } .pl30 { padding-left: 30px; } .pr30 { padding-right: 30px; } .border-ccc { border: 1px solid #ccc; } .border-eee { border: 1px solid #eee; } .border-b79 { border: 1px solid #b7946e; } .border-b-eee { border-bottom: 1px solid #eee; } .border-t-eee { border-top: 1px solid #eee; } .border-b-666 { border-bottom: 1px solid #666; } .border-dot-b-ccc { border-bottom: 1px dotted #ccc; } .border-das-b-ccc { border-bottom: 1px dashed #ccc; } .noborder { border: none !important; } .font12 { font-size: 12px; } .font13 { font-size: 13px; } .font14 { font-size: 14px; } .font15 { font-size: 15px; } .font16 { font-size: 16px; } .font17 { font-size: 17px; } .font18 { font-size: 18px; } .font19 { font-size: 19px; } .font20 { font-size: 20px; } .font21 { font-size: 21px; } .font22 { font-size: 22px; } .font23 { font-size: 23px; } .font24 { font-size: 24px; } .font25 { font-size: 25px; } .font26 { font-size: 26px; } .font27 { font-size: 27px; } .font28 { font-size: 28px; } .font29 { font-size: 29px; } .font30 { font-size: 30px; } .font31 { font-size: 31px; } .font32 { font-size: 32px; } .font33 { font-size: 33px; } .font34 { font-size: 34px; } .font36 { font-size: 36px; } .font38 { font-size: 38px; } .font40 { font-size: 40px; } .font42 { font-size: 42px; } .font46 { font-size: 46px; } .text-000 { color: #000; } .text-1a1 { color: #1a1a1a; } .text-b79 { color: #b7946e; } .text-010 { color: #010000; } .text-141 { color: #141414; } .text-025 { color: #0257ab; } .text-232 { color: #232323; } .text-333 { color: #333; } .text-3e3 { color: #3e3a39; } .text-3f3 { color: #3f3f3f; } .text-393 { color: #393838; } .text-404 { color: #404040; } .text-414 { color: #414141; } .text-434 { color: #434343; } .text-4c4 { color: #4c4c4c; } .text-505 { color: #505050; } .text-5a5 { color: #5A5A5A; } .text-666 { color: #666; } .text-656 { color: #656565; } .text-777 { color: #777; } .text-808 { color: #808080; } .text-6d8 { color: #6d8ec4; } .text-264 { color: #26497e; } .text-999 { color: #999; } .text-yel { color: #fffc04; } .text-ccc { color: #ccc; } .text-fff { color: #fff; } .line20 { line-height: 20px; } .line21 { line-height: 21px; } .line22 { line-height: 22px; } .line23 { line-height: 23px; } .line24 { line-height: 24px; } .line25 { line-height: 25px; } .line26 { line-height: 26px; } .line27 { line-height: 27px; } .line28 { line-height: 28px; } .line29 { line-height: 29px; } .line30 { line-height: 30px; } .line31 { line-height: 31px; } .line32 { line-height: 32px; } .line33 { line-height: 33px; } .line34 { line-height: 34px; } .line35 { line-height: 35px; } .line36 { line-height: 36px; } .line37 { line-height: 37px; } .line38 { line-height: 38px; } .line39 { line-height: 39px; } .line40 { line-height: 40px; } .line41 { line-height: 41px; } .line42 { line-height: 42px; } .line48 { line-height: 48px; } .letter1 { letter-spacing: 1px; } .letter2 { letter-spacing: 2px; } .letter3 { letter-spacing: 3px; } .letter4 { letter-spacing: 4px; } .radius2 { border-radius: 2px; } .radius3 { border-radius: 3px; } .radius4 { border-radius: 4px; } .radius5 { border-radius: 5px; } .radius6 { border-radius: 6px; } .radius7 { border-radius: 7px; } .radius8 { border-radius: 8px; } .radius9 { border-radius: 9px; } .radius10 { border-radius: 10px; } .radius20 { border-radius: 20px; } /*瀛楁瘝澶у啓*/ .uppercase { text-transform: uppercase; } /*寮哄埗瀛楃鎹㈣*/ .break-all{ word-break: break-all; } /*瀛椾綋鍊炬枩*/ .italic{ font-style: italic; } .indent2em { text-indent: 2em; } /*闃村奖*/ .box-shadow { box-shadow: 0 0 5px #ccc; } .box-shadow-y2 { box-shadow: 0 2px 3px #ccc; } .header { height: 120px; } .logo img { height: 70px; } .nav-ul { margin-left: 60px; } .nav-ul li a { color: #181818; } .nav-ul li:hover a,.nav-ul .on a { color: #1e50ae; font-weight: bold; } .banner .bd li { border: 1px solid #c2a688; } .banner .hd { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; width: 100%; text-align: center; z-index: 99; } .banner .hd li { display: inline-block; width: 12px; height: 12px; cursor: pointer; background: #743b25; border-radius: 20px; border: 1px solid #660000; margin-right: 20px; } .banner .hd .on { background: #660000; border-radius: 20px; } /*缂╂斁閫氱敤class*/ .hover-big { transition: all 0.6s; } .hover-big:hover { transform: scale(1.2); } /*杞湀*/ .zhuanquan:hover{ /*-webkit-animation-play-state:paused; */ -webkit-animation:run 2s linear 0s infinite; animation-iteration-count: 1; } @keyframes run{ from{ -webkit-transform:rotate(360deg); } to{ -webkit-transform:rotate(0deg); } } /*鍒嗛〉*/ .wdcms-page { width: 80%; margin: 30px auto 0; text-align: center; height: 40px; line-height: 40px; } .wdcms-page .pre-page:first-child { display: none; } .wdcms-page .next-page:last-child { display: none; } .wdcms-page .number-page { display: none; } .wdcms-page a { color: #666; background: #fff; border-color: #ddd; border-width: 1px; border-style: solid; border-radius: 3px; padding: 5px 10px; } .wdcms-page a:hover { background: #c2a688; border-color: #ccc; border-width: 1px; border-style: solid; color: #fff; } .wdcms-page span { background: #c2a688; color: #fff; border-color: #ccc; border-width: 1px; border-style: solid; padding: 5px 10px; border-radius: 3px; margin: 0 10px; } .bg-about { position: absolute; bottom: -155px; height: 372px; z-index: -1; } .hover-b79:hover { color: #b7946e !important; } .prolist li { width: 24.25%; margin-right: 1%; } .prolist li:nth-child(4n) { margin-right: 0; } .prolist .proimg { overflow: hidden; font-size: 0; } .footer { background: rgb(27, 37, 46); padding: 50px 0 40px; } .fbottom { /*background: rgb(34, 36, 38);*/ } .nycontent img { max-width: 100%; } #form1 input { height: 50px; line-height: 50px; width: 98%; } #form1 input:focus { border: 1px solid #b7946e; } .tijiao { height: 45px; line-height: 45px; } .top { height: 36px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .top p { line-height: 36px; } .top ul li { height: 24px; padding: 6px 13px; /*border-left: 1px solid #ddd;*/ /*border-right: 1px solid #ddd;*/ } .top ul li img { height: 24px; } .toptel img { width: 45px; } .nynav { margin-top: -50px; border-radius: 100px; box-shadow: 0 5px 8px #ccc; z-index: 99; } .nynav li { height: 50px; line-height: 50px; border-radius: 100px; } .nynav .ny-active,.nynav li:hover { background: #2950ae; } .nynav .ny-active a ,.nynav li:hover a { color: #fff; } .gotop { display: none; position: fixed; bottom: 100px; right: 30px; width: 100px; height: 100px; text-indent: -999em; opacity: 0.9; z-index: 20000; background-image: url(../images/43.png); background-repeat: no-repeat; background-position: 0 0; } .gotop:hover { opacity: 1; } /*棣栭〉*/ .intit .t1 { font-size: 30px; color: rgb(30, 80, 174); } .intit .t2 p { color: rgb(177, 177, 177); font-size: 18px; margin: 0 20px; } .intit .t2 span { display: block; height: 1px; width: 56px; background: #b1b1b1; } .intit2 .t1 { font-size: 30px; color: #fff; } .intit2 .t2 p { color: #fff; font-size: 18px; margin: 0 20px; } .intit2 .t2 span { display: block; height: 1px; width: 56px; background: #fff; } .inproul li { width: 142px; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px solid #eee; border-radius: 20px; color: #666; margin-right: 50px; font-size: 12px; } .inproul li a { color: #666; } .inproul li:last-child { margin-right: 0; } .inproul li.active,.inproul li:hover { background-color: rgba(30,80,174,1); border: none; } .inproul li.active a,.inproul li:hover a { color: #fff; } .procont li { width: 360px; margin-right: 55px; margin-bottom: 30px; } .procont li:nth-child(3n) { margin-right: 0; } .text-5a5 { color: #5a5a5a; } .proimg { height: 260px; width: 360px; overflow: hidden; } .proimg .img img { transform: scale(1); width: 100%; } .proimg:hover .img img { transform: scale(1.1); } .hoverimg { background: rgba(30,80,174,0.84); display: none; width: 360px; height: 260px; position: absolute; top: 0; left: 0; z-index: 99; } .hoverimg img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 99; width: 50px; margin: auto; } .proimg:hover .hoverimg { display: block; } .more { display: block; width: 142px; line-height: 40px; height: 40px; border: 1px solid #eee; border-radius: 50px; margin: auto; color: rgba(51,51,51,1); font-size: 12px; text-align: center; box-sizing: border-box; } .more:hover { color: #fff; background: rgba(30,80,174,1); border: none; } .more2 { display: block; width: 142px; line-height: 40px; height: 40px; border: 1px solid #fff; border-radius: 50px; color: #fff; font-size: 12px; text-align: center; box-sizing: border-box; background: transparent; } .more2:hover { color: rgba(30,80,174,1); background: #fff; border: none; } .bg-gywm { background: url(../images/ad0iy6oqbxacgaag5aonzguon_xt-qmwga842aq.jpg) no-repeat center; padding: 60px 0 110px; } .gywm-img { width: 554px; height: 295px; overflow: hidden; } .gywm-wz { width: 591px; height: 295px; } .xmul { width: 1000px; margin-top: -50px; padding: 60px 0; box-shadow: 0 20px 20px #ccc; background: #fff; border-radius: 8px; } .xmul li { width: 20%; } .xmul li .p1 { color: rgb(90, 90, 90); font-size: 42px; } .newstit { width: 380px; height: 80px; padding-top: 18px; background: #2950af; } .newstit .n1 { font-size: 24px; color: rgb(255, 255, 255); margin: 0 0 10px; } .newstit .n2 { color: rgb(255, 255, 255,0.2); } .more3 { display: block; color: #fff; font-size: 12px; height: 40px; line-height: 40px; width: 101px; text-align: center; } .more3:hover { background-color: rgba(255,255,255,0.1); border-radius: 100px; } .newsul ul li { border-bottom: 1px dotted #c6c6c6; padding-bottom: 10px; margin-bottom: 10px; } .newsul ul li a { font-size: 12px; color: #5a5a5a; } .bg-fuwu { background: url(/template/default/images/cta-two.jpg)no-repeat center; padding: 80px 0; } .font64 { font-size: 64px; } .more4 { display: block; width: 156px; line-height: 44px; height: 44px; border: 1px solid #fff; border-radius: 50px; color: #fff; font-size: 12px; text-align: center; box-sizing: border-box; background: transparent; margin: auto; } .more4:hover { color: rgb(22,46,82); background: #fff; border: none; } .hover-big { transition: all 0.6s; } .rotateY { cursor: pointer; transition: 0.8s; } .rotateY:hover { transform: rotateY(180deg); }