/*Clear default properties*/
* { padding: 0; margin: 0; text-decoration: none; }
li, p, a, div, input, span, font, b, strong, em, small, h1, h2, h3, h4, h5, h6, dt, dd, body, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input, textarea { font-family: 'Microsoft Yahei', 'Arial', 'sans-serif' !important; font-size: 14px; }
.ui-sortable { border: none !important; box-shadow: 0 0 1px #ccc inset; }
html { font-size: 62.5%; }
img { border: none; max-width: 100%; vertical-align: middle; }
li { list-style: none; }
textarea { resize: none; }
button, a, input, textarea { outline: none; overflow: visible; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
a { cursor: pointer; text-decoration: none; }
button, a { cursor: pointer; text-decoration: none; }
.clearfix:after{content:".";display:block;height:0;font-size:0em;line-height:0;visibility:hidden;clear:both;}
.clearfix{*zoom:1;}
.portlet-header { position: relative; }
.portlet-header .shadow.dn { left: 15px !important; top: 15px !important; }
.txtToPointer { display: block; white-space: nowrap; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.css3guodu { -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.fl { float: left; }
.fr { float: right; }
.none { display: none; }
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
color: #e68c8c; }
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
color: #e68c8c; }
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
color: #e68c8c; }
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
color: #e68c8c; }
.eps-design-mode-toolbar-container { clear: both; }
.navgationDiv .navgation-container h1 img { width: 150px; height: 50px; object-fit: cover; }
body { min-width: 1200px; margin: 0 auto; }
.maxWidth { width: 1200px; margin: 0 auto; }
.banner{max-width:1920px;margin:0 auto;}


/* 头部 */
video{display:block;width:100%;margin:0 auto;max-height:400px;}

@keyframes bgAnimate {
	0% { transform: scale(1, 1); }
	100% { transform: scale(1.1, 1.1); }
}
.spNav { position: relative; width: 100%; overflow: hidden; position: relative; }
.spNav .spLeft { display: none; width: 80%; height: 100%; display: block; position: absolute; top: 0; right: -80%; z-index: 800; overflow: hidden; }
.spNav .spLeft::after { display: block; content: ""; width: 100%; height: 100%; background: url(/cnnc/uiFramework/commonResource/image/2020111318162448524.png) no-repeat right top; background-size: 100%; position: absolute; right: 0; top: 0; z-index: -10; animation: bgAnimate 8s ease-in-out infinite alternate; }
.spNav .spLeft::before { display: block; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); position: absolute; right: 0; top: 0; z-index: -2; }
.spNav .spRight { width: 100%; float: left; position: relative; right: 0; z-index: 600; background: #fff; }
.spNav .spLeft .navLBox { padding: 30px; }
.spNav .spRight::before { display: none; content: ""; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 700; background: rgba(0, 0, 0, 0.5); }
.headerCon { padding: 25px 0 15px; overflow: hidden; background: #0d51a2; }
.searchCon { margin-top: 15px; line-height: 32px; }
.searchForm { overflow: hidden; width:220px; padding: 0 2px; height: 30px; border-radius: 15px; border: solid 1px #3194ff; display: inline-block; }
.searchForm input { display: block; width: 180px; height: 30px; line-height: 30px; float: left; padding-left: 10px; border: none; display: block; background: none; color: #eee; }
.searchForm button { background: url(/cnnc/uiFramework/commonResource/image/2021071509135622869.png) center center no-repeat; border: none; display: block; width: 30px; height: 30px; float: right; }
.searchCon a { font-size: 14px; color: #3194ff; display: inline-block; margin-left: 15px; }
.header .headerBox { -background: #fff; -border-bottom: 1px solid #eee; }
.header .headerBox h1 { width: 475px; }
.header .headerBox .navBox { background: #034799; }
.header .headerBox .navBox .left { float: right; position: relative; z-index: 999; margin-top: 5px; }
.header .headerBox .navBox .left i { color: #fff; line-height: 35px; cursor: pointer; }
.header .headerBox .navBox .left .searchSlider { display: none; position: absolute; top: 62px; box-shadow: 0 0 8px rgba(0, 0, 0, .3); right: 0; z-index: 999; width: 350px; background: #fff; }
.header .headerBox .navBox .left .searchSlider form { display: block; }
.header .headerBox .navBox .left .searchSlider form input { border: none; box-sizing: border-box; height: 40px; background: transparent; width: 80%; vertical-align: top; }
.header .headerBox .navBox .left .searchSlider form button { box-sizing: border-box; width: 20%; border: none; background: #0e3092; height: 40px; vertical-align: top; color: #fff; font-size: 12px; }
.header .headerBox .up { padding: 15px 0; }
.header .headerBox .navBox .left a:first-child { margin-left: 0px; }
.header .headerBox .navBox .right .oneUl > li .twoUl { display: none; position: absolute; left: 0; top: 50px; width: 100%; }
.header .headerBox .navBox .right .oneUl > li .twoUl .Ul { background: #67a0dd; padding: 10px 0; }
.header .headerBox .navBox .right .oneUl > li { padding: 15px 0; float: left; text-align: center; position: relative; z-index: 90; }
.header .headerBox .navBox .right .oneUl > li > a { display: block; font-size: 16px; line-height: 20px; color: #fff; padding: 0 15px; }
.header .headerBox .navBox .right .oneUl > li:hover > a { font-weight: bold; }
.header .headerBox .navBox .right .oneUl > li:first-child > a { border-left: none; }
.header .headerBox .navBox .right .oneUl > li.col > a { font-weight: bold; }
.header .headerBox .navBox .right .oneUl > li.li422057 > a { line-height: normal; }
/*
.header .headerBox .navBox .right .oneUl > li .twoUl { background: url(/cnnc/uiFramework/commonResource/image/2020071715395040342.png) repeat 0 0; }
*/
.header .headerBox .navBox .right .oneUl > li .twoUl li { padding: 0 5px; border-radius: 3px; }
.header .headerBox .navBox .right .oneUl > li .twoUl li a { display: block; padding: 6px 0; color: #fff; font-size: 12px; text-align: center; }
.header .headerBox .navBox .right .oneUl > li .twoUl li:hover a { color: #0e3092; background: #fff; }
.spMenu{display:none; width:45px;height:45px;}
.spHome{display:none;}


/*手机导航*/
.pSearch{height: 37px;padding-top: 5px;background-color: rgb(13, 81, 162);}
.phoneHeader,.pSearch{display:none;}
.phoneHeader{background: #0d51a2; padding:25px 0; position:relative;}
.pSrc{float:right;}
.pSrcEn{float:right;color:#fff;margin-right: 10px;}
.pMenu img,.pSrc img{width:20px;}
.pLogo{position: absolute;  left: 50%;  margin-left: -115px;top:50%;margin-top:-20px;}
.pLogo img{width:235px;}
.mo_map { width: 100%; height: 100%; position: fixed; top: 0; left: -100%; background-color: #f5f5f5; z-index: 2999; }
.mo_map_nav { width: 100%; height: 35px; padding: 10px 0; position: relative; background-color:#0d51a2; z-index: 3000; box-sizing:content-box;}
.mo_map_nav a { font-size: 12px; }
.mo_map_back, .mo_map_home { width: 36px; height: 36px; position: absolute; cursor: pointer; z-index: 3000; }
.mo_map_back svg, .mo_map_home svg { width: 36px; height: 36px; float: left; pointer-events: none; }
.mo_map_back { }
.mo_map_home { right: 10px; }
.mo_map_con { height: 100%; overflow-y: auto; }

.mo_map_list { padding:0 0 55px; }
.mo_yi_w { background:#fff; height:40px; line-height:40px; border-bottom: 1px solid #ddd; overflow:hidden; }
.mo_yi_w a.mo_yi  { display:inline-block; font-size:14px; color:#333; padding:0 15px; }
.mo_yi_w.lhd_1 a.mo_yi { display:inline; margin-left:15px; border-left:4px solid #ed7a2c; }
.mo_yi_w.active a.mo_yi { border-bottom:2px solid #ed7a2c; height:38px; color:#ed7a2c; font-weight:bold; }

.mo_er_w { background:#fff; margin-bottom:10px; box-shadow:0 1px 2px 2px #e8e8e8; display:none; padding:10px 0; }
.h_1 { box-shadow:0 0 0 0 #fff; display:block; padding:0;}
.mo_er_w.last { border-bottom: 0;  }
.mo_er_w a { padding: 6px 20px; display: inline-block; }

.mo_er_w a.mo_er { display:block; float:left; line-height:20px; font-size: 12px; color: #333; padding:0 0 4px; width:105px; text-align:center;  }

.mo_yi_btn { float:right; width:40px; height:40px; line-height:40px; background:#fff url(/cnnc/template/common/phoneNav/2017081517045865305.png); background-repeat:no-repeat; background-size:16px 16px; background-position:50% 50%; border:0;}
.mo_yi_w.active .mo_yi_btn {background-image:url(/cnnc/template/common/phoneNav/2017081517045775788.png); background-repeat:no-repeat; background-size:16px 16px; background-position:50% 50%;  }
/* .lhd_1 .mo_yi_btn,.lhd_9 .mo_yi_btn,.lhd_10 .mo_yi_btn { display:none;}*/


/* 底部 */
.footer { padding: 94px 0 70px; background: #344a95; }
.footerCon { overflow: hidden; }
.footerL { width: 600px; }
.footerL p { font-size: 14px; color: #fff; margin-bottom: 10px; }
.footerL p a { font-size: 14px; color: #fff; }
.footerR { width: 400px; }
.footerR span { display: inline-block; float: right; text-align: center; margin-left: 10px; font-size: 12px; color: #fff; }
.footerR span img { display: block; margin-bottom: 10px; }
.footerRphone {display:none;}
/*单篇文章*/
.danpianWZ h2 { font-size: 20px; line-height: 45px; border-bottom: 1px solid #dddddd; margin-bottom: 25px; }
.danpianWZ { padding: 0 20px; }
.danpianWZ * { font-size: 16px; color: #444; line-height: 1.8; }
.danpianWZ p { margin-bottom: 20px; text-align: justify; }

/*列表页*/
.common_news { margin-top: 20px; }
.common_news li { padding-left: 18px; background: url(/cnnc/uiFramework/commonResource/image/2020081110292456649.png) no-repeat left center; }
.common_news li a, .common_news li .date { font-size: 16px; color: #333; line-height: 40px; float: left; }
.common_news li .date { float: right; }
.common_news li a { display: block; white-space: nowrap; max-width: 70%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.common_news li:hover a, .common_news li:hover .date { color: #004EA1; }

/*二级左侧导航*/
.erjiLeft_Nav { max-width: 200px; position: relative; }
.erjiLeft_Nav .navTitle { display: none; }
.erjiLeft_Nav .navTitle h2 { height: 100px; line-height: 100px; text-align: center; color: #fff; background: #46b9b4; font-size: 28px; font-weight: normal; display: none; }
.erjiLeft_Nav .oneUl .oneLi { border-bottom: 3px solid #fff; }
.erjiLeft_Nav .oneUl .oneLi > p { background: #eee; }
.erjiLeft_Nav .oneUl .oneLi .menuA a { line-height: 45px; font-size: 16px; color: #333; display: block; text-align: center }
.erjiLeft_Nav .oneUl .oneLi.col > p { background: #46b9b4; }
.erjiLeft_Nav .oneUl .oneLi.col > p a { color: #fff; }
.erjiLeft_Nav .oneUl .oneLi.col .downSelect { display: block; }

/*分页*/
.pageFenye { text-align: center; padding: 20px 0; }
.pageFenye .updown { font-size: 0;}
.pageFenye .updown a, .pageFenye .updown font { font-size: 14px; display: inline-block; background: #fff; padding: 5px 12px; border: 1px solid #cccccc; color: #333; vertical-align: middle; }
.pageFenye .updown font { background: #46b9b4; color: #fff; }
.pageFenye .updown span { width: 0 !important; display: none !important; }
.pageFenye .updown a.prev { margin-right: 6px; }
.pageFenye .updown a.next { margin-left: 6px; }
.pageFenye  .jump { font-size: 0; color: #333; margin-left: 30px;  }
.pageFenye  .jump * { display: inline-block; vertical-align: middle; }
.pageFenye  .jump .easysite-page-text { height: 28px; border:1px solid #cccccc;   text-align: center;     margin-left: 6px;}
.pageFenye  .jump  .easysite-jump-btn { background: none; border: none; color: #333; margin-left: 6px; cursor: pointer; }
.spNavBox .SearchForm { display: block; background: #fff; }
.spNavBox .SearchForm input { background: transparent; border: none; box-sizing: border-box; height: 30px; width: 75%; vertical-align: top; }
.spNavBox .SearchForm button { background: #086ed2; border: none; box-sizing: border-box; height: 30px; vertical-align: top; width: 25%; font-size: 12px; color: #fff; }




/*响应式*/
@media only screen and (max-width:1260px){
body{min-width:auto;}
.maxWidth{width:auto;padding:0 2em;}
.header{display:none;}
.footerL{width:100%;}
.phoneHeader{display:block;}
.pageFenye .updown a, .pageFenye .updown font{margin-bottom:5px;}
.danpianWZ p{margin-bottom:10px;}
}

@media screen  and (max-width:768px){
.maxWidth{width:auto;padding:0 1em;}
.footerR{display:none;}
.footerRphone {width:400px;display:block; text-align: center;    margin-bottom: 20px;}
.footerRphone span { display: inline-block; text-align: center; margin-left: 10px; font-size: 12px; color: #fff; }
.footerRphone span img { display: block; margin-bottom: 10px; }
.jump{display:none;}
}