@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { font-family: "微软雅黑"; } html, body, div, span, object, iframe, table, tr, th, td, em, img, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, ol, li, form, label, input, button, textarea, pre, fieldset { padding: 0; margin: 0; border: 0; -webkit-text-size-adjust: none; margin: 0 auto; } a { text-decoration: none; } img { border: 0; } ul, ol, li { list-style: none; } a:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .top { width: 100%; margin-right: auto; margin-left: auto; height: 113px; min-width: 1200px; background-image: url(tell.jpg); background-repeat: no-repeat; background-position: center top; } .w1200 { width: 1200px; margin-right: auto; margin-left: auto; display: block; overflow: hidden; } .top .logo { float: left; margin-top: 20px; } .top .tell { float: right; height: 38px; width: 200px; font-size: 14px; color: #FFF; text-align: left; line-height: 38px; margin-left: 200px; } .top .tell a{ color: #FFF; } .top .tell img { margin-left: 20px; margin-top: 9px; float: left; margin-right: 10px; } #navMenu { height: 70px; display: block; overflow: hidden; z-index: 9999; font-size: 18px; line-height: 67px; color: #333333; font-family: "微软雅黑"; width: 770px; float: right; margin-top: 5px; } #navMenu ul { width: 100%; } #navMenu .onelink { } #navMenu .onelink a { color: #333333; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #B10304; } #navMenu .onelink a:hover { color: #333333; } #navMenu li { text-align: center; float: left; line-height: 67px; height: 70px; font-size: 18px; width: 110px; } #navMenu li a { color: #333333; display: block; font-size: 18px; text-decoration: none; } #navMenu li a:hover, #navMenu li.hover a { text-decoration: none; color: #333333; font-size: 18px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #b01c2e; } .dropMenu { position: absolute; top: 0; z-index: 9999; visibility: hidden; background-color: #b01c2e; filter: Alpha(Opacity=85); margin-top: 0px; margin-left: 0px; width: 110px; z-index: 9999; } .dropMenu li { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ac464e; } .dropMenu li a { width: 100%; display: block; text-align: center; color: #FFFFFF; font-size: 16px; text-decoration: none; padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 0px; } .dropMenu a:hover { color: #FFFFFF; font-size: 16px; } ul, li { padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .flexslider { position: relative; width: 100%; height: 714px; overflow: hidden; zoom: 1; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; min-width: 1200px; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .flex-next { background-position: 0 -70px; right: 50px; } .flex-direction-nav .flex-prev { left: 50px; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 25px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(dot.png) no-repeat 0 -22px; display: block; height: 22px; overflow: hidden; text-indent: -99em; width: 22px; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a img { width: 100%; height: 714px; display: block; } .lm01 { font-size: 28px; line-height: 60px; color: #444444; background-image: url(line.jpg); background-repeat: no-repeat; background-position: center bottom; width: 100%; margin-top: 50px; margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 40px; } .lm01 a{ color: #444444; } .lm02 { font-size: 28px; line-height: 60px; color: #FFFFFF; background-image: url(lm5.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; margin-top: 50px; margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 40px; } .lm02 a{ color: #FFFFFF; } .new01 { float: left; height: 120px; width: 586px; margin-bottom: 20px; background-image: url(line4.jpg); background-repeat: no-repeat; background-position: right bottom; } .jd { float: right; height: 399px; width: 566px; position: relative; overflow: hidden; margin-bottom: 70px; } .jd .bt { bottom: 0px; position: absolute; z-index: 1; width: 100%; background-image: url(lm01.png); background-repeat: repeat; font-size: 18px; height: 92px; } .jd .bt h1 { font-size: 18px; color: #FFF; font-weight: normal; margin-top: 12px; margin-left: 20px; margin-bottom: 8px; } .jd .bt h1 a{ color: #FFF; } .jd .bt p { font-size: 12px; color: #d1d1d1; margin-left: 20px; margin-right: 20px; } .jd .bt p a{ color: #d1d1d1; } .new01 img { float: left; margin-right: 20px; } .new01 h1 { font-size: 16px; color: #333; font-weight: normal; margin-bottom: 10px; } .new01 h1 a{ color: #333; } .new01 span { font-size: 12px; color: #999999; } .new01 span a{ color: #999999; } .new01 p { font-size: 14px; line-height: 22px; color: #999999; margin-bottom: 10px; } .new01 p a{ color: #999999; } .xiangmu { background-image: url(bg.jpg); background-position: center top; width: 100%; margin-right: auto; margin-left: auto; display: block; overflow: hidden; height: 698px; min-width: 1200px; } .scrollpic { width: 100%; margin-right: auto; margin-left: auto; padding-bottom: 80px; } #myscroll { display: block; width: 100%; position: relative; height: 404px; overflow: hidden; padding-bottom: 22px; } #myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px; } #myscroll ul { display: block; float: left; list-style-type: none; padding: 0; margin: 0; } #myscroll ul li { display: block; float: left; padding: 0; width: 400px; } #myscroll ul li a { display: block; float: left; width: 370px; padding: 0; position: relative; height: 399px; color: #333; } #myscroll a .intro { position: absolute; left: 0; z-index: 10; width: 370px; color: #FFF; text-align: center; height: 65px; background-image: url(lm02.png); } #myscroll a .intro h5 { font-size: 22px; line-height: 30px; margin-top: 18px; margin-right: 0; margin-bottom: 5px; margin-left: 0; text-decoration: none; font-weight: normal; } #myscroll a .intro p { font-size: 14px; line-height: 20px; overflow: hidden; margin-top: 10px; text-decoration: none; } #myscroll a .intro { bottom: 0px; } #myscroll a:hover .intro { background-color: #de2037; color: #fff; } #mybtns { width: 220px; display: block; height: 46px; margin-top: 30px; margin-right: auto; margin-left: auto; } #mybtns a { width: 107px; height: 46px; display: block; float: right; margin-right: 1px; background-color: #c1c1c1; background-color: rgba(193,193,193,0.3); } #mybtns a:hover { background-color: #b01c2e; } #mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #mybtns #left { background-image: url(../images/jt_l.png); } #mybtns #right { background-image: url(../images/jt_r.png); } #kinMaxShow { visibility: hidden; width: 100%; height: 500px; overflow: hidden; } .shipin { width: 1070px; margin-right: auto; margin-left: auto; margin-bottom: 70px; display: block; overflow: hidden; } .shipin .video { float: left; height: 393px; width: 854px; background-image: url(sp4.png); } .shipin ul li { width: 211px; height: 127px; margin-bottom: 5px; margin-left: 5px; float: right; } .about { background-image: url(bg2.jpg); height: 712px; display: block; overflow: hidden; width: 100%; margin-right: auto; margin-left: auto; min-width: 1200px; background-repeat: no-repeat; background-position: center top; } .about img { float: right; } .about h1 { font-size: 32px; font-weight: normal; color: #FFF; margin-left: 47px; margin-bottom: 40px; } .about h1 a{ color: #FFF; } .about p { color: #FFF; margin-left: 47px; width: 510px; font-size: 14px; line-height: 30px; } .about p a{ color: #FFF; } .about .more { margin-left: 47px; height: 38px; width: 120px; margin-top: 40px; font-size: 14px; color: #FFF; text-align: center; line-height: 38px; border: 1px solid #d27e88; } .about .more a { color: #FFF; } .zeren { width: 1200px; margin-right: auto; margin-left: auto; display: block; overflow: hidden; margin-bottom: 60px; height: 500px; } .zeren ul { width: 110%; } .zeren ul li { float: left; width: 282px; margin-right: 25px; padding-bottom: 20px; } .zeren ul li:hover { border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #b01c2e; } .zeren ul li p { font-size: 12px; line-height: 20px; font-weight: normal; color: #999999; margin-bottom: 20px; } .zeren ul li p a{ color: #999999; } .zeren ul li h1 { font-size: 16px; font-weight: normal; color: #333; line-height: 40px; background-image: url(line2.jpg); background-repeat: no-repeat; background-position: left bottom; margin-bottom: 10px; } .zeren ul li h1 a{ color: #333; } .zeren ul li span { font-size: 12px; color: #999; } .zeren ul li span a{ color: #999; } .end { height: 150px; width: 100%; margin-right: auto; margin-left: auto; background-color: #525252; padding-top: 30px; padding-bottom: 30px; color: #9b9b9b; min-width: 1200px; } .end a { color: #9b9b9b; } .end .yq { float: left; width: 730px; font-size: 14px; line-height: 30px; } .end .yq h1 { border-top-width: 1px; border-top-style: solid; border-top-color: #7C7C7C; line-height: 45px; width: 730px; font-size: 12px; font-weight: normal; margin-top: 12px; } .end .weixin { background-image: url(line6.jpg); background-repeat: no-repeat; background-position: left center; float: right; height: 140px; width: 390px; padding-top: 10px; padding-left: 40px; } .end .weixin img { float: left; margin-right: 20px; } .end .weixin h1 { font-size: 20px; font-weight: normal; margin-bottom: 10px; } .end .weixin p { font-size: 14px; line-height: 30px; } .ban { background-repeat: no-repeat; background-position: center top; height: 340px; width: 100%; margin-right: auto; margin-left: auto; min-width: 1200px; } .dh2 { height: 56px; width: 100%; margin-right: auto; margin-left: auto; background-color: #f0f0f0; min-width: 1200px; } .dh2 h1 { height: 56px; width: 174px; background-color: #B10304; background-image: url(jt.jpg); background-repeat: no-repeat; background-position: 160px; font-size: 18px; line-height: 56px; color: #FFF; padding-left: 40px; float: left; font-weight: normal; } .dh2 h1 a { color: #FFF; } .dh2 p { font-size: 14px; line-height: 56px; color: #666; background-image: url(bt.jpg); background-repeat: no-repeat; float: left; text-align: right; background-position: left center; padding-left: 40px; margin-left: 60px; } .dh2 p a { color: #666; } .mian { background-image: url(nbg.jpg); background-repeat: no-repeat; background-position: center bottom; width: 100%; padding-bottom: 70px; display: block; overflow: hidden; min-width: 1200px; } .lm3 { background-image: url(bt03.jpg); background-repeat: no-repeat; background-position: left center; color: #333; letter-spacing: 0px; margin-bottom: 20px; float: left; padding-left: 20px; text-align: left; width: 600px; height: 35px; } .lm3 h1 { font-size: 26px; font-weight: normal; color: #333; letter-spacing: 0px; float: left; margin-right: 15px; } .lm3 h1 a { color: #333; } .lm3 h2 { line-height: 35px; background-color: #C7000B; height: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #FFF; text-transform: uppercase; letter-spacing: 0px; float: left; padding-right: 15px; padding-left: 15px; } .lm3 h2 a { color: #FFF; } .lm3 a { color: #333; } .lm2 { float: right; width: 400px; margin-top: 10px; } .lm2 p { text-align: right; color: #999999; margin-top: 5px; font-size: 14px; } .lm2 p a { color: #999999; text-decoration: none; } .lm2 p img { margin-right: 15px; } .list01 { display: block; overflow: hidden; margin-top: 0px; margin-bottom: 35px; width: 100%; float: left; } .list01 ul li img { float: left; margin-right: 28px; } .list01 ul li h1 { font-size: 22px; line-height: 30px; font-weight: normal; color: #333; margin-bottom: 15px; margin-top: 8px; } .list01 ul li h1 a { color: #333; } .list01 ul li p { font-size: 14px; line-height: 26px; color: #8d8d8d; margin-bottom: 18px; } .list01 ul li p a { color: #8d8d8d; } .list01 ul li h3 img { float: left; margin-right: 5px; margin-top: 2px; } .list01 ul li h3 { font-size: 14px; color: #999; font-weight: normal; line-height: 20px; float: left; margin-right: 10px; } .list01 ul li h3 a { color: #999; } .list01 ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dadada; padding-top: 30px; padding-bottom: 30px; height: 200px; } .pagination { font-size: 0px; padding-top: 30px; text-align: center; width: 100%; float: left; } .pagination ul li { float: left; } .pagination a { font-size: 14px; color: #ccc; display: inline-block; _display: inline; padding: 0 7px; border: 1px solid #ddd; margin-right: 5px; line-height: 26px; } .pagination a.prev, .pagination a.next { padding: 0 15px; } .pagination a:hover, .pagination a.cur, .pagination .page-num-current, .pagination li.active a, .pagination li.active a:hover { font-weight: bold; color: #fff; border: 1px solid #46464F; background-color: #46464F; } .one { width: 1200px; margin-right: auto; margin-left: auto; display: block; overflow: hidden; float: left; font-size: 18px; line-height: 40px; color: #333; margin-top: 30px; } .top01 { height: 100px; padding-top: 20px; margin-bottom: 0px; border-top-width: 0px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #f0efef; border-bottom-color: #E2E2E2; display: block; overflow: hidden; width: 100%; float: left; } .top01 .p1 { text-align: center; font-size: 26px; color: #333; line-height: 50px; } .top01 .p1 a { color: #333; } .top01 .p2 { text-align: center; font-size: 12px; color: #999; padding-top: 10px; } .top01 .p2 a { color: #999; } .top01 .p2 span { padding-right: 15px; text-align: left; } .con { font-size: 18px; line-height: 36px; color: #47484D; margin-top: 20px; display: block; overflow: hidden; width: 100%; float: left; } .con a { font-size: 14px; line-height: 35px; color: #47484D; } .con p { margin-bottom: 25px; color: #46454D; } .new-list { padding-bottom: 0px; padding-top: 20px; padding-right: 0px; padding-left: 0px; width: 830px; float: left; display: block; overflow: hidden; } .new-list ul { } .new-list ul li { height: 55px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d9d9d9; } .new-list ul li a { display: block; color: #333333; font-size: 17px; line-height: 55px; } .new-list ul li a span { float: right; color: #999; font-size: 14px; } .fr { float: right; margin-top: 30px; } .list02 { width: 1120px; display: block; overflow: hidden; box-shadow: 0 0 15px #dedede; margin-right: auto; margin-left: auto; padding: 40px; margin-top: 30px; } .list02 .lm04 { float: left; width: 520px; } .list02 img { float: right; } .list02 .lm04 h1 { font-size: 26px; line-height: 30px; color: #47484D; margin-bottom: 10px; } .list02 .lm04 h1 a { color: #47484D; } .list02 .lm04 p { font-size: 16px; line-height: 23px; color: #666; } .list02 .lm04 p a { color: #666; } .list02 .lm04 h2 { font-size: 14px; line-height: 24px; color: #999999; width: 100%; font-weight: normal; margin-top: 20px; padding-top: 17px; border-top-width: 1px; border-top-style: dotted; border-top-color: #C8C8C8; } .list02 .lm04 h2 a { color: #999999; } .list02 .lm04 img { float: left; border: 1px solid #D4D4D4; margin-right: 25px; } .lm05 { width: 100%; height: 100px; margin-bottom: 40px; } .lm05 h1 { font-size: 32px; line-height: 30px; color: #47484D; margin-bottom: 20px; padding-top: 10px; } .lm05 h1 a { color: #47484D; } .lm05 p { font-size: 18px; line-height: 23px; color: #333; } .lm05 p a { color: #333; } .lm05 img { float: left; margin-right: 20px; border: 1px solid #D4D4D4; } .lm06 { font-size: 26px; line-height: 40px; color: #46464F; margin-top: 60px; margin-bottom: 25px; background-image: url(line2.jpg); background-repeat: repeat-x; background-position: left center; width: 100%; } .lm06 a { color: #46464F; } .demo-view { width: 1124px; min-height: 300px; margin-top: 50px; margin-left: auto; margin-right: auto; box-shadow: 0 0 15px #dedede; padding: 38px; } .content p { font-size: 16px; line-height: 35px; color: #666; text-indent: 2em; } .content p a { color: #666; } .lm06 h1 { font-size: 26px; background-color: #FFF; width: 150px; text-align: center; } .proImgList { width: 1124px; display: none; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } .proImgList a { display: inline-block; height: 180px; } .proImgList img { width: 260px; height: 180px; } .proImgList a div { background: url(../images/bgBlack1.png); width: 100%; height: 100%; position: absolute; z-index: 1; display: none; } .proImgList a span { background: url(../images/icoLook.png) center no-repeat; width: 100%; height: 100%; position: absolute; z-index: 2; display: none; animation: ABig 1s; } .proImgList a i { display: block; width: 100%; bottom: 10px; position: absolute; z-index: 2; text-align: center; line-height: 22px; font-size: 14px; color: #fff; display: none } .proImgList img { animation: ABig 1s; } .proImgList a:hover div { display: block } .proImgList a:hover span { display: block } .proImgList a:hover i { display: block; animation: ATitle 1s } .lubo { width: 100%; min-width: 1124px; clear: both; position: relative; height: 450px; margin-top: 30px; } .lubo_box { position: relative; width: 100%; height: 450px; } .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 450px; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 100%; height: 100%; } .lubo_box li img { width: 100%; height: 450px; } /*圆点*/ .cir_box { overflow: hidden; position: absolute; z-index: 100; } .cir_box li { float: left; width: 30px; height: 5px; margin: 0 5px; cursor: pointer; background: #fff; opacity: 0.8; filter: alpha(opacity=80); } .cir_on { background: #000 !important; } /*按钮*/ .lubo_btn { position: absolute; width: 100%; top: 190px; } .left_btn, .right_btn { width: 30px; height: 80px; background: #000; opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .left_btn { float: left; } .right_btn { float: right; } .tabbox { width: 100%; position: relative; overflow: hidden; margin-top: 50px; margin-right: auto; margin-bottom: 20px; margin-left: auto; } .tabbox .tabbtn { height: 50px; background-image: url(line7.jpg); background-repeat: repeat-x; background-position: center bottom; } .tabbox .tabbtn li { float: left; position: relative; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0px; } .tabbox .tabbtn li a, .tabbox .tabbtn li span { display: block; float: left; height: 50px; line-height: 50px; overflow: hidden; width: 180px; text-align: center; font-size: 22px; cursor: pointer; color: #333; } .tabbox .tabbtn li.current { } .tabbox .tabbtn li.current a, .tabbox .tabbtn li.current span { background-color: #AF1922; height: 48px; line-height: 50px; color: #FFFFFF; font-weight: normal; } .tabbox .loading { height: 40px; width: 432px; text-align: center; position: absolute; left: 0; top: 120px; } .tabbox .tabcon { padding-top: 30px; padding-bottom: 30px; } .tabbox .tabcon p { font-size: 18px; line-height: 38px; color: #666; text-indent: 2em; } .pic-list { padding-bottom: 0px; padding-top: 25px; padding-right: 0px; padding-left: 0px; width: 1200px; float: left; } .pic-list ul { width: 110%; } .pic-list ul li { height: 230px; float: left; width: 270px; margin-right: 40px; margin-bottom: 25px; text-align: center; } .pic-list ul li p { display: block; color: #333333; font-size: 16px; line-height: 40px; } .pic-list ul li p a{ color: #333333; } .pic-list ul li a span { float: right; }