@charset "utf-8";

/* 通用 */

* {margin:0; padding:0;list-style:none;}
img {vertical-align:middle; border:none;}
body{ font-family:"微软雅黑","宋体","Arial Narrow"; font-size:12px; color:#333; line-height:24px; background:#f3f7f8;}
a{color:#333;text-decoration:none}
a:hover{color:#d00;text-decoration:underline; transition: all 0.3s linear 0s;}
em{font-style:normal}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}

.clearbox{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}

.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}

.w {width:1000px; margin:0 auto;}
.w100 {width:100%;}
.center {margin:0 auto;}
.o {overflow:hidden;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.hidden {display:none;}

.news-list-pagination {text-align:center;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.page-active>a, .pagination>.page-active>a:focus, .pagination>.page-active>a:hover, .pagination>.page-active>span, .pagination>.page-active>span:focus, .pagination>.page-active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: blue;
    border-color: blue;
}


.focusBox { float:left; position: relative; width: 260px; height: 180px; margin-bottom:10px;  overflow: hidden; font-family:Arial; text-align: left; background:#fff; }
.focusBox .pic img { width: 260px; height: 180px; 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.currclass a,.focusBox .num a:hover{ background:#f60;  }



/*------------------------------------------首页------------------------------------------*/		


/* Header */

.header {height:106px;}



.nav {height:38px; background:url(../img/menu.png) repeat-x center top;}
.menu {margin:0px auto; height:38px; padding-left:40px;}
.menu li {float:left; padding-right:2px; background:url(../img/line.png) no-repeat right center;}
.menu li a {float:left; width:124px; height:38px; line-height:38px; text-align:center; color:#fff; font-size:13px; display:block; font-weight:bold;}
.menu li a:hover, .menu li.currclass a {color:#fff; text-decoration:underline;}
.menu li.no {background:none;}


.ffocus {height:300px; margin:0 auto; width:1000px; position: relative; overflow:hidden;}
.ffocus img { height:300px;  width:1000px; margin:0 auto;}
.ffocus .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; right: 3%; zoom:1; z-index:3 }
.ffocus .num li { width:25px; height:25px; line-height:25px; text-align:center; font-weight:400; font-family: "微软雅黑", Arial; color:#fff; background:#444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.ffocus .num li.on { background: #FF7700; } /*当前项*/
.ffocus .prev,
.ffocus .next { display: none; width: 40px; height: 100px; background: url(../img/btn.png) no-repeat; position: absolute; top: 33%;}
.ffocus .prev { left: 0; }
.ffocus .next { right: 0; background-position: right }


.footer { background-color:#e6e6e6; border-top:2px solid #c5c5c5; padding:14px 0; line-height:20px;}
.copy {margin:0px auto; background:url(../img/copytel.png) no-repeat left center; padding-left:356px;}
.copy a {margin:0 10px;}
.copy a:hover {text-decoration:underline;}




/* Content */

.index { background:url(../img/mbg.jpg) repeat-x center top #fff; padding-top:16px;}
.iw {margin:0 10px 10px; background:url(../img/mlbg.png) repeat-y left top;}
.cxl {width:200px;}
.cxr {width:775px;}

.h2 {height:32px; line-height:32px; background:url(../img/tit1.png) no-repeat left center;  color:#fff;}
.h2 strong { display:inline-block; float:left; padding-left:30px; font-size:14px;}
.h2 em {font-size:12px; font-family:arial; text-transform:capitalize;}
.h2 .more { display:inline-block; float:right; font-size:12px;}

.ulul {margin:6px auto;}
.ulul li a {display:block; line-height:28px; font-size:13px; padding-left:25px; background:url(../img/ico1.gif) no-repeat 6px center;}
.ulul li a:hover {color:#f00;}

.divlx {margin:6px auto; padding:0 5px 8px 8px;}
.divlx b {color:#f00;}

.intro_box {width:496px;}
.intro { line-height:20px; margin:8px 0 0;}
.intro img {float:left; margin:0 15px 0 0;}
.intro p {text-indent:2em;}

.irfo {width:260px;}


.h22 {height:30px; line-height:30px; border-bottom:2px solid #c0d9e0;  color:#fff; padding-right:6px;}
.h22 strong { display:inline-block; float:left; font-size:14px; text-align:center; height:30px; line-height:30px; border-radius:5px 5px 0 0; background:url(../img/tit2.png) repeat-x center top; width:120px;}
.h22 strong a {color:#fff;}
.h22 .more { display:inline-block; float:right; font-size:12px;}

.prbox {margin:16px 0 0;}
.prbox .o {margin:8px 0 0;}
.pr li {margin:0px 6px; display:block; float:left; text-align:center;}
.pr li a {display:block; float:left;}
.pr li a img {width:160px; height:120px; padding:2px; border:1px solid #ccc;}



/*------------------------------------------内页面------------------------------------------*/		



.mr {width:765px;}

.manr { margin:14px 0px; line-height:26px; font-size:13px; text-align:justify; min-height:400px;}





/*------------------------------------------常规通用------------------------------------------*/		



/* 文章分页 */
.newslist {clear:both; margin-top:14px;}
.newslist li em {float:right; margin:0 8px 0 0; font-family:Verdana, Geneva, sans-serif;}
.newslist li {display:block; line-height:32px; padding-left:24px; border-bottom:1px dotted #333; background:url(../img/ico1.gif) no-repeat 10px center;}
.newslist li a {font-size:13px;}
.newslist li:hover {color:#c22;}


#art_title {text-align:center;}
#art_title h2 {font-size:16px;}
#art_xinxi {text-align:center; color:#999; margin:8px 10px; padding:0 0 8px; border-bottom:#ccc 1px solid;}
#art_xinxi span {display:inline-block; margin:0 8px;}
#art_content {margin:0 0px; font-size:14px;}
#MyContent img {max-width:720px; margin-bottom: 5px;}
#art_copy {text-align:right; font-size:14px; margin:15px auto 0;}
#art_xguan {border-top:#ccc 1px dotted; margin:0 10px; padding:6px 0 0;}
#art_xguan span {display:block; color:#666;}
#art_xguan span a {color:#666;}


/* 图片分页 */
#gallery { clear:both; overflow:hidden; text-align:center;}
#gallery li { display: block; float: left;}
#gallery li img {width:204px; height:150px;}
#gallery li a {margin:6px 18px 20px; background:#fff; box-shadow:0 0 4px #333; border-radius:5px; display:block; padding:4px 4px; border:1px solid #ccc;}
#gallery li a:hover {color:#000; text-decoration:none; background:#ddd;  box-shadow:0 0 4px #740C0C;}





/* 分页样式 */
#fenye{clear:both; overflow:hidden; margin:24px auto 0; font-family:"Courier New", Courier, monospace;}
#fenye table {margin:0 auto;}
#fenye a{text-decoration:none;}
#fenye .prev,#fenye .next{ padding:0 4px; text-align:center;}
#fenye a.curr{width:22px; border:1px solid #0081C3; color:#333; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#999;}
#fenye a{margin:5px 4px 0 0; color:#333; border:1px solid #999; float:left; text-align:center;height:18px;line-height:18px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#1f3a87;} 
#fenye a:hover{color:#333; border:1px solid #0081C3;float:left;}
#fenye span{line-height:30px; color:#a9a9a9;}


.myform { width:100%px; margin:0px auto 0}
.myform table {margin:20px auto;}
.myform table td { padding:12px 0;}
.myform .tdbg {line-height:25px; font-size:15px;}
.myform .tdbg strong {color:#f00; font-size:20px;}
.myform .tdbg .upfile {height:25px; line-height:25px; padding:0 3px; border:1px solid #ccc; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; border-radius:4px; width:210px;}
.myform .tdbg .oncode {width:60px; height:25px; line-height:25px; padding:0 3px; border:1px solid #ccc; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; border-radius:4px;}
.myform .tdbg textarea{ width:300px; height:134px; padding:3px; border:1px solid #e0e0e0; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset; font:12px/22px "Microsoft yahei"; color:#666}
.myform .formcode {display:inline-table; line-height:normal;}
.myform .subtdbg {padding-left:0px;}
.myform .submit {padding:3px 30px; margin-left:20px; font-size:16px; border:none; color:#fff; border-radius:5px; cursor:pointer; background:#4FC1F1}
.myform .submit:hover {background: #999}



  .form-control {
    display: block;
    width: 100%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none; 
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
  .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
    .pageform .form-horizontal .form-group {margin-bottom:15px;}
  .pageform .form-control {    border-radius: 0px; border: 1px solid #888; background:none;}
  .pageform .form-horizontal {padding:1em 10em 0;}
  .pageform .btn {border-radius: 0px; background-color: #1856A9; padding:0.8em 3em; color:#fff;}