@import url("font-awesome.min.css"); @import url("animate.css"); /* CSS Document */ body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-size:14px; color:#555; font-family:"Microsoft YaHei", "微软雅黑","Simsun","Arial Black","verdana";; background-color: #FFFFFF; line-height:24px; } input,button,textarea,select{font-family:"Microsoft YaHei", "微软雅黑";} UL {list-style-type:none;} UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt,ol{ PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px } ::selection { color:#fff; background-color:#274489; } ::-moz-selection { color:#fff; background-color:#274489; } ::-webkit-selection { color:#fff; background-color:#274489; } ::-webkit-scrollbar { width: 8px; height: 4px; background-color: #F5F5F5 } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2 } ::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .6); background-color: #888; } img{ border:0px;} .sdbj{padding-top:1.5%; padding-bottom:1.5%;} .hs{ background-color:#F7FBFE;} #head{ width:100%; float:left; background-color:#ddd; } #tou{ width:100%; float:left;} #flash{ width:100%;float:left; position:relative; z-index:5; } #flash .tou{ width:100%; position:absolute; left:0px; top:0px; background-image: url(../images/t4.png); background-repeat: repeat-x; background-position: left top; z-index:100000; } #hyweb{ width:100%; float:left; overflow:hidden } #nyweb{ width:100%; float:left; padding-bottom:1%; padding-top:1%; } #hyweb1{ width:100%; float:left; overflow:hidden; background-image: url(../images/d7.png); background-repeat: no-repeat; background-position: center bottom;background-size:cover; padding:2% 0; } #hyweb2{ width:100%; float:left; overflow:hidden; background-image: url(../images/foot.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom:65px;background-size:cover; } #nbanner{width:100%;float:left; overflow:hidden;} #nbanner img{ width:100%; max-width:1920px; display:block; margin-left:auto; margin-right:auto;} #bt{ width:100%; float:left; text-align:center;} #bt h1{ font-size:28px; font-weight:normal;display: block; position: relative; z-index: 1; text-align:center;} #bt h1 span{ background-color:#fff;display:inline-block; padding-left:15px; padding-right:15px; color:#0064B8;} #bt h1 span i{ font-size:14px; font-style: normal; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; color:#666; } #bt h1 .hsb{ background-color:#F7FBFE;} #bt h1::after{background:#0064B8; width:100%; left:0px; bottom:10px; height: 2px; position: absolute; z-index: -1; content: " ";} #bt p{ text-align:center; margin-top:5px;} #bt p img{ width:5%; max-width:44px;} #dibu{ width:100%; float:left; background-color:#0064B8; padding-top:0.5%; padding-bottom:0.5%; overflow:hidden; } #body{margin-left:auto;margin-right:auto; min-width:320px;max-width:1260px;} #piaofu{width:100%;height:70px;position:fixed;bottom:0px;left:0px; z-index:300;} #top{ width:98%; float:left; padding:1%; } #top .logo{ width:30%; text-align:left;} #top .logo img{ max-width:90%; display:block;} #top .top1{ width:75%; text-align:left;} #top .tel{ width:100%; float:left; text-align:right;} #top .tel img{ max-width:30%; float:right} #nav{float:right; width:100%; margin-top:6px; } #menu { width:100%; float:right;} #menu UL {list-style-type:none;} #menu UL LI { FLOAT: left; width:11.5%; margin-left:1%; display: block; } #menu UL LI a::after{background:rgba(0,100,184,0); transition:0.8s; left: 0; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: " ";border-radius:2px;} #menu UL LI A { TEXT-ALIGN: center; DISPLAY: block; color:#0064B8; font-size:16px; line-height:30px;transition:all 0.5s ease-in-out 0s; overflow:hidden; position: relative; z-index: 1; } #menu UL LI A:hover::after,#menu UL LI.sec a::after {background:rgba(0,100,184,1); display:block; transition:0.8s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: " "; } #menu UL LI.sec a,#menu UL LI:hover a{ TEXT-DECORATION: none; color:#fff; } #dbdh{ width:100%; float:left; text-align:center; background-color:#0064B8;border-radius:40px; margin-bottom:3%} #dbdh a{ color:#fff; display:inline-block; margin-left:0.8%; margin-right:0.8%; line-height:40px; font-size:16px;} #dbdh a:hover{color:#fff;} #lxway{ width:100%; float:left; background-image: url(../images/dx.jpg); background-repeat: repeat-y; background-position: center top; margin-top:2%; } #lxway ul{list-style-type:none;} #lxway ul li{ width:47%; padding:1.5%; float:left;} #lxway ul li .lxwm{ width:100%; float:left;} #lxway ul li .lxwm h1{ font-size:16px; line-height:25px; color:#cc0000; margin-bottom:2%;} #lxway ul li .lxwm h1 .yw{ text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; font-size:16px;line-height:20px;color:#cc0000; } #lxway ul li .lxwm p .imga{ max-width:6%; margin-right:10px;} #lxway ul li .qt{ width:100%; float:left;} #lxway ul li .qt .imgb{ max-width:60%; border:#0064B8 solid 2px; padding:4px;border-radius:4px; background-color:#fff;} #lxway ul li p{ font-size:16px; line-height:2; color:#0064B8;} #lxway ul li p a{color:#0064B8;} #lxway ul li .qt p .imga{ max-width:10%; margin-right:5px;} #dbtel{ width:100%; float:left;} #dbtel img{ display:block; max-width:60%; margin-left:auto; margin-right:auto;} .clear{ clear:both;} a:link { text-decoration: none; color:#5a5a5a; } a:visited { text-decoration: none; color:#5a5a5a; } a:hover { color:#0064B8; } .hg2{ margin-top:30px;} .hg{ margin-top:25px;} .hg1{ margin-top:20px;} #bottom{ width:97%; padding:1.5%; float:left; line-height:22px;color:#fff; overflow:hidden; } #bottom .footer { width:100%; float:left; } #bottom .footer UL { TEXT-ALIGN: center; text-align:center; color:#fff; } #bottom .footer UL LI { DISPLAY: inline; font-size: 16px; LINE-HEIGHT: 40px; color: #fff; font-weight:bold; } #bottom .footer UL LI A { MARGIN: 0px 10px; color: #fff;} #bottom .footer UL LI A:hover { color:#fff; text-decoration: underline; } #bottom .lxwm{ width:100%; float:left; text-align:center; margin-top:2%;} #bottom .lxwm li{display:inline-block; padding:2% 0px; text-align:left; color:#fff; LIST-STYLE-TYPE: none; border-bottom:#fff solid 1px; border-top:#fff solid 1px;} #bottom .lxwm li h1{ font-size:30px; } #bottom .lxwm li h2{ font-size:16px; line-height:25px; text-transform:uppercase; margin-top:8px; font-family: Arial, Helvetica, sans-serif; font-weight:600; } #bottom .lxwm li p{ font-size:14px; color:#fff; line-height:25px;} #bottom .lxwm li A{ color:#fff;} #bottom .lxwm .tel{ margin-top:6%; font-size:40px; font-weight:bold; text-align:center; font-family: Arial, Helvetica, sans-serif; padding-top:6%; background-image: url(../images/bx.jpg); background-repeat: repeat-x; background-position: left top; } #bottom .lxwm .tel img{ margin-right:20px;max-width:15%;} #bottom .lxwm .lyc{ margin-top:2%; text-align:center;} #bottom .lxwm .lyc img{ max-width:30%;} #bottom .copyright { width:100%; float:left; LINE-HEIGHT: 20px; color: #fff; font-size:12px; text-align:center; } #bottom .copyright A{ color:#fff;} .izl-rmenu { position: fixed; right: 0; bottom: 30%; z-index: 999;width: 42px; } .izl-rmenu .btn { width: 40px; height: 40px; cursor: pointer; position: relative; border:#1F438F solid 1px; margin-top:-1px; text-align:center;color:#fff; line-height:40px;background:#0064B8; } .izl-rmenu .btn:hover{ color:#fff; border:#A6282F solid 1px;} .izl-rmenu .btn i{ font-size:18px; line-height:40px;} .izl-rmenu .btn-qq { } .izl-rmenu .btn-qq:hover { background-color: #cc0000; } .izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { } .izl-rmenu .btn-wx { } .izl-rmenu .btn-wx:hover { background-color: #cc0000; } .izl-rmenu .btn-wx .pic { position: absolute; left: -120px; top: -1px; display: none; width: 120px; height: 120px; } .izl-rmenu .btn-phone { } .izl-rmenu .btn-phone:hover { background-color: #cc0000; } .izl-rmenu .btn-phone .phone { background-color:#cc0000; position: absolute; width: 160px; left: -160px; top: -1px; line-height: 41px; color: #FFF; font-size: 18px; text-align: center; display: none; } .izl-rmenu .btn-qq .qq { background-color:#cc0000; position: absolute; width: 100px; left: -100px; top: -1px; line-height: 41px; color: #FFF; font-size: 18px; text-align: center; display: none; } .izl-rmenu .btn-top { display: none; } .izl-rmenu .btn-top:hover { background-color:#cc0000; color:#fff; } #footer{width:100%;float:left;HEIGHT:70px; background-color:#cc0000;filter:alpha(Opacity=90);-moz-opacity:.9;opacity:.9;background:-webkit-linear-gradient(top, #cc0000 ,#CA3138,#cc0000);}#footer UL{list-style-type:none;}#footer UL LI{width:24.2%;text-align:center;height:70px;text-align:center;float:left}#footer UL LI A{width:100%; padding-top:5px; height:60px; padding-top:5px;overflow:hidden;display:block;cursor:pointer;font-size:14px;text-align:center;color:#fff;}#footer UL LI{background-repeat:no-repeat;background-position:center 8px}#footer UL LI span{ font-size:28px; font-weight:normal; margin-top:5px;};#footer UL LI p{ font-size:14px; line-height:20px;}#footer UL LI.kg{width:1%;height:70px;background-repeat:repeat-y;background-position:center top} #footer UL LI A:hover{color:#fff;} #footer UL li a.sec{color:#fff;}