﻿@charset "UTF-8";
/* CSS Document */
html,body,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,a,img,th,td,form,fieldset,iframe,object,pre,code,legend,blockquote{border:0 none;margin:0;outline:0 none;padding:0;list-style-type:none; font-size: 100%;}
body{font:normal 100% "微软雅黑",Arial sans-serif; font-size:12px; background-color: #fafafa; padding-bottom: 100px;}
img,object{max-width: 100%;}
*{margin:0;padding:0; color: #333333;}
a:link,a:visited{text-decoration-line: none}
input::-webkit-input-placeholder{color:#dddddd;}
input:focus{outline: none;}
button:focus{ outline:none;}
/*index.html*/
.container{ width: 100%;background: url("img/bg.jpg");}
.search{ width: 100%; height: 60px; background-color: #20549d;}
.logo{ width: 260px; height: 50px; background: url("img/logo.png") no-repeat; float: left;margin-top: 9px;cursor: pointer;}
.searchBox{ float: right;}
.searchBox ul{ list-style: none;}
.searchBox ul li{ float: left; width: 47px; height:36px; border-radius: 50%; /*background-color: rgba(255,255,255,0.20);*/ margin-right: 5px; margin-top: 6px; text-align: center; padding-top: 11px;}
.searchSpan{ color: #fff;}
.searchTc{ position: absolute; top:55px;right: 8px; width:200px; height: 35px; border-radius: 3px; border: #ccc solid 1px; padding: 5px; background-color: #fff; display: none;}
.searchTc input{ border: none;}
.userTc{ position: absolute; top: 55px; right: 8px; width: 200px; padding: 10px 5px; background-color: #fff; text-align: center; display: none;}
.userTcinput01{ border-bottom:solid 1px #ccc; border-top: none; border-left: none; border-right: none; line-height: 30px; margin-bottom: 4px;}
.userTcinput02{padding:2px;}
.banner{ width:100%; position: relative; height: 500px;}

.bannerImg{ width:98%; position: relative; overflow: auto;height: 500px;}
.bannerImg li { list-style: none; }
.bannerImg ul li { float: left; }
.arrow { position: absolute; top: 200px;}
/*
.bannerImg ul{}
.bannerImg ul li{ width: 100%; height: 100%; position: absolute; float: left; top:0px; left: 0px;}*/

.nav{}
.nav ul{ list-style: none;}
.nav ul li{ float: left;width: 130px; height: 130px; border-radius: 10px; text-align: center; box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.4);position: absolute;}
.nav ul li p{ font-size:24px; color: #fff; margin-top: 6px;}
.nav ul li span img{ margin-top: 22px;}
.navLi01{ background-color: rgba(72,133,139,0.80); margin-right: 400px; right: 50%; top:315px; }
.navLi01:hover{ background-color: #48858b;}
.navLi02{ background-color: rgba(152,106,69,0.80); margin-right: 280px; right: 50%; top:355px; }
.navLi02:hover{ background-color: #986a45;}
.navLi03{ background-color: rgba(74,113,141,0.80); margin-right: 160px; right: 50%; top:315px;}
.navLi03:hover{ background-color: #4a718d;}
.navLi04{ background-color: rgba(147,143,78,0.80); margin-right: 40px; right: 50%; top:355px;}
.navLi04:hover{ background-color: #938f4e;}
.navLi05{ background-color: rgba(147,80,75,0.80); margin-right: -80px; right: 50%; top:315px;}
.navLi05:hover{ background-color: #93504b;}
.navLi06{ background-color: rgba(67,101,147,0.80); margin-right: -200px; right: 50%; top:355px;}
.navLi06:hover{ background-color: #436593;}
.navLi07{ background-color: rgba(152,106,69,0.80); margin-right: -320px; right: 50%; top:315px;}
.navLi07:hover{ background-color: #986a45;}
.navLi08{ background-color: rgba(152,106,69,0.80); margin-right: -440px; right: 50%; top:355px;}
.navLi08:hover{ background-color: #986a45;}

.content{ min-height: 1200px; width: 1230px; margin: 0 auto;}
.contBox{ padding-top: 40px;}
.news{ width: 820px; float: left; }
.title{ width: 100%; margin-bottom: 40px;}
.title ul{ }
.title ul li{ float: left; padding: 0 2px; margin-right: 32px;font-size: 14px; line-height: 24px;}
.title ul li a{ cursor: pointer;}
.title ul li a:hover{ opacity: 0.8;}
.titleCur a{ font-size: 24px;}
.more{ float: right;}
.more a{ background-color: #fff; border: 1px solid #ddd; padding:2px 22px; border-radius: 8px;}
.notice{width:350px; float: right;}
.newsCont{ width:100%; float: left;}
.newsCont_Box1{margin-right: -10px;}
.newsCB1_img{padding:4px;border:#20559c solid 1px; float: left; margin-right: 10px;}
.newsCB1_img p{background-color: #20559c; color: #fff; width: 375px; height: 27px; padding:10px; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.newsCont_Box2{ width: 100%; float: left; margin-top: 20px; background-color: #fff;}
.newsCB2_box{ width: 100%;}
.newsCB2_boxDate{ float: left; width: 110px; text-align: center;}
.newsCB2_boxDate_date{ font-size: 55px;}
.newsCB2_boxDate_year{ font-size:16px; line-height: 18px;}
.newsCB2_boxCont{ padding-top: 10px; height: 70px;}
.newsCB2_boxCont h3{ font-size:18px; margin-bottom: 6px; font-weight: normal;}
.newsCB2_boxCont p{ color:#707070; padding: 2px; line-height: 20px;overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.noticeBox{ padding:20px 30px; box-shadow: 0px 0px 18px 0px rgba(1, 1, 1, 0.08); background-color: #fff; margin-top: 15px; line-height: 20px; height: 37px; font-size: 14px;}
.noticeBox a span{overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.news2{float: left; width: 100%; margin-top: 40px;}
.news2Cont{ }
.news2Cont ul{ margin-right: -15px;}
.news2Cont ul li{ float:left; width: 380px; background-color: #fff; padding:10px; margin-right: 15px;}
.news2Cont_cont{ margin-top: 10px;}
.news2Cont_cont h3{ overflow: hidden; text-overflow: ellipsis; font-size: 18px; font-weight: normal; white-space: nowrap;}
.news2Cont_cont p{ line-height: 22px; overflow: hidden; margin-top: 10px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box; height: 40px;}
.blogroll{ float: left; width: 100%; line-height: 30px; margin-top:20px; margin-bottom: 20px;}
.blogroll select{ margin-left: 10px;}
.footer{ height: 200px; border-top:#ccc solid 1px; float:left; width: 100%; background-color: #fff;}
.copyright{ float: left; padding:20px 40px;}
.copyright p{ line-height: 40px;}
.copyrightR{ margin-top: 40px; float:right;}
.copyrightR a{margin-right: 30px; display: block; float: left; text-align: center;}
/*list.html*/
.list{min-height: 1200px;}
.weizhi{ font-size: 14px; margin-top: 40px; margin-bottom: 20px; color: #909090;}
.weizhi a{color:#909090;}
.listCont{ background-color: #fff; padding: 10px; border: 1px solid #ececec;}
.listCont ul{}
.listCont ul li{ margin-top: 20px; border-bottom: 1px solid #ececec;}
.listCont_h3{ margin-bottom: 10px;}
.listCont_h3 a{ font-size: 24px; font-weight: normal;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box; height: 38px; overflow: hidden;}
.listCont_p{ margin-bottom: 20px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box; overflow: hidden; line-height: 22px;}
.listCont_pImg{ border:solid 1px #ececec; width: 350px; height: 140px;}
.listCont_time{ color: #909090; margin-bottom: 10px;}
.listNav{ height: 40px; border-bottom: 10px;overflow: hidden;text-overflow: ellipsis; width: 1230px; position: relative; top:2px;}
.listNav ul li{ float: left; padding:8px 20px; margin-right:10px;}
.listNavLR{ }
.listNavL{ width:12px; height: 16px; padding: 6px 16px 10px 6px; border-radius: 4px; background-color: #fff; color: #909090; border: #ececec solid 1px; left:20px;position:absolute; font-size: 14px;z-index:9;}
.listNavL a:hover{ color:#20559c;}
.listNavR{ width:12px; height: 16px; padding: 6px 6px 10px 16px; border-radius: 4px; background-color: #fff; color: #909090; border: #ececec solid 1px; right: 20px;position:absolute; font-size: 14px;z-index:9;}
.listNavR a:hover{ color:#20559c;}
.listNavSelect{ background-color: #fff;border-radius: 10px 10px 0px 0px; border: 1px #ececec solid; border-bottom: none; font-size: 16px;}
.listNavSelect a:hover{ color: #20559c;}
.listNavSelect a:link{ color: #20559c;}
.listNavSelect a:visited{ color: #20559c;}
.listNavSelect a:active{ color: #20559c;}
/*detail.html*/
.detailCont{ width: 920px; margin-right: 40px; float: left; background-color: #fff; padding: 10px; min-height: 1200px;}
.detailCont_h3{ font-size: 24px; padding-bottom: 30px; border-bottom: 1px solid #20559c; font-weight: normal;}
.detailCont_p{ margin:20px 0px;}
.detailCont_span{ line-height: 40px; font-size: 14px;}
.detailNews{ float: right;}
.detailNews_h3{ width: 230px; background-color: #20559c; height: 50px; text-align: center; padding-top: 20px;}
.detailNews_h3 span{ font-size: 22px; font-weight: normal; color: #fff; background-color: rgba(255,255,255,0.20); padding: 5px 20px;} 
.detaiNews_cont{ background-color: #fff; padding: 20px 10px;}
.detaiNews_cont ul{}
.detaiNews_cont ul li{ line-height: 50px; overflow: hidden;text-overflow: ellipsis;font-weight: normal;white-space: nowrap; width: 210px; font-size: 14px;border-bottom: 1px solid #ececec;}
/*video.html*/
.video{min-height: 1200px; margin-right: -47px; width: 1230px;}
.video ul{ }
.video ul li{ float: left; padding: 10px; width: 240px; background-color: #fff; margin-bottom: 20px; margin-right: 47px;}
.video ul li p{ padding: 10px; line-height: 24px; height: 60px; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.video ul li p a span{-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}
/*photoes.html*/
.photo{ min-height: 1200px; padding-left: 30px;}
.photo ul{}
.photo ul li{ float: left; border: 1px solid #ececec; padding: 5px; background-color: #fff; margin-right: 30px; margin-bottom: 30px;}
.photo ul li a{}
.photo ul li a img{ width: 150px; height: 150px;}
.photo ul li a span{ text-align: center; display:block; width: 150px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
/*inforList.html*/
.inforList{min-height: 1200px; width: 100%;}
.inforList table{ margin:0px auto; background: #fff; width: 700px; padding: 50px;}
.inforList table tr{ line-height: 50px;}
.inforList table tr td{ border-bottom: 1px solid #ececec;}
.inforList table tr th{ border-bottom: 1px solid #ececec;}
.inforList table tr td input{ border:1px solid #ececec; padding: 5px; border-radius: 6px;}
.inforList table tr td select{ padding:5px;}
.inforList_title{ font-size:20px; text-align: center;}
.zhuce{ padding:10px 50px; background-color: #20559c; color: #fff; border:none; font-size: 14px; width: 200px; display: block; margin: 10px auto; cursor: pointer;}
.inforList_bz{color:#FF0004; font-size: 11px;}
.inforList table font{color:#ff0004;}









