@charset "utf-8"; /* CSS Document */ *{ margin:0 auto; padding:0; } div {margin:0 auto; overflow:hidden; height:auto;} em,i {font-style:normal; font-size:100%;} img{border:none; display:block;} a:link { text-decoration: none;} a:visited { text-decoration: none;} a:hover { text-decoration: none;} a:active { text-decoration: none;} ul,ol,li{list-style:none;} body {font-size:12px; color:#333; line-height:20px; font-family:"微软雅黑";} /*头部*/ .top{ width:100%;} .top1{ width:100%; max-width:980px; height:34px; line-height:34px; font-family:"宋体"; color:#888888;} .top1 a{ float:right; color:#888888;} .top1 span{ float:right; margin-left:10px; margin-right:10px;} .top2{ width:100%; max-width:980px;} .top2a{ float:left; width:313px; height:96px; background:url(../images/top01.jpg) left center no-repeat;} .top2a-1{ width:100%; float:left; height:20px; margin-top:55px; line-height:20px; font-size:15px; color:#333333; padding-left:78px; box-sizing:border-box;} .top2a-1 h1{ font-size:15px; font-weight:normal; float:left;} .top2a-1 b{ color:#FB7A1E; float:left;} .top2a-1 span{ float:left;} .top2b{ float:right; line-height:24px; font-family:"微软雅黑"; font-size:16px; color:#333333; margin-top:22px; background:url(../images/top02.jpg) left center no-repeat; padding-left:56px; box-sizing:border-box;} .top2b span{ color:#016cca;} .top2c{ float:right; margin-right:32px;} @media (max-width:980px){.top{ display:none;}} /*导航*/ .nav{ width:100%; height:59px; background:#016cca; border-bottom:1px solid #2390f0;} .nav1{ width:100%; max-width:980px; border-left:1px solid #2390f0; box-sizing:border-box; height:59px; line-height:59px;} .nav1 li{ float:left; border-right:1px solid #2390f0; box-sizing:border-box; padding:0 8px; line-height:59px; font-size:16px; color:#FFFFFF;} .nav1 li a{ color:#FFFFFF; padding:6px 8px; box-sizing:border-box;} .nav1 li a:hover{background:url(../images/nav01.jpg);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} #nav1a{ background:url(../images/nav01.jpg);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} @media (max-width:980px){.nav{ display:none;}} /*banner*/ .banner1{ width:100%;} .banner1 img{ width:100%;} .banner2{ width:100%; max-width:980px; margin-top:10px;} .banner2 img{ width:100%;} .slideshow { clear: both; width:100%; height:auto; } .slideshow li { position: relative; overflow: hidden; } .slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; } .slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; } .slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; } .slidebar { position: absolute; left:50%; bottom:10px; margin-left:600px; } .slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; } .slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #ff0; font-weight: 700; } .slideshow SPAN.title { text-indent: 0px; } .block { margin: 0;position: relative; } #frameHlicAe { margin: 0px !important; border: 0px !important; } .comiis_wrap960, .comiis_wrapad { margin: 0 auto; width: 100%; } .comiis_wrapad { overflow: hidden; } .comiis_wrapad img { float: left; margin-top: 0px; width:100%; } #slidesImgs li { width: 100%; display: none; } /*搜索*/ .search{ width:100%; height:40px; background:#efefef;} .search1{ width:100%; max-width:980px; line-height:40px; color:#333333; font-family:"宋体";} .search1 a{ color:#333; margin-left:5px; margin-right:5px;} .search1a{ float:right; width:33px; height:26px; margin-top:7px; background:url(../images/search01.jpg); border:none;} .search1b{ width:238px; float:right; height:26px; border:1px solid #d3d3d3; border-right:none; box-sizing:border-box; margin-top:7px; background:#efefef; text-indent:5px; color:#666666;} @media (max-width:980px){.search1a{ display:none;}} @media (max-width:980px){.search1b{ display:none;}} /*手机头部*/ .x-top{ width:100%; padding:10px 0; display:none;} .x-top1{ width:45%; float:left; text-align:center; } .x-top1 img{ width:90%;} .x-top2{ width:54%; float:right;border-left:1px solid #ccc;} .x-top2a{ width:100%; float:left;} .x-top2a img{ width:95%; margin-left:5%; } .x-top2b{ width:100%; float:left; margin-top:5px;} .x-top2b-1{ width:10%; float:left;margin-left:5%;} .x-top2b-1 img{ width:100%;} .x-top2b-2{ width:95%; float:left; font-size:20px; font-weight:bold; line-height:30px; background:url(../images/tel.png) left center no-repeat; text-indent:30px; margin-left:5%; color:#333333;} .x-nav{ margin:0 auto; width:100%;display:none;} .x-nav ul{ margin:0 auto; display:block;} .x-nav li{ width:25%; float:left; height:30px; text-align:center; background:#016CCA; border:1px solid #014D92; border-top:none; border-left:1px solid #1B92FE;box-sizing:border-box;} .x-nav li a{ color:#FFFFFF; text-align:center; line-height:30px;} @media (max-width:980px){.x-top{ display:block;}} @media (max-width:980px){.x-nav{ display:block;}} /*底部*/ .foot{ width:100%; background:#016cca; padding-bottom:40px;} .foot1{ width:100%; text-align:center; background:url(../images/foot01.jpg)} .foot2{ width:100%; max-width:980px; margin-top:20px;} .foot2a{ float:left; width:400px; margin-left:10px;} .foot2a span{ width:100%; line-height:40px; color:#FFFFFF; font-size:20px; display:block;} .foot2a img{ float:left; margin-top:10px; margin-bottom:10px;} .foot2a p{ width:100%; color:#FFFFFF; line-height:24px; display:block; float:left; max-width:294px;} .foot2b{ float:left; width:215px; border-left:1px dotted #3da4ff; border-right:1px dotted #3da4ff; padding-left:40px; box-sizing:border-box; padding-bottom:30px;} .foot2b span{ width:100%; line-height:40px; font-size:20px; color:#FFFFFF;} .foot2b a{ width:100%; float:left; line-height:30px; color:#FFFFFF; font-size:14px;} .foot2c{ float:left; width:345px; float:left; padding-left:35px; box-sizing:border-box;} .foot2c-1{ width:100%;line-height:40px; font-size:20px; color:#FFFFFF;} .foot2c-2{ width:100%; height:40px; border:1px solid #afafaf; float:left; margin-top:13px; box-sizing:border-box; line-height:38px; background:url(../images/foot04.jpg) left top no-repeat; text-indent:13px; color:#FFFFFF; font-size:14px;} .foot2c-3{ width:100%; height:82px; border:1px solid #afafaf; float:left; margin-top:13px; box-sizing:border-box; line-height:38px; background:url(../images/foot04.jpg) left top no-repeat; text-indent:13px; color:#FFFFFF; font-size:14px;} .foot2c-4{ width:104px; height:34px; float:right; margin-left:8px; background:#fa7a1c; text-align:center; border:none; line-height:34px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; color:#FFFFFF; margin-top:13px; font-size:14px;} .foot2c-5{ width:104px; height:34px; float:right; background:#e7e7e7; text-align:center; border:none; line-height:34px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; color:#333; margin-top:13px; font-size:14px;} .foot2 a{ color:#FFFFFF;} @media (max-width:980px){.foot2c{ display:none;}} @media (max-width:640px){.foot2b{ display:none;}} @media (max-width:640px){.foot2a{ width:100%; float:none; margin:auto; text-align:center;}} @media (max-width:640px){.foot2a p{ max-width:none;}} @media (max-width:980px){.foot{ margin-bottom:40px;}} .x-foot{ width:100%; height:60px; border-top:1px solid #D7D7D7; background:#FFFFFF; left:0; bottom:0; position:fixed; z-index:999; display:none;} .x-foot li{ width:25%; float:left; text-align:center;} .x-foot li img{ display:block; width:26px; height:26px; margin-top:10px;} .x-foot li span{ width:100%; display:block; line-height:15px; margin-top:5px; color:#666666; font-size:12px; font-family:"宋体";} @media (max-width:980px){ .x-foot{ display:block;}} @media (max-width:640px){.foot2a img{ float:none; margin:auto;}} #fhtb{ right:10px;} .linkbox h3{float: left;height: 27px;line-height: 27px;margin-bottom: 5px;font-size: 14px;width:100%;padding-left: 10px;margin-top: 10px;display: inline; box-sizing:border-box;} .linkbox ul{float: left;border: 1px solid #DEDEDE;line-height: 25px;width: 600px;padding: 7px 9px; box-sizing:border-box; width:100%;} .linkbox ul li{float: left; padding:0; border:none; width:20%;} .linkbox a{ color:#333333;} @media (max-width:980px){#fhtb{ display:none;}}