﻿@charset "utf-8";
/*The source document was written by xuyang in December 2017*/
/* CSS Document */
*{ padding:0; margin:0;}
body {width: 100%;height:100%; font: normal 100% SourceHanSans,微软雅黑,黑体,Helvetica, Arial, sans-serif;color: black; background:url(../images/topbg.png) repeat-x}
div,p{ margin:0; padding:0; display:block;word-wrap:break-word; word-break:break-all;}
img {border: 0}
.clear{ clear:both;}
ul{ list-style-type:none;}
a:link{/*color:#000;*/text-decoration:none;}
a:hover {color: #004ea2;text-decoration:none;}
.header{width:1170px; margin: 0 auto;height: 145px; position: relative;font: 宋体,黑体,Helvetica, Arial, sans-serif;}	
.logo{width:272px; height:85px; position: absolute; top:62px; display: block}
.logo img { max-width: 100%; height: auto;}
.topRight{width:70%; height: 135px;float: right;}
.header .topRight{color:#004ea2}
.divT{ width:450px; position: absolute;top:8px; right:0; display:block}
.form{ margin:0;padding:0;position: relative}

/* 下拉框语言选择  */
.divT .u-label{display: block; position: absolute; left: 0; width:30%;line-height: 20px;font:12px;}
.divT .input-group{float: right;position: relative; min-width: 100px;height:20px;}
.divT .input-group.input-mes{border-color: #fff;}
.divT .input-group .inputure{width:50px; height:20px;line-height: 20px; display: block; float: left; text-align:center;border:none}
.divT .input-group .a1{cursor: pointer;display: inline-block;width:25px; height:25px; background: url(../images/images.png) -280px -30px no-repeat; float: left}
.divT .input-group .arrow{position: absolute;cursor: pointer;display: inline-block;width: 14px;height: 9px;background: url(../images/images.png) -410px 0 no-repeat;
	top: 8px;right:7px;}
.divT .email{width:76px; float:right;height:20px;line-height: 20px;font-size: 12px; color: #fff; font:SourceHanSans,宋体,微软雅黑,Arial,Verdana,"\5b8b\4f53" display:block;}
.divT .email a{color: #fff;}
.divT .email a:hover{color:#97c7fa}
/*下拉菜单*/

.drop_menu {width:795px; height:85px; margin-top:60px; display:inline-block;float: left; font-size:16px;display:inline-block;font: SourceHanSans,Arial,Verdana,"\5b8b\4f53";  position: relative;}
.drop_menu a {display:block;padding:0; color:#555;padding-top:3px;border-width:3px;border-color:transparent;}
.drop_menu a:hover { color:#004ea2}
.drop_menu * {margin:0; padding:0;}
.drop_menu ul,.drop_menu li {float:left;}
.drop_menu ul{width:100%;}
.drop_menu li {float:left;margin: 0 12px;padding: 0 3px;position:relative;}
.drop_menu .nav01, .drop_menu .nav02{float:left;list-style-type:none; position:relative;}
.nav00,.nav01,.nav02,.navOn{ text-align: center; color:#555; float: left;display: inline-block; z-index: 1000; line-height: 75px;height:85px; background-clip:padding-box;}
.drop_menu li .navOn,.drop_menu li .navOn a{color:#004ea2;}
.nav00 a{width:100%; text-align: center;color: #555; float: left;display: inline-block;line-height: 75px;height:85px;background-clip:padding-box;}
.nav00 a:hover{color:#004ea2; background: url(../images/images.png) -300px -295px no-repeat; display: block}
.nav02{color:#004ea2; background: url(../images/icon.png) center 36px no-repeat; display: block}
.drop_menu li:last-child a {border-right-style:none;}
.drop_menu li ul {background:#f6f4f0;}
.drop_menu li ul {width:145px;left:0;top:85px;text-align: center;height:auto; padding-top:20px; padding-bottom: 45px; line-height: 30px;background: none repeat scroll 0 0 rgba(246, 244, 240, 0.9);opacity: 0;transform: translateY(30px);transition: all 0.3s ease 0s;visibility: hidden; position:absolute;z-index: 100;}
.drop_menu li li a {border-right-style:none;border-top-style:solid;}
.drop_menu li li {float:none; height:30px; line-height: 30px;}
.drop_menu li li ul {display:none;width:100%; height:auto;  border:1px solid #e0e0e0; background: #fff}
.drop_menu li:hover > ul { display:block; opacity: 1;transform: translateY(0px);visibility: visible;z-index: 999; }
.drop_menu li li ul {position:absolute; left:100%; top:0;}
.drop_menu li li ul a:hover{color:#fff; background: #004ea2; margin: 0; padding: 0; }

.language{width:90px; height:20px; float: left; margin-left: 27px;display: block;color:#fff; font-size: 12px;  font:SourceHanSans,宋体,微软雅黑,Arial,Verdana,"\5b8b\4f53"}
.search{-webkit-text-size-adjust: none; background: #074b92;color:#fff;border: 1px solid #194d84;  padding-left: 12px; width: 150px;height: 20px;line-height: 20px; display: block;font-size: 12px;float: left; }
.search:hover{border: 1px solid #0f78e8; }
.header-search input{border:none; margin-top:2px; width:100px; display:block; float:left; color:#97c7fa; background:#074b92}
.search-go{width:21px;height: 21px; float: right; margin-top:-2px;display:block; background: url(../images/images.png) -280px 0 no-repeat}
.dropbox{position: absolute;width: 100%;box-shadow: 0 1px 1px #ccc;background: #fff;z-index: 99;left: -1px;top: 32px;}
.dropbox li{height: 20px;line-height: 32px;padding: 0 4px;border:1px solid #eaeaea;cursor: pointer;}
.dropbox li:hover{background: #eee; color:#004ea2}
.search-panel ul { list-style: none; margin: 0;padding: 0;}
.search-panel.s-focus{ height: 20px; border-color: #e0e0e0; border-bottom: none;}
.search-panel:hover {background-position: 0 -36px;border-color: #ccc;}
.search-panel .hide {display: none!important;}
.search-panel .nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*广告图*/
.wrapper {width:100%; margin:0 auto;}
.wrapper img{width:98%;max-width:100%;display: block;}
/* AD focus */
#focus {width:100%; height:auto; overflow:hidden; position:relative;}
@media screen and (max-width:1680px) {#focus {height: auto;}}
#focus ul {height:100%; position:absolute;}
#focus ul li {float:left;  height:auto; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .hd {position:absolute; width:100%; height:8px; left:0; bottom:0;}
#focus .hd ul { width: 100%; margin: 0; padding: 0; }
#focus .hd ul li {display:inline-block; font-size: 0; _display:inline; _zoom:1; width:50%; height:8px; _font-size:0; cursor:pointer; background:#8ca5bf; float: left;transition: all .3s ease-in;
	z-index:100;
	cursor:pointer;
	filter:alpha(opacity=70); /*IE滤镜，透明度70%*/
	-moz-opacity:0.7; /*Firefox私有，透明度70%*/
	opacity:0.7;/*其他，透明度70%*/}
#focus .hd ul li.on{background:#004ea2;z-index:101;filter:alpha(opacity=90); /*IE滤镜，透明度70%*/
	-moz-opacity:0.9; /*Firefox私有，透明度70%*/
	opacity:0.9;/*其他，透明度70%*/
    transition: all .3s ease-in;}
#focus .prev,#focus .next {
    position:absolute; width:42px; height:75px; top:40%; opacity:0.7;
}
#focus .next { right: 0}
#focus .prevImg{position:absolute; -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;}
#focus .prevImg:hover, #focus .prevImg_hover{
    opacity:0;
    filter: alpha(opacity=0);
}
#focus #bd{ position: relative; height: 100%; z-index: 0}
#focus #bd li{zoom:1; vertical-align: middle}
#show img{width:100%;max-width: 100%}

/*内容区*/
.content{width:1170px;margin:0 auto; background: #fff;  position: relative; display: block}
.content01{width:1170px; margin:0 auto; display: block; clear:both}
.content01 img{display:block; margin:0 auto}
.ad01{height:100%; width:100%;display: block; clear: both; margin:0 auto; over-flow:hidden}
.ad01 img{width:100%;max-width:100%;}
.box01{width:48%; float: left;margin-top:40px;margin-bottom:10px;}
#tabs0{width:100%;padding:0;margin:0 auto 50px auto;float: left;}
/*菜单class*/
.menu0 {width:100%;height:22px;line-height:22px; overflow:hidden;margin:0;padding:0; margin-top:15px}
.menu0 li{float:left;display:block;cursor:pointer;text-align:center;font-weight:bold;}
.menu0 li span{ width:33%;  margin: 0; margin-right:80px;font:SourceHanSans,微软雅黑,Arial,Verdana,"\5b8b\4f53"; font-size:20px; line-height: 22px}
.menu0 li.hover{ padding:0; color:#004ea2; font-weight:bold;height:22px;line-height:22px;}
.en{clear: both;width:100%; height:10px; float: left;}
.en img{max-width:100%; width:467px}
#main0 dl,#main1 dl,#main2 dl{display: none; overflow:hidden}
#main0 dl.block,#main1 dl.block,#main2 dl.block,#main3 dl.block,#main4 dl.block{display: block;}
.main{clear:both;margin-top:0px;text-align:center;padding-top:30px; overflow:hidden; width:100%;word-wrap:break-word; word-break:break-all;}
.main dl{ width:100%; margin:0 auto;}
.main1{ height:127px; overflow:hidden}
.main1 dl{height:115px; overflow:hidden}
.main dt{ width:160px;float:left; margin:0; padding:0; display:block; margin-bottom: 25px;}
.main dt img{height:120px; width: 160px; display:block; margin:0 auto;}
.main dt a{display:block;}
.main dt a:hover{display:block;}
.main .sp{width:60%; height:119px; float: left; margin-left:40px; position:relative}
.main .sp h1{color:#004ea2; font:SourceHanSans,微软雅黑,Arial,Verdana,"\5b8b\4f53"; text-align: left; font-weight: bold; font-size:15px; line-height: 1.5;max-height: 65px; overflow: hidden; margin-bottom: 8px}
.main .sp h1 a{color:#004ea2;}
.main .sp h1 a:hover{color:#000;}
.main .sp p{width:100%; float:left; margin:0; text-align: left;color:#afafaf;font:SourceHanSans,微软雅黑,Arial,Verdana,"\5b8b\4f53"; font-size:12px; line-height: 1.5;word-wrap:break-word; word-break:break-all;max-height: 45px; margin-bottom: 5px; overflow: hidden;display: block; clear: both}
.main .sp p a{color:#afafaf; display: block}
.main .date01{position:absolute; bottom:0; width:25%; height:36px; line-height: 36px; color:#fff; font-size:18px; font-weight: bold; font-family:Arial; display: block; float: left; clear:both}
.main .date01 a{ background: #004ea1; color:#fff; font-size:18px; font-weight: bold; font-family:Arial; display: block}
.more{ margin-top: 10px; bottom:0; width:15%; height:36px; line-height: 36px; color:#fff; font-size:15px; opacity: 0.6; display: block; float: right; clear:both }
/*.main .date01 a:hover{ background: #fff; border:1px solid #e0e0e0; color:#b1b1b1; font-size:18px; font-weight: bold; font-family:Arial; display: block}*/
.main dd{ float:left; width:100%;  height:40px; margin-top: 5px; text-align:left; float:right}
.main .date02{ width:16%; height:36px; line-height: 36px; text-align: center;margin-top:10px;  color:#b1b1b1; font-size:18px; font-weight: bold; font-family:Arial; display: block; float: left; margin-right: 45px;}
.main .date02 a{ height:36px; background: #fff; border:1px solid #e0e0e0; color:#b1b1b1; font-size:18px; font-weight: bold; font-family:Arial; display: block}
/*.main .date02 a:hover{height:36px; background: #004ea1; color:#fff; font-size:18px; font-weight: bold; font-family:Arial; display: block}*/
.main .date02 a:hover{color:#b1b1b1; }
.outer{width: 75%; height: 50px; word-break: hyphenate; text-align:left; margin-top: 5px; font:SourceHanSans,微软雅黑,黑体，Helvetica;display:table; overflow:hidden;float:left;word-wrap:break-word; word-break:break-all; font-size:14px; line-height；1.7}
.middle{display:table-cell; vertical-align:middle;max-height: 45px; overflow: hidden;}
.main dd  a{color:#000; text-decoration:none}
.main dd  a:hover{color:#004ea1; text-decoration:none}
/*内容区右侧*/
.contentR{width:585px; height:auto; display: block;float:right;  position: absolute; top:54px; right:0; display:inline-block; background: #fff}
.liability{width:100%; max-height:296px; margin: 0 auto; padding: 0;font-size:0;}
.liability li{width:25%; max-height: 296px; display:inline-block; float:left;cursor: pointer;  position: relative; transition: all .1s ease-in; }/*过渡时间为2秒*/
.li1 .img1,.li2 .img1,.li3 .img1,.li4 .img1{position:absolute;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;}
.li1 .img1:hover, .li1 .img1_hover,.li2 .img1:hover, .li3 .img1_hover,.li3 .img1:hover, .li3 .img1_hover,.li4 .img1:hover, .li4 .img1_hover {
    opacity:0;
    filter: alpha(opacity=0);
}
.liability img{max-width:100%}
/*党建部分*/
.fn-clear { zoom: 1; width:100%;}
.box_skitter { width:100%; height:200px; margin-top: 30px; float:left; }
.box_skitter img{max-width:100%}
.dangjian {
    position:absolute;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.dangjian:hover, .dangjian_hover {
    opacity:0;
    filter: alpha(opacity=0);
}
#focusD {position: relative;}
#focusD .hd{ width:50px; height:20px; background:color:#004ea1; position:absolute; right:12px;bottom:0; }
#focusD .hd ul{width:100%; height:20px;}
#focusD .hd li{width:10px; height:10px; float:left; display:block; font-size:12px; margin-left:10px;zoom:1; vertical-align: middle}
#focusD .hd li a{width:10px; height:10px;  display:block; background: url(../images/iconDj.png) no-repeat 0 0;}
#focusD .hd li a:hover,#focusD .hd ul .on a{width:10px; height:10px;  display:block; background: url(../images/iconDj.png) no-repeat 0 -20px;}
/*页脚*/
.footer{width:100%; height:80px; margin:0 auto; background: #f0f0f0; clear: both; display:block; z-index: 0}
.ftBox{width:90%; margin: 0 auto; height:80px;}
.link{width:630px; height:80px; line-height: 80px; float: left}
.link a{width:90px; float:left; color:#888; font-size:14px; line-height: 100px;font-family: 微软雅黑,Arial,Verdana,"\5b8b\4f53"}
.link a:hover{color:#004ea2}


/*copyright icon*/
.copyright{width:1040px; height:30px;float:right; color:#888; margin:0;padding: 0; font-size:14px; line-height: 30px; margin-top:25px;font-family: SourceHanSans,微软雅黑,Arial,Verdana,"\5b8b\4f53";}
.copyright .cImg{ width:70px; height:30px; float: right; display: block}
.cImg ul{width:100%;height:100%; margin: 0;padding: 0}
.copyright .cImg li{ width:30px; height:30px; margin-left: 5px; float:left;  position: relative;
text-align: left; cursor: pointer; transition: all .3s ease-in; z-index: 30;}/*过渡时间为3秒*/
.copyright .cImg li img{ display: block}
.copyright .cImg li:hover{ color: #004ea2;}
.copyright .tele{background: url(../images/images.png) -33px -300px no-repeat;}
.copyright .weixin{background: url(../images/images.png) -98px -300px no-repeat;}
.copyright .tele:hover{background: url(../images/images.png) -33px -335px no-repeat;}
.copyright .weixin:hover{background: url(../images/images.png) -98px -335px no-repeat;}
.copyright li .setBox{position: absolute;width: 190px;height:30px;padding: 10px;background: #004ea1;display: none;box-shadow: 4px 6.928px 20px 0px rgba(0, 0, 0, 0.08);border-radius: 5px;font-size: 15px;line-height: 30px;bottom: 45px;left: -95px;z-index: 99;}
.copyright li:hover .setBox{display: block;}
.copyright li .setBox01{position: absolute;width: 98px;height:98px;padding: 10px;box-shadow: 4px 6.928px 20px 0px rgba(0, 0, 0, 0.08);border-radius: 5px;background:  #004ea1;display: none;bottom: 45px;left: -50px;z-index: 1000;}
.copyright li:hover .setBox01{display: block;}
.copyright .tele:hover{background: url(../images/images.png) -33px -335px no-repeat;}
.setBox-item span{display: inline-block;width: 190px;text-align: left;color: #fff;margin-left: 10px;}
.setBox-item a{color: #3a6dee}
.sign{width:13px;height:13px; background: url(../images/images.png) 0 -375px no-repeat; position: absolute; bottom:-9px; left: 47%; display: block;box-shadow: 4px 6.928px 20px 0px rgba(0, 0, 0, 0.08);}

/*微信展示*/
.weiXin{position: fixed;z-index: 1000;left: 50%;margin-left: -180px;display: none;background: #fff;padding: 20px;}
.weiXin .close{position: absolute;top: 11px;right: 8px;width: 21px;height: 21px;cursor: pointer;}

/*返回顶部*/
p#back-to-top{
  position:fixed;
  bottom:80px;
  right:20px;
}
p#back-to-top a{
  text-align:center;
  text-decoration:none;
  color:#d1d1d1;
  display:block;
  width:45px;
  /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
  -moz-transition:color1s;
  -webkit-transition:color1s;
  -o-transition:color1s;
}
p#back-to-top a:hover{
  color:#979797;
}
p#back-to-top a span{
  background:#d1d1d1 url(../images/arrow_up.png) no-repeat center center;
  border-radius:6px;
  display:block;
  height:45px;
  width:45px;
  margin-bottom:5px;
  /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
  -moz-transition:background1s;
  -webkit-transition:background1s;
  -o-transition:background1s;
}
#back-to-top a:hover span{
  background:#979797 url(../images/arrow_up.png) no-repeat center center;
}