@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body,a{
font-family: "微软雅黑";
font-size: 14px;
color: #666666;
}
.type-list-left .mail .s24{
color: #0062b2;
background: url(../img/email-blue.png) no-repeat;
padding-left: 48px;
height: 30px;
margin-top: 20px;
margin-left: 20px;
}
.type-list-left .mail h2 {
text-align: center;
}
.body-dyn,.banner{
min-width: 1200px;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
.-tabs-content{
display: none;
position: relative;
}
.-show{
display: block;
}
.-panel-border{
border: 1px solid #e4e4e4;
border-radius: 5px;
background: white;
}
.-panel-title{
background: url(../img/banner-dyn-bg.jpg);
height: 42px;
line-height: 42px;
font-size: 16px;
color: #333333;
position: relative;
}
.log-icon {
display: inline-block;
width: 310px;
height: 50px;
background: url(../img/logo.png) no-repeat;
margin-top: 12px;
}
.warp {
position: relative;
margin: 0 auto;
text-align: left;
width: 1200px;
min-width: 1200px;
}
#header-top {
height: 32px;
background: #efefef;
position: fixed;
width: 100%;
top: 0px;
border-bottom: 1px solid #d4d4d4;
z-index: 10;
}
.header-top-logtext{
line-height: 32px;
}
.header-top-menu {
line-height: 32px;
position: absolute;
right: 0px;
top: 0px;
z-index: 9;
}
.header-top-menu .ewm{
border-right: 1px solid transparent;
border-left: 1px solid transparent;
transition: all 0.5s;
}
.header-top-menu .ewm:hover{
background: white;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
box-shadow:0px 2px 5px #b5b5b5;
}
.header-top-menu .ewm:hover .ewm-code{
height: 138px;
box-shadow:0px 2px 5px #b5b5b5;
}
.header-top-menu .ewm-code{
transition: all 0.3s;
position: absolute;
background: white;
padding: 0 10px 0 10px;
left: 0px;
width: 130px;
text-align: center;
height: 0px;
overflow: hidden;
z-index: 99;
}
.header-top-menu .ewm-code img{
padding-top: 10px;
}
.header-top-menu .ewm-code p{
font-size: 12px;
padding: 0;
margin: 0;
}
.header-top-menu a {
position: relative;
color: #727272;
padding-right: 10px;
padding-left: 10px;
display: inline-block;
margin-left: -5px;
vertical-align: top;
}
.header-top-menu a:before {
content: " ";
border-left: 1px solid #d4d4d4;
position: absolute;
right: -1px;
top: 0px;
bottom: 0px;
z-index: 1;
}
.header-top-menu a:last-child {
padding-right: 0px;
}
.header-top-menu a:last-child:before {
content: " ";
border: none;
}
.header-top-menu a:first-child {
color: #14a1e6;
}
.shadow{
box-shadow: 0px 1px 7px #a7a7a7;
}
.topmenu{
position: fixed;
z-index: 9;
top: 33px;
right: 0px;
width: 100%;
height: 65px;
background: white;
}
.topmenu-ul{
text-align: right;
position: absolute;
right: 0px;
top: 0px;
}
.topmenu-ul li{
display: inline-block;
margin-left: -5px;
vertical-align: top;
}
.topmenu-ul dl{
display: none;
}
.topmenu-children{
position: absolute;
width: 100%;
left: 0px;
right: 0px;
top: 65px;
overflow: hidden;
height: 0px;
}
.topmenu-children dl{
background: #409fee;
color: #FFF;
width: 100%;
margin-top: 0px;
}
.topmenu-children dd{
display: inline-block;
height: 45px;
line-height: 45px;
margin-left: -5px;
padding-left: 15px;
padding-right: 15px;
}
.topmenu-children .triangle-up{
/*width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(13,65,93,0.8);
position: absolute;*/
}
.topmenu-children a{
color: white;
}
.topmenu-ul li.select a{
color: #fff;
background-color: #1d77c2;
border-top: 3px solid #ff0f0f;
}
.topmenu-ul li.select a:after{
border-color: #0060b1;
}
.topmenu-ul li a{
font-size: 16px;
height: 63px;
line-height: 63px;
padding-left: 18px;
padding-right: 18px;
display: block;
position: relative;
transition: all 0.5s;
}
.topmenu-ul li a:hover{
color: #fff;
background-color: #1d77c2;
border-top: 3px solid #ff0f0f;
}
/*
.topmenu-ul li a:after{
transition: all 0.5s;
content: " ";
height : 3px;
position: absolute;
border-top: 3px solid white;
top: 0px;
left: 0px;
width: 100%;
}
.topmenu-ul li a:hover:after{
border-color: #ff0f0f;
}
*/
.banner{
background: #0275b4;
height: 520px;
text-align: center;
overflow: hidden;
}
.banner.hidden{
overflow: hidden;
}
#scroll-body{
margin-top: 97px;
position: relative;
z-index: 0;
}
.banner .img{
width: 100%;
height: 520px;
background-position: center;
display: block;
}
.body-dyn{
height: 42px;
/*background: url(../img/banner-dyn-bg.jpg);*/
background:#FFF;
}
.body-dyn .location{
line-height: 40px;
}
.body-news-title{
line-height: 42px;
color: #2c7cc9;
background: url(../img/icon-dy.png) no-repeat 0px 3px;
padding-left: 20px;
}
#notice-list {
display: inline-block;
height: 16px;
overflow: hidden;
vertical-align: middle;
margin-top: 0px;
width: 450px;
}
#notice-list a {
display: block;
color: #666666;
line-height: 16px;
height: 16px;
}
.ban-news-more-line{
border-left: 1px solid #c2c2c2;
display: inline-block;
margin-right: 15px;
height: 30px;
vertical-align: middle;
}
.ban-news-more{
color: #a8a8a8;
}
.body-dyn .hour24{
background: url(../img/phonetop.png) no-repeat;
padding-left: 30px;
color: #0062b2;
font-size: 16px;
position: absolute;
right: 0px;
top: 12px;
display: block;
height: 20px;
}
.body-dyn .hour24 i{color:#ff0000;}
.body-dyn .jump{
position: absolute;
right: 0px;
font-size: 16px;
background:url(../img/in.png) no-repeat left top;
padding-left: 40px;
display: inline-block;
height: 35px;
line-height: 30px;
top: 4px;
vertical-align: top;
}
.body-type-row{
background : #fbfbfb;
height:120px;
margin-bottom:20px;
}
.body-type {
height: 112px;
/**
border: 1px solid #ececec;
margin-top: 20px;
*/
margin-bottom: 20px;
padding-top: 40px;
padding-bottom: 20px;
}
.body-type-row li a .banner-icon {
display: inline-block;
width : 56px;
height :56px;
border: 2px solid #09aee4;
border-radius : 5px;
text-align: center;
background: #09aee4;
}
.body-type-row li:hover a .banner-icon {
display: inline-block;
width : 56px;
height :56px;
border: 2px solid #09aee4;
border-radius : 5px;
text-align: center;
background: #FFF;
}
.body-type-row li a .banner-icon i{
background: url(../img/type-icon.png) no-repeat;
width: 30px;
height: 32px;
margin-top: 12px;
display: inline-block;
}
.body-type-row li a .banner-icon i.banner-icon-tqxx{
background-position: -30px 0;
}
.body-type-row li:hover a .banner-icon i.banner-icon-tqxx{
background-position: 0 0;
}
.body-type-row li a .banner-icon i.banner-icon-dj{
background-position: -30px -32px;
}
.body-type-row li:hover a .banner-icon i.banner-icon-dj{
background-position: 0 -32px;
}
.body-type-row li a .banner-icon i.banner-icon-jjsy{
background-position: -30px -64px;
}
.body-type-row li:hover a .banner-icon i.banner-icon-jjsy{
background-position: 0 -64px;
}
.body-type-row li a .banner-icon i.banner-icon-ljcy{
background-position: -30px -96px;
}
.body-type-row li:hover a .banner-icon i.banner-icon-ljcy{
background-position: 0 -96px;
}
.body-type-row li a .banner-icon i.banner-icon-rqaq{
background-position: -30px -128px;
}
.body-type-row li:hover a .banner-icon i.banner-icon-rqaq{
background-position: 0 -128px;
}
.body-type-row li a .banner-icon i.banner-icon-wsyyt{
background-position: -30px -160px;
}
.body-type-row li:hover a .banner-icon i.banner-icon-wsyyt{
background-position: 0 -160px;
}
.body-type .type-blur{
display: none;
}
.body-type li{
display: inline-block;
height: 100%;
width: 16.3%;
vertical-align: top;
}
.body-type li:first-child{
/**margin-left: 20px;*/
}
.body-type li:last-child{
/**
margin-right: 20px;
*/
}
.body-type-text{
display: inline-block;
vertical-align: top;
padding-left: 5px;
color: #333333;
cursor: pointer;
transition: all 0.5s;
width:125px;
}
.body-type a:hover{text-decoration: none; }
.body-type li:hover,
.body-type li:hover .body-type-text h2,
.body-type li:hover .body-type-text h3,
.body-type li:hover .body-type-text h4,
.body-type li:hover .body-type-text span{
color: #09aee4;
}
.body-type-text:hover span{
background: #0062b2;
color: white;
border-color: #0062b2;
}
.body-type-text h2{
font-size: 18px;
}
.body-type-text h3{
font-size: 18px;
font-family: arial;
padding-top: 10px;
color: #c2c2c2;
transition: all 0.5s
}
.body-type-text h4{
font-size: 12px;
font-family: arial;
color: #c2c2c2;
transition: all 0.5s
}
.body-type-text span{
color: #c6c6c6;
display: block;
border: 1px solid #c6c6c6;
text-align: center;
height: 20px;
line-height: 18px;
margin-top: 10px;
transition: all 0.5s
}
.body{
height: 250px;
}
.body-left-news{
height: 250px;
width: 325px;
position: absolute;
overflow:hidden;
}
.body-left{
height: 100%;
width: 860px;
}
.body-center{
height: 100%;
width: 520px;
margin-left: 340px
}
.body-left .-panel-title{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-left: 27px;
border-bottom: 1px solid #3ba1e7;
}
.body-left .news-more{
position: absolute;
right: 10px;
top: -29px;
}
.body-left-tab li{
display: inline-block;
line-height: 35px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
margin-top: 7px;
}
.body-left-tab li.select{
background: white;
color: #3ba1e7;
border: 1px solid #3ba1e7;
border-bottom: 1px solid #FFF;
}
.body-left-tab li:hover{
color: #3ba1e7;
}
.body-left .first-news{
padding: 20px;
}
.body-left .first-news-text{
display: inline-block;
vertical-align: top;
color: #333333;
font-size: 16px;
padding-left: 20px;
width: 580px;
height: 151px;
overflow: hidden;
}
.body-left .first-news-time{
color: #999999;
font-size: 12px;
margin-top: 15px;
display: block;
margin-bottom: 15px;
}
.body-left .first-news-text p{
font-size: 14px;
color: #666666;
line-height: 24px;
}
.body-left .news-list{
padding-top:15px;
padding-right: 20px;
}
.body-left .news-list a{
display: block;
position: relative;
background: url(../img/arrow-news.png) no-repeat 0px 5px;
padding-left: 20px;
margin-left: 20px;
padding-bottom: 15px;
}
.body-left .news-list a:hover{
color: #3ba1e7;
}
.body-left .news-list a:hover b{
text-decoration: underline;
}
.body-left .news-list b{
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
width: 320px;
display: inline-block;
}
.body-left .news-list a span{
position: absolute;
right: 0px;
}
.body-right{
width: 322px;
height: 100%;
position: absolute;
right: 0px;
top: 0px;
}
.body-right .-panel-title{
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #0062b2;
}
.body-right .-panel-title b{
background: url(../img/video-icon.png) no-repeat;
padding-left: 30px;
margin-left: 13px;
}
.body-right video{
width: 100%;
height: 208px;
background: black;
}
.body-right a{
/*
background: url(../img/in-ws.png);
height: 53px;*/
height:50px;
width: 100%;
display: block;
overflow: hidden;
line-height: 53px;
font-size: 18px;
color: white;
text-align: center;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.body-right a i{
background:url(../img/in-ws-c.png) no-repeat;
width: 30px;
height: 24px;
display: inline-block;
vertical-align: middle;
padding-right: 10px;
}
.body-right .line{
margin-top: 20px;
margin-bottom: 18px;
display: block;
border-bottom: 1px dashed #e3e3e3;
}
.body-icon{
margin-top: 22px;
height: 180px;
margin-bottom:25px;
}
.body-icon .body-left{
background: transparent;
}
.body-icon .body-left .-panel-title{
border: none;
padding-left: 35px;
}
.body-icon .body-left .-panel-title:after,
.body-icon .body-right .-panel-title:after{
content: " ";
background: #3ba1e7;
position: absolute;
left: 20px;
top: 10px;
bottom: 10px;
width: 3px;
}
.body-icon .body-right{
border: none;
background: transparent;
}
.body-icon .body-right .-panel-title{
color: #333333;
padding-left: 35px;
border: 1px solid #e4e4e4;
}
.body-icon .body-left a{
display: inline-block;
width: 16%;
text-align: center;
padding-bottom: 20px;
margin-top: 20px;
}
.body-icon .body-left p[class^="icon-"]{
width: 70px;
text-align: center;
height: 70px;
line-height: 100px;
border-radius: 35px;
margin-left: 33px;
}
.body-icon .body-left p.modul{
width: 70px;
text-align: center;
height: 70px;
line-height: 100px;
border-radius: 35px;
margin-left: 33px;
position: absolute;
top: 63px;
}
.body-icon .body-left p.modul:hover{
background-color: #000;
filter: alpha(opacity=20);
-moz-opacity: 0.2;
opacity: 0.2;
}
.body-icon .body-left p[class^="icon-"] i{
width: 37px;
height: 40px;
background: url(../img/gassecurity.png) no-repeat;
display: inline-block;
}
.body-icon .body-left h4{
padding-top: 10px;
text-align: center;
}
.body-icon .body-left .icon-1{
background-color: #fd8753;
}
.body-icon .body-left .icon-1 i{
background-position: 0 0;
}
.body-icon .body-left a .icon-2{
background-color: #f6435c;
}
.body-icon .body-left a .icon-2 i{
background-position: 0 -40px;
}
.body-icon .body-left a .icon-3{
background-color: #30abe7;
}
.body-icon .body-left a .icon-3 i{
background-position: 0 -80px;
}
.body-icon .body-left a .icon-4{
background-color: #fecd08;
}
.body-icon .body-left a .icon-4 i{
background-position: 0 -120px ;
}
.body-icon .body-left a .icon-5{
background-color: #638ac9;
}
.body-icon .body-left a .icon-5 i{
background-position: 0 -160px;
}
.body-icon .body-left a .icon-6{
background-color: #63c974;
}
.body-icon .body-left a .icon-6 i{
background-position: 0 -200px;
}
.body-icon .body-right img{
width: 322px;
/* height : 60px; */
margin-bottom: 10px;
}
.body-icon .body-right h5{
vertical-align: middle;
margin-bottom: 5px;
}
.body-icon .body-right h5 p{
display: inline-block;
margin-left: 20px;
width: 225px;
line-height: 20px;
}
.body-bottom{
background: #f6f6f6;
height: 100px;
margin-top: 22px;
min-width: 1200px;
}
.body-bottom .warp{
border-bottom: 1px solid #e7e7e7;
}
.body-bottom li{
display: inline-block;
padding: 26px 33px 26px 30px;
margin-left: -5px;
position: relative;
cursor: default;
}
.body-bottom li:after{
transition: all 0.5s;
content: " ";
position: absolute;
height: 3px;
border-bottom: 3px solid #f6f6f6;
bottom: 0px;
left: 0px;
width: 100%;
}
.body-bottom li:hover span{
color: #0062b3;
}
.body-bottom li:hover i[class^="icon-"]{
background-position-y: -34px;
}
.body-bottom li:hover:after{
border-color: #0060b1;
}
.body-bottom li p{
display: inline-block;
font-size: 16px;
color: #0062b3;
text-align: right;
margin-left: 15px;
vertical-align: middle;
}
.body-bottom li p span{
display: block;
color: #999999;
margin-top: 8px;
font-size: 12px;
}
.body-bottom li i[class^="icon-"]{
background: url(../img/nav-bottom-icon.png) no-repeat;
height: 34px;
width: 34px;
display: inline-block;
vertical-align: middle;
}
.body-bottom li .icon-1{
background-position: 0px 0px;
}
.body-bottom li i.icon-2{
background-position: -34px 0px;
}
.body-bottom li i.icon-3{
background-position: -68px 0px;
}
.body-bottom li i.icon-4{
background-position: -102px 0px;
}
.body-bottom li i.icon-5{
background-position: -136px 0px;
}
.type-list{
margin-top: 22px;
margin-bottom: 22px;
}
.type-list .-panel-border{
border-radius: 0px;
}
.type-list-left{
width: 230px;
display: inline-block;
vertical-align: top;
}
.type-list-left h1{
font-size: 24px;
color: #005fb0;
font-weight: bold;
text-align: center;
line-height: 60px;
background: #f5f5f5;
position: relative;
}
.type-list-left h1 > span {
position: absolute;
width: 0;
height: 0;
border-width: 8px 8px 0;
border-style: solid;
border-color: #005fb0 transparent transparent;
top: 27px;
right: 10px;
transform: rotate(-90deg);
}
.type-list-left h1.active > span{
transform: rotate(0);
}
.type-list-left h1.active .domain-list{
display: block;
}
/* 域列表下拉 */
.type-list-left h1 .domain-list{
position: absolute;
left: 0;
right: 0;
background: #fff;
font-size: 15px;
line-height: 2.52;
border-radius: 0 0 4px 4px;
border: 1px solid #f5f6f6;
color: #333;
display: none;
z-index: 2;
}
.type-list-left h1 .domain-list li.active,
.type-list-left h1 .domain-list li:hover{
background: #005fb0;
color: #fff;
}
.type-list-left h1 .domain-list li.active a,
.type-list-left h1 .domain-list li:hover a{
color: #fff;
text-decoration: none;
}
.type-list-left .type-list-left-a{
display: block;
line-height: 60px;
text-align: left;
padding-left: 40px;
font-size: 16px;
border-bottom: 1px dashed #d5d5d5;
transition: all 0.5s;
}
.type-list-left .type-list-left-a:last-child{
border: none;
}
.type-list-left .type-list-left-a:hover,
.type-list-left .type-list-left-a.select{
background: #0062b2;
color: white;
text-decoration: none;
border-bottom-color: #0062b2;
}
.type-list-left .phone,.type-list-left .mail{
background: #f5f5f5;
margin-top: 22px;
padding-bottom: 1em;
}
.type-list-left .phone .s24{
color: #0062b2;
background: url(../img/phonetop.png) no-repeat;
padding-left: 48px;
height: 30px;
margin-top: 20px;
margin-left: 20px;
}
.type-list-left .phone h2{
font-size: 24px;
color: red;
font-weight: bold;
text-align: center;
}
.type-list-left .phone a{
font-size: 18px;
background: #0062b2;
color: white;
border-radius: 5px;
width: 200px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
margin-left: 15px;
margin-bottom: 20px;
margin-top: 20px;
}
.type-list-right{
width: 885px;
padding: 30px;
display: inline-block;
vertical-align: top;
margin-left: 17px;
cursor: default;
position: relative;
line-height: 200%;
}
.type-list-right.p0{
padding: 0px;
width: 948px;
}
.type-list-right h1{
font-size: 16px;
color: #0062b2;
}
.type-list-right .news-text{
line-height: 22px;
margin-top: 15px;
height: 45px;
overflow: hidden;
position: relative;
}
.type-list-right .jump-link{
color: #0062b2;
}
.type-list-right .jump-link.cc{
position: absolute;
bottom: 1px;
right: 0px;
background: white;
}
.type-list-right li:first-child{
padding-top: 0px;
}
.type-list-right li:last-child{
border-bottom: none;
}
.type-list-right li{
padding-bottom: 20px;
padding-top: 20px;
border-bottom: 1px dashed #d5d5d5;
}
.type-list .type-list-right.type-list-right--center-content {
display: inline-block;
}
.type-list-right.type-list-right--center-content {
display: block;
margin: 0 auto;
}
.pager {
text-align: right;
}
.pager a {
border: 1px solid #dfdfdf;
padding: 3px 15px 3px 15px;
color: #666666;
font-size: 14px;
}
.pager a.num {
padding: 3px 10px 3px 10px;
}
.pager a.select {
background: #14a1e6;
border: 1px solid #14a1e6;
color: white;
}
.pager a:hover {
border: 1px solid #14a1e6;
color: #14a1e6;
}
.pager a:hover.select {
color: white;
}
.news-content{
min-height: 500px;
background: white;
margin: 20px 30px 20px 30px;
}
#scroll-body.news-content{
margin-top: 142px;
}
.news-content .up-next{
margin: 30px;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #dddddd;
}
.news-content .up-next a{
color: #999999;
}
.news-content .up-next a:last-child{
float: right;
}
.news-content-title{
font-size: 24px;
color: #333333;
text-align: center;
padding-top: 40px;
}
.news-content-time{
text-align: center;
display: block;
color: #999999;
margin-top: 10px;
}
.news-content-html{
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
line-height: 200%;
}
.news-content .news-more{
border-top: 1px solid #dddddd;
margin: 40px 30px 20px 30px;
padding-top: 20px;
padding-bottom: 20px;
}
.news-content .news-more .left{
margin-right: 35px;
}
.news-content .news-more .left,
.news-content .news-more .right{
width: 48%;
display: inline-block;
vertical-align: top;
}
.news-content .news-more a{
margin-top: 20px;
display: block;
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;
background:url(../img/detailli.png) no-repeat left 9px;
padding-left: 10px;
padding-top: 5px;
}
.news-content .news-more-title{
color: #0062b2;
font-size: 18px;
}
footer {
background: #333;
min-width: 1200px;
position: relative;
}
footer .warp{
position: relative;
}
footer .warp.first{
height: 140px;
}
footer .link{
padding-top: 50px;
}
footer .link a{
color: #bcbcbc;
display: inline-block;
margin-right: 40px;
}
footer .follow {
margin-top: 30px;
}
footer .follow h5{
color: #ffe400;
display: inline-block;
}
footer .follow img{
display: inline-block;
margin-left: 40px;
}
footer div.link-us{
border: none;
padding: 10px;
font-size:15px;
outline: none;
position:absolute;
top:5px;
left:350px;
width: 450px;
}
footer div.link-us ul li{
float: left;
width: 145px;
line-height: 150%;
}
footer div.link-us ul li a{
color: #FFF;
font-size: 14px;
}
footer .phone{
position: absolute;
right: 0;
top: 15px;
}
footer .phone h4{
color: #bcbcbc;
margin-bottom: 20px;
font-size: 20px;
}
footer .phone p{
color: #ffe400;
font-size: 32px;
font-weight: bold;
background: url(../img/phone.png) no-repeat left 0px;
padding-left: 50px;
}
footer .copyright{
border-top: 1px solid #a9a9a9;
padding: 0;
margin: 0;
width: 100%;
padding:5px 0;
}
footer .copyright p{
line-height: 20px;
color: #bdbbbb;
text-align: center;
}
footer .copyright .anquan{
position: absolute;
width: 516px;
overflow: hidden;
top: -5px;
right: 0px;
}
.banner-box{min-width:1200px;height:520px;position:relative;overflow:hidden;}
.banner-box .bd{ width:100% !important;}
.banner-box .bd ul{
width: 100%;
}
.banner-box .bd li{width:100% !important;height:520px;}
.banner-box .bd li a{display:block; overflow: hidden; }
.banner-btn{width:1210px;position:absolute;top:185px;left:50%;margin-left:-605px;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:20px;background:url(../img/foot.png) no-repeat 0 0;}
.banner-btn a.next{right:20px;background:url(../img/foot.png) no-repeat -49px 0;}
.banner-box .hd {position:absolute;top:310px;left:537px;}
.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.banner-box .hd ul li.on{background:#DA324D;}
.map{
width:100%;height:395px;
}
.customer-content{
margin-top: 40px;
position: relative;
}
.customer-content h1{
font-size: 18px;
font-weight: bold;
}
.cust-content-query{
position: absolute;
top: -18px;
right: 0px;
}
.cust-content-query input{
border: 1px solid #c6c6c6;
border-radius: 5px;
padding: 1em 1em;
outline: none;
font-size: 14px;
width: 250px;
}
.cust-content-query button{
background: #0062b2;
border: none;
padding: 9px 20px;
border-radius: 5px;
font-family: "微软雅黑";
color: white;
font-size: 18px;
font-weight: bold;
cursor: pointer;
}
.cust-content-query button:hover{
background: #0b5088;
}
/*.customer-content table, .customer-content th, .customer-content td {
border-collapse: collapse;
}*/
.customer-content table{
width: 100%;
color: #333333;
margin-top: 25px;
}
.customer-content table th{
background: #eaf0f5;
padding: 15px;
border-top: 5px solid #0062b2;
}
.customer-content table td{
padding: 15px;
text-align: left;
border-bottom: 1px dashed #cbcbcb;
}
.customer-content table td.service-time{
border: none;
}
.service-time{
vertical-align: middle;
position: relative;
border: none;
}
.service-time-border{
border: 1px solid #e4e4e4;
position: absolute;
left: 20px;
right: 0px;
top: 0px;
bottom: 0px;
border-top: none;
}
.service-time p{
text-align: center;
color: #666666;
font-size: 16px;
padding-top: 15px;
display: block;
padding-left: 20px;
}
.service-time .time{
color: #333333;
font-size: 20px;
}
.service-time .first{
padding-bottom: 50px;
}
.customer-content .detail{
color: red;
margin-top: 20px;
}
.gonggao-conainer{
background: #f7f7f7;
height: 55px;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
padding-top: 15px;
}
.gonggao-conainer + ul{
margin-top: 70px;
}
.gonggao-conainer .daterange{
display: inline-block;
}
.gonggao-conainer .time{
padding-left: 35px;
}
.gonggao-conainer input,
.gonggao-conainer select{
padding: 10px;
font-size: 14px;
border: 1px solid #dadada;
outline: none;
width: 160px;
}
.gonggao-conainer.has-margin{
height: initial;
padding-top: 5px;
padding-bottom: 5px;
}
.gonggao-conainer.has-margin > label{
display: inline-block;
margin: 5px 0;
white-space: nowrap;
}
/*.gonggao-conainer.has-margin+ul{
margin-top: 70px;
}*/
.gonggao-conainer .line{
display: inline-block;
height: 1px;
background: #dadada;
width: 20px;
vertical-align: middle;
}
.gonggao-conainer .xq-label{
margin-left: 50px;
}
.gonggao-conainer .line +label{
margin-left: 50px;
}
.gonggao-conainer .xq-name{
width: 200px;
}
.gonggao-conainer button{
background: #0c7dd9;
color: white;
border: none;
padding: 8px 35px;
font-size: 16px;
font-family: "微软雅黑";
vertical-align: baseline;
border-radius: 5px;
cursor: pointer;
display: inline-block;
height: 37px;
}
.gonggao-conainer button:hover{
background: #0965b0;
}
.scroll-news-con{
width: 245px;
height: 250px;
overflow: hidden;
display: inline-block;
position: relative;
}
#scroll-tag{
position: absolute;
bottom: 5px;
right: 3px;
}
#scroll-tag i{
display: inline-block;
border-radius: 50%;
width: 10px;
height: 10px;
background: white;
margin-right: 3px;
cursor: pointer;
}
#scroll-tag i.current{
background: red;
}
#scroll-news{
height: 250px;
position: relative;
cursor: pointer;
}
#scroll-news li{
display: inline-block;
margin-right: -4px;
position: relative;
}
#scroll-news li span{
background: rgba(0,0,0,0.5);
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
color: white;
padding: 6px;
padding-top: 4px;
overflow: hidden;
}
#scroll-news li a img{
width : 325px;height:250px;
}
ul.body-right-ad li { margin-bottom:15px; }
ul.body-right-ad li a { line-height:50px;border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
.about-us{
position: absolute;
right: 0px;
top: 15px;
}
.about-us ul li {float:left;margin-left:25px;}
.about-us ul li a img{height:80px;width:80px;}
.about-us ul li a p{color:#737373;font-size:12px;line-height:40px;text-align:center;}
footer .address{
position: absolute;
left: 0px;
top: 25px;
}
footer .address p{
color:#737373;
line-height: 200%;
font-size:12px;
}
footer div.link-us{
left:650px;
padding: 0;
top: 30px;
}
footer div.link-us select{
width: 240px;
background: #545454;
height: 30px;
border: none;
font-size: 12px;
color: #737373;
padding-left: 10px;
}
footer div.link-us select:select{
border: none;
}
footer div.link-us select option{
border: none;
/*background:#FFF;*/
outline:none;
height: 30px;
}
footer div.link-us p{
color: #737373;
font-size: 12px;
line-height: 55px;
}
footer div.link-us p strong{
color: #e6d300;
font-size: 25px;
padding-left: 10px;
font-weight: 700;
}
.header-top-menu .wx-code{
width: 188px;
padding: 0;
}
.header-top-menu .wx-code img {
width: 82px;
height: 82px;
position: absolute;
left: 8px;
padding-top: 0px;
top: 10px;
}
.header-top-menu .wx-code .-btn-h{
background:url(../img/1124-btn2.png) no-repeat;
height: 25px;
width: 90px;
border: none;
display: block;
position: relative;
position: absolute;
right: 5px;
top: 15px;
}
.header-top-menu .wx-code .-btn-h:last-child{
background-position-y: bottom;
margin-top: 33px;
}
.header-top-menu .wx-code strong{
font-weight: normal;
position: absolute;
bottom: 0px;
display: block;
right: 3px;
font-size: 12px;
}
.header-top-menu .wx-code strong i{
font-style: normal;
color: red;
}
.header-top-menu .wx-code .sm{
position: absolute;
bottom: 0px;
left:33px;
font-style: normal;
font-size: 12px;
}
.header-top-menu .wx-code .sm:after{
content: " ";
background:url(../img/1124-arrow.png) no-repeat;
width: 9px;
height: 7px;
position: absolute;
top: 0px;
left: 35%;
}
.header-top-menu .ewm:hover .wx-code{
height: 125px;
}
/**截断字符*/
.space-nowrap{white-space:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow: ellipsis;/* IE/Safari */-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;/* Opera */-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/}
.detail-title-space-nowrap{max-width:550px;display:inline-block; white-space:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow: ellipsis;/* IE/Safari */-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;/* Opera */-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/}
/**问卷浮窗*/
.float_layer_hovertree * {padding: 0;margin: 0;}
.float_layer_hovertree {border: 0px solid #aaaaaa; display:none; }
.float_layer_hovertree h2 { height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #333; background: url(title_bg.gif) repeat-x; border-bottom: 0px solid #aaaaaa; position: relative; }
.float_layer_hovertree .close { width: 61px; height: 61px; background: url(../img/htv-close.png) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer_hovertree .content { height:446px; width:308px; overflow: hidden; font-size: 14px; line-height: 18px; color: #666; }
.float_layer_hovertree .wrap2 { padding:0 }
table.fm{
border:solid #666666; border-width:1px 0px 0px 1px;
width: 99%;
}
table.fm td,table.fm th{
border:solid #666666; border-width:0px 1px 1px 0px; padding:8px;
}
table.fm-center td,table.fm-center th{
text-align: center;
}