*{box-sizing: border-box;} html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;} ul,ol,dl{list-style-type:none;} html,body{*position:static;} html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button{overflow: visible;vertical-align:middle;outline:none;} body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;} body{line-height:1.6;} h1,h2,h3,h4,h5,h6{font-size:100%;} a,area{outline:none;blr:expression(this.onFocus=this.blur());} a{text-decoration:none;cursor: pointer;} a:hover{text-decoration:none;outline:none;} a.ie6:hover{zoom:1;} a:focus{outline:none;} a:hover,a:active{outline:none;}:focus{outline:none;} sub,sup{vertical-align:baseline;} button,input[type="button"], input[type="submit"] {line-height:normal !important;} /*img*/ img{border:0;vertical-align:middle;} a img,img{-ms-interpolation-mode:bicubic;} /*宋烔烔 增加*/ .img-responsive{max-width: 100%;height: auto;} .address a{color: #9F9F9F!important;} .blulog{width: 80px; height: 76px; position: absolute; right: 0;} body {background: url(../images/big_bg.jpg)repeat;} .center{width:1200px;margin:0 auto;} .cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.cl,.clearfix{zoom:1;} #header { width: 100%; height: 115px; background: url(../images/top_back.jpg); background-size: 100% 100%; position:relative;} #header>.center { padding-top: 20px; box-sizing: border-box; position: relative; height:75px;} #header .logo { width: 301px; height: 75px; background: url(../images/logo.png); background-size: 100% 100%; float: left; } #header .r_logo{ height: 100%; position: absolute; top: 0; right: -209px; width: 314px; height: 115px;} #header .cen_logo { width: 110px; height: 110px; overflow: hidden; background: url(../images/logo_bac.jpg); /* background-size: 100% 100%; */ position: absolute; left: 50%; margin-left: -55px; top: 6%;} #header .cen_logo>img { width: 100px; height: 100px; transition: all 2s; margin: 22px 22.5px;} /* ============================================================== Nav CSS ============================================================== */ .nav { width: 100%; height: 50px; background: url(../images/nav_back.jpg)repeat-y; background-size: 100% 100%; background-color: #006fca; position: relative; z-index: 10;} .xysy{ float: left; width: 120px; line-height:46px; font-size:20px; text-align: center; border-top: 4px solid transparent; cursor: pointer;} .xysy a{color:#fff;} .xysy:hover{ background: #fff; border-top: 4px solid #003f8b; line-height: 46px;} .xysy:hover a{color: #003f8b;} .nav ul>li { float: left; position: relative; width: 108px; text-align: center; border-top:4px solid transparent; } .nav ul>li>a { letter-spacing: 1px; font-size: 20px; color: #fff; line-height: 46px; width: 110px;} .nav ul>li:hover .nav_a { color: #003f8b;} .drop { position: absolute; z-index: 2; left: 0; top: 46px; display:none; width: 180px; background: #fff; } .drop li{ height: auto !important;} .nav ol{ } .nav ol a { height: 46px; line-height: 46px; background: #fff; text-decoration: none; color: #003f8b; text-transform: capitalize; display: block; width: 180px; font-size: 16px; text-align: center;} .nav ol a:hover { background-color: #003f8b; color: #FFF !important;} .main>li:hover { background: #fff; color: #003f8b; border-top: 4px solid #003f8b;} .main>li:hover ol{ z-index: 2; display: block;} .main>ol:hover a { border-top: 4px solid #ff9501; color: #6510AD !important;} #footer { width: 100%; background: url(../images/footer2.png) no-repeat center bottom; background-size: 100% 122%; } .quick_link_title { padding-top: 60px; width: 339px; font-size: 22px; color: #fff; margin: 0 auto; text-align: center; line-height: 1; letter-spacing: 2px;} .quick_link_title>div { float: left; margin-right: 25px;} .quick_link_title>div:last-child { margin-right: 0;} .quick_link_title .line { width: 96px; height: 4px; background: url(../images/line.jpg)no-repeat; background-size: 96px 4px; margin-top: 10px; transition: .2s; overflow: hidden;} .quick_link_title>div:first-child { background-position: -98px 0;} .quick_link_title>div:last-child { background-position: 98px 0;} #footer:hover .line { background-position: 0 0; background-size: 96px 1px;} .link_content { width: 1200px; /*height: 278px;*/ clear: both; padding: 25px 10px 40px; overflow: hidden;} .link_content>li { width: 236px; height: 53px; line-height: 53px; font-size: 18px; color: #fff; float: left; margin-top: 15px;} .link_content>li>a { display: block;} .link_content>li>a>img { display: block; float: left; width: 53px; height: 53px; margin-right: 14px; transition: .3s;} .link_content>li>a>div { float: left; transition: .3s; color: #fff;} .link_content>li:hover div { color: #ff9501;} .footer { height: 218px; color: #acabac; font-size: 14px;} .foot_01 { width: 100%; height: 142px; border-bottom: 1px solid #666666; overflow: hidden;} .foot_01 a { color: #acabac;} .foot_01>div:nth-child(4) a:hover { color: #ff9501;} .foot_01>img { width: 247px; margin: 52px 0 0; float: left;} .foot_01>div { float: left;} .foot_01>div:nth-child(2) { height: 14px; width: 120px; text-indent: 1.4em; background: url(../images/tel_icon.jpg)no-repeat left center; background-size: 8px 14px; margin: 74px 35px 0;} #phone{ height: 14px; width: 120px; text-indent: 1.4em; background: url(../images/tel_icon.jpg)no-repeat left center; background-size: 8px 14px; margin: 74px 35px 0;} .foot_01>div:nth-child(3) { height: 14px; width: 188px; text-indent: 1.4em; background: url(../images/address_icon.jpg)no-repeat left center; background-size: 9px 14px; margin-top: 74px;} #map{ height: 20px; width: 260px; text-indent: 1.4em; background: url(../images/address_icon.jpg)no-repeat left center; background-size: 9px 14px; margin-top: 74px;} .foot_01>div:nth-child(5) { float: right; width: 290px; height: 56px; line-height: 18px; margin-top: 56px;} #foot_link_warp_wrap{ float: right; width: 290px; height: 56px; line-height: 18px; margin-top: 56px;} #foot_link_warp_wrap ol{ width: 290px;} #foot_link_warp_wrap ol li{ float: left;} .foot_01>div:nth-child(5) ol { display: flex; justify-content: space-between;} .foot_01>div:nth-child(5) li { float: left; transition: 0.3s;} .foot_link_warp{ display: flex; justify-content: space-between;} .foot_link{ float: left; transition: 0.3s;} .foot_02 { line-height: 76px; position: relative;} .foot_02>p { display:inline-block;} .foot_02>p+p { margin: 0 45px 0 40px;}