@charset "utf-8"; html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,form,input,select,option,table,thead,tfoot,tbody,tr,th,td,em,span,sup,sub,b,i,u,big,small,hr,br,video,article,aside,details,figcaption,figure,footer,header,main,mark,nav,section,summary,time,wbr {margin:0;padding:0;} input,label,select,option,textarea,button { font-size:100%; color:#555; border:0; border:none; outline:none; outline:0; -webkit-appearance:none; -webkit-tap-highlight-color: rgba(0,0,0,0); } ul,ol,li { list-style:none; } hr { clear:both; margin:1em 0; border:0; background-color:#ddd; height:1px; overflow:hidden; } ::selection{ background:#000; color:#fff;} img,video { border:none; padding:0;max-width: 99%;height: auto;} video { background-size:100%; object-fit:fill; max-width:100%;} html { width:100%; height:100%; overflow:yes; overflow:scroll; overflow-x:hidden; } body { width:100%; height:100%; text-align:center; font-family:Arial; font-size:1em; line-height:1.5; font-style:normal; color:#555; background-color:#f5f5f5; } p { margin-top:1em; word-wrap:break-word; white-space:normal; word-break:break-all;} h1,h2,h3,h4,h5,h6,dt { line-height:1.3;} h1 { font-size:1.75em; } h2 { font-size:1.75em; } h3 { font-size:1.5em; } h4 { font-size:1.125em;} h5 { font-size:1em; } h6 { font-size:1em; } a { text-decoration:none; outline:none; outline:0; color:#333;} a:hover { text-decoration:none; color:#de4a00; } big { font-size:1.5em;} small { font-size:.5em; text-transform:uppercase;} sup,sub { display:inline-block; font-size:.75em; position: relative; vertical-align:baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} blockquote { margin:1em auto 1em 2em; padding:1em; border-left:3px solid #eee; background-color:#f5f5f5; position:relative; } blockquote:after { content:"\201C"; display:inline-block; position:absolute; left:-35px; top:-5px; width:32px; height:32px; line-height:50px; font-size:64px; color:#ddd; text-align:right; clear:both; overflow:hidden; } blockquote p { margin-top:1em;} blockquote p:first-child { margin-top:0 !important;} blockquote blockquote { border-left:3px solid #ddd; background-color:#eee; } .disabled { position:relative;} .disabled:after { content:url("../images/disabled.png"); display:none; position:absolute; right:0; top:0; width:16px; height:16px; clear:both; } .disabled:hover::after { display:block; } .disabledTip { display:inline-block; vertical-align:middle; position:absolute; left:0; top:0; padding:1px 3px; max-width:100px; clear:both; font-size:12px; color:#c00; border:1px solid #fcc; border-radius:3px; text-align:center; background-color:#ffc; } /*公司介绍*/ .backff { background: #fff; padding: 4% 4% 1% 4%; width: 92%; } .cellno { display: flex; } .ptb60 { padding: 30px 0; } .tab.cell_l{ box-shadow: 0px 0px 5px #def1e9; } .color06 { color: #063d9e; } .tc { text-align: center; } .blacskf { display: inline-block; } .fs38 { font-size: 38px; } .fs24 { font-size: 24px; } .plr20 { padding: 0 20px; } .pt10 { padding-top: 10px; } .lin28 { line-height: 28px; } .mt20 { margin-top: 20px; } .fl1 { float: left; width: 100%; } .color0a, .color0a a { color: #7558c5; } .pr50 { padding-right: 50px; } .pt60 { padding-top: 20px; } .pt40 { padding-top: 40px; } .ershrer { width: 146px; height: 50px; line-height: 50px; display: block; border: 1px solid #7558c5; text-align: center; color: #12b7f5; } .lin28 { line-height: 28px; } .img100 { width: 580px; max-width:580px; } @media (max-width: 639px){ .img100 { width: 100%; } .ptb60 { padding: 20px 0; } .wsenter { width: 96%; } .fs24 { font-size: 14px; } .pt10 { padding-bottom: 4px; } .fs38 { font-size: 18px; } .plr20 { padding: 0 6px; } .aboutsee { display: block; } .cellno { display: block; } .aboutsee .pr50 { padding-right: 0; } .fs16 { font-size: 16px; } .pt40 { padding-top: 10px; } .mt20 { margin-top: 10px; } .ershrer { width: 80px; height: 30px; line-height: 30px; } } .tip { color:#f60; margin-top:1em; margin-bottom:1em; padding: 1em; border-radius: 4px; font-size:.875em; background-color: #FFF1D3; border-width: 1px; border-color: #F8DFAA; border-style:solid; } .tip p:first-child { margin-top:0 !important;} .tipinfo { color:#06c; background-color:#ecf5ff; border-color:#d2e9ff; } .tipgreen {} .tipred {} .AuthorWrap {} .AuthorCode {} .AuthorCodeImg {} .AuthorTel {} .AuthorPhone {} .AuthorCompany {} .AuthorAddress {} .height100p { height:100% !important;} .width100p { width:100% !important;} .f_r { float:right;} .f_l { float:left;} .lh_1 { line-height:1 !important;} .fw_b{ font-weight:bold !important;} .fw_n{ font-weight:normal !important;} .imgfull {} .imgfull img { width:100%;} .border { border:1px solid #ddd !important;} .noborder { border:none !important;} .bdc_999 { border-color:#999 !important;} .bdc_f00 { border-color:#f00 !important;} .bd_none { border:none !important;} .white { color:#fff !important;} .black { color:#000 !important;} .red { color:#f00 !important;} .green { color:#090 !important;} .yellow { color:#f60 !important;} .purple { color:#f0f !important;} .grey { color:#999 !important;} .blue { color:#1473e6 !important;} .color_c { color:#ccc !important;} .color_9 { color:#999 !important;} .bgfff { background-color:#fff !important;} .bgf5f5f5 { background-color:#f5f5f5 !important;} .bgeee { background-color:#eee !important;} .bg000 { background-color:#000 !important;} .bg666 { background-color:#666 !important;} .bgf80 { background-color:#f80 !important;} .bg06c { background-color:#06c !important;} .nobg { background:none !important;} .ta-l { text-align:left !important;} .ta-c { text-align:center !important;} .ta-r { text-align:right !important;} .fs12 { font-size:12px !important;} .fs14 { font-size:14px !important;} .fs16 { font-size:16px !important;} .fs18 { font-size:18px !important;} .fs20 { font-size:20px !important;} .fs22 { font-size:22px !important;} .pd0 { padding:0 !important;} .pd2 { padding:2% !important;} .pd4 { padding:4% !important;} .pd6 { padding:6% !important;} .pd8 { padding:8% !important;} .pt0 { padding-top:0 !important;} .pt2 { padding-top:2% !important;} .pt4 { padding-top:4% !important;} .pt6 { padding-top:6% !important;} .pt8 { padding-top:8% !important;} .pb0 { padding-bottom:0 !important;} .pb2 { padding-bottom:2% !important;} .pb4 { padding-bottom:4% !important;} .pb6 { padding-bottom:6% !important;} .pb8 { padding-bottom:8% !important;} .pb2em { padding-bottom:2em !important;} .pb4em { padding-bottom:4em !important;} .pb6em { padding-bottom:6em !important;} .pd1px { padding:1px !important;} .pd10px { padding:10px !important;} .pd20px { padding:20px !important;} .mg0 { margin:0 !important;} .mg2 { margin:2% !important;} .mg4 { margin:4% !important;} .mg6 { margin:6% !important;} .mg8 { margin:8% !important;} .mt0 { margin-top:0 !important;} .mt2 { margin-top:2% !important;} .mt4 { margin-top:4% !important;} .mt6 { margin-top:6% !important;} .mt8 { margin-top:8% !important;} .mb0 { margin-bottom:0 !important;} .mb2 { margin-bottom:2% !important;} .mb4 { margin-bottom:4% !important;} .mb6 { margin-bottom:6% !important;} .mb8 { margin-bottom:8% !important;} .dp_b { display:block !important;} .dp_ib { display:inline-block !important; } .dp_n { display:none !important;} .of_h { overflow:hidden !important;} .of_v { overflow:visible !important;} .no_shadow { box-shadow:none !important;} .no_shadow .item { box-shadow:none !important;} .ws_nowrap h4 { white-space:nowrap !important; } .item_bgf5f5f5 .item { background-color:#f5f5f5 !important; } /********* textarea input ********************************************************************************/ input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#999;} input:-moz-placeholder, textarea:-moz-placeholder {color:#999;} input::-moz-placeholder, textarea::-moz-placeholder {color:#999;} input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;} textarea { font-size:1.25em; line-height:1.5; color:#ccc; background-color:#fff; width:98%; padding:.5em 2% .5em 0; transition: .5s ease-in-out; text-align:left; border:1px solid #ddd; margin:-1px; text-indent:.5em; min-height:100px; } textarea.on { color:#333; border-color:#999; box-shadow:0 0 .5em #ccc;} textarea.ok { color:#000; } textarea.error { border-color:#f00; } textarea.error:-ms-input-placeholder {color:#f00;} textarea.error::-webkit-input-placeholder {color:#f00;} textarea.error:-moz-placeholder {color:#f00;} textarea.error::-moz-placeholder {color:#f00;} input { font-size:1.125em; line-height:1.5; color:#ccc; background-color:#fff; width:98%; padding:.5em 2% .5em 0; transition: .5s ease-in-out; text-align:left; border:1px solid #ddd; margin:-1px; text-indent:.5em; } input:focus, input.on { color:#333; border-color:#999; box-shadow:0 0 .5em #ccc;} input.ok { color:#000;} input.error { border-color:#f00;} input.error:-ms-input-placeholder {color:#f00;} input.error::-webkit-input-placeholder {color:#f00;} input.error:-moz-placeholder {color:#f00;} input.error::-moz-placeholder {color:#f00;} input[type='buttom'],input[type='reset'] { width:auto; box-shadow:none; padding:auto; text-align:center; cursor:pointer; } input[type='checkbox'] { width:auto; cursor:pointer; margin:auto; padding:auto; text-align:center; -webkit-appearance:checkbox; } input[type='submit'] { width:100%; cursor:pointer; padding:auto; text-align:center;} .search_k { margin:1em 0; clear:both; text-align:left; } .search_k input[type='text'] { width:74%; border-right:none; margin-right:0; } .search_k input[type='submit'] { width:23%; background-position:center center; background-repeat:no-repeat; background-color:#7558c5; background-image:url(../images/sch_w.png); text-indent:-999em; border-color:#09c; box-shadow:none; } .search_k input[type='text']:focus, .search_k input[type='text'].on { color:#7558c5; border-color:#7558c5;} .search_k input[type='text'].ok { color:#090;} i.error { color:#f00; font-size:12px;} .city_wrap { width:100% !important; clear:both; display:block !important;} .city_wrap li { position:relative; margin-bottom:30px; } .city_wrap div.on { display:block;} .city_content { display:none; position:absolute; left:0; top:45px; z-index:8001; width:100%; padding:8px 0 0 0;overflow:auto; box-shadow:0 .5em .5em #ccc; border-radius:0 0 3px 3px; background-color:#fff; height:200px; border:1px solid #999; border-top:none; margin:0 -1px; } .city_list { width:100%; padding-bottom:5px; overflow:hidden; font-size:.875em; } .city_list b { display:inline-block; vertical-align:top; color:#7558c5; word-break:break-all; white-space:nowrap; padding:3px 5px; cursor:pointer; margin:5px 0 0 5px; font-weight:normal; float:left; } .city_list .city_a { display:table-cell; *display:inline-block; width:5000px; *width:auto; vertical-align:top;} .city_list a { display:inline-block; vertical-align:top; color:#999; word-break:break-all; white-space:nowrap; padding:3px 5px; cursor:pointer; margin:5px 0 0 5px; border-radius:3px; background-color:#f5f5f5; } .city_list a:hover { color:#7558c5; background-color:#d2e9ff; } /******************* table ****************************************************/ table { border-collapse:collapse; border-spacing:0; text-align:center; border:none; margin:1em auto; width:98% !important; max-width:98%; box-shadow:0 0 1px #ccc;} table thead {background-color:#eee; font-size:.75em; border-bottom:1px solid #ccc;} table tbody {background-color:#fff; font-size:.875em; } table tfoot { background-color:#f5f5f5; font-size:.75em; border-top:1px solid #ddd;} table thead th,table thead td { box-shadow:0 0 1px #bbb;} table th,table td { border:none; padding:1em; box-shadow:0 0 1px rgb(0, 0, 0); z-index:54;} table table th,table table td { border:none; } table th { color:#333; font-weight:bold; font-size:1em;} table tr:first-child {} table thead th,table thead td { padding:1.5em 1em;} table b { white-space:nowrap; font-weight:normal;} table strong { white-space:nowrap; } .tableodd { background-color:#f5f5f5;} .tablehover { z-index:55; position:relative; box-shadow: 0 0 2em #ccc;} .tableobghead {background-color:#eee;} .tableobgfoot {background-color:#eee;} .sanliehover { z-index:55; position:relative; background-color:#eee; box-shadow: 0 0 1px #333; } .tablewrap { width:100%; overflow-y:auto; _overflow: auto; padding:1px;} .tablewrap::-webkit-scrollbar {-webkit-appearance: none;width: 14px;height: 14px;} .tablewrap::-webkit-scrollbar-thumb {border-radius: 8px;border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);} .imgdiv { overflow:hidden; text-align:center;} .imgdiv img { display:block; margin:0 auto; max-width:100%;} .videowrap { position:relative; text-align:center; } .videowrap video,.videowrap img { text-align:center; margin-left:auto; margin-right:auto; max-width:100%; max-height:100%; object-fit:cover; } .videoplay { display:inline-block; width:64px; height:64px; line-height:64px; position:absolute; left:50%; top:50%; margin-left:-32px; margin-top:-32px;color:#fff; border-radius:5em; overflow:hidden; background-color:rgba(0, 0, 0, .5);} .clear {clear:both;} .clearfix:after,.menubox:after,.modbox:after { content:"\200B";display:block; height:0; clear:both; } .clearfix,.menubox,.modbox {} .box { padding:0 4%;} .boxfull { width:100%;} .box:after,.boxfull:after { content:"\200B";display:block; height:0; clear:both; } .box,.boxfull { margin:0 auto; position:relative; text-align:left; -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; } .left { display:inline-block; float:left; vertical-align:top; position:relative; } .right { display:inline-block; float:right; vertical-align:top; position:relative; } .center { display:table-cell; *display:inline-block; width:5000px; *width:auto; vertical-align:top; position:relative; } .centerinner {} /******************* anniu ****************************************************/ .icon { display:inline-block; vertical-align:middle; overflow:hidden; margin:0; padding:0; text-decoration:none;} .iconArrow { width:16px; height:16px; margin:0 5px; background-position:center center; background-repeat:no-repeat;} .iconArrowR { background-image:url(../images/arrowr.png);} .iconCity { padding:.25em .5em; border:1px solid #eee; border-radius:5px; padding-left:1.25em; background-repeat:no-repeat; background-position:.375em center;} .iconCityFrom { background-image:url(../images/iconcityfrom.png);} .iconCityTo { background-image:url(../images/iconcityto.png); background-position:92% center; padding-left:.5em; padding-right:1.25em; } /******************* anniu ****************************************************/ .anniu0 { display:inline-block; vertical-align:middle; text-align:center; margin:1em auto; color:#fff; padding:.5em 1em; font-size:1em; text-decoration:none; border-radius:99em; cursor:pointer; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position:relative; } .anniu0 u,.anniu0 i, .anniu0 span { -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position:relative; display:inline-block;} .anniu0:hover { color:#fff; text-decoration:none; } .anniu0:hover i { -webkit-transform:translateX(50%); transform:translateX(50%); } .anniu-y { background-color:#f80; border:1px solid #f70; } .anniu-y:hover { background-color:#f60; border:1px solid #f50; } .anniu-b { background-color:#7558c5; border:1px solid #08f; } .anniu-b:hover { background-color:#07f; border:1px solid #06f; } .anniu-r { border:1px solid #ff2d51; background:#ff4777;} .anniu-r:hover { border:1px solid #ff4777; background:#f00056;} .anniu-g { border:1px solid #390; background:#36A803;} .anniu-g:hover { border:1px solid #363; background:#390;} .anniu-e { border:1px solid #ddd; color:#f00; } .anniu-e:hover { border:1px solid #ccc; color:#f00; background:#fff;} .anniu-f { border:1px solid #c93; color:#c93; } .anniu-f:hover { border:1px solid #c63; color:#c63; } .anniu-bg-f { border:none; background-color:#fff; color:#7558c5; } .anniu-bg-f:hover { background-color:#7558c5; color:#fff; } .anniu-bg-b { border:none; background-color:#7558c5; color:#fff; } .anniu-bg-b:hover { background-color:#07f; color:#fff; } .anniu-bg-y { border:none; background-color:#f80; color:#fff; } .anniu-bg-y:hover { background-color:#f60; color:#fff; } .anniu-bg-c { border:none; background-color:#eee; color:#333; } .anniu-bg-c:hover { background-color:#000; color:#fff; } .anniu-bd-f { border:1px solid #fff; color:#fff; } .anniu-bd-f:hover { border:1px solid #eee; color:#fff; box-shadow:0 1px .5em #ccc; } .anniu-bd-b { border:1px solid #7558c5; color:#7558c5; } .anniu-bd-b:hover { border:1px solid #08f; color:#08f; box-shadow:0 1px .5em #7558c5; } .anniu-bd-y { border:1px solid #f80; color:#f80; } .anniu-bd-y:hover { border:1px solid #f70; color:#f70; box-shadow:0 1px .5em #f80; } .anniu-bd-c { border:1px solid #ccc; color:#999; } .anniu-bd-c:hover { border:1px solid #999; color:#000; box-shadow:0 1px .5em #999; } .anniu0-pd2x { padding:1em 1.5em !important;} .anniu-bd2x { border-width:2px !important;} .anniu-bd2x:hover { border-width:2px !important;} .anniu-box a { display:inline-block; vertical-align:middle; white-space:nowrap; padding:5px 10px; margin:10px 5px 0 0; color:#999; background-color:#f6f6f6; border-radius:3px;} .anniu-box a:hover{ color:#900; text-decoration:none; background-color:#d2e9ff; } .anniu0img,.anniu0img-c {} .anniu-img-l { padding-left:80px; background:url(../images/tel5.png) 10% center no-repeat;} .anniu0img i { display:inline-block; margin-left:.25em; transition:all 0.5s ease-in-out;} .anniu0img:hover>i { transform:scale(1.2,1.2); } .anniu0img-c { background-image:url(../images/anniu-more-b.png);} .anniu0img-c:hover { background-image:url(../images/anniu-more.png);} /**************/ .lie2ul { width:100%;} .lie2ul ul { margin-right:-1%; overflow:hidden;} .lie2ul ul li { display:inline-block; vertical-align:top; float:left; width:49%; margin:40px 1% 0 0; } .lie2ul table { margin:0 !important; } .tools { position:fixed; right:0; top:40%; z-index:9901; width:48px; height:48px; font-size:20px;} .tools a { display:block; width:48px; height:48px; line-height:48px; overflow:hidden; color:#fff; background-color:#333; position:absolute; left:0; top:0; cursor:pointer;} .tools .onlinechat { z-index:9906; } .tools .onlinechat:hover {background-color:#f00;} .list_ul { overflow:hidden; clear:both; } .list_ul li:first-child { border-top:none; } .list_ul li { border-top:1px solid #eee; padding:.75em 0;} .list_ul li a { display:block; overflow:hidden;} .list_ul li .spanLeft { display:inline-block; vertical-align:top; overflow:hidden; font-size:.75em; text-align:left; margin-top:2px; height:20px; line-height:20px; float:left; width:34px; border-right:1px solid #ddd; word-break:break-all; word-break:normal; } .list_ul li .spanLeft img {width:100%;} .list_ul li small {display:block; font-size:.875em; color:#ccc; } .list_ul li .spanRight { float:right; color:#ccc; font-size:.75em;} .list_ul li .spanCenter { display:table-cell; *display:inline-block; width:2000px; *width:auto; vertical-align:top; padding-left:.5em; padding-right:.5em; overflow:hidden;} #mySwiper9,#mySwiper99,#mySwiper999 { height:240px; overflow:hidden; } .submenu {clear:both;} .submenu li { width:100% !important; text-align:left; height:60px; line-height:60px; border-top:1px dashed #ddd; margin-top:-1px; } .submenu li:first-child { border-top:none; margin-top:0;} .submenu li h2 { margin:0;} .submenu li a { display:block; width:90%; height:100%; padding:0 10% 0 0; background-image:url(../images/arrow_999_r16.png); background-repeat:no-repeat; background-position:102% center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .submenu li a:hover { background-image:url(../images/arrow_f60_r16.png); animation:submenu 1s infinite linear; } .submenu li u { text-decoration:none; display:inline-block; vertical-align:top; overflow:hidden; width:10%; height:30px; line-height:30px; text-align:center; background-color:#eee; border-radius:60px; margin-top:15px; margin-right:.5em; color:#f80; float:left;} .submenu li u img { height:100%; } .submenu li span { _display:table-cell !important; *display:inline-block; width:3000px; *width:auto; vertical-align:top; } .submenu li i { display:inline-block; vertical-align:top; overflow:hidden; color:#ccc; padding-right:3px; margin-left:.5em; white-space:nowrap; float:right; text-align:right; } @keyframes submenu { 0% { background-position:98% center; } 50% { background-position:102% center; } 100% { background-position:106% center; } } .submenu1 { clear:both; text-align:left; } .submenu1 li { display:inline-block; vertical-align:top; text-align:center; width:48% !important; overflow:hidden; margin:5px 1%; box-shadow:0 0 1px #999; border-radius:4px; } .submenu1 li a { display:inline-block; padding:.75em; line-height:1; white-space:nowrap; text-overflow:ellipsis;} .swiper-container ul li u { margin-top:0;} .submenu ul { margin-left:1em;} .submenu ul li { list-style:circle;} .submenu ul ul li { list-style:disc;} .fujinquyun { overflow:hidden; clear:both; margin-top:0em;} .fujinquyun li { width:auto !important; display:inline-block !important; vertical-align:top; overflow:hidden; margin:1em .5em 0 0; border-radius:0 9px 0 9px;} .fujinquyun li a { display:inline-block; padding:.25em .5em; background-color:#f80; color:#fff;} .fujinquyun li a:hover { background-color:#333; color:#fff; } .backtotop { position:fixed; right:0; bottom:-48px; z-index:9902; display:block; width:48px; height:48px; line-height:48px; overflow:hidden; background-color:#f00; color:#fff; opacity:0; transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;} .backtotopon { bottom:30%; opacity:1;} /******************* header ****************************************************/ .header { position:fixed; left:0; top:0; z-index:9500; width:100%; height:80px; background-color:#fff; box-shadow:0 0 1px rgba(0,0,0,0.1); transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;} .headeron { box-shadow:0 0 25px rgba(0,0,0,0.2); } .headerDown { transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -webkit-transform:translateY(0%); -o-transform:translateY(0%);} .headerUp { transform:translateY(-100%); -ms-transform:translateY(-100%); -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); -o-transform:translateY(-100%);} .logo { width: 180px; height:80px; line-height:80px; font-size:2em; font-weight:bold; overflow:hidden; display: flex;align-items: center; float:left; margin:0 2% 0 2%; } .logo p{margin-top: 0;} .logo img { display:block; margin:0 auto; height: 49px;} .topbar { height:80px; float:right; white-space:nowrap; display:flex; align-items:center; } .topbar a { display:inline-block; vertical-align:top; overflow:hidden; color:#000; font-size:14px; text-align:center; margin:0 1em 0 0; } .topbar span { display:inline-block; vertical-align:top; text-align:center; height:30px; line-height:30px; overflow:hidden; } .topbar u { display:inline-block; vertical-align:top; text-align:center; cursor:pointer; width:28px; height:28px; line-height:28px; border:1px solid #ccc; border-radius:50%; overflow:hidden; padding:0; -webkit-transition: .3s ease-in-out; -ms-transform: .3s ease-in-out; transition: .3s ease-in-out; } .topbar .wel {display:none;} .topbar .cn-tw {} .topbar .sch {} .topbar .tel {} .topbar a:hover { color:#7558c5;} .topbar a:hover u {transform:rotate(42deg); border-color:#7558c5; color:#7558c5; } .topbar ul { overflow:hidden; } .topbar li { display:inline-block; vertical-align:top; overflow:hidden; width:42%; padding:2%; margin:2%; text-align:center;} /********* nav ******/ .nav { height:80px; display:table-cell; *display:inline-block; width:5000px; *width:auto; vertical-align:top;} .navicon { display:none; } .navbox { overflow:hidden;} .navlist { overflow:hidden;} .navlist dl { display:inline-block; vertical-align:top; } .navlist dt { height:80px; text-align:left; overflow:hidden; font-size:1.125em; position:relative; z-index:9938; } .navlist dt a { display:block; color:#000; } .navlist dt a:hover { color:#7558c5; } .navlist dt b { display:inline-block; padding:0; height:80px; line-height:80px; padding:0 20px; overflow:hidden; font-weight:normal; } .navlist dt u { display:inline-block; vertical-align:top; overflow:hidden; width:20px; height:80px; line-height:80px; text-align:center; margin-right:-34px; padding:0 15px; } .navlist dt i { display:inline-block; vertical-align:top; overflow:hidden; width:20px; height:80px; line-height:80px; text-align:right; margin-left:-45px; padding:0 20px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .navlist dd { display:none; position:absolute; z-index:9936; left:0; top:-9999em; width:92%; padding:4%; background-color:#eee; box-shadow:0px 2px 3px #666; overflow:hidden; } .navlist dd li { display:inline-block; vertical-align:middle; text-align:center; width:14.6666%; margin-right:2%; margin-bottom:2%;} .navlist dd li a { display:block; padding:1em; background-color:#f5f5f5; border-radius:5px; overflow:hidden;} .navlist dd li sup {top: -2em; left:.5em; color:#fff; display:inline-block; padding:5px; line-height:1; font-size:12px !important; background-color:#f00; border-radius:3px; overflow:hidden;} .navlist dd .iconwrap u { text-decoration:none; color:#7558c5; text-align:left; font-size:2.5em; } .navlist dd li a:hover { box-shadow:0 0 1em #ccc; } .navlist dd li a:hover .iconwrap u { color:#000; } .navlist .active dt { background-color:#eee; } .navlist .active dt i { -webkit-transform:rotate(180deg); transform:rotate(180deg); padding:0 28px 0 12px; } .navlist .active dd { z-index:9937; top:80px; } .TXbox { width:100%; position:relative; overflow:hidden;} .TXboximg { width:100%; overflow:hidden; } .TXboximg img { width:70%; display:block; margin:0 auto; border-radius:50%; background-color:#000;} .TXboxtext { position:absolute; left:0; top:0; width:90%; height:90%; padding:5%; } .col_ol,.col_dl { clear:both;} .col_ol ol,.col_dl>div { clear:both; overflow:hidden;} .col_ol ol li,.col_dl dl { display:inline-block; vertical-align:top; overflow:hidden; } .col_2 ol li,.col_2 dl { width:50%;} .col_3 ol li,.col_3 dl { width:33.3333%;} .col_4 ol li,.col_4 dl { width:25%; } .col_6 ol li,.col_6 dl { width:16.6666%;} .col_8 ol li,.col_8 dl { width:12.5%;} .colKX_ol,.colKX_dl { clear:both;} .colKX_ol ol,.colKX_dl>div { clear:both; overflow:hidden; margin:-2%; } .colKX_ol ol li,.colKX_dl dl { display:inline-block; vertical-align:top; margin:2%; } .colKX_2 ol li,.colKX_2 dl { width:46%;} .colKX_3 ol li,.colKX_3 dl { width:29.3333%; } .colKX_4 ol li,.colKX_4 dl { width:21%; } .colKX_6 ol li,.colKX_6 dl { width:12.6666%;} .colKX_8 ol li,.colKX_8 dl { width:8.5%;} .col_bg li { text-align:center; overflow:hidden;} .col_bg li a { display:block; padding:1em; background-color:#f5f5f5; box-shadow:0 0 1px #ccc inset;} .col_bg li a:hover { color:#fff; background-color:#7558c5; box-shadow:0 0 2em #06c inset;} .flex_ol { display:-webkit-flex; flex-wrap:-webkit-wrap; display:flex; flex-wrap:wrap; _justify-content:flex-start; justify-content: space-between; align-items:stretch; } .flex_ol li { text-align:center; margin-bottom:4%;} .flex_ol li .flexbox { padding:1em 1em; box-shadow:0 1px 3px #ddd; border-radius:5px; background-color:#fff;} .flex_ol li p { margin-top:0; color:#999; } .flex_ol li .flexbox:hover { box-shadow:0 0 3em #ddd inset;} .flex_col3 li { width:31%;} .imgcase_content { clear:both; overflow:hidden; } .imgcase_content img { display:block; width:100%; } .imgwidthfull { overflow:hidden;} .imgwidthfull img { width:100%; } .partswiper { width: 100%; height: 100%; } .partswiper .swiper-container { width: 100%; height: 100%; } .partswiper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-parallax { width: 100%; height:100%; position: absolute; left: 0; top: 0; -webkit-background-size: 100% auto; background-size: 100% auto; background-position: center top; background-repeat:repeat-y; } .swiper-bgimg,.swiper-cover,.swiper-text {width: 100%; height:100%;} .swiper-bgimg { position: absolute; left: 0; top: 0; -webkit-background-size: cover; background-size: cover; background-position: center; background-repeat:no-repeat; overflow:hidden; } .swiper-cover { position: absolute; left: 0; top: 0; _background-color:rgba(0,0,0,.5); } .swiper-text { position:relative; } .part { width:100%; text-align:center; position:relative; clear:both; overflow:hidden; z-index:150;} .partbox { position:relative; padding:4% 4% 8% 4%; width:92%; } .partboxfull { position:relative; width:100%; } .partinner { padding:4%; } .partinnerfull { padding:4% 0; } .parttext { width:100%; position:relative; z-index:155; } .partcover { width:100%; height:100%; position:absolute; left:0; top:0; z-index:154; background-color:rgba(0,0,0,.6); } .partcover img { width:100%;} .partimg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:153; text-align:center; background-position:center top; background-repeat:no-repeat; background-size:100% 100%; object-fit:cover; } .partimg img { width:100%;} .partimg video { width:100%; } .partsticky { position: -webkit-sticky; position: sticky;top: 0;} .partflex { width:100%; position:relative; z-index:155; display:-webkit-flex; display:flex; flex-wrap:-webkit-wrap; flex-wrap:wrap; _justify-content:flex-start; justify-content: space-between;align-items:center; _align-items:stretch; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-size:100% auto; object-fit:cover; } .partflexitem {} .flexitem_2 .partflexitem { width:50%;} .flexitem_3 .partflexitem { width:33.3333%;} .partflexcontent { _background-color:#fff; text-align:left; _color:#fff;} .partfleximage { _background-color:rgba(0,0,0,.8); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .partfleximage img { -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; position:relative; display:inline-block; } .partflex:hover .partfleximage img { -webkit-transform:translateX(-5%); transform:translateX(-5%); } .partnext { clear:both; margin-top:4%; } .partfloat { display:inline-block; vertical-align:top; text-align:center; overflow:hidden; } .partfloat .partinner { padding:8%;} .part .left { width:50%; float:left; text-align:left; } .part .right { width:50%; float:right; text-align:left; } .parttop { width:100%; height:50%; position:absolute; left:0; top:0; } .partbottom { width:100%; height:50%; position:absolute; left:0; bottom:0; } .partleft {} .partright {} .part h3 { font-size:2em; } .part h3 small { display:inline-block; max-width:80%; font-weight:normal; margin-top: 15px;} .part h3 b { display:inline-block; vertical-align:middle; position:relative; } .part h3 b:before,.part h3 b:after { content:"—"; position:absolute; top:50%; margin-top:-.5em; width:2em; height:1em; line-height:1em; clear:both; display:inline-block; vertical-align:middle; text-align:center; color:#999; } .part h3 b:before { left:-2em; } .part h3 b:after { right:-2em; } .part h5 b { display:inline-block; vertical-align:top; padding:0 .5em; color:#333;} .part .postinfo { margin-top:1em;} .part_fff { color:#666; background-color:#fff; } .part_fff h2 { color:#ccc;} .part_fff h2 b { color:#333;} .part_fff h3 { color:#ccc;} .part_fff h3 b { color:#333;} .part_fff h4 { color:#333;} .part_eee { color:#666; background-color:#f5f5f5; } .part_eee h2 { color:#ccc;} .part_eee h2 b { color:#333;} .part_eee h3 { color:#999;} .part_eee h3 b { color:#333; } .part_eee h4 { color:#333;} .part_eee h5 b { color:#333; } .part_000 { color:#fff; background-color:#000; } .part_000 a { color:#fff;} .part_000 h2 { color:#fff;} .part_000 h2 b { color:#fff;} .part_000 h3 { color:#fff;} .part_000 h3 b { color:#fff; } .part_000 h4 { color:#fff;} #part0 h1 a { color:#fff;} #part0 h1 a:hover { color:#fff;} .bjfw { overflow:hidden; color:#fff; } .bjfw dl { width:25%; display:inline-block; vertical-align:top; float:left; position:relative; } .bjfw dt { overflow:hidden;} .bjfw dt img { display:block; width:100%;} .bjfw dd { text-align:left; width:100%; height:100%; position:absolute; left:0; top:100%; background-color:rgba(0,0,0,.6); box-shadow:0 0 10em #000 inset; } .bjfw .bjfw0 { width:50%; } .bjfw .bjfw-on dd { top:0;} .imgzoom li {} .imgzoom li img { max-width:100%; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .imgzoom li:hover img { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } .caseimg { width:100%; transition:all 0.75s ease-in-out;} .caseimg:hover { transform:rotateX(-360deg); } .iconzoom li u { max-width:100%; display:inline-block; transition:all .5s ease-in-out;} .iconzoom li:hover u { animation:iconzoomUrotate 2s infinite linear; } @keyframes iconzoomUrotate { 0% { transform: scale(1,1); } 50% { transform: scale(1.2,1.2); } 100% { transform: scale(1,1); } } .iconwrap { display:inline-block; vertical-align:top; width:100%; height:100%; text-align:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;} .iconwrap u { display:inline-block; font-size:3em; text-decoration:none; } .colKX_ol li:hover .iconwrap,.colKX_dl dl:hover .iconwrap { -webkit-transform:scale(1.6,1.6); transform:scale(1.6,1.6);} #part_98 { color:#fff; padding-top:110px; padding-bottom:60px; clear:both; } #part_98 .box { text-align:center; } #part_98 h3 { font-size:2em; } #steps { width:100%; overflow:hidden; color:#999; background-color:#eee; } #steps .swiper-slide { background:url(../images/city01.gif) right center no-repeat; } #steps .swiper-slide-active {} #steps .swiper-slide div { padding:1em; } #steps big { color:#f80;} /******************* panel ****************************************************/ #panel-body { width:100%; position:relative; -webkit-transition: .3s ease-in-out; -ms-transform: .3s ease-in-out; transition: .3s ease-in-out; } .panel-body-right { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .panel-body-left { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .panel-body-top { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .panel-body-top2 { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .panel-body-bottom { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .panel { overflow:hidden; position:fixed; z-index:0; color:#fff; background-color:rgba(0,0,0,.9); -webkit-transition: .3s ease-in-out; -ms-transform: .3s ease-in-out; transition: .3s ease-in-out; } .panel-left { width:50%; height:100%; left:0; top:0; -webkit-transform: translate(-100%,0); -ms-transform: translate(-100%,0); transform: translate(-100%,0); } .panel-right { width:50%; height:100%; left:auto; top:0; right:0; -webkit-transform: translate(100%,0); -ms-transform: translate(100%,0); transform: translate(100%,0); } .panel-top { width:100%; height:50%; left:0; top:0; -webkit-transform: translate(0,-100%); -ms-transform: translate(0,-100%); transform: translate(0,-100%); } .panel-top2 { width:100%; height:50%; left:0; top:0; -webkit-transform: translate(0,-100%); -ms-transform: translate(0,-100%); transform: translate(0,-100%); } .panel-bottom { width:100%; height:80%; left:0; top:20%; background-color:#eee; box-shadow:0 0 5em #999; -webkit-transform: translate(0,50%); -ms-transform: translate(0,50%); transform: translate(0,50%); } .panel-active { z-index:999; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .panel-box { padding:4%; } .panel-close { position:absolute; right:0; top:0; display:block; width:40px; height:40px; line-height:40px; overflow:hidden; text-indent:-999em; background:url(../images/close-f.png) center center no-repeat #7558c5; } .panel-close:hover { background-color:#f00;} .panel dl { text-align:left; clear:both; margin-top:4%;} .step dl { display:inline-block; vertical-align:top; background-image:url(../images/arrow4.gif); background-repeat:no-repeat; background-position:right center; text-align:center;} .step dl:last-child { background-image:none;} .step dl dt img { max-width:50%; margin:0 auto;} /********************************** item ************************************/ .item a { cursor:pointer; text-decoration:none;} .item a:hover { text-decoration:none;} .item { position:relative; z-index:650; overflow:hidden; display:inline-block; vertical-align:top; text-align:left; background-color:#fff; box-shadow:0 0 1px #ddd;} .item_bgf5f5f5 .item { background-color:#f5f5f5;} .sidebar .item,.sidebar1 .item { background-color:transparent;} .sidebar .item h4,.sidebar1 .item h4 { font-weight:normal;} .item dt { z-index:651; left:0; top:0; width:100%; overflow:hidden; -webkit-transform: .5s ease-in-out; transition: .5s ease-in-out; } .item dt .itemdtinner { overflow:hidden; position:relative; z-index:652; white-space: nowrap; text-align:center;display: block;} .item dt .itembicon { font-size:1.375em; display:block; height:100%; -webkit-transform: .5s ease-in-out; transition: .5s ease-in-out; } .item dt .itemzxicon { font-size:1.375em; } .itemColumn2 .item dt .itembicon { font-size:1.25em} .itemColumn3 .item dt .itembicon, .itemColumn4 .item dt .itembicon, .itemColumn6 .item dt .itembicon, .itemColumn8 .item dt .itembicon { font-size:1.125em} .module33 .item dt .itembicon { font-size:1.125em} .item dt img { display:inline-block; vertical-align:top; overflow:hidden; width:100%; -webkit-transform: .5s ease-in-out; transition: .5s ease-in-out; } .item dt video { width:100%;} .itemon dt .itembicon { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } .itemon dt img { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } .itemonDtImgs { animation: itemonDtImgs2 5s; } @keyframes itemonDtImgs2 { 0% { transform: translate(0, 0) } 30% { transform: translate(-100%,0) } 60% { transform: translate(-200%,0) } 90% { transform: translate(0,0) } } .item .itemtitle {} .item .itemparent, .item .itemtime, .item .itemsale { display:none; vertical-align:top; overflow:hidden; text-align:center; font-style:normal; font-size:12px; padding:0 10px; height:25px; line-height:25px; font-weight:normal; color:#fff; background-color:rgba(0,153,255,.7); position:absolute; left:0px; top:0px; border-radius:25px; z-index:657;} .item .itemsale { background-color:rgba(0,0,0,.5); color:#fff; border-radius:0; margin-left:1em; } .item:nth-child(n) .itemsale{ background-color:#f00; } .item:nth-child(n+1) .itemsale{ background-color:#090; } .item:nth-child(n+2) .itemsale{ background-color:#f0f; } .item:nth-child(n+3) .itemsale{ background-color:#f60; } .item .itemsaleIstop {} .item .itemsaleTujian {} .item .itemsaleHot {} .item .itemsaleNew {} .item dd { z-index:653; left:0; top:0; width:100%; -webkit-transform: .5s ease-in-out; transition: .5s ease-in-out; } .item dd .itemddinner { z-index:654;} .item dd h4 { padding:0; margin:0; font-size:1em; font-weight:normal; overflow:hidden; height:40px; display:block; } .item dd h4 em { font-style:normal;} .item dd span b { font-style:normal; font-weight:normal;} .item dd p { display:none; margin:.5em 0 0 0; clear:both; color:#999; font-size:.75em; height:36px; overflow:hidden; } .item dd span, .item dd .readmore, .item dd .itemZixun, .item dd .itemJiage, .item dd .itemJiageSale { display:inline-block; vertical-align:top; font-size:.75em; position:absolute; z-index:657; color:#999; -webkit-transform: .5s ease-in-out; transition: .5s ease-in-out; text-align:center; display:none;} .item dd .shijian {} .item dd .liulan {} .item dd .pinglun {} .item dd .readmore, .item dd .itemZixun, .item dd .itemJiage{ display:inline-block; left:0; bottom:0; background-color:#f90; color:#eee; padding:0 2%; width:46%; height:40px; line-height:40px; overflow:hidden; } .item dd .itemJiageSale{ display:inline-block; left:0; bottom:0; background-color:#f5f5f5; color: #ff0000; padding:0 2%; width:46%; height:40px; line-height:40px; overflow:hidden; } .item dd .readmore { width:96%; color:#eee; background-color:#7558c5; -webkit-transform:translateY(100%); transform:translateY(100%); } .item dd .itemZixun { left:auto; right:0; background-color:#7558c5; color:#eee; } .item dd .itemJiage { font-size:1em; color:#333; -webkit-transform:translateY(100%); transform:translateY(100%); } .item dd .itemJiageSale { font-size:1em; } .sidebar .item dd span, .sidebar .item dd .liulan, .sidebar .item dd .pinglun, .sidebar .item dd .readmore, .sidebar .item dd .itemZixun, .sidebar .item dd .itemJiage, .sidebar .item dd .itemJiageSale { display:none;} .itemon dt .iconwrap { -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } .msgshowwrap .item dd p { display:block;} #commentBack .item dd p { display:block;} .itemon { z-index:659 !important; /*z-index:651;*/ box-shadow:0 0 3em #999 !important; } .sidebar .itemon { box-shadow:none !important;} .itemon dd .itemJiage {display:block; -webkit-transform:translateY(0%); transform:translateY(0%); } .itemon dd .itemJiageSale { -webkit-transform:translateY(100%); transform:translateY(100%); } .itemon dd .readmore { display:block; -webkit-transform:translateY(0%); transform:translateY(0%); } .itemContent h5,.itemContentLeft h5 { font-size:1.125em; padding:0; margin:4em 0 1em 0; clear:both; border-top:1px solid #ddd; text-align:center; position:relative;} .itemContent h5 b,.itemContentLeft h5 b { color:#333; display:inline-block; vertical-align:middle; padding:0.15em 1em .15em 1em; background-color:#eee; margin-top:-1.8em; } .itemContentLeft h5 { margin-top:2em; margin-bottom:0; border-top:1px solid #eee; } .itemContentLeft h5 b { background-color:#fff !important;} .itemContentLeft {overflow:hidden; padding:0; margin-bottom:4%; background-color:#fff; border-radius:5px; box-shadow:0 1px 3px #ccc;} .itemContentBox { padding:0 4%; padding-bottom:2%; } .itemContent {overflow:hidden; padding:0 4%; padding-bottom:2%; } .itemWrapper { display:-webkit-flex; flex-wrap:-webkit-wrap; flex-wrap:wrap; display:flex; justify-content:flex-start; align-items:stretch;} ....catalog .itemWrapper:after { content: ""; flex: auto; display:block; } .itemWrapper .item:nth-child(9n) .itembicon { background-color:#4A4A4A;} .itemWrapper .item:nth-child(9n+1) .itembicon { background-color:#428BCA;} .itemWrapper .item:nth-child(9n+2) .itembicon { background-color:#5CB85C;} .itemWrapper .item:nth-child(9n+3) .itembicon { background-color:#D9534F;} .itemWrapper .item:nth-child(9n+4) .itembicon { background-color:#f80;} .itemWrapper .item:nth-child(9n+5) .itembicon { background-color:#00ABA9;} .itemWrapper .item:nth-child(9n+6) .itembicon { background-color:#B433FF;} .itemWrapper .item:nth-child(9n+7) .itembicon { background-color:#B37333;} .itemWrapper .item:nth-child(9n+8) .itembicon { background-color:#567E95;} .swiper-wrapper .item:nth-child(9n) .itembicon { background-color:#4A4A4A;} .swiper-wrapper .item:nth-child(9n+1) .itembicon { background-color:#428BCA;} .swiper-wrapper .item:nth-child(9n+2) .itembicon { background-color:#5CB85C;} .swiper-wrapper .item:nth-child(9n+3) .itembicon { background-color:#D9534F;} .swiper-wrapper .item:nth-child(9n+4) .itembicon { background-color:#f80;} .swiper-wrapper .item:nth-child(9n+5) .itembicon { background-color:#00ABA9;} .swiper-wrapper .item:nth-child(9n+6) .itembicon { background-color:#B433FF;} .swiper-wrapper .item:nth-child(9n+7) .itembicon { background-color:#B37333;} .swiper-wrapper .item:nth-child(9n+8) .itembicon { background-color:#567E95;} .yewu .item {width: 24.3333% !important;} .itemColumn .item { box-shadow:0 0 1px #ccc; } .itemColumn1 .item { width:100%; box-shadow:none; border-bottom:1px solid #eee;} .itemColumn2 .item { width:50%;} .itemColumn3 .item { width:33.3333%;} .itemColumn4 .item { width:50%;} .itemColumn5 .item { width:20%;} .itemColumn6 .item { width:16.6666%;} .itemColumn7 .item { width:14.2857%;} .itemColumn8 .item { width:12.5%;} .module77 .img1x1{ flex-wrap: wrap; } .module44 .item dt .itemdtinner{ height: auto; } .itemColumnKX .item { margin-right:4%; margin-bottom:4%;} .itemColumn1KX .item { width:100%; margin-right:0;} .itemColumn2KX .item { width:48%;} .itemColumn2KX .item:nth-child(2n) { margin-right:auto;} .itemColumn3KX .item { width:30.6666%;} .itemColumn3KX .item:nth-child(3n) { margin-right:auto;} .itemColumn4KX .item { width:22%; } .itemColumn4KX .item:nth-child(4n) { margin-right:auto;} .itemColumn5KX .item { width:16.8%;} .itemColumn5KX .item:nth-child(5n) { margin-right:auto;} .itemColumn6KX .item { width:13.3333%;} .itemColumn6KX .item:nth-child(6n) { margin-right:auto;} .itemColumn7KX .item { width:10.8571%;} .itemColumn7KX .item:nth-child(7n) { margin-right:auto;} .itemColumn8KX .item { width:9%;} .itemColumn8KX .item:nth-child(8n) { margin-right:auto;} /***** .itemlist8 *****/ .itemList8 { clear:both;} .itemList8 .item dd {} .itemList8 .item dd .itemddinner { padding:20px; padding-bottom:60px; } .sidebar .itemList8 .item dd .itemddinner { padding:20px;} .itemList8 .itemddinner{ text-align:left;} .itemList8 .item h4 {} .itemList8 .item .itemsale, .itemList8 .item .itemparent { display:inline-block;} .itemList8 .item .liulan { display:none; left:20px; bottom:20px;} .itemList8 .item .pinglun { display:none; right:20px; bottom:20px;} .itemList8 .item .zhaiyao { display:block; text-align:left; -webkit-transform: .5s ease-in-out; transition: .5s ease-in-out; } .itemList8 .item dd .itemZixun { right:0;} .itemList8 .item dd .itemJiage, .itemList8 .item dd .itemJiageSale , .itemList8 .item dd .readmore { left:0;} /***** .module11 *****/ .module11 { clear:both; padding:0;} .module11 .item { display:-webkit-flex; flex-wrap:-webkit-wrap; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch;} .module11 .item dt { width:20%;} .module11 .item dd { width:80%; position:relative; flex:1; } .module11 .item dd:nth-last-child(1):first-child { width:100%;} .module11 .item dt .itemdtinner { margin:20px; margin-right:0;} .module11 .item dt img { display:inline-block; vertical-align:top;} .module11 .item dt img:nth-child(2){ position:static; left:auto; top:auto; } .module11 .item dt img:nth-child(3){ position:static; left:auto top:auto; } .module11 .item dd .itemddinner { padding:20px 20px 50px 20px; } .sidebar .module11 .item dd .itemddinner { padding:20px; } .module11 .item .itemsale {display:inline-block;} .module11 .item .itemparent { display:inline-block; left:auto; right:20px; top:15px; } .module11 .item .shijia { display:inline-block; position:static; margin-top:.25em; margin-right:.5em; color:#f80; border:1px solid #ddd; border-radius:3px; font-size:12px; line-height:1; padding:5px 6px;} .module11 .item .liulan { display:block; left:20px; bottom:20px;} .module11 .item .pinglun { display:block; right:20px; bottom:20px;} .module11 .item .zhaiyao { display:block; } .module11 .item dd .readmore, .module11 .item dd .itemZixun, .module11 .item dd .itemJiage, .module11 .item dd .itemJiageSale { display:none;} .module11 .itemon {} .module11 .itemon dt img {} .module11 .itemon .readmore {} /***** .module22 *****/ .module22 { clear:both;} .module22 .item dd .itemddinner { padding:20px; padding-bottom:60px; } .sidebar .module22 .item dd .itemddinner { padding-bottom:20px; } .module22 .item .itemsale, .module22 .item .itemparent { display:inline-block;} .module22 .item .liulan { display:block; left:20px; bottom:20px;} .module22 .item .pinglun { display:block; right:20px; bottom:20px;} .module22 .item .zhaiyao { display:block; } /***** .module33 *****/ .module33 { clear:both; } .module33 .item { display:-webkit-flex; flex-wrap:-webkit-wrap; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch;} .module33 .item dt { width:33.3333%; } .module33 .item dd { width:66.6666%; position:relative; flex:1;} .module33 .item dd:nth-last-child(1):first-child { width:100%;} .module33 .item dt .itemdtinner { margin:20px 0 20px 20px; } .module33 .item .itemsale { display:inline-block;} .module33 .item dd .itemddinner { padding:20px 20px 40px 20px;} .sidebar .module33 .item dd .itemddinner { padding-bottom:20px; } .module33 .item dd .shijian { display:inline-block; position:static; float:left; margin-top:.25em; margin-right:.5em; color:#f80; border:1px solid #ddd; border-radius:3px; font-size:12px; line-height:1; padding:5px 6px;} .module33 .item dd .liulan { display:block; left:20px; bottom:20px;} .module33 .item dd .pinglun { display:block; right:20px; bottom:20px;} .module33 .item dd .zhaiyao { display:block; } .module33 .item dd .readmore { display:none; } .module33 .item dd .itemZixun { display:block; background-color:transparent;color:#7558c5; text-align:right; padding:0 6% 0 0; width:44%; } .module33 .item dd .itemJiage, .module33 .item dd .itemJiageSale { display:block; background-color:transparent; transparent;color:#f00; text-align:left; padding:0 0 0 6%; width:44%; } .module33 .itemon {} /***** .module44 *****/ .module44 { clear:both; } .module44 .item dt { background-color:rgba(0,0,0,.1); } .module44 .item dd { position:absolute; top:auto; bottom:0; -webkit-transform:translateY(10%); transform:translateY(10%); /*background-image:linear-gradient(to top,rgba(0,0,0,.6), rgba(0,0,0,0));*/} .module44 .item dd .itemddinner { padding:20px 20px 50px 20px; } .sidebar .module44 .item dd .itemddinner { padding-bottom:40px; } .module44 .item dd h4 a { color:#fff;} .module44 .item .itemsale, .module44 .item .itemparent { display:inline-block;} .module44 .item .liulan { display:inline-block; left:20px; bottom:20px; color:#ccc;} .module44 .item .pinglun { display:inline-block; right:20px; bottom:20px; color:#ccc;} .module44 .item .readmore { width:96%; } .module44 .item dd .zhaiyao, .module44 .item dd .itemZixun, .module44 .item dd .itemJiage, .module44 .item dd .itemJiageSale { display:none;} .module44 .itemon dt { background-color:rgba(0,0,0,.8);} .module44 .itemon dd { -webkit-transform:translateY(0); transform:translateY(0);} /***** .module55 *****/ .module55 { clear:both; padding:0; } .module55 .item dt .itemdtinner { margin:0;} .module55 .item dd { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); } .module55 .item dd .itemddinner { float:left; margin:0; padding:0; width:100%; height:100%; } .module55 .item .itemsale, .module55 .item .itemparent { display:none; } .module55 .item dd h4 { padding:1em; text-align:center; margin-top:25%; } .module55 .item dd h4 a {color:#fff;} .module55 .item .readmore { display:none; color:#fff; position:static; box-shadow:0 0 1px #fff; width:80%; margin-left:8%; } .module55 .item .readmore:hover { background-color:#7558c5; } .module55 .itemon dd { background-color:rgba(0,0,0,.8);} /***** .module66 *****/ .module66 { clear:both; padding:0; } .module66 .item dt { background-color:#000;} .module66 .item dd { position:absolute; left:0; top:0; height:100%; background-image:linear-gradient(to top,rgba(0,0,0,0), rgba(0,0,0,.8)); } .module66 .item dd .itemddinner { padding:20px 20px 40px 20px; } .sidebar .module66 .item dd .itemddinner { padding-bottom:20px; } .module66 .item dd h4 { font-size:1.125em; margin-top:4%;} .module66 .item dd h4 a { color:#fff; } .module66 .item .itemsale, .module66 .item .itemparent { display:none; } .module66 .item .liulan { display:block; left:20px; bottom:20px; color:#fff;} .module66 .item .pinglun { display:block; right:20px; bottom:20px; color:#fff;} .module66 .item .readmore {} .module66 .item .zhaiyao { display:none; color:#fff; } .module66 .itemon {} .module66 .itemon dd {} .module66 .itemon dd .zhaiyao { display:block;} /***** .module77 *****/ .module77 { clear:both;} .module77 .item dt .itemdtinner { margin:20px 20px 0 20px; border-radius:999em; overflow:hidden; transition:all 0.3s ease-in-out; height: 167px;} .module77 .item dt .itemdtinner img{isplay: inline-block; vertical-align: top; overflow: hidden; width: 100%; -webkit-transform: .5s ease-in-out; transition: .5s ease-in-out;} .module77 .item dd .itemddinner { padding:20px; padding-bottom:60px; } .sidebar .module77 .item dd .itemddinner { padding-bottom:20px; } .module77 .item .itemsale, .module77 .item .itemparent { display:inline-block; } .module77 .item .liulan { display:block; left:20px; bottom:20px; } .module77 .item .pinglun { display:block; right:20px; bottom:20px; } .module77 .item .zhaiyao { display:block; } .sidebar .module77 .item h4 { text-align:center;} .sidebar .module77 .item .itemparent, .sidebar .module77 .item .liulan, .sidebar .module77 .item .pinglun, .sidebar .module77 .item .zhaiyao { display:none; } .itemChange .itemWrapper { flex:none !important; display:block !important;} .itemChange .item { display:inline-block !important; float:left; } .itemChange .itemColumn4 .item:nth-child(6n){ width:25%;} .itemChange .itemColumn4 .item:nth-child(6n+3){ width:50%;} .itemChange .itemColumn4 .item:nth-child(6n+4){ width:50%; margin-top:-16.725%; } .itembgf5f5f5 .item { background-color:#f5f5f5; } .item-col-2-kx { clear:both; overflow:hidden; } .itemlistwrap { margin-right:-4%; } .item-col-2-kx .item { width:46%; margin:4% 4% 0 0; position:relative;} .item-col-2-kx .item dd { _display:none; position:absolute; left:0; top:80%; height:20%; background-color:rgba(0,0,0,.8)} .item-col-2-kx .item dd h4 { font-size:100%; padding:4%; width:92%; border-radius:3px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .item-col-2-kx .item dd p { display:block} .item-col-2-kx .itemon { box-shadow:0 0 5px #999; } .item-col-2-kx .itemon dd { display:block; box-shadow:0 0 10px #39c inset; top:0; height:100%;} .item-col-2-kx .itemon dd .readmore { left:0; top:0; display:block; width:100%; height:100%; text-indent:-999em; background-image:url(../images/alink32w_3.png); background-repeat:no-repeat; background-position:center center;} .tagDseoAfter .itemlist .morebox { display:block;} /********************************** posttag ************************************/ .posttag { overflow:hidden; clear:both; text-align:left; font-size:.75em; } .posttag a { margin:.5em .5em 0 0; display:inline-block; overflow:hidden; vertical-align:middle; text-decoration:none !important; position:relative; border-radius:3px; height:20px; line-height:20px; padding:5px 8px; color:#7558c5; background-color:#ecf5ff; } .posttag u { display:inline-block; vertical-align:middle; padding:0; height:20px; line-height:20px; color:#333; font-size:1.25em; text-decoration:none !important; } .posttag a:hover { color:#fff; background-color:#7558c5; } /********************************** banner0 ************************************/ .banner0navWrap { height:100px; padding:0; overflow:hidden; margin-top:-100px;} #banner0nav { background-color:rgba(0,0,0,.2);} #banner0nav .swiper-wrapper { white-space:nowrap; } #banner0nav .swiper-slide { text-align:left; color:#fff; } #banner0nav .swiper-inner { padding:20px;height:60px; } #banner0nav .swiper-inner img { display:inline-block; vertical-align:top; width:20%; float:left; margin-top:0; margin-right:20px;} #banner0nav .swiper-inner p { margin-top:0; font-size:12px; } #banner0nav .swiper-inner p big { line-height:1;} #banner0nav .swiper-inner p a { white-space:nowrap; color:#1473e6;} #banner0nav .swiper-slide-thumb-active { background-color:rgba(255,255,255,.2);} #banner0 { background-color:#000; overflow:hidden; } #banner0 .swiper-wrapper { -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .banner0box { width:100%; height:100%; position:relative; z-index:710;} .banner0inner { padding:12% 4%; text-align:center; overflow:hidden; } .banner0inner img { display:inline-block;} .banner0inner .ani-img { width:16%; margin:0 auto; display:block;} .banner0img { width:100%; height:95%; padding-top:80px; z-index:730; text-align:center; overflow:hidden; position:relative;} .banner0imgwrap { width:100%; height:100%; } .banner0img img { display:block; margin:0 auto; width:100%; height:auto;} .banner0img video{ display:block; width:100%; margin:-1% auto 0 auto;} .banner0cover { display:block; width:100%; height:100%; overflow:hidden; position:absolute; z-index:735; left:0; top:0; /*background-image:url(../images/banner_bg_b.gif); background-color:rgba(0,0,0,.2); */box-shadow:0 0 20em #000 inset; } .banner0text { position:absolute; left:0; top:0; z-index:740; margin:0; padding:0; width:100%; height:100%; color:#fff; text-align:center; overflow:hidden; } .banner0 .left { width:42%; padding:12% 4%; text-align:left; z-index:99;} .banner0 .right { width:42%; padding:12% 4%; text-align:center; z-index:98; } .banner0 .right img, .banner0 .right video { width:60%;} .banner0 h1,.banner0 h2 { margin-top:3em; white-space:normal; text-shadow:15px 2px 20px #333333;} .banner0 p { font-size:1.125em;} .banner0 h1 img { max-width:90%;} .banner0 h2 img { max-width:90%;} .banner0 .swiper-slide h1{ transform:translateX(-600px); opacity:0; transition:all 1s;} .banner0 .ani-slide h1 { transform:translateX(0); opacity:1; } .banner0 .swiper-slide h2{ transform:translateX(600px); opacity:0; transition:all 1s;} .banner0 .ani-slide h2 { transform:translateX(0); opacity:1; } #banner0 .swiper-slide { overflow:hidden;} .banner1 { width:100%; color:#333;margin-top: 80px;} .banner1 a { color:#999; } .banner1 .left { width:48%; text-align:left;} .banner1 .right { width:48%; text-align:right; } .banner1box { width:100%; height:100%; position:relative; z-index:710; overflow:hidden;} .banner1inner { text-align:center;} .banner1img { width:100%; height:100%; position:absolute; left:0; top:0; z-index:730; text-align:center; overflow:hidden; background-position:center top; background-repeat:no-repeat; background-size:100% auto; object-fit:cover; background-image:url(../images/wuliuyunshu_bg.jpg); } .single .banner1img { background-image:none; } .banner1imgwrap img { display:block; width:100%; margin:0 auto;} .banner1imgwrap video{ display:block; width:100%; margin:-1% auto 0 auto;} .banner1cover { width:100%; height:100%; position:absolute; z-index:735; left:0; top:0; background-color:rgba(0,51,153,.6); } .single .banner1cover { background-color:transparent; } .banner1text { position:relative; z-index:740; padding: 120px 4% 0 4%; text-align:center; } .smalltitle { font-size:.875em !important; font-weight:normal !important; color:#000;} .banner1 h1 { margin-top:2em; margin-bottom:0; color:#fff; } .banner1 h1 a { color:#fff; } .banner1 .smalltitle { margin-top:1em; margin-bottom:1em; display:block; color: #fff; font-size: 26px !important;} .banner1 h1.smalltitle { margin-bottom:0; } .banner1 h2 { font-size:1em; font-weight:normal; margin-top:0 !important; margin-bottom:2.5em; color:#ccc; } .banner1 h2 a { color:#ccc; } .banner1 h2.smalltitle { margin-bottom:1em; font-size:.875em !important;} #subnav { width:100%; overflow:hidden; z-index:760; clear:both; font-size:12px; } .single #subnav { width:75%; float:left;} .subnav { clear:both; text-align:center; font-size:.875em; font-size:12px;} .subnav li { display:inline-block; text-align:center; font-weight:bold; border-radius:3px 3px 0 0; overflow:hidden; background-image:linear-gradient(to top,rgba(255,255,255,1), rgba(255,255,255,.4)); } .subnav li a { display:block; padding:0 .5em; height:40px; line-height:40px; overflow:hidden; color:#7558c5; } .subnav li a:hover { background-color:#fff; color:#f80;} .subnav-bottom { clear:both; width:100%; overflow:hidden; z-index:760; } .subnav-bottom .subnav li { border-radius:0 0 3px 3px;} .subnav-bottom .subnav li a { background-color:#fff;} .subnav-bottom .subnav li a:hover { background-color:#f5f5f5; } .subnav .swiper-slide-active { color:#06c; background-color:#fff; } .subnav .swiper-slide-active a { color:#06c; } /********************************** .main begin ************************************/ .main { width:100%; position:relative; z-index:650; } .shangxia { width:100%; padding:0; margin:0;} .shangxia dt { font-size:1em; height:30px; text-align:left; font-size:1.25em; position:relative; } .shangxia dt a {} .shangxia dt b { display:inline-block; vertical-align:top; overflow:hidden; height:30px; line-height:30px; padding:0; font-weight:normal; } .shangxia dt u {} .shangxia dt i { display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:0; top:0;} .shangxia dd { margin-top:2%; padding:0 ; text-align:left;} .shangxia dd ul { display:table-cell;} .shangxia .shangxiaimg { float:right; width:100%; height:60px; overflow:hidden; } .shangxia dt .on {} .pricetime dd { margin-top:.75em;} .mod { clear:both; position:relative; text-align:center;} .modbox {} .modleft,.modright { display:inline-block; vertical-align:top; width:42%; padding:4%; text-align:left; } .modleft {} .modright {} .usertools { overflow:visible; width:100%; text-align:center; color:#666; } .usertools .modleft,.usertools .modright { width:26%;} .usertools a { color:#f80;} .mod22 { position:relative; z-index:650; } .mod22 .box,.mod22 .boxfull {} .mod22 .left { width:75%; } .catalog .mod22 .left { width:100%;} .mod22 .right { width:23%; text-align:center;} .mod22 .right h5 { font-size:1em; padding:0; margin:1em auto; clear:both; text-align:center; color:#333; } .mod22 .right h5 b { display:inline-block; vertical-align:middle; position:relative; } .mod22 .right h5 b:before,.mod22 .right h5 b:after { content:"\200B"; position:absolute; top:50%; width:2em; height:2px; background-color:#ccc; clear:both; display:inline-block; vertical-align:middle; text-align:center; overflow:hidden; } .mod22 .right h5 b:before { left:-3em; } .mod22 .right h5 b:after { right:-3em; } .sidebar,.sidebar1 { clear:both; position:relative; overflow:hidden; border-radius:5px; margin:0 0 4em 0; } .sidebar li { border-top: 1px solid #eee; overflow: hidden; font-size: 16px; position: relative; padding: 15px 0 15px 0; } .sidebar li:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 26px; } .sidebar li a { display: block; word-break: break-all; color: #000000; } .sidebar li a:hover { color: #c00; } .sidebar .text time { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #999; } .far { font-weight: 400; } .far{ font-family: "Font Awesome 5 Free"; } .far{ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-calendar-alt:before { content: "\f073"; } .partnav { width:100%; margin:1em 0 0 0; clear:both; overflow:hidden;} .partnavbox { width:100%; text-align:center; overflow:hidden; display:flex; flex-wrap:wrap;} .partnav li { display:inline-block; vertical-align:top; overflow:hidden; float:left; text-align:center; padding:2%; width:21%; border:1px dashed #ccc; margin:-1px; } .partnav li img { width:80%; margin:0 auto; border-radius:5px; background-color:#fff; padding:5px; } .partnav6 li { width:12.6666% !important;} .partnav li:hover img { animation:partnav1 1s forwards; } @keyframes partnav1 { 0% { transform:rotate(0deg) scale(0,0); } 50% { transform:rotate(0) scale(-1.2,1.2); } 100% { transform:rotate(0) scale(1,1); } } .postinfo,.partinfo { position:relative; text-align:left; margin-top:1em; margin-bottom:1em; padding:1em; border-radius:4px; font-size:.875em; background-color:#ecf5ff; border-color:#d2e9ff; } .postinfo strong,.partinfo em { font-style:normal; font-weight:normal;} .postinfo p:first-child { margin-top:0;} .postinfo .anniu0 { margin-top:0; margin-bottom:0;} .partinfo .more,.postinfo .more {color:#f00; display:inline-block; vertical-align:top; text-align:center; padding:.25em .5em; border-radius:5px 0 5px 0; position:absolute; right:1em; bottom:1em;} .partinfo .moreon,.postinfo .moreon {} .partinfo .moreopen {} .partinfo .moreclose,.postinfo .moreclose {color:#7558c5;} .morebox { display:none; position:relative; z-index:350;} .contenttitle { clear:both; padding:0 0 1em 0; border-bottom:1px dashed #ccc; } .contentremarks, .Copyright { clear:both; padding:1em 0; border-top:1px dashed #ccc; margin-top:4%; } .contentremarks p:first-child, .Copyright p:first-child { margin-top:0 !important} .Copyright { font-size:.75em; color:#999; } .contenttop { position:relative; padding:0 4%; } .contenttop .left { width:23%;} .contenttop .right { width:75%; } .contentmore { display:inline-block; vertical-align:middle; text-align:center; padding:10px 10px; float:right; } .single .contenttop {} .contentbox { position:relative; padding:4%; } .texthide H4{ font-size: 18px;border-left: 5px solid #0066d4;line-height: 34px;background: #f2f2f3;clear: both;margin: 10px 0px;padding: 0px 0px 0px 10px;font-weight: bold;} .contentboxfull { position:relative; padding:0; } .contentinfo { position:relative; margin-top:0; padding:1em; border-radius:4px; font-size:.875em; background-color:#f5f5f5; border-bottom:1px dashed #ccc;} .contentinfo .icon-quote-right { position:absolute; right:0; top:0; font-size:2em; color:#d2e9ff;} .contentinfo strong ,.contentinfo em { font-style:normal; font-weight:normal;} .posttime { position:absolute; right:1em; top:1em; color:#ccc; font-size:.875em; } .posttel { white-space:nowrap;} .contentnum { overflow:hidden; font-size:.75em; color:#999; margin:0 auto; text-align:center; border-bottom:1px dashed #ccc; } .contentnum li { display:inline-block; vertical-align:top; text-align:center; padding:1em 1em; border-left:1px solid #eee;} .contentnum li:first-child {border-left:none;} .contentnum li u { color:#333; } .contentnum li b { text-align:center; font-weight:normal;} .contentinfotext { display:table-cell; *display:inline-block; width:5000px; *width:auto; vertical-align:top; text-align:left; position:relative;} .contentinfotext p,.contentinfotext h1 { text-align:left !important; margin:0 !important; font-size:.75em; } .contentinfotext h1 { font-size:1em !important;} .contentinfotext i { color:#ddd;} .contentinfotext span { font-weight:normal;} .contentinfotext b { font-weight:normal;} .contentinfotext .more { color:#f00;} .posticon { font-size:.75em; text-align:center;} .posticon b { padding:.25em; font-weight:normal; display:inline-block; vertical-align:top; overflow:hidden; color:#f00; white-space:nowrap; } .posticon u { color:#666;} .content { text-align:left; margin-bottom:4%; } .content:after { content:"\200B";display:block; height:0; clear:both; } .content1 {min-height:auto !important; } .catalog .content { margin-bottom:0; overflow:hidden;} .content h1,.content h2 { text-align:center; color:#333; font-weight:bold; margin-top:.5em;} .content h1 a:hover { text-decoration:underline;} .content h3 { font-size:1.125em; color:#555; clear:both; margin-top:2em; border-bottom:1px solid #7558c5; overflow:hidden; position:relative; } .content h3 b { display:inline-block; vertical-align:middle; color:#fff; background-color:#7558c5; padding:.5em .75em; text-align:left; margin-right:5px; width:18%; font-size:14px; font-weight:normal; } .content h3 span { display:inline-block; vertical-align:middle; padding:.5em .75em; color:#999; } .content h3 em { display:inline-block; font-size:12px; vertical-align:middle; padding:.5em .75em; color:#fff; background-color:#7558c5; position:absolute; right:0; bottom:0; } .content h5 { font-size:1em; padding:0; margin:0; clear:both; line-height:1; text-align:left;} .content h5 b { color:#000; display:inline-block; vertical-align:middle; padding:10px 10px; background-color:#d2e9ff; } .text { text-align:left; -moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:none; /* IE私有属性(IE10及以后) */ -khtml-user-select:none; /* KHTML内核私有属性 */ -o-user-select:none; /* Opera私有属性 */ user-select:none; /* CSS3属性 */ } .text h2 { font-size:1em; text-align:left; margin-top:3em; padding-left:5px; clear:both; border-left:4px solid #7558c5; color:#333; } .text img { max-width:99%; display:inline-block; vertical-align:top;height: 100%; } .text p { margin-top:1.5em; line-height:1.65; text-align:justify;} .text .tip p { margin-top:1em; line-height:1.5;} .text blockquote p { margin-top:1em; line-height:1.5;} .text a {color:#ee6868;} .text a:hover { text-decoration: none; color: #de4a00; } .sm a{color:#333;} .sm a:hover {text-decoration: none;color: #de4a00;} .sx a{color:#333;} .sx a:hover {text-decoration: none;color: #de4a00;} .texthide { /*height:700px;*/ overflow:hidden;} .texthideonoff { position:relative; z-index:888; clear:both; text-align:center; cursor:pointer; height:40px; margin-top:-100px; padding-top:100px; background-image:linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 100%); font-size:.875em; } .tags { overflow: hidden; font-size: 16px; color: #333; padding: 10px 0; margin-bottom: 2.43%; } .tags a { margin: 0 0.5em 0 0; display: inline-block; overflow: hidden; vertical-align: bottom; text-decoration: none !important; position: relative; border-radius: 3px; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #004b97; color: #004b97; background-color: #f5f5f5; } .text h5 { text-align:left; margin-top:1em;} #citynav { width:100%; height:50px; overflow:hidden; clear:both; text-align:center;} #citynav a { display:inline-block; width:48px; height:48px; line-height:48px; margin:0 auto; text-align:center; border-radius:50%; overflow:hidden; color:#fff; border:1px solid #fff; } .RALcolor a { text-decoration:none !important; color:#fff !important; font-size:12px; padding:1em 1.5em; display:inline-block;} /********************************** pagebar ************************************/ .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px;text-align: center;} .pagination>li{display:inline;} .pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;} .pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;} .pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;} .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;} .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;} .ias_trigger,.ias_loader { font-size:12px;} .ias_trigger a,.ias_loader a {color:#f80;} /******************* tuzi ************************************************************************************/ .tuzi { overflow:hidden; width:92%; padding:4%; padding-top:120px; background-color:#fff; display:flex; flex-wrap:wrap; } .tu { width:33.3333%; display:inline-block; vertical-align:middle; overflow:hidden; text-align:center; float:left; margin-right:4%;} .tubox { position:relative; overflow:hidden; width:100%; height:100%; } #tuziimg { width: 100%; height:100%; position:relative; } #tuziimg .swiper-wrapper { white-space:nowrap;} #tuziimg .swiper-slide { display:inline-block; vertical-align:top; overflow:hidden;} #tuziimg img { width:100%; display:block; } .zi { width:62.6666%; float:right; display:inline-block; vertical-align:top; text-align:left; } .zibox { padding:0; position:relative; overflow:hidden; } .zi h1,.zi h2 { padding:0; margin:0; font-weight:bold; font-size:1.5em;} .zi p { padding:0; margin:0;} .zi .zhaiyao { overflow:hidden; margin-top:0; color:#999; font-size:.875em; } .jiagemod { position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:1em; padding:.5em 0 1em 0; clear:both;} .jiagemodtitle { float:left; } .jiagemodtitle b { font-weight:normal; } .jiagemodtext { display:table-cell; *display:inline-block; width:2000px; *width:auto; vertical-align:top;} .jiagemodtext a { margin:0 .5em .5em 0; display:inline-block; vertical-align:middle; overflow:hidden; font-size:12px; background-color:#fff; border:1px solid #ddd; } .jiagemodtext a span { display:inline-block; vertical-align:middle; padding:.25em .5em; overflow:hidden; color:#666; text-align:center; } .jiagemodtext a:hover { color:#000; border:1px solid #7558c5; } .jiage { clear:both; margin-bottom:.5em; position:relative; padding:.5em 0; overflow:hidden; } .jiage b { line-height:1;} .jiage big { color:#f00; font-size:1.75em;} .jiage a { display:inline-block; position:absolute; color:#999; font-size:.875em; } .jiage a:hover { color:#f00; } .jiage .jgsm { right:0; top:0; } .jiage .gyys { right:0; bottom:.5em; } .chicun { text-align:left; clear:both; } .chicun .jiagemodtext a { } .chicun .jiagemodtext a u { display:inline-block; vertical-align:middle; padding:.25em .5em; text-decoration:none; overflow:hidden; text-align:center; color:#1473e6; } .cengzhan { text-align:left; clear:both; } .zaizhong { text-align:left; clear:both; } .xinghao { text-align:left; clear:both; } .yanse { text-align:left; clear:both; } .yanse .yanse_1 { background-color:#f5f5f5; color:#333;} .yanse .yanse_2 { background-color:#fc9; color:#333;} .yanse .yanse_3 { background-color:#fff; color:#666;} .yanse .yanse_4 { background-color:#333; color:#fff;} .yanse .yanse_more { background-color:#fff;} .guanguang { text-align:left; clear:both; } .beizhu { text-align:left; margin-top:1em; clear:both; color:#ccc; display:none } .zixun { margin-top:1em; clear:both; text-align:left; font-size:1.125em; padding-bottom:1em; padding-right:4em; position:relative; } .zixunon { position:absolute; right:0; top:0;} .zixun .shuzi { display:inline-block; position:absolute;color:#999; font-size:.75em; } .zixun .liulan { right:0; top:1em; } .zixun .pinglun { right:0; bottom:3em; } .zixun .liulan big,.zixun .pinglun big { color:#f00; font-size:100% !important; font-weight:normal; } .jiagemod #cengzhan .actived span { border-color:#1473e6; } .jiagemod #zaizhong .actived span { border-color:#1473e6; } .jiagemod #yanse .actived span { border-color:#1473e6; } .jiagemod #guanguang .actived span { border-color:#1473e6; } .tab { clear:both; width:100%; height:60px; padding:0 0%; text-align:center; position:absolute; left:0; top:0; z-index:9600; } .tab a { display:inline-block; vertical-align:top; text-align:center; width:25%; height:60px; line-height:60px; padding:0; font-weight:normal; font-size:1.125em; margin:0; float:left; margin-left:-1px; border-left:1px solid #ddd; color:#333; background-color:rgba(0,0,0,.1); } .tab .tabnav9 { display:none; float:right; background-color:#f80; color:#fff; } .tab .tabnav9:hover { background-color:#f70; box-shadow:0 0 3px #f60;} .tab a u {} .tabon { position:fixed; text-align:left; } .tabon a { color:#ccc; background-color:rgba(0,0,0,.8);} .tabon .tabnav_current { background-color:transparent; background-color:rgba(0,0,0,.6); color:#fff; } .tabon .tabnav9 { display:block;} /********************************** .location ************************************/ .silan { margin-right:-20px; overflow:hidden; text-align:center;} .silan li { display:inline-block; *display:inline; *zoom:1; float:left; width:218px; height:228px; margin:20px 20px 0 0; border:1px solid #ddd; background:#eee; overflow:hidden; } .silan li img { display:block; margin:0 auto 0px auto; width:100%; } .silan li p { margin:14px 0 0 0;} /********************************** .location ************************************/ .location { clear:both; color:#999; background-color:#eee; font-size:12px; position:relative; z-index:1651;} .location .left { width:49%; padding:0; } .location .right { width:49%; padding:0; } .locationinner a { display:inline-block; vertical-align:top; overflow:hidden; max-width:100px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; position:relative; } .locationinner .first { width:45px; } .locationinner b { color:#000; display:none;} .locationinner img { display:inline-block; vertical-align:middle; margin:0 1%; width:100px; padding:0;} .locationinner a i { display:inline-block; vertical-align:top; overflow:hidden; padding:0; width:40px; height:50px; background:url(../images/city04.gif) right center no-repeat; margin:0 3px 0 -25px; } .locationinner a:last-child i {display: none} /********************************** .onlinechat_list ************************************/ .onlinechat_list { margin:0; padding:0; } .onlinechat_list dt { display:none;} .onlinechat_list dd { margin:0; padding:0; text-align:right;} .onlinechat_list dd a { display:inline-block; vertical-align:top; width:20px; height:50px; padding:0 15px; background-position:center center; background-repeat:no-repeat; text-align:center; overflow:hidden; border-right:1px solid #ddd; position:relative; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .onlinechat_list dd a:last-child { border-right:none;} .onlinechat_list dd a u { display:block; margin-top:10px;} #copyWXcontent { position:absolute; left:-999em; top:999em;} .onlinechat_list dd a:hover { box-shadow:0 0 2em #999; } .onlinechat_list .onlinechat_qq {} .onlinechat_list .onlinechat_wx { width:auto; color:#0c0; } .onlinechat_list .onlinechat_email { width:auto; color:#f00; } .onlinechat_list .onlinechat_chat { width:auto; color:#f0f; } .onlinechat_list .onlinechat_tel { width:auto; color:#f00; } .onlinechat_list .onlinechat_more { width:auto; color:#7558c5;} #nb_icon_wrap,#nb_invite_wrap,#nb_nodeboard,#newBridge,#nb_icon_groups,#nb_invite_welcome,.nb-invite-btn-base { position:absolute; right:-9999em !important; top:-9999em !important; display:none !important;} /********************************** .menu begin ************************************/ .menu { clear:both; background-color:#f5f5f5; position:relative; z-index:652; } .menu dl { display:inline-block; vertical-align:top; width:11%; margin:1em 0 2em 4%; padding:0; overflow:hidden; } .menu dl dt { font-size:1.125em; position:relative; height:60px; overflow:hidden; color:#333; } .menu dl dt img { display:inline-block; } .menu dl dt a { display:block; width:100%; color:#333; position:relative; } .menu dl dt b { display:inline-block; padding:0; height:60px; line-height:60px; overflow:hidden; font-weight:normal; } .menu dl dt u { display:inline-block; vertical-align:top; overflow:hidden; height:60px; line-height:60px; text-align:center; } .menu dl dt i { display:inline-block; vertical-align:top; overflow:hidden; width:60px; height:60px; line-height:60px; text-align:right; position:absolute; right:1%; top:0; display:none; cursor:pointer; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .menu dl dd ul { font-size:14px; overflow:hidden;} .menu dl dd li {} .menu dl dd li a {display:inline-block; color:#999; margin:0 .5em .5em 0;transition:all 0.3s ease-in-out; } .menu dl dd li a:hover { color:#000; text-decoration:underline; } .menu dl dd li img { display:inline-block; vertical-align:middle;} .menu .menulist9 { float:right; width:21%; margin-left:0; margin-right:4%; } .menu .menulist9 dd { display:block; border-right:none; padding-right:0; } .menu .active dt b { color:#1473e6;} .menu .active dt i {-webkit-transform:scale(1,-1);transform:scale(1,-1);} .weixin_list { clear:both; overflow:hidden; color:#fff; font-size:12px; margin-top:1em; display: flex; justify-content: space-between; } .weixin_list li { display:inline-block; float:left; width:31%; text-align:center; background-color:#eee; border-radius:5px; overflow:hidden; border:1px solid #ddd; } .weixin_list li img { width:100%; margin:0 auto; } .weixin_list li b,.weixin_list li span { display:inline-block; padding:5px 0; color:#999; font-size:12px; } .weixin_list li.last { margin-right:0; float:right;} .menuli2 li { display:inline-block; float:left; width:46%; margin-right:2%; white-space:nowrap; overflow:hidden;} .tel-global { width:80% !important; padding:.5em 11% .5em 9% !important; color:#fff !important; background-color: #de4a00; border-radius:3px; } .tel-global u { display:inline-block; vertical-align:top; overflow:hidden; width:48px; height:48px; margin-right:1em; background-image:url(../images/tel.png); background-position:center center; background-repeat:no-repeat; animation:tel-globalu0u 3s infinite linear; } .tel-global span { display:inline-block; vertical-align:top; overflow:hidden; height:48px; font-size:1.25em; font-weight:bold } .tel-global small { display:block; text-align:left; text-indent:.125em;} .tel-global:hover { background:none !important; background-color:#06c !important;} @keyframes tel-globalu0u { 0% { transform:rotate(0deg) scale(1,1); } 50% { transform:rotate(-180deg) scale(1,1); } 100% { transform:rotate(-360deg) scale(1,1); } } /********* .footer ********************************************************************************/ .footer { color:#666; background-color:#222; font-size:.75em; position:relative; z-index:653;} .footer a { color:#999;margin-right: 5px;} .footer a:hover { color:#7558c5;} .footer .box { padding-top:1.5em; padding-bottom:1.5em; } .footer u { text-decoration:none; white-space:nowrap;} .footer h6 { margin-top:1em; } .footer .left { width:52%;text-align:left;} .footer .right { width:44%; text-align:right; } .footerlogo { display:inline-block; vertical-align:top; height:80px; float:right; margin-left:6%; } .beian { overflow:hidden;} .beian img { display:inline-block; vertical-align:bottom;} .sitelinks { overflow:hidden; clear:both; text-align:left; color:#555; padding:1em; background-color:#111; font-size:.75em; position:relative; z-index:655; } .sitelinks a { color:#777; white-space:nowrap;} .sitelinks a:hover { color:#7558c5;} .links { overflow:hidden; clear:both; text-align:left; color:#555; padding:1em; background-color:#222; font-size:.75em; position:relative; z-index:654; } .links a { color:#555; white-space:nowrap;} .links a:hover { color:#7558c5;} /********* guestbook *****/ #commentPost { border-radius:5px; margin:1em 0 0 0; padding:0; } #commentBack { width:100%; overflow:hidden; clear:both;} .commentUL { clear:both; } .commentUL:after { content:"\200B";display:block; height:0; clear:both; } .commentUL li { display:inline-block; vertical-align:middle; margin:0 0 1em 0; padding:0; position:relative; width:28%; margin-right:7%;} .commentUL li sup { position:absolute; color:#f00; right:8px; top:0; font-size:1.5em;} .commentUL .commentTextarea { width:100%;} .commentUL .commentName {} .commentUL .commentTel {} .commentUL .commentMail { margin-right:0;} .commentUL .commentRemember {} .commentUL .commentRemember label { cursor:pointer;} .commentUL .commentVerify {} .commentUL .commentVerify img { display:inline-block; margin:0; padding:0; vertical-align:top; margin-top:2px; margin-left:-120px;} .commentUL .commentSubmit {text-align:center; width:100%;} .commentUL .commentSubmit .anniu0 { width:100%; margin:1em auto; padding:1em 0; font-size:1.25em; } .commentUL .error { color:#f00;} .btnLoading { background-color:#090 !important;} .btnDisabled { background-color:#ccc !important;} .itemlist .itemComment:first-child,.content .itemComment:first-child { box-shadow:none;} .itemComment { clear:both; margin-top:0; padding:10px 0; box-shadow:0 -1px 0 #eee; -moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:none; /* IE私有属性(IE10及以后) */ -khtml-user-select:none; /* KHTML内核私有属性 */ -o-user-select:none; /* Opera私有属性 */ user-select:none; /* CSS3属性 */ } .itemComment dt { display:inline-block; width:64px; float:left; margin-right:10px; position:relative; overflow:hidden; text-align:center;} .itemComment dd { display:table-cell; *display:inline-block; width:3000px; *width:auto; vertical-align:top; height:64px; min-height:64px; *height:auto; } .itemComment dd h4 { font-size:1em;} .itemComment dd p { margin-top:.5em;} .itemComment .moreopen,.itemComment .moreclose { font-size:12px; color:#999; } .itemCommenti { display:inline-block; width:48px; height:48px; line-height:48px; text-align:center; color:#fff; overflow:hidden; border-radius:50%;} .itemCommenti img { display:block; width:100%; } .itemCommentn { font-weight:bold; color:#000; font-size:.875em;} .itemCommentp { display:inline-block; color:#ccc; float:right; font-size:.75em; margin:2px 5px 0 0;} .itemCommentquote dd { padding: 7px 10px; background-color: #f5f5f5; font-size: .875em; } .itemCommentquote dt { width: 32px; margin-left: 10px; margin-right: 0; } .itemCommentquote { clear:both; overflow:hidden; margin-top:-30px; padding:10px 0; box-shadow:none; margin-left:-44px } .itemCommentquote .itemComment-title { width:32px; margin-left: 0;float: left; margin-right: 10px; position: relative; overflow: hidden; text-align: center;} .itemCommentquote .itemCommenti { width:32px; height:32px; line-height:32px; } .itemCommentquote .itemComment-content { padding:7px 10px; background-color:#f5f5f5; font-size:.875em;display: table-cell; *display: inline-block; width: 3000px; *width: auto; vertical-align: top; height: 64px; min-height: 64px; *height: auto;} .itemCommentquote .itemComment-content .itemCommentn { color:#7558c5; } .itemCommentquote .itemComment-content p { position:relative; color:#333; } .itemCommentquote .itemComment-content p a { color:#7558c5; } .itemCommentquote .itemComment-content p a:hover { text-decoration:underline;} .zx-main{ display: flex; padding-bottom: 80px; } .zx-side{ min-width: 190px; } .zx-side-list{ position: relative; } .zx-side p{ width: 80px; text-align: center; margin-top: 0; padding: 10px 0; transition: all 0.5s; height: 30px; } .zx-side-list::before{ position: absolute; left: 0; content: ' '; height: 100%; background: #999999; width: 1px; transition: all 0.5s; } .zx-side p.on, .zx-side p:hover{ position: relative; } .zx-side p.on::before, .zx-side p:hover::before{ position: absolute; left: -1px; top: 0; content: ' '; width: 2px; height: 100%; background: #de4a00; } .zx-side p.on a, .zx-side p:hover a{ color: #de4a00; font-size: 20px; } .zx-side-more{ color: #de4a00; font-size: 18px; position: absolute; bottom: -65px; white-space: nowrap; left: 10px; } .zx-article{ flex-grow: 1; display: none; justify-content: space-between; text-align: left; } .zx-article.on{ display: flex; } .zx-article-list{ width: 100%; } .zx-article-list:nth-of-type(2),.zx-article-list:nth-of-type(3){ width: 35%; } .zx-article-list-2{ display: flex; justify-content: space-between; } .zx-article-list-2-img{ width: 32%; } .zx-article-list-2-info{ width: 64%; } .zx-article-list-2-img img{ width: 100%; display: block; } .zx-article-list-2-info a{ color: #de4a00; font-size: 18px; } .zx-article-list-1-img{ display: block; } .zx-article-list-1-img img{ width: 100%; display: block; } .zx-article-list-1-title{ text-align: left; } .zx-article-list-1-title a{ color: #de4a00; font-size: 18px; } .zx-article-list-1-desc{ color: #666666; text-align: left; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 10px; } .zx-article-list-1-date{ text-align: left; color: #999999; position: relative; border-bottom: 1px solid #eeeeee; height: 35px; } .zx-article-list-1-date::before{ content: ' '; position: absolute; left: 0; bottom: 0; width: 40px; background: #de4a00; height: 1px; } .zx-article-list-1-list{ line-height: 35px; margin-top: 25px; text-align: left; } .zx-article-list-1-list a{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 32%; float: left; margin-right: 15px; } .zx-article-list-1-list a span { float: right; color: #ccc; font-size: .75em; } .zx-article-list-2-info-desc{ font-size: 14px; margin-top: 6px; } .zx-article-list-2-info-link{ overflow: hidden; margin-top: 15px; } .zx-article-list-2-info-link a{ border: 1px solid #e1e1e1; color: #666666; font-size: 14px; border-radius: 20px; padding: 8px 20px; display: block; width: 68px; float: right; transition: all 0.5s; } .zx-article-list-2-info-link a:hover,.zx-article-list-2-list-item:hover .zx-article-list-2-info-link a{ background: #de4a00; color: #fff; } .zx-article-list-2-list{ margin-top: 15px; } .zx-article-list-2-info-link a i{ font-size: 18px; float: right; } .zx-article-list-2-list-item{ position: relative; padding-left: 140px; padding-bottom: 15px; border-bottom: 1px solid #f3f3f3; padding-top: 27px; } .zx-article-list-2-list-date{ width: 110px; text-align: center; position: absolute; left: 0; } .zx-article-list-2-list-date-circle{ background: #f3f3f3; border-radius: 100%; width: 90%; margin: auto; position: relative; padding-bottom: 90%; transition: all 0.5s; } .zx-article-list-2-list-date-circle-text{ position: absolute; top: 5px; left: 0; width: 100%; font-size: 45px; font-weight: bold; } .zx-article-list-2-list-date-circle-text div{ font-size: 14px; margin-top: -8px; font-weight: normal; } .zx-article-list-2-list-item:hover .zx-article-list-2-list-title{ color: #de4a00; } .zx-article-list-2-list-item:hover .zx-article-list-2-list-date-circle{ background: #de4a00; color: #fff; } .wuliu-list{ display: flex; flex-wrap: wrap; } .wuliu-list-item{ width: 22.25%; margin-right: 3%; transition: all 0.5s; margin-bottom: 50px; } .wuliu-list-item:nth-of-type(4n){ margin-right: 0; } .wuliu-list-item:hover{ box-shadow: 0 0 3em #999; } .wuliu-list-item .itemdtinner{ height: 260px; line-height: 260px; background: #428bca; color: #333333; font-size: 18px; } .wuliu-list-item .itemddinner{ border: 1px solid #fafafa; padding: 15px; text-align: left; } .wuliu-list-item .itemtitle{ font-size: 18px; } .wuliu-list-item .zhaiyao{ color: #999999; height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wuliu-list-item-laud{ display: flex; justify-content: space-between; padding: 15px 0; color: #999999; } .wuliu-list-item .itemdtinner a{ display: block; } .wuliu-list-item:hover .itemtitle{ color: #de4a00; } .wuliu-list-item:nth-child(12n+2) .itemdtinner { background-color: #5CB85C; } .wuliu-list-item:nth-child(12n+3) .itemdtinner { background-color: #D9534F; } .wuliu-list-item:nth-child(12n+4) .itemdtinner { background-color: #f80; } .wuliu-list-item:nth-child(12n+5) .itemdtinner { background-color: #00ABA9; } .wuliu-list-item:nth-child(12n+6) .itemdtinner { background-color: #B433FF; } .wuliu-list-item:nth-child(12n+7) .itemdtinner { background-color: #B37333; } .wuliu-list-item:nth-child(12n+8) .itemdtinner { background-color: #567E95; } .wuliu-list-item:nth-child(12n+9) .itemdtinner { background-color: #b7704f; } .wuliu-list-item:nth-child(12n+10) .itemdtinner { background-color: #f47a55; } .wuliu-list-item:nth-child(12n+11) .itemdtinner { background-color: #ffce7b; } .wuliu-list-item:nth-child(12n+12) .itemdtinner { background-color: #b69968; } .single .banner1{ margin-top: 0; } .single .banner1text{ padding-top: 80px; } .single .banner1 a.smalltitle { color: #999; font-size: 16px !important; } .wuliu-detail-about dt{ text-align: center; } .wuliu-detail-about dt a{ display: flex; height: 82%; width: 90%; align-items: center; justify-content: center; background: #428bca; color: #333333; font-size: 18px; font-weight: bold; margin: 15px 0 0 18px; } .wuliu-detail-about:nth-of-type(2) dt a{ background-color: #5CB85C; } .wuliu-detail-about:nth-of-type(3) dt a { background-color: #D9534F; } .wuliu-detail-about:nth-of-type(4) dt a { background-color: #f80; } .wuliu-detail-about:nth-of-type(5) dt a { background-color: #428bca; } .wuliu-detail-about:nth-of-type(6) dt a{ background-color: #5CB85C; } .wuliu-detail-about:nth-of-type(7) dt a { background-color: #D9534F; } .wuliu-detail-about:nth-of-type(8) dt a { background-color: #f80; } .wuliu-detail-about:nth-of-type(9) dt a { background-color: #428bca; } .wuliu-detail-about:nth-of-type(10) dt a{ background-color: #5CB85C; } .wuliu-detail-about:nth-of-type(11) dt a { background-color: #D9534F; } .wuliu-detail-about:nth-of-type(12) dt a { background-color: #f80; } .module33 .item dd .itemJiage2, .module33 .item dd .itemJiageSale2{ color: #999; font-size: 14px; } .module33 .item dd .itemZixun2{ color: #999; } .itemon dd .itemJiageSale2 { -webkit-transform: translateY(0); transform: translateY(0); } .wuliu-list-2{ margin-top: 50px; } .wuliu-list-more a{ display: block; color: #999; text-align: center; border: 1px solid #ccc; height: 40px; line-height: 40px; } .search-jiage h1{ margin-top: -4px; } .item dd .itemJiageSale-cangchu{ background: #fff; color: #999; text-align: left; padding-left: 20px; font-size: 14px; } .itemon dd .itemJiageSale-cangchu { -webkit-transform: translateY(0); transform: translateY(0); } .module44 .item dd .itemddinner-tg{ padding-bottom: 20px; } .itemComment:hover>dt img { -webkit-animation:itemCommentimg 3s infinite linear; } @-webkit-keyframes itemCommentimg { 0% { transform:rotate(0deg); } 25% { transform:rotate(30deg); } 50% { transform:rotate(0deg); } 75% { transform:rotate(-30deg); } 100% { transform:rotate(0deg); } } #commentBack .morebox { display:block;} /********* posttaglist *****/ .posttaglist { clear:both;} .posttaglist a { background-color:#fff; display:inline-block; *zoom:1; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 3% 10px 0; border:1px solid #ddd; margin:-1px; width:13.6666%; position:relative; text-indent:10px; } .posttaglist a i { position:absolute; right:10px; top:10px; font-size:10px; } .posttaglist a:nth-child(9n){color: #4A4A4A;} .posttaglist a:nth-child(9n+1){color: #428BCA;} .posttaglist a:nth-child(9n+2){color: #5CB85C;} .posttaglist a:nth-child(9n+3){color: #D9534F;} .posttaglist a:nth-child(9n+4){color: #00ABA9;} .posttaglist a:nth-child(9n+5){color: #f80;} .posttaglist a:nth-child(9n+6){color: #B433FF;} .posttaglist a:nth-child(9n+7){color: #B37333;} .posttaglist a:nth-child(9n+8){color: #567E95;} .posttaglist a:hover { box-shadow:0 0 1em #ddd inset;} .posttaglist .pagebar-loading:hover { box-shadow:none;} #fixed_wrap { display: none; } .itemColumn4-2 .item{ width: 25%; } .itemColumn4-2 .item dt .itemdtinner{ height: auto; } /********* ***********************************************************************/ .locationinner { line-height: 50px; } @media screen and (max-width: 799px) { .itemColumn3 .item{width:50%;} .yewu .item{width:50%;} .location{ display: none; } .zx-article-list-1-list a { width: 100%; } #fixed_wrap { height: 60px; display: block; } .mphone_btmnav { background-color: #7558c5; position: fixed; bottom: 0; width: 100%; z-index: 9999; box-shadow: 0 6px 12px 0 rgb(0 0 0 / 15%); } .themone { width: 100%; margin: 0 auto; } .mphone_btmnav .themone ul li { float: left; text-align: center; width: 24.5%; border-right: 1px solid #3f56c8; padding: 15px 0; } .mphone_btmnav .themone ul li:last-child{ border-right: 0; } .mphone_btmnav .themone ul li a { color: #fff; margin: 0; padding: 0; border: 0; overflow: inherit; } .mphone_btmnav .themone ul li a:hover{ box-shadow: none; } .mphone_btmnav .themone ul li .anniu0:hover i{ transform: translateX(0); } .mphone_btmnav .themone ul li a i { font-size: 20px; padding-right: 5px; } .fenye li a{ padding: 4px 10px !important; } .fenye .active a{ border-color: #de4a00; color: #de4a00; } .fenye li:nth-of-type(1),.fenye li:last-child,.fenye li:nth-last-child(2){ display: none; } .wuliu-list-item{ width: 100%; margin-right: 0; transition: all 0.5s; margin-bottom: 30px; box-shadow: 0 0 10px 0 #ddd; } #banner0{ margin-top: 60px; } #banner0 .swiper-slide{ height: 100%; } wbr { display:block;} video { max-width:auto; width:100%; max-height:3000px; height:auto; } .pd4-0 { padding:0 !important;} .header { height:60px; } .logo { height:60px; line-height:60px; font-size:1.5em; } .modbox{ display: block !important; } .zx-side{ display: none; } .zx-article.on{ display: block; } .zx-main{ display: block; padding-bottom: 20px; } .zx-article-list{ width: auto; } .zx-article-list:nth-of-type(2), .zx-article-list:nth-of-type(3){ display: none; } .nav { height:60px;} .navicon { display:block; width:40px; height:60px; line-height:60px; position:absolute; right:5px; top:0; overflow:hidden; color:#666; text-align:center; font-weight:normal; z-index:503; } .navicon u { display:inline-block; width:40px; height:60px; line-height:60px; text-align:center; color:#000; cursor:pointer; transition:all 0.25s ease-in-out; } .active .navicon u { color:#1473e6; transform:rotate(90deg);} .navbox { display:none; width:100%; position:absolute; left:0; top:60px; z-index:704; box-shadow:0px 3px 3px #666; } .navlist .last {} .navlist dl { width:100%; float:none; background-color:#fff; border-top:1px solid #eee; } .navlist dt { height:60px; text-align:left; } .navlist dt b { height:60px; line-height:60px;} .navlist dt u { height:60px; line-height:60px; } .navlist dt i { height:60px; line-height:60px; float:right;} .navlist dd { position:static; text-align:left; box-shadow:none; } .navlist dd li { width:31.3333%;} .topbar { height:60px; padding-right:40px;} .topbar a { margin-right:.5em; } .footer { padding-bottom:40px;} .location .left { float:none; width:100%; } .location .right { float:none; width:100%; text-align:center; position:fixed; left:0; bottom:0; height:50px; z-index:8888; overflow:hidden; background-color:#c00; } .onlinechat_list {} .onlinechat_list dd { text-align:center;} .onlinechat_list dd a { color:#fff !important; border-right:1px solid #900;} .onlinechat_list dd a:hover { box-shadow:0 0 2em #f00; } .menu dl { width:92%; margin:0; float:none; padding:0 4%; border-top:1px solid #eee; } .menu dl dt i { display:block; } .menu dl dd { display:none; } .menu .menulist9 { width:92%; margin:0; padding-bottom:1em; } .banner0navWrap { margin-top:0;} #banner0nav .swiper-inner img {display:none;} #banner0nav .swiper-inner p a { margin-top:10px; margin-bottom:0; } .banner0 .left { width:96%; text-align:center; } .banner0 .right { width:96%; text-align:center; margin-top:-50%; } .banner0 h1,.banner0 h2 { font-size:1.25em; } .banner0img { height:100%;padding-top:0; } #banner0 .scrollLoading img { width: 100%; height: 150px; } .banner0inner{ padding: 0 4%; } .banner0 h1, .banner0 h2{ margin-top: 2em; } #banner0 big { font-size: 1.1em; } .banner0 .anniu0 {display:none; } .banner0 .right img, .banner0 .right video {display:none;} .banner1text { padding:60px 4% 0 4%; } .banner1 .left { width:100%;} .banner1 .right { display:none;} .banner1 h1 { font-size:1.5em;} .banner1 h2 { font-size:1em;} .tab a span { display:none;} .part h1 { font-size:1.5em; } .part h2 { font-size:1.5em; } .part h3 { font-size:1.375em; } .part .left { width:100%; float:none; } .part .right { width:100%; float:none; } .partimg { background-size:auto 100%; } .partflex { display:block;} .flexitem_2 .partflexitem { width:100%;} .flexitem_3 .partflexitem { width:100%;} .partnav li { width:46%;} .pricetime { margin-top:0;} .modleft,.modright { display:block; float:none; width:92%; } .usertools .modleft,.usertools .modright { width:92%;} .mod22 .left { float:none; width:100%; } .mod22 .right { float:none; width:100%; } .main .box { width:100%; padding:0;} .texthide {/* height:450px;*/ } .content h1,.content h2 { font-size:1.25em; text-align:left; } .content h3 b { width:28%; } .text h2 { font-size:1em; } .contenttop .left {float:none; width:100%;} .contenttop .right {float:none; width:100%;} .contenttop .posttag {} .AuthorWrap .left { padding-bottom:1em; text-align:center; } .sidebar,.sidebar1 { padding:4%; background-color:#fff; margin-bottom:1em; } .sidebar:last-child,.sidebar1:last-child { margin-bottom:0;} .itemColumn2 .item { width:50%;} .itemColumn4 .item,.itemColumn4-2 .item{ width:50%;} .itemColumn5 .item { width:50%;} .itemColumn6 .item { width:33.3333%;} .itemColumn7 .item { width:50%;} .itemColumn8 .item { width:50%;} .itemNOchange .itemColumn3 .item { width:33.3333% !important;} .itemColumn2KX .item { width:48%;} .itemColumn2KX .item:nth-child(2n) { margin-right:auto;} .itemColumn4KX .item { width:48%;} .itemColumn4KX .item:nth-child(2n) { margin-right:auto;} .itemColumn5KX .item { width:48%;} .itemColumn5KX .item:nth-child(2n) { margin-right:auto;} .itemColumn6KX .item { width:30.6666%;} .itemColumn6KX .item:nth-child(3n) { margin-right:auto;} .itemColumn7KX .item { width:48%;} .itemColumn7KX .item:nth-child(2n) { margin-right:auto;} .itemColumn8KX .item { width:48%;} .itemColumn8KX .item:nth-child(2n) { margin-right:auto;} .zi h1,.zi h2 { margin-top:1em; font-size:1.25em; } .tuzi { padding-top:80px; } .contentinfotext { display:block; clear:both; width:auto; } .contentnum { float:none; margin-left:auto; } .bjfw dl { width:50%; } .bjfw .bjfw0 { width:100%; } .item dt .itembicon { font-size:1.125em; } .item dt .itemzxicon { font-size:1em;} .item dd p { display:none !important; } .module11 .item dt { width:33%; } .module11 dd span { display:none;} .module11 .item .itemparent { top:40px; } .module33 .item dt { width:100%; height: 150px;} .module33 .item dt .itemdtinner { margin:20px 20px 0 20px; } .module33 .item dd { width:100%; flex:none;} .sidebar .module77 .item { background-color:#fff;} .wuliu-detail-about dt a{ margin: 15px 0 0 5%; } .itemChange .itemColumn4 .item:nth-child(6n){ width:50%;} .itemChange .itemColumn4 .item:nth-child(6n+3){ width:100%;} .itemChange .itemColumn4 .item:nth-child(6n+4){ margin-top:auto; } .itemChange .itemColumn4 .item:nth-child(6n+6){ width:100%;} .colKX_ol ol,.colKX_dl>div {} .col_2 ol li,.col_2 dl { width:100%;} .col_3 ol li,.col_3 dl { width:100%;} .col_4 ol li,.col_4 dl { width:50%; } .col_6 ol li,.col_6 dl { width:33.3333%; } .col_8 ol li,.col_8 dl { width:25%; } .colKX_2 ol li,.colKX_2 dl { width:96%;} .colKX_3 ol li,.colKX_3 dl { width:96%;} .colKX_4 ol li,.colKX_4 dl { width:46%;} .colKX_6 ol li,.colKX_6 dl { width:29.3333%;} .colKX_8 ol li,.colKX_8 dl { width:21%;} .tu { float:none; width:100%; padding:0; margin:0;} .zi { float:none; width:100%; padding:0; margin:0;} .zi b { display:block; margin-bottom:.5em; } .tabnav { font-size:.875em;} .tabnav i { display:block;} .links { display:none;} .sitelinks { display:none;} .footer .left { width:100%; text-align:center; float:none;} .footer .right { width:100%; text-align:center; float:none; display:none;} .footerlogo { float:none; margin-left:0;} .weixin { float:none; margin-right:0; max-width:50%; width:auto; } .iconwrap u { font-size:2em;} .colKX_ol .iconwrap u,.colKX_dl .iconwrap u { font-size:3em;} .flex_col3 li {} .col3_col2 li { width:48%;} .single #subnav { width:100%; float:none;} /********* guestbook *****/ .commentUL li {width:100% !important; margin-right:0;} .itemComment dt { width:32px; } .itemCommenti { width:32px; height:32px; line-height:32px; } /********* posttaglist *****/ .posttaglist a { width:30.3333%;} } .contenttext-tag{ margin-bottom: 40px; } .fenye{ display: flex; justify-content: center; margin-top: 20px; } .fenye li{ margin: 0 5px; } .fenye li a{ border: 1px solid #ddd; padding: 10px 20px; } .fenye li a.sel{ border-color: #f00; color: #f00; } .module77 .itemcate_7.item dt{ display: block; height: 100%; } .module77 .itemcate_7.item dt img{ width: 100%; height: 100%; }