﻿
.siteWidth{ width:980px; margin:0 auto;   }
.column{ overflow:hidden; margin-bottom:10px;  }
#topBar{ height:32px; line-height:32px; background:#eee; border-bottom:1px solid #ddd; overflow:hidden;  }
#topBar em{  color:#f00;  }
#topBar span{ float:right;  color:#999;  }
#topBar span a{ margin:0 5px; color:#666;  }

/* 导航 */
#header{ margin-bottom:1px;  }
.logoBar{ width:980px; margin:0 auto; padding: 20px 0;  }
.logoBar h1{ font: bold  50px/60px Georgia;}
.logoBar h1 a{ color:#39A4DC;  }
.logoBar h1 a:hover{ color:#39A4DC; text-decoration:none;   }
.navBar{ position:relative; z-index:1;  background:#39A4DC; color:#fff; height:40px; line-height:40px;   }
.nav{ width:980px; margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav .m{ float:left;  position:relative; border:1px solid #248ec8; border-top:0; border-bottom:0; margin-left:-1px;   }
.nav a:hover{ text-decoration:none; color:#ff0;   }
.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:14px; height:40px; overflow:hidden;  }
.nav h3 a{ display:block; color:#fff;  padding:0 20px; border-left:1px solid #5bb3e1; vertical-align:top;  }
.nav .on{ border-color:#1F7CAF;   }
.nav .on h3 a{ background:#1f7caf; color:#ff0; border-color:#1f7caf !important;  }
.nav .sub{ display:none; /*默认隐藏*/ width:99px; padding:5px 0;   position:absolute; left:-1px; top:40px; background:#1F7CAF; text-align:center;  }
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:20px; line-height:20px; padding:4px 0;  display:block; background:url(../images/icon.png) 0 9px no-repeat; color:#fff;   }
.nav .sub li a:hover{ color:#ff0; background:#2595d1;   }

/* banner */
.banner{ min-width:1000px;  position:relative;  height:299px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:299px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:299px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }

.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

/* content */
#content{ background:#EFEEFF; padding:10px 0;  overflow:hidden;  }
.mainContent{ width:750px; float:left;   }
.side{ width:220px; float:right;   }



/* 焦点图 */
.focusBox { float:left; position: relative; width: 320px; height: 240px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 320px; height: 240px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }

/* Tab切换 */
.slideTxtBox{ float:right;  width:400px; height:220px; overflow:hidden;  padding:10px; background:#fff;  text-align:left;  }
.slideTxtBox .hd{ height:28px; line-height:28px; padding:0 15px; border-bottom:2px solid #39A4DC; font-size:14px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; }
.slideTxtBox .hd ul li a{ display:block; padding:0 15px;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ background:#39A4DC; color:#fff; font-weight:bold;  }
.slideTxtBox .bd{ padding:10px;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

/* 文字无缝上滚动 */
.sideBox{ padding:10px; height:220px; overflow:hidden;   background:#fff; margin-bottom:10px;   }
.sideBox .hd{ height:30px; line-height:30px; background:#f60; padding:0 10px;   }
.sideBox .hd h3{ font-weight:bold; font-size:14px; color:#fff;  }
.sideBox .hd h3 a{ color:#fff;   }
.sideBox .bd{ padding:10px 0 10px 5px;  }
.sideBox .bd li{ height:24px; line-height:24px; overflow:hidden;    }
.sideBox .bd li span{ color:#999; margin-right:5px;   }

/* 广告位 */
.adSlide{ width:100%;  height:80px;; overflow:hidden; position:relative; clear:both; margin-bottom:10px;    }
.adSlide .hd{ position:absolute; z-index:1; right:5px; bottom:5px; }
.adSlide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.adSlide .hd ul li{ float:left; margin-right:2px;  width:16px; height:16px; line-height:16px; text-align:center; background:#fff; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;   }
.adSlide .hd ul li.on{ background:#f60;   font-weight:bold; filter:alpha(opacity=100);opacity:1; color:#fff;   }
.adSlide .bd{ position:relative;  z-index:0; }
.adSlide .bd img{ width:750px; height:80px;  }


/* 友情链接 */
.friendLink{ height:40px; padding:10px; background:#fff; overflow:hidden; clear:both;   }
.friendLink ul{ overflow:hidden; zoom:1; }
.friendLink ul li{ width:150px; float:left; margin:0 5px;  display:inline; }
.friendLink ul li img{ width:150px; height:40px;   }

/* footer */
#footer{ background:#eee; border:1px solid #D7D7D7; padding:20px 0; text-align:center;  }
#footer .copyRight{ padding:10px 0; font-family:Arial; }

/*首页样式*/

body {
    color: #555;
    font-size: 12px;
    line-height: 1.8em;
    font-family: "microsoft yahei", Tahoma, Helvetica;
}

body,
form,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
table,
fieldset,
div,
tr,
td {
    margin: 0;
    padding: 0;
}

a,
a:visited {
    text-decoration: none
}

a:hover,
a:active {
    text-decoration: none
}

body.index {
    background: #fff
}

.w1000 {
    width: 1000px;
    margin: 0 auto
}

.pdtb10 {
    padding-top: 10px;
    padding-bottom: 10px
}

img {
    border: 0;
    vertical-align: middle;
}

div {
    display: block;
}

.clearfix {
    display: block;
}


/*logo*/

.fr {
    float: right;
}

.n_header {
    width: 1200px;
    margin: 0 auto;
}

.n_header .loginBox {
    height: 48px;
    overflow: hidden;
    margin: 17px 0;
}

.n_header .loginBox {
    height: 48px;
    overflow: hidden;
    margin: 17px 0;
}

.n_header .login_btn {
    display: inline-block;
    line-height: 32px;
    padding: 0 16px;
    color: #222;
    background: white;
    border: 1px solid #4daef4;
    border-radius: 17px;
    font-size: 16px;
    margin-right: 15px;
}

.n_header .login_btn:hover {
    background: #4daef4;
    text-decoration: none;
    color: white;
}

.n_header .loginBox span {
    display: inline-block;
    vertical-align: middle;
}

.n_header .loginBox span em {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    padding-left: 15px;
}

em,
i {
    font-style: normal;
}


/*标语*/

.xy_banner {
    max-width: 1920px;
    min-width: 1007px;
    height: 400px;
    margin: 0 auto;
}

.xy_banner .sideShow {
    width: 100%;
    height: 400px;
    background: #fff;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    background: transparent url(../images/loading.gif) no-repeat center center;
}

.xy_banner a {
    display: block;
    height: 400px;
    cursor: default;
}


/*首页菜单*/

.clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.n_container {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.appCon {
    padding-top: 22px;
}

.appCon .appBox1 {
    margin-right: 18px;
    background-color: #76a8f4;
}

.appCon .appBox1:hover {
    box-shadow: 0px 0px 54px #1d65d2 inset;
}

.appCon .appBox2 {
    background-color: #ffb82f;
    border-color: #ffa800;
}

.appCon .appBox2:hover {
    box-shadow: 0px 0px 54px #f27d00 inset;
}

.appCon .appBox4 {
    background-color: #76a8f4;
}

.appCon .appBox4:hover {
    box-shadow: 0px 0px 54px #1d65d2 inset;
}

.appCon .appBox3 {
    margin-right: 18px;
    background-color: #ffb82f;
    border-color: #ffa800;
}

.appCon .appBox3:hover {
    box-shadow: 0px 0px 54px #f27d00 inset;
}

.appCon .appBox1,
.appCon .appBox2,
.appCon .appBox3,
.appCon .appBox4 {
    float: left;
    width: 591px;
    height: 181px;
    overflow: hidden;
    border-bottom: 1px solid #4c93ff;
    position: relative;
    cursor: pointer;
    margin-top: 18px;
}

.appCon .word {
    width: 200px;
    color: #fff;
    float: left;
    padding-left: 32px;
}

.appCon .word h3 {
    color: #fff;
    font-weight: normal;
    font-size: 30px;
    line-height: 40px;
    padding-top: 15px;
    height: 45px;
    width: 180px;
    overflow: hidden;
}

.appCon .word p {
    font-size: 14px;
    line-height: 24px;
    height: 117px;
    overflow: hidden;
    text-align: justify;
}


/*箭头*/

.appCon .arrow1,
.appCon .arrow2,
.appCon .arrow3,
.appCon .arrow4 {
    display: block;
    width: 38px;
    height: 38px;
    background: url(../images/a_arrow.png) 0 0 no-repeat;
    margin-right: 10px;
    position: absolute;
    right: 0;
    bottom: 14px;
}

.appCon .arrow1:hover,
.appCon .arrow4:hover {
    background-position: 0 -90px;
}

.appCon .arrow2,
.appCon .arrow3 {
    background-position: -90px 0px;
}

.appCon .arrow2:hover,
.appCon .arrow3:hover {
    background-position: -90px -90px;
}


/*新闻*/

.newsCon {
    padding-top: 46px;
}

.newsCon .inforCon {
    margin-right: 18px;
}

.newsCon .inforCon,
.newsCon .actCon {
    float: left;
    width: 591px;
}

h4.tit {
    border-bottom: 1px solid #dedede;
    font-weight: normal;
    position: relative;
    height: 40px;
}

h4.tit .fr {
    line-height: 24px;
    padding-top: 12px;
}

h4.tit .name {
    font-size: 24px;
    color: #444;
    line-height: 36px;
    border-bottom: 2px solid #70a8fe;
    padding-bottom: 3px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    min-width: 100px;
}

.inforList {
    padding: 16px 18px 0 10px;
    height: 240px;
    overflow: hidden;
    _position: relative;
}

.inforList li {
    padding: 5px 90px 5px 20px;
    background: url(../images/i_ico.png) 0 center no-repeat;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    line-height: 30px;
    height: 30px;
}

.inforList li a {
    color: #555;
}

.inforList li span.time {
    position: absolute;
    right: 0px;
    top: 5px;
    color: #888;
    font-size: 14px;
}

.sliderArea .sliderPic li img {
    width: 571px;
    height: 240px;
}

img {
    border: 0;
    vertical-align: middle;
}


/*服务信息*/

.platCon {
    padding-top: 50px;
}

.platWrap1 {
    margin-right: 18px;
}

.platWrap {
    width: 591px;
    height: 121px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

.platWrap .platBox {
    height: 121px;
    text-decoration: none;
    color: #555;
}

.platWrap .platBox div.p_top {
    background-color: #f0f0f0;
    background-repeat: no-repeat;
    background-position: center center;
}

.platWrap .platBox div.p_top h4 {
    font-size: 24px;
    color: #555;
    line-height: 32px;
    padding-top: 20px;
    height: 40px;
    overflow: hidden;
}

.platWrap .platBox div {
    height: 121px;
    text-align: center;
}

.platWrap1 .platBox div.p_top {
    background-image: url(../images/plat1.png);
}

.platWrap2 .platBox div.p_top {
    background-image: url(../images/plat2.png);
}

.platWrap .platBox div.p_bottom {
    background: #fafafa;
    border: 1px solid #f0f0f0;
    width: 589px;
    height: 119px;
}

.platWrap .platBox div {
    height: 121px;
    text-align: center;
}

.platWrap .platBox div.p_bottom a {
    display: inline-block;
    width: 120px;
    vertical-align: middle;
    padding-top: 13px;
    height: 106px;
    overflow: hidden;
    color: #555;
}

.platWrap .platBox div.p_bottom a img {
    width: 72px;
    height: 72px;
}

img {
    border: 0;
    vertical-align: middle;
}


/*脚本*/

.qjf_hb_footercont {
    width: 960px;
    margin: 0 auto;
    padding: 17px 0px;
    position: relative;
    line-height: 24px;
    font-family: "microsoft yahei";
}

.qjf_hb_spacefooter {
    /* border-top: 2px solid #d9d9d9; */
    background: #ececec;
    color: #555;
    zoom: 1;
    overflow: hidden;
    min-width: 960px;
    margin-top: 17px;
}

.qjf_hb_footercont {
    width: 960px;
    margin: 0 auto;
    padding: 17px 0px;
    position: relative;
    line-height: 24px;
    font-family: "microsoft yahei";
}

.qjf_hb_footercont p {
    position: absolute;
    top: 17px;
    right: 0px;
    height: 24px;
    line-height: 24px;
}

.qjf_hb_footercont p a {
    color: #222;
    font-size: 12px;
    margin: 0px 7px;
}
