@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } body { font-family: Arial, 寰蒋闆呴粦; } 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; } .w1200 { width: 1200px; margin-right: auto; margin-left: auto; display: block; overflow: hidden; } 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%; top: 0px; position: absolute; z-index: 1; height: 85px; background-image: url(topbg.png); min-width:1630px; } .nav { width: 1530px; height: 80px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .nav_l {width:623px; height:60px; float:left; margin-top:12px;} .nav_l img {width:623px; height:60px; display:block;} .nav_c { width: 790px; height: 85px; padding-left: 50px; float: left; background-image: url(line.png); background-repeat: no-repeat; background-position: right center; } .nav_c ul li { width: auto; padding-left: 15px; padding-right: 15px; height: 85px; float: left; position: relative; transition: all 0.1s linear 0s; } .nav_c ul li p { overflow: hidden; height: 0px; display: block; position: absolute; top: 85px; left: 0px; z-index: 1000; background: #a3814f; padding-left: 20px; padding-right: 20px; -moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='rgba(0, 0, 0, 0.6)')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='rgba(0, 0, 0, 0.6)'); transition: all 0.1s linear 0s; } .nav_c ul li p a.tc { height: 80px; line-height: 0px; display: inline-block; font-size: 14px; font-weight: 100; color: #FFF; transition: all 0.1s linear 0s; padding-right: 15px; padding-left: 15px; } .nav_c ul li p a.tc:hover { height: 80px; line-height: 80px; display: inline-block; font-size: 14px; font-weight: 100; color: #fff; transition: all 0.1s linear 0s; padding-right: 15px; padding-left: 15px; } .nav_c ul li a { width: auto; text-align: center; line-height: 85px; font-size: 18px; color: #FFF; font-weight: normal; display: inline-block; transition: all 0.1s linear 0s; } .nav_c ul li a:hover { width: auto; text-align: center; line-height: 82px; font-size: 18px; color: #FFFFFF; text-decoration: none; font-weight: normal; display: inline-block; transition: all 0.1s linear 0s; } .nav_c ul li a.ahover { width: auto; text-align: center; line-height: 82px; font-size: 18px; color: #FFFFFF; text-decoration: none; font-weight: normal; display: inline-block; transition: all 0.1s linear 0s; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } .nav_c ul li:hover { width: auto; padding-left: 15px; padding-right: 15px; height: 85px; float: left; position: relative; transition: all 0.1s linear 0s; background-color: #966d32; } .nav_c ul li:hover p { overflow: hidden; height: 60px; display: block; position: absolute; top: 85px; left: 0px; z-index: 1000; background: #a3814f; padding-left: 20px; padding-right: 20px; -moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='rgba(0, 0, 0, 0.6)')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='rgba(0, 0, 0, 0.6)'); transition: all 0.1s linear 0s; } .nav_c ul li:hover p a.tc { height: 60px; line-height: 60px; display: inline-block; font-size: 14px; font-weight: 100; color: #FFF; transition: all 0.1s linear 0s; padding-right: 15px; padding-left: 15px; } .nav_c ul li:hover p a.tc:hover { height: 60px; line-height: 60px; display: inline-block; font-size: 14px; font-weight: 100; color: #fff; transition: all 0.1s linear 0s; padding-right: 15px; padding-left: 15px; } .nav_c ul li:hover a { width: auto; text-align: center; line-height: 85px; font-size: 18px; color: #fff; font-weight: normal; display: inline-block; transition: all 0.1s linear 0s; } .nav_r { width: 50px; height: 80px; float: right } .nav_r ul li.ss { width: auto; padding-left: 10px; padding-right: 0px; height: 85px; line-height: 80px; font-size: 40px; color: #333; float: left; position: relative; } .nav_r ul li.ss:hover { width: auto; padding-left: 10px; padding-right: 0px; height: 85px; line-height: 80px; cursor: pointer; float: left; position: relative; } .nav_r ul li.ss div {width:280px; overflow:hidden; height:0px; display:block; position:absolute; top:80px; left:-150px; z-index:1000; background:#a3814f; padding:10px; padding-top:0px; padding-bottom:0px; -moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='rgba(0, 0, 0, 0.6)')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='rgba(0, 0, 0, 0.6)'); transition: all 0.1s linear 0s;} .nav_r ul li.ss div input {width:225px; overflow:hidden; height:0px; border:0px; background:#FFF; padding-left:15px; line-height:40px; font-size:14px; color:#666; float:left} .nav_r ul li.ss div input.an {width:40px; overflow:hidden; height:0px; background:url(../images/so.png) center no-repeat #fff; border:0px; float:left; cursor:pointer} .nav_r ul li.ss:hover div { width: 280px; height: 40px; overflow: hidden; display: block; position: absolute; top: 85px; left: -150px; z-index: 1000; background: #a3814f; padding: 10px; -moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.6); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='rgba(0, 0, 0, 0.6)')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='rgba(0, 0, 0, 0.6)'); transition: all 0.1s linear 0s; } .nav_r ul li.ss:hover div input {width:225px; overflow:hidden; height:40px; border:0px; background:#FFF; padding-left:15px; line-height:40px; font-size:14px; color:#666; float:left;outline:none} .nav_r ul li.ss:hover div button.an { width: 40px; overflow: hidden; height: 40px; border: 0px; float: left; cursor: pointer; background-color: #fff; background-image: url(ss1.png); background-repeat: no-repeat; background-position: center; } .flexslider { position: relative; width: 100%; height: 757px; overflow: hidden; zoom: 1; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; min-width: 1630px; max-width: 1902px; } .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: 20px; 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 { height: 757px; display: block; } .tz{ width: 100%; top: 670px; position: absolute; z-index: 1; height: 174px; background-image: url(tzbg.jpg); background-repeat: no-repeat; background-position: center bottom; min-width: 1630px; } .gd { float: left; margin-top: 86px; height: 85px; width: 710px; line-height: 85px; } .gd img { float: left; margin-right: 10px; margin-top: 27px; } .gd h1 { font-size: 16px; font-weight: bold; color: #353535; margin-right: 10px; float: left; } .gd h1 a{ color: #353535; } .tb { float: right; } #scroll_h_1 a{color:#333;} #scroll_h_1 a:hover{color:#d11212} #scroll_h_11 span { margin-right: 15px; font-size:16px; } #scroll_h_12 span { margin-right: 15px; font-size:16px; } .lm { width: 100%; height: 45px; margin-bottom: 30px; } .lm h1 { font-size: 32px; font-weight: bold; color: #cc2020; float: left; margin-right: 5px; line-height: 40px; } .lm h1 a{ color: #333; } .lm h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #6c6c6c; margin-top: 10px; float: left; font-size: 28px; text-transform: uppercase; } .lm h2 a{ color: #a7a7a7; } .lm p { font-size: 16px; color: #666; float: right; margin-top: 15px; } .lm p a{ color: #666; } .tabbox { width: 600px; position: relative; overflow: hidden; height: 390px; float: right; } .tabbox .tabbtn { height: 45px; width: 1075px; text-align: center; margin-right: auto; margin-left: auto; margin-bottom: 5px; } .tabbox .tabbtn li { position: relative; width: 200px; float: left; background-color: #e8e8e8; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; } .tabbox .tabbtn li a, .tabbox .tabbtn li span { display: block; float: left; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-size: 18px; cursor: pointer; color: #333333; width: 200px; } .tabbox .tabbtn li.current { -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; background-color: #cc2020; } .tabbox .tabbtn li.current a, .tabbox .tabbtn li.current span { height: 40px; line-height: 40px; color: #FFFFFF; font-weight: normal; font-size: 18px; } .tabbox .tabcon { display: block; overflow: hidden; height: 410px; width: 100%; } .tabbox .tabcon ul { width: 100%; float: left; } .tabbox .tabcon li { line-height: 38px; overflow: hidden; font-size: 16px; color: #333333; } .tabbox .tabcon li a { color: #333333; } .tabbox .tabcon li span { color: #999999; float: right; } .tabbox .tabcon li span a { color: #999999; } .tabbox .tabcon .tt { margin-right: auto; margin-left: auto; text-align: center; margin-top: 5px; margin-bottom: auto; } .tabbox .tabcon .tt h1 { width: 95%; margin-right: auto; margin-left: auto; text-align: center; font-size: 20px; color: #333; line-height: 40px; font-weight: bold; } .tabbox .tabcon .tt h1 a{ color: #333; } .tabbox .tabcon .tt p { font-size: 14px; color: #666; line-height: 22px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; overflow: hidden; text-align: left; margin-bottom: 10px; padding-bottom: 15px; height: 45px; overflow: hidden; text-indent: 2em; } .tabbox .tabcon .tt p a { color: #666; } .about { background-image: url(aboutbg.jpg); background-repeat: no-repeat; background-position: center top; height: 634px; width: 100%; margin-right: auto; margin-left: auto; margin-top: 70px; display: block; overflow: hidden; margin-bottom: 35px; min-width: 1630px; } .about .ioclist { width: 1200px; margin-top: 70px; margin-right: auto; margin-left: auto; margin-bottom: 110px; height: 105px; } .about .ioclist ul{ width: 110%; } .about .ioclist ul li{ text-align: center; float: left; width: 180px; margin-left: -15px; margin-right: 8px; } .about .ioclist ul li img{ width: 50px; height: 50px; padding: 15px; border: 1px solid #e2e2e2; border-radius: 50px; } .about .ioclist ul li img:hover{ width:60px; height:60px; border-radius:50px; margin-top:-5px; background-color: #CC2020; border: 1px solid #CC2020; -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; } .about .ioclist ul li h1 { font-size: 18px; font-weight: normal; color: #FFF; line-height: 60px; } .about .ioclist ul li h1 a{ color: #FFF; } .about .jj { width: 1100px; margin-right: auto; margin-left: auto; text-align: center; } .about .jj h1 { font-size: 24px; font-weight: normal; color: #333; line-height: 35px; } .about .jj h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #999; font-weight: normal; margin-bottom: 20px; text-transform: uppercase; } .about .jj p { font-size: 15px; color: #fff; line-height: 25px; } .about .jj img { margin-top: 30px; } .tpic { float: left; height: 476px; width: 530px; position: relative; overflow: hidden; } .tpic span{ bottom:0px; position: absolute; z-index: 1; width: 530px; height: 90px; background-image: url(picbg.png); } .tpic span h1{ font-size: 20px; line-height: 40px; color: #FFF; font-weight: normal; margin-left: 30px; margin-top: 12px; } .tpic span h1 a{ color: #FFF; } .tpic span p{ font-size: 14px; color: #FFF; margin-left: 30px; float: left; } .tpic span p a{ color: #FFF; } .tpic span h2 { font-size: 14px; color: #fceaa6; float: right; margin-right: 30px; } .tpic span h2 a{ color: #fceaa6; } .tabboxz { width: 657px; position: relative; overflow: hidden; float: right; } .tabboxz .tabbtnz { height: 45px; width: 326px; text-align: center; margin-right: auto; margin-left: auto; margin-bottom: 10px; float: right; } .tabboxz .tabbtnz li { position: relative; width: 161px; float: left; background-color: #e8e8e8; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; } .tabboxz .tabbtnz li a, .tabboxz .tabbtnz li span { display: block; float: left; height: 40px; line-height: 40px; overflow: hidden; text-align: center; font-size: 18px; cursor: pointer; color: #333333; width: 161px; } .tabboxz .tabbtnz li.currentz { -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; background-color: #cc2020; } .tabboxz .tabbtnz li.currentz a, .tabboxz .tabbtnz li.currentz span { height: 40px; line-height: 40px; color: #FFFFFF; font-weight: normal; font-size: 18px; } .tabboxz .tabconz { display: block; overflow: hidden; height: 476px; width: 660px; float: right; margin-top: 20px; } .tabboxz .tabconz ul { width: 110%; float: left; } .tabboxz .tabconz ul li{ float: left; height: 230px; width: 322px; position: relative; overflow: hidden; margin-right: 13px; margin-bottom: 15px; } .tabboxz .tabconz ul li span{ bottom:0px; position: absolute; z-index: 1; width: 322px; height: 44px; background-image: url(picbg.png); } .tabboxz .tabconz ul li span h1{ font-size: 18px; line-height: 44px; color: #FFF; font-weight: normal; margin-left: 20px; } .tabboxz .tabconz ul li span h1 a{ color: #FFF; } .sp { background-image: url(sp.jpg); background-repeat: no-repeat; background-position: center top; height:605px; width: 100%; margin-right: auto; margin-left: auto; margin-top:30px; padding-top:30px; text-align: center; min-width: 1630px; } .sp p { font-size: 16px; color: #333; float: right; margin-top: 20px; } .sp p a{ color: #333; } .yq { height: 70px; width: 100%; margin-right: auto; margin-left: auto; background-color: #FFF; line-height: 70px; text-align: left; min-width: 1630px; } .yq p { font-size: 14px; font-weight: bold; color: #666; float: left; } .yq p a { color: #666; } .yq h1 { font-size: 14px; line-height: 70px; color: #666; float: left; font-weight: normal; background-image: url(jt.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 15px; margin-left: 14px; margin-right: 5px; } .yq h1 a { color: #666; } .end { background-color: #2d2c34; width: 100%; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 30px; min-width: 1630px; } .end .bq { float: left; width: 750px; } .end .wx { float: right; text-align: right; font-size: 14px; line-height: 25px; color: #999; width: 125px; margin-left: 20px; } .end .wx a { color: #999; } .end .wx img { float: right; margin-left: 15px; } .end .bq p { font-size: 14px; line-height: 25px; color: #999999; } .end .bq p a { color: #999999; } .end .bq h1 { font-size: 14px; line-height: 30px; color: #FFF; background-image: url(jt02.jpg); background-repeat: no-repeat; background-position: left center; padding-left: 25px; margin-top: 15px; font-weight: normal; } .end .bq h1 a { color: #FFF; } .reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;} .reveal-modal{visibility:hidden;top:100px;left:50%;margin-left:-536px;width:1000px;background:#eee url(modal-gloss.png) no-repeat -200px -80px;position:absolute;z-index:101;padding:30px 40px 34px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);} .reveal-modal .close-reveal-modal { font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} .reveal-modal h2{font-size:18px;color:#990000;padding:0 0 20px 0;} .reveal-modal p{padding:0 0 15px 0;} .topbg { background-image: url(onebg.jpg); background-repeat: no-repeat; background-position: center top; width: 100%; margin-right: auto; margin-left: auto; height: 379px; max-width: 1902px; min-width: 1630px; } .topbg .lm2 { font-size: 21px; line-height: 60px; color: #FFF; background-color: #bc0001; float: left; height: 60px; width: 220px; margin-top: 319px; padding-left: 40px; background-image: url(jt03.png); background-repeat: no-repeat; background-position: 198px center; } .mian { width: 1200px; margin-right: auto; margin-left: auto; display: block; overflow: hidden; background-color: #F1F1F1; margin-bottom: 40px; } .mian .fl { width: 260px; display: block; overflow: hidden; float: left; } .mian .fl ul li { padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 40px; font-size: 16px; color: #333333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e6e6e6; width: 195px; background-image: url(jt02.png); background-repeat: no-repeat; background-position: 200px center; display: block; overflow: hidden; background-color: #f1f1f1; } .mian .fl ul li:hover{ padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 40px; font-size: 16px; color: #FFFFFF; background-color: #BC0001; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAEAEA; width: 195px; background-image: url(jt04.png); background-repeat: no-repeat; background-position: 200px center; display: block; overflow: hidden; } .mian .fl ul li a{ color: #666666; } .mian .fl ul li:hover a{ color: #FFFFFF; } .demo-right { width: 895px; float: left; min-height: 500px; background-color: #FFF; padding-left: 45px; padding-bottom: 20px; } .demo-view { width: 1124px; float: left; min-height: 300px; margin-bottom: 40px; margin-top: 38px; margin-left: 38px; margin-right: 38px; } .crumbs-about p { text-align: right; color: #666666; margin-top:9px; float:right; } .crumbs-about p a { color: #666666; } .crumbs-about { padding-bottom: 30px; margin-bottom: 20px; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; margin-top: 25px; height:25px; } .crumbs-about h3 { font-size: 22px; float: left; color: #47484D; font-weight: normal; line-height: 30px; } .crumbs-about h3 a{ color: #47484D; } .crumbs-about p img { /* padding-top: 9px; */ padding-right: 6px; } .crumbs-about p span { color: #666666; } .crumbs-about p span a{ color: #999999; } .con { font-size: 14px; line-height: 30px; color: #777777; margin-top: 20px; } .con a { font-size: 14px; line-height: 35px; color: #666666; } .con p { color: #666; } .con2 { font-size: 17px; line-height: 40px; color: #666; margin-top: 12px; } .con2 a { font-size: 18px; line-height: 35px; color: #616161; } .con2 p { color: #616161; } .con2 p img{ max-width:895px; } .list01 { margin-right: 25px; margin-left: 30px; display: block; overflow: hidden; margin-bottom: 35px; padding-top: 10px; } .list01 ul li img { float: left; margin-right: 20px; } .list01 ul li h1 { font-size: 22px; line-height: 30px; font-weight: normal; color: #333; margin-bottom: 10px; } .list01 ul li h1 a{ color: #333; } .list01 ul li p { font-size: 12px; line-height: 23px; color: #8d8d8d; margin-bottom: 10px; } .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: dotted; border-bottom-color: #dadada; padding-bottom: 30px; height: 143px; margin-bottom: 30px; } .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 a.page-num-current, .pagination li.active a, .pagination li.active a:hover { font-weight: bold; color: #fff; border: 1px solid #46464F; background-color: #46464F; } .new-list { } .new-list ul { } .new-list ul li { height: 50px; background-image: url(jt.jpg); background-repeat: no-repeat; background-position: 2px 22px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #d9d9d9; width: 100%; } .new-list ul li a { display: block; color: #545454; font-size: 16px; line-height: 50px; padding-left: 20px; } .new-list ul li a span { float: right; color: #999; font-size: 14px; } .top01 { padding-top: 10px; 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: #EEEEEE; padding-bottom: 15px; } .top01 .p1 { text-align: center; font-size: 26px; color: #333; padding-right: 90px; padding-left: 90px; line-height: 30px; } .top01 .p2 { text-align: center; font-size: 12px; color: #999; padding-top: 10px; } .top01 .p2 span { padding-right: 15px; text-align: left; } .ry { width: 895px; display: block; float: left; overflow: hidden; background-image: url(rybg.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 270px; padding-bottom: 40px; background-color: #F2F2F2; } .ry ul{ width:110%;} .ry ul li{ float: left; width: 200px; margin-bottom: 20px; margin-right: 30px; } .ry ul li img { width: 205px; height: 136px; padding-bottom: 5px; } .ry ul li p { text-align: center; line-height: 20px; height:40px; overflow:hidden; color: #333; font-size: 15px; padding-right: 15px; padding-left: 15px; } .ry ul li p a { color: #333; } .list02 { display: block; overflow: hidden; padding: 30px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #dadada; border-right-color: #dadada; border-bottom-color: #dadada; border-left-color: #dadada; } .list02 .lm04 { float: right; width: 485px; } .list02 img { float: left; } .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: 23px; color: #999999; width: 100%; font-weight: normal; margin-top: 13px; padding-top: 10px; border-top-width: 1px; border-top-style: dotted; border-top-color: #C8C8C8; float:left; } .list02 .lm04 h2 a{ color: #999999; } .list02 .lm04 img { float: right; border: 1px solid #D4D4D4; } .xmlm { background-color: #FFF; height: 80px; width: 100%; margin-top: 85px; box-shadow: 0 0 10px #e2e2e2; min-width: 1630px; } .xmlm ul { float: right; } .xmlm ul li { font-size: 16px; line-height: 79px; font-weight: normal; color: #333; margin-left: 60px; display:inline-block; } .xmlm ul li a{ color: #333333 } .xmlm ul li:hover,.xmlm ul li.onelink{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B10304; } .xmlm ul li:hover a,.xmlm ul li.onelink a{ color:#B10304 } .xmlm p { font-size: 16px; line-height: 80px; color: #333; font-weight: bold; float: left; } .xmlm p a{ color:#333; } .xmlm p img { margin-right: 5px; } .mian2 { width: 1200px; overflow: hidden; background: #fff; position: relative; position: relative; z-index: 1; box-shadow: 0 0 10px #e2e2e2; margin-top: 40px; margin-right: auto; margin-bottom: 40px; margin-left: auto; }.demo-view { width: 1124px; float: left; min-height: 300px; margin-bottom: 40px; margin-top: 38px; margin-left: 38px; margin-right: 38px; } .lm05 { width: 100%; height: 100px; margin-bottom: 20px; } .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; } .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; } .lm066 { margin-bottom: 15px; display: block; overflow: hidden; background-image: url(xlm.jpg); background-repeat: repeat-x; background-position: 143px top; margin-top:50px; } .lm066 h1{ font-size: 24px; line-height: 30px; color: #333; font-weight: normal; float: left; background-color: #FFF; padding-right: 15px; } .lm066 span{ font-size: 14px; line-height: 30px; color: #929292; font-weight: normal; float: right; } .lm066 img { float: left; width: 28px; background-color: #FFF; padding-right: 10px; margin-left: 20px; padding-top: 2px; padding-left: 10px; } .lm066 a{ color: #46464F; } .content p { font-size: 16px; line-height: 30px; color: #333; /* 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 } .proImgList img { width: 260px; } .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 } .xhc { background-color: #FFF; width: 1200px; margin-top: 40px; box-shadow: 0 0 10px #e2e2e2; position: relative; overflow: hidden;} .xhc .xlogo { position: absolute; z-index: 1; top: 30px; left: 40px; color: #FFF; width: 530px; } .xhc .xlogo h1 { font-size: 30px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } .xhc .xlogo p { font-size: 14px; line-height: 25px; } .xhc .xlogo img { float: left; margin-right: 20px; } .xdh { background-color: #FFF; width: 1200px; height:63px; margin-top: 20px; box-shadow: 0 0 10px #e2e2e2; position: relative; overflow: hidden; } .xdh ul li { font-size: 18px; line-height: 61px; font-weight: normal; color: #333; margin-left: 40px; float: left; } .xdh ul li:hover{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CC0000; } .xdh ul li a{color:#333;} .xdh .onelink{ color: #333333; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #CC0000; line-height: 61px; } .xmian { background-color: #FFF; width: 1120px; margin-top: 20px; box-shadow: 0 0 10px #e2e2e2; position: relative; overflow: hidden; padding-top: 25px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; margin-bottom: 20px; } .xmian .xlm{ margin-bottom: 15px; display: block; overflow: hidden; background-image: url(xlm.jpg); background-repeat: repeat-x; background-position: 143px top; } .xmian .xlm h1{ font-size: 24px; line-height: 30px; color: #333; font-weight: normal; float: left; background-color: #FFF; padding-right: 15px; } .xmian .xlm span{ font-size: 14px; line-height: 30px; color: #929292; font-weight: normal; float: right; } .xmian .ld{ width: 1000px; margin-right: auto; margin-left: auto; display: block; overflow: hidden;} .xmian .ld ul { width: 110%; } .xmian .ld ul li { float: left; width: 455px; font-size: 16px; line-height: 35px; color: #333; margin-right: 70px; height: 160px } .xmian .ld ul li img { float: left; margin-right: 20px; margin-bottom: 60px; } .xmian .ld ul li p { font-size: 14px; line-height: 25px; color: #999999; text-align: left; border-bottom-width: 0px; border-bottom-style: none; margin: 0px; } .xmian .ld h1 { font-size: 38px; color: #333; font-weight: normal; text-align: center; } .xmian .ld h2 { font-size: 25px; color: #333; font-weight: normal; text-align: center; margin-bottom: 10px; } .xmian .ld p{ font-size: 14px; color: #878787; font-weight: normal; text-align: center; line-height: 25px; padding-bottom: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; margin-bottom: 40px; } .xjs{ width: 390px; float: right; margin-right: 40px; margin-top: 30px; } .xjs .logo { display: block; overflow: hidden; margin-bottom: 20px; } .xjs .logo img { float: left; margin-right: 20px; } .xjs .logo h1 { font-size: 30px; font-weight: bold; margin-bottom: 7px; color: #464646; padding-top: 15px; } .xjs .logo p{ font-size: 16px; line-height: 28px; color: #FFF; background-color: #f8720f; padding-right: 15px; padding-left: 15px; float: left; border-radius: 5px; } .xjs .logo p a{ color:#fff; } .xjs ul { margin-bottom: 32px; } .xjs ul li{ padding-top: 14px; padding-bottom: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ebebeb; line-height: 30px; } .xjs ul li img { float: left; margin-right: 10px; margin-top: 5px; } .xjs ul li span { color: #969696; } .mian .licheng { width: 100%; margin-right: auto; margin-left: auto; display: block; overflow: hidden; } .mian .licheng ul li{ display: block; overflow: hidden; background-image: url(line2.jpg); background-repeat: repeat-y; background-position: 143px; } .mian .licheng ul li .nian { font-size: 40px; color: #ee1d1e; line-height: 34px; padding-right: 40px; width: 100px; text-align: right; border-right: 3px solid #ee1d1e; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -2px; float: left; } .mian .licheng ul li .shijian { float: right; width: 700px; margin-bottom: 30px; } .mian .licheng ul li .shijian img { float: left; margin-right: 25px; } .mian .licheng ul li .shijian h1 { font-size: 24px; font-weight: bold; color: #333; margin-bottom: 5px; } .mian .licheng ul li .shijian p { font-size: 13px; line-height: 22px; color: #666; } .mian .licheng ul li .line { float: right; width: 700px; margin-bottom: 30px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; } .sp2 { width: 895px; display: block; float: left; overflow: hidden; } .sp2 ul{ width:110%;} .sp2 ul li{ float: left; width: 430px; height: 280px; margin-bottom: 25px; margin-right: 30px; } .sp2 ul li img { width: 432px; height: 240px; border: #e8e8e8 1px solid; margin-bottom: 7px; } .sp2 ul li p { text-align: center; line-height: 20px; color: #333; font-size: 18px; padding: 10px; } .sp2 ul li p a { color: #333; } .lm01 { width: 100%; height: 45px; margin-bottom: 15px; margin-top: 50px; } .lm01 h1 { font-size: 32px; font-weight: bold; color: #333; float: left; margin-right: 10px; line-height: 40px; } .lm01 h1 a{ color: #333; } .lm01 h2 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #a7a7a7; margin-top: 10px; float: left; font-size: 28px; } .lm01 h2 a{ color: #a7a7a7; } .lm01 img { float: left; margin-right: 15px; margin-top:7px; width: 32px; } .mz p{ font-size: 12px; line-height: 25px; color: #999; } .crumbs-about h3 img { float: left; width: 28px; margin-right: 10px; } .crumbs-about h4 { font-size: 16px; float: left; color: #999999; font-weight: normal; line-height: 30px; margin-left: 7px; text-transform: uppercase; margin-top: 3px; } .xmian .xlm img { float: left; width: 28px; background-color: #FFF; padding-right: 10px; margin-left: 20px; padding-top: 2px; padding-left: 10px; } .list03 { margin-right: 25px; margin-left: 30px; display: block; overflow: hidden; margin-bottom: 35px; padding-top: 10px; } .list03 ul li img { float: left; width: 376px; height: 260px; } .list03 ul li h1 { font-size: 20px; line-height: 30px; font-weight: bold; color: #FFF; margin-bottom: 10px; } .list03 ul li h1 a{ color: #FFF; } .list03 ul li p { font-size: 14px; line-height: 23px; color: #FFFFFF; margin-bottom: 15px; } .list03 ul li p a{ color: #FFFFFF; } .list03 ul li { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #dadada; padding-bottom: 20px; height: 260px; margin-bottom: 20px; } .list03 ul li h3{ font-size: 12px; font-weight: normal; float: left; color: #ffebea; border: 1px solid #ffebea; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; } .list03 ul li h3 a{ color: #ffebea; } .list03 ul li .jieshao{ background-color: #e94f43; padding-left: 29px; height: 240px; float: right; width: 460px; padding-top: 20px; padding-right: 30px; background-image: url(dangjian.png); background-repeat: no-repeat; background-position: 395px 155px; } .splm{ width: 122px; height: 36px; color: #FFFFFF; font-size: 16px; background-color: #d11c1d; text-align: center; line-height: 36px; float: left; margin-bottom: 15px; margin-top: 10px; }