@charset "utf-8"; /*avaible_vi [ {"vicolor":"#e1ab6d","sub1color":"#7a0014"}, {"vicolor":"#005bab","sub1color":"#094a70"}, {"vicolor":"#afd5dc","sub1color":"#39474b"}, {"vicolor":"#ec5b00","sub1color":"#3a3a3a"} ] avaible_vi*/html { color: #000; background: #fff; } body { color: #666; font: 12px/1.231 arial, helvetica, clean, sans-serif, "宋体"; } /*网站字体颜色*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; } del, ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input, button, textarea, select { *font-size: 100%; } input, select { vertical-align: middle; } select, input, button, textarea, button { font: 99% arial, helvetica, clean, sans-serif; } table { font-size: inherit; border-collapse: collapse; } pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; } /*title*/ h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } /*a标签样式*/ a { color: #666; text-decoration: none; } /*for ie f6n.net*/ a:focus { outline: 0; } /*for ff f6n.net*/ a:hover { text-decoration: underline; } h2 a:hover { text-decoration: none; } /*行内标签处理*/ i, em, s { font-style: normal; text-decoration: none; } i { cursor: pointer; } input, textarea { outline: none; } textarea { resize: none; } /*快捷类名*/ .vam { vertical-align: middle; } .clear { clear: both; height: 0; line-height: 0; font-size: 0; } .clearfix:after { content: ""; height: 0; clear: both; display: block; visibility: hidden; } .tr { text-align: right; } .tl { text-align: left; } .center { text-align: center; } .fl { float: left; } .fr { float: right; } .pa { position: absolute; } .pr { position: relative; } body { word-break: break-all; min-width: 1200px; margin: 0 auto; width: 100%; } /*内容盒子*/ .header, .content, .footer { width: 1200px; margin: 0 auto; } /*头部样式*/ .tb { height: 109px; background: no-repeat center top; background-size: 1920px 109px; } .tb div.header { position: relative; height: 109px; } .tb h1 { position: absolute; width: 160px; height: 216px; left: 0; top: 0; z-index: 888; } .tb h1 img { width: 160px; height: 216px; } .tbx { float: right; width: 998px; height: 109px; font-size: 32px; margin-top: 46px; } .tbx h3 { font-size: 32px; font-weight: normal; font-family: "黑体"; color: #e1ab6d; line-height: 40px; } .tbx p { font-size: 26px; line-height: 32px; } .tb_top { height: 39px; font-size: 12px; color: #fff; line-height: 38px; text-align: right; overflow: hidden; } .tb_top a { color: #fff; } .tb_top span { margin: 0 10px; display: inline-block; } .t-nav { height: 70px; padding-left: 222px; overflow: hidden; } .t-nav li { float: left; } .t-nav li a { display: block; height: 70px; font: 16px/70px "microsoft yahei"; color: #332c2b; padding: 0 26px; } .t-nav li.cur a, .t-nav li a:hover { background-color: #e1ab6d; color: #fff; } /*banner*/ .banner { display: block; height: 630px; background: url(/uploads/image/jimages/bannera1.jpg) no-repeat center; background-size: 1920px 630px; } /*show*/ .show { padding: 100px 0; } .show li { float: left; width: 230px; padding: 0 46px; border-right: 1px solid #d9d9d9; } .show li.pl0 { padding-left: 0; } .show li.pr0 { padding-right: 0; border-right: 0; } .show li span, .show li em { display: block; } .show li span { width: 175px; height: 175px; margin: 0 auto; } .show li span img { width: 175px; height: 175px; border-radius: 50%; } .show li em { max-height: 56px; font: 18px/28px "microsoft yahei"; color: #666666; text-align: center; padding-top: 15px; overflow: hidden; } /*tuan*/ .tuan { height: 415px; background: no-repeat center top; background-size: 1920px 415px; } .tuan h2 { padding-top: 80px; text-align: center; } .tuan h2 span, .tuan h2 em, .tuan h2 strong { display: block; overflow: hidden; } .tuan h2 span { height: 50px; font: 38px/50px "microsoft yahei"; color: #e1ab6d; margin-bottom: 14px; } .tuan h2 em { height: 34px; font: 14px/34px "microsoft yahei"; color: #d2a169; } .tuan h2 strong { height: 28px; font: 22px/28px "simhei"; color: rgba(255, 255, 255, 0.3); letter-spacing: 10px; } .dcd1 { float: left; width: 259px; height: 66px; padding: 17px 0 17px 40px; margin-top: 40px; border-right: 1px dashed rgba(255, 255, 255, 0.2); } .dcd1 p { float: left; width: 60px; height: 61px; } .dcd1 p img { width: 60px; height: 61px; } .dcd1 h4 { float: left; width: 158px; margin-left: 25px; } .dcd1 h4 span, .dcd1 h4 em, .dcd1 h4 strong { display: block; overflow: hidden; } .dcd1 h4 span { height: 28px; font: 24px/28px "simhei"; color: #e1ab6d; } .dcd1 h4 em { height: 24px; font: 18px/24px "microsoft yahei"; color: rgba(255, 255, 255, 0.3); } .dcd1 h4 strong { width: 16px; height: 2px; background: #8a6c4c; margin-top: 6px; } .dcd2 { float: left; width: 264px; padding-left: 35px; margin-top: 40px; border-right: 1px dashed rgba(255, 255, 255, 0.2); } .tuan .dcd3 { border: 0; } .dcd2 p { width: 171px; height: 44px; border: 1px solid #e1ab6d; } .dcd2 p a { color: #e1ab6d; display: block; height: 44px; overflow: hidden; } .dcd2 p.pmt { margin-top: 12px; } .dcd2 p { display: block; height: 44px; font: 18px/44px "microsoft yahei"; color: #fdd5a9; text-align: center; letter-spacing: 5px; overflow: hidden; } /*zhan*/ .zhan { height: 692px; overflow: hidden; } .ptu { width: 860px; margin: 0 auto; height: 687px; padding: 5px 6px 0; position: relative; } .dpl, .dpr { position: absolute; height: 687px; } .dpl { width: 607px; bottom: 0; left: -607px; } .dpl img { width: 607px; height: 687px; } .dpr { width: 442px; bottom: 0; right: -442px; } .dpr img { width: 442px; height: 687px; } .ptu p { height: 341px; } .ptu p.mbt { padding-top: 5px; } .ptu p em { float: left; } .ptu p span { float: right; } .ptu p em.pem1 { width: 298px; height: 341px; } .ptu p span.psp1 { width: 556px; height: 341px; } .ptu p em.pem1 img { width: 298px; height: 341px; } .ptu p span.psp1 img { width: 556px; height: 341px; } .ptu p em.pem2 { width: 554px; height: 341px; } .ptu p span.psp2 { width: 299px; height: 341px; } .ptu p em.pem2 img { width: 554px; height: 341px; } .ptu p span.psp2 img { width: 299px; height: 341px; } /*ding*/ .ding { padding: 95px 0; } .ding h2 { text-align: center; } .ding h2 span, .ding h2 em, .ding h2 strong { display: block; overflow: hidden; } .ding h2 span { height: 44px; font: 38px/44px "microsoft yahei"; color: #7a0014; margin-bottom: 14px; } .ding h2 em { height: 22px; font: 14px/22px "microsoft yahei"; color: #cecdcd; padding: 5px 0; } .ding h2 strong { height: 28px; font: 22px/28px "simhei"; color: #332c2b; letter-spacing: 10px; } .di-bx { padding-top: 58px; } .di-hz1, .di-hz2, .di-hz3 { float: left; width: 400px; } .daa1 { height: 402px; position: relative; } .daa1 img { width: 400px; height: 402px; } .daa2 { position: absolute; width: 200px; height: 200px; background: #fff; left: 0; top: 0; } .daa2 span, .daa3 span, .dbb1 span { display: block; font: 18px/22px "microsoft yahei"; color: #333333; overflow: hidden; text-overflow: ellipsis; } .daa2 h4, .daa3 h4, .dbb1 h4 { height: 30px; font: bold 24px/30px "microsoft yahei"; color: #000000; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; } .daa2 p, .daa3 p, .dbb1 p { height: 110px; overflow: hidden; font: 14px/22px "microsoft yahei"; color: #777777; overflow: hidden; } .daa3 { width: 270px; margin: 0 auto; padding-top: 45px; text-align: center; } .dbb1 { width: 255px; height: 273px; margin: 0 auto; text-align: center; padding-top: 40px; } .dbb1 em { display: block; font: 12px/20px "microsoft yahei"; color: #dddddd; padding-top: 35px; } .dbb2 { height: 324px; } .dbb2 img { width: 400px; height: 324px; } .dcc1 { height: 272px; } .dcc1 img { width: 400px; height: 272px; } .dcc2 { height: 324px; padding-top: 41px; } .dcc2 img { width: 400px; height: 324px; } /*tyan*/ .tyan { height: 784px; background: #f2f2f2; } .tyan .content { position: relative; } .tyan_tit { height: 115px; position: relative; z-index: 33; padding-top: 80px; } .tytu { position: absolute; width: 809px; height: 566px; left: -225px; top: 140px; z-index: 3; } .tytu img { width: 809px; height: 566px; } .tyan h2 { text-align: center; } .tyan h2 span, .tyan h2 em, .tyan h2 strong { display: block; overflow: hidden; } .tyan h2 span { height: 44px; font: 38px/44px "microsoft yahei"; color: #7a0014; margin-bottom: 14px; } .tyan h2 em { height: 22px; font: 14px/22px "microsoft yahei"; color: #cecdcd; padding: 5px 0; } .tyan h2 strong { height: 28px; font: 22px/28px "simhei"; color: #332c2b; letter-spacing: 10px; } .tybx { float: right; width: 535px; } .tybx dl { margin-top: 60px; overflow: hidden; } .tybx dt { width: 85px; height: 85px; overflow: hidden; float: left; margin-right: 25px; } .tybx dt img { width: 85px; height: 85px; border-radius: 50%; overflow: hidden; } .tybx dd { width: 425px; float: left; } .tybx h4 { font: bold 26px/40px "microsoft yahei"; color: #111111; overflow: hidden; } .tybx p { height: 52px; overflow: hidden; font: 16px/26px "microsoft yahei"; color: #666666; text-overflow: ellipsis; } .tybx li.duli1 { background: no-repeat left center; background-size: 85px; } .tybx li.duli2 { background: no-repeat left center; background-size: 85px; } .tybx li.duli3 { background: no-repeat left center; background-size: 85px; } /*dzal*/ .dzal { padding: 102px 0; } .dodf { float: left; width: 840px; position: relative; } .dodu1 li { height: 420px; } .dodu1 li img { width: 840px; height: 420px; } .dodr { float: right; width: 342px; } .dodh1 { padding: 0 50px; height: 185px; width: 240px; background: #332c2b; } .dodh1 h4 { height: 50px; font: 40px/50px "simhei"; color: #fff; padding-top: 20px; overflow: hidden; margin-bottom: 10px; } .dodh1 p { height: 78px; font: 16px/26px "microsoft yahei"; color: #fff; overflow: hidden; } .dodh2 li { float: left; width: 168px; height: 77px; border: 1px solid #c7c5c4; } .dodh2 li img { width: 168px; height: 77px; } .dotb { padding-top: 20px; } .dotb li { float: left; width: 590px; height: 296px; position: relative; } .dotb li.mli { margin-left: 20px; } .dotb li span, .dotb li em { display: block; } .dotb li span, .dotb li span img { width: 590px; height: 296px; } .dotb li em { height: 40px; font: 32px/40px "microsoft yahei"; color: #333; padding-top: 20px; text-align: center; overflow: hidden; } /*rhdz*/ .rhdz { height: 395px; background: url(/uploads/image/jimages/rhdzbg.jpg) no-repeat center top; background-size: 1920px 395px; } .rhdz h2 { text-align: center; padding-top: 38px; } .rhdz h2 span, .rhdz h2 em, .rhdz h2 strong { display: block; overflow: hidden; } .rhdz h2 span { height: 44px; font: 38px/44px "microsoft yahei"; color: #7a0014; margin-bottom: 14px; } .rhdz h2 em { height: 22px; font: 14px/22px "microsoft yahei"; color: #cecdcd; padding: 5px 0; } .rhdz h2 strong { height: 30px; font: 22px/30px "microsoft yahei"; color: #332c2b; } .rhtb { padding-top: 53px; text-align: center; } .rhtb li { display: inline-block; width: 128px; height: 164px; margin: 0 26px; background-color: #e1ab6d; padding-top: 28px; } .rhtb li span, .rhtb li em { display: block; } .rhtb li span { width: 102px; margin: 0 auto; padding-top: 24px; border-top: 2px solid #fff; text-align: center; } .rhtb li span img { width: 48px; height: 36px; margin: 0 auto; } .rhtb li em { height: 40px; font: 18px/40px "microsoft yahei"; color: #fff; text-align: center; padding-top: 15px; overflow: hidden; } /*底部样式*/ .db { height: 196px; background: url(/uploads/image/jimages/f_bj.jpg) no-repeat center top; background-size: 1920px 276px; padding: 40px 0; } .db h3 { float: left; width: 196px; height: 196px; margin: 0 auto; } .db h3 img { width: 196px; height: 196px; } .dbot { float: left; width: 645px; padding: 53px 0 0 55px; } .dbot p { font: 14px/30px "microsoft yahei"; color: #fff; } .dbot p a { color: #fff; } .dbot p span, .dbot p em { display: inline-block; } .dbot p em { padding-left: 20px; } .dbx2 { float: right; width: 230px; padding-top: 23px; } .dbx2 p { float: left; width: 109px; } .dbx2 p.cod { margin-right: 10px; } .dbx2 p span, .dbx2 p em { display: block; } .dbx2 p span { height: 109px; } .dbx2 p span img { width: 109px; height: 109px; } .dbx2 p em { height: 40px; font: 14px/40px "microsoft yahei"; color: #fff; text-align: center; } .fh { position: fixed; bottom: 10%; right: 20px; z-index: 99; width: 40px; height: 40px; border-radius: 50%; padding: 5px; background-color: #e1ab6d; display: none; } .fh img { width: 40px; height: 40px; border-radius: 50%; } /******************/