@charset"utf-8";
/* CSS Reset*/
input::-moz-placeholder, textarea::-moz-placeholder { color: #f1bdf7; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #f1bdf7; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #f1bdf7; }
.box-content{-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;}
.fr { float: right; } .fl { float: left; }
.t-l{text-align: left;}.t-c{text-align: center;}.t-r{text-align: right;}
.an { transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;}
.img-width { max-width: 100%; height: auto!important; }
.clearfix:before, .clearfix:after {content:""; display:table;}   
.clearfix:after {clear:both;}   
.clearfix { *zoom:1;}
.radius{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.over-txt {display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.txt-a-A {text-transform: capitalize;text-transform:uppercase;text-transform:lowercase;}
.po-re {position: relative;}
.p30{padding-left: 10px;padding-right: 10px;}
.bg {background-image:url(../images/);background-color:rgba(0,0,0,0.5);background-repeat:no-repeat;background-position: center;background-size:cover;}
.borderStyle {border-bottom:1px dashed #707070;border-top:1px dotted #707070;}
.box-shadow {-webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc;  box-shadow:0 0 10px #ccc;}
/*public*/

body {background: url(../images/body_bg.jpg) center top;background-size: cover;}

.top {}
.logo {position: absolute;left: 0;top: 0;padding: 15px;text-align: center;}
.logo img {width: 100%;height: auto;}

.top-con {padding-top: 100px;}
.top-con a {display: table;width: 100%;}
.top-left {display: table-cell;vertical-align: middle;}
.top-left img {width: 80%;}
.top-right {float: right;margin-left: 30px;}
.email img {width: 100%;}
/*-----pc nav-----*/

.main {}

.menu-title {padding: 25px 0 40px;}
.menu-title-p {padding-top: 30px;}
.in-title {width: 100%;height: 40px;text-align: center;}
.in-title h2 {display: inline-block;font-size: 30px;color: #fff;line-height: 40px;}
.menu-more {display: inline-block;position: relative;float: right;width: 55px;height: 30px;}
.menu-more a {display: block;position: absolute;right: 0;bottom: -13px;width: 55px;font-size: 14px;color: #c1e9fb;line-height: 40px;text-align: center;text-transform:uppercase}
.menu-more a:hover {color: #fff;}

.list-ul {}
.list-ul li{position: relative;padding-right: 70px;border-bottom: 1px dotted #b4b4b4;}
.list-ul li a {display: block;padding-left: 20px;font-size: 18px;color: #272727;line-height: 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-ul li span {display: block;position: absolute;top: 0;right: 0;width: 64px;font-size: 18px;color: #272727;line-height: 50px;text-align: center;}
.list-ul li:hover a {color: #006cac;}
.item-title-icon li a {background: url(../images/li_i.png) no-repeat 7px center;}


.section-one {padding-bottom: 20px;}

.news {padding: 20px 15px;background: #fff;}
.news-title {position: relative;padding: 0 90px 15px 0;width: 100%;}
.news-title h3 {font-size: 20px;color: #0081b3;line-height: 1.75;font-weight: bold;text-align: center;}
.news-more {position: absolute;top: 0;right: 0;text-align: center;}
.news-more a {display: inline-block;padding: 14.5px 0;width: 80px;height: 80px;font-size: 17px;color: #fff;background: #a3141d;border-radius: 50%;}
.news-more a:hover {background: #d42c2c;}
.news-con p {font-size: 16px;color: #000;line-height: 26px;text-indent: 2em;}
.news-con strong {font-size: 16px;color: #00a6e6;line-height: 2.75;font-weight: bold;}

.section-two {}
.notice {padding: 25px 15px;background: url(../images/notice_bg.jpg) center top;background-size: cover;}
.notice-item {padding-bottom: 25px;}
.notice-item a {display: table;width: 100%;}
.item-img {float: left;margin-right: 20px;width: 180px;height: 115px;}
.item-img img {width: 100%;height: 100%;}
.item-txt {display: table-cell;vertical-align: middle;width: 100%;}
.item-txt p {font-size: 14px;color: #fff;line-height: 24px;}
.item-txt h3 {font-size: 16px;color: #fff;line-height: 26px;}
.item-txt:hover p, .item-txt:hover h3 {color: #c1e9fb;}
.item-img:hover {box-shadow:0 0 10px 3px #e2ebf3;-webkit-box-shadow:0 0 10px 3px #e2ebf3;-moz-box-shadow:0 0 10px 3px #e2ebf3;}

.footer {position: relative;padding: 50px 0;}
.fool-logo {margin: 0 auto 20px;max-width: 327px;width: 100%;}
.fool-logo img {width: 100%;}

.copyright {}
.copyright p, .copyright p a {font-size: 16px;color: #333;line-height: 34px;}

.share {float: left;padding-top: 5px;}

.link {float: right;}
.select {position: relative;display: inline-block;margin: 5px 0;width: 145px;z-index:99;}
.select p {position: relative;padding-left: 10px;line-height: 32px;font-size: 14px;color: #b3b3b3;background: #fff;border: 1px solid #b0c3cd;text-align: left;cursor: pointer;}
.select p i {display: block;position: absolute;right: 10px;top: 50%;margin-top: -6px;height: 0;width: 0;border-bottom: 8px solid #b3b3b3;border-left: 7px solid transparent;border-right: 7px solid transparent;}
.select ul {position: absolute;bottom: 40px;width: 100%;display: none;}
.select ul li {margin: 5px 0;padding:0 15px;width:100%;line-height: 28px;font-size: 12px;color: #fff;background: #0081b3;}
.select ul li a {display: block;color:#fff;}
.select ul li:hover {background: #0081b3;}

/*----index----*/

.page-main {}
.in-main-con {padding: 0 0 30px;}
.in-main-con .row {margin-left: 0;margin-right: 0;}
.in-main-con .row .col {padding-left: 0;padding-right: 0;}
.pageCon > div {padding-left: 0;padding-right: 0;font-family:"SimSun";}
.pageCon {position: relative;}
.pageCon-left { position: absolute;left: 0;top: 20px;height: 100%;z-index: -1;}
.colorBg {background: #f7f7f7;width: 100%; height: 100%;}
.pageNav{overflow: hidden;margin-bottom: 20px;margin-top: 0;}
.pageNav-h {height: 57px;line-height: 57px;font-size: 25px;color: #fff;background: #0081b3;border-bottom:2px solid #8bbee5;text-align: center;}

.pageNav-ul {padding:5px 20px 30px;background: #f7f7f7;}
.pageNav-ul li h3 {display: block;border-bottom:1px solid #ccc;position: relative;}
.pageNav-ul li h3 a {display: block;position: relative;line-height: 20px;padding:10px 0; font-size: 18px;color: #333;}
.pageNav-ul li a i {display: inline-block;vertical-align: middle; width: 4px;height: 4px;background: #333;margin-right: 8px;}
.pageNav-ul li h3:hover i {background: #0081b3}
.pageNav-ul li h3:hover a {color: #0081b3}
.pageNav-ul li.selected h3 i {background: #0081b3}
.pageNav-ul li.selected h3 a {color: #0081b3}

.pageNav-ul li ul {padding:0;}
.pageNav-ul li ul li {display: block;padding-left: 24px;padding-right: 1em;border-bottom:1px dotted #ccc;}
.pageNav-ul li ul li a {display: block;position: relative;line-height: 20px;padding:7px 5px; font-size: 16px;color: #666;}
.pageNav-ul li ul li:hover a {color: #0081b3;}
.pageNav-ul li ul li.selected a {color: #0081b3;}

.pageR {background: #fff;padding:10px 20px 20px;}
.pageR_t {width: 100%;height: 40px;overflow: hidden;position: relative;z-index: 9;}
.pageR_t p {display: block;float: left;font-size: 18px; color: #0081b3;height: 40px;line-height: 40px;position: relative;padding:0 10px;z-index: 999;}
.pageR_t_a {float: left;height: 40px;line-height: 40px;color: #999;font-size: 12px;padding:0 5px;}
.pageR_t_a a {color: #999;font-size: 12px;}
.pageR_t_a a:hover {color: #0081b3;}
.pageR .line {width: 100%;height: 2px;background: #0081b3;}

.pageR_article  {padding:20px 15px 30px;background: #fff;}
.pageR_article .title {font-size: 22px; color: #0081b3;font-weight: normal;text-align: center;line-height: 30px;padding:5px 0;}
.pageR_article .infoA {margin: 0 5px;font-size: 12px;color: #787878;text-align: center;line-height: 24px;}
.pageR_article .infoA span {display: inline-block;padding:5px 6px;}
.pageR_article .con {color: #222;font-size: 16px;line-height: 1.75;padding-bottom: 15px;margin-top: 15px;}
.pageR_article .con img {max-width: 600px!important;height: auto!important;}

#news_list {margin:10px 0 10px 0;font-family:"SimSun";}
#news_list ul.news_ul li {padding: 10px 90px 10px 24px;line-height: 30px;height: 50px;position: relative;border-bottom: 1px solid #dedede;background: url(../images/li_i.png) 5px center no-repeat;}
#news_list ul.news_ul li a {display: block;width: 100%;height: 30px;line-height: 30px;font-size: 16px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#news_list ul.news_ul li span {width: 80px;position: absolute;display: block;right: 0;top: 10px;height: 30px;line-height: 30px;font-size: 12px; color: #919191;text-align: center;}
#news_list ul.news_ul li:hover a {color: #0081b3;}


/* 超小屏幕（手机，小于 768px） */
/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:768px) {
.container {padding-left: 0;padding-right: 0;position: relative;}
.news-title {padding: 0 90px 15px;}
/*index*/
.page-menu-h {height: 55px;}
.pageR_t_a {float:right;}
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width:992px) {
.menu-title-p {padding-top: 0;}
.news {padding: 20px 50px;}
.notice {padding: 25px 50px;}
/*index*/
.pageR-con {min-height:300px;}

}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media screen and (min-width:1200px) {
.top-con {display: table;padding-top: 55px;width: 100%;}
.top-left {padding-left: 50px;}
.news-title {padding: 0 110px 15px;}
.news-title h3 {font-size: 30px;color: #0081b3;line-height: 48px;font-weight: bold;text-align: center;}
.news-more {top: 30px;right: 20px;}
.link {position: absolute;top: 5px;right: 15px;}
}