.container { margin: 0 auto; width: 1200px; }

/* banner */
.banner, .sencond-banner { width: 100%; height: 410px !important; }

/* cont */
.cont-bg { background: #f5f5f5; }
.left-nav { float: left; width: 210px; background-color: #ffffff; position: relative; top: -80px; }
.ne-le h1 { height: 80px; background: url(../image/ll.png) no-repeat right center; color: #fff; padding-left: 30px; box-sizing: border-box; line-height: 80px; font-size: 24px; }
.ne-le ul { padding: 10px 0 50px; -moz-box-shadow: 0px 0px 12px #CCCCCC; -webkit-box-shadow: 0px 0px 12px #CCCCCC; box-shadow: 0px 0px 12px #CCCCCC; }
.ne-le ul li { text-align: left; font-size: 16px; line-height: 53px; position: relative; }
.ne-le ul:after { content: ""; clear: both; display: block; }
.ne-le ul li:after { content: ""; position: absolute; width: 228px; height: 53px; background: url(../image/sj-bg.png) no-repeat; top: 0; left: 0; opacity: 0; z-index: 1; }
.ne-le ul li a { margin: 0 30px; border-bottom: 1px solid #ebebeb; display: block; position: relative; z-index: 2; font-size: 16px; color: #333333; }
.ne-le ul li:hover a { color: #fff; }
.ne-le ul li:hover:after { opacity: 1; }
.ne-le ul .le-on:after { opacity: 1; }
.ne-le ul .le-on a { color: #fff; }
.right-cont { float: right; background: #fff; position: relative; top: -80px; width: 964px; box-sizing: border-box; }
.ri-ti { text-align: right; border-bottom: 1px solid #dedede; line-height: 80px; font-size: 14px; position: relative; border-left: 6px solid #1b65c6; color: #666666; }
.ri-ti a { color: #666; }
.ri-ti span { float: left; display: block; font-size: 20px; padding-left: 41px; color: #333333; }
.ri-ti p { display: inline-block; position: relative; padding-left: 25px; padding-right: 32px; }
.ri-ti p span { float: none; font-size: 14px; color: #333333; display: inline-block; position: unset; padding-left: 0; padding-right: 0; }
.ri-ti p:before { content: ""; width: 18px; height: 18px; background: url(../image/wz.png) no-repeat; position: absolute; top: 33px; left: 0; }
.cont-mes { width: 875px; font-size: 16px; line-height: 30px; color: #333333; margin: 0 auto; margin-top: 34px; margin-bottom: 40px; }
.cont-mes p { text-align: justify; line-height: 30px; color: #555; margin-bottom: 10px; }
.cont-mes p.indent { text-align: justify; text-indent: 2em; line-height: 30px; color: #555; margin-bottom: 10px; font-size: 16px; }
.cont-mes img { display: block; width: auto; max-width: 100%; }
.all-list-item { height: 55px; line-height: 55px; border-bottom: 1px dashed rgba(0, 0, 0, 0.14); font-size: 16px; color: #555555; }
.all-list-item-1 {	/* border-top: 1px dashed rgba(0, 0, 0, 0.14); */ }
.all-list-item-tit { float: left; width: 80%; }
.all-list-item a { font-size: 16px; color: #555555; display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.all-list-item a:hover { color: #005bac; }
.all-list-item-date { float: right; color: #888888; }
.i-pager { width: 100%; height: 40px; font-size: 14px; margin-top: 50px; text-align: right; }
.i-pager-item-active { width: 36px; height: 36px; background-color: #0081cc; border-radius: 4px; }
.i-pager a, .i-pager a:link, .i-pager a:visited, .i-pager a:active { display: inline-block; color: #666666; font-size: 14px; line-height: 36px; width: 36px; height: 36px; border-radius: 4px; margin: 0 2.5px; }
.i-pager-next, .i-pager-prev { width: 68px !important; height: 36px !important; }
.i-pager-item:link, a.i-pager-item:visited, a.i-pager-item:hover, a.i-pager-item:active, a.i-pager-item-active:link { text-decoration: none; }
.i-pager a:hover { color: #fff !important; }
.i-pager-info { height: 36px; vertical-align: bottom; border-radius: 4px; border: solid 1px rgba(102, 102, 102, 0.3); line-height: 36px; }
.i-pager-info span { border: none; color: #666666; }
.i-pager-info-c { color: #0081cc !important; }

/*领导关怀*/
.ldgh, .ldgh1 { margin-top: 10px; padding-bottom: 20px; }
.ldgh ul li { margin: 0px 13px 15px 13px; float: left; width: 220px; height: 140px; overflow: hidden; position: relative; text-align: center; border: 1px solid #ccc; text-align: center; overflow: hidden; padding: 1px; }
.ldgh ul li .photo { width: 220px; height: 140px; overflow: hidden; }
.ldgh ul li .photo img { width: 220px; height: 140px; }
.ldgh ul li.list2 { margin-right: 0px; }
.ldgh .rsp { width: 220px; height: 30px; overflow: hidden; position: absolute; background: #000; bottom: 1px; left: 1px; }
.ldgh .text { position: absolute; width: 220px; height: 30px; line-height: 30px; left: -180px; bottom: 1px; overflow: hidden; }
.ldgh .text a { color: #fff; }
.ldgh1 { text-align: center; }
.ldgh1 h3 { height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; font-size: 16px; color: #2F86F3; text-align: center; font-weight: normal; padding-bottom: 5px; }
.ldgh1 p { line-height: 24px; padding-bottom: 10px; text-indent: 2em; text-align: left; }
.ab-xi {	/* padding: 35px 23px; */ }
.ldcy { background: url(../image/ld-bg.jpg) no-repeat right bottom; padding-top: 22px;	/* padding-left: 20px; */ }
.ldcy ul { width: 507px; border: 1px solid #e9e9e8; }
.ldcy ul li:nth-of-type(odd) { background: #f7f9fd; }
.ldcy ul li { height: 59px; line-height: 59px; border-bottom: 1px solid #e9e9e8; padding-left: 61px; }
.ldcy ul li p { float: left; font-size: 18px; padding-right: 50px; }
.container { margin: 0 auto; width: 1200px; }

/* banner */
.banner, .sencond-banner { width: 100%; height: 410px; }

/* cont */
.cont-bg { background: #f5f5f5; }
.left-nav { float: left; width: 210px; background-color: #ffffff; position: relative; top: -80px; }
.ne-le h1 { height: 80px; background: url(../image/ll.png) no-repeat right center; color: #fff; padding-left: 30px; box-sizing: border-box; line-height: 80px; font-size: 24px; }
.ne-le ul { padding: 10px 0 50px; -moz-box-shadow: 0px 0px 12px #CCCCCC; -webkit-box-shadow: 0px 0px 12px #CCCCCC; box-shadow: 0px 0px 12px #CCCCCC; }
.ne-le ul li { text-align: left; font-size: 16px; line-height: 53px; position: relative; }
.ne-le ul:after { content: ""; clear: both; display: block; }
.ne-le ul li:after { content: ""; position: absolute; width: 228px; height: 53px; background: url(../image/sj-bg.png) no-repeat; top: 0; left: 0; opacity: 0; z-index: 1; }
.ne-le ul li a { margin: 0 30px; border-bottom: 1px solid #ebebeb; display: block; position: relative; z-index: 2; font-size: 16px; color: #333333; }
.ne-le ul li:hover a { color: #fff; }
.ne-le ul li:hover:after { opacity: 1; }
.ne-le ul .le-on:after { opacity: 1; }
.ne-le ul .le-on a { color: #fff; }
.right-cont { float: right; background: #fff; position: relative; top: -80px; width: 964px; box-sizing: border-box; }
.ri-ti { text-align: right; border-bottom: 1px solid #dedede; line-height: 80px; font-size: 14px; position: relative; border-left: 6px solid #1b65c6; color: #666666; }
.ri-ti a { color: #666; }
.ri-ti span { float: left; display: block; font-size: 20px; padding-left: 41px; color: #333333; }
.ri-ti p { display: inline-block; position: relative; padding-left: 25px; padding-right: 32px; }
.ri-ti p span { float: none; font-size: 14px; color: #333333; display: inline-block; position: unset; padding-left: 0; padding-right: 0; }
.ri-ti p:before { content: ""; width: 18px; height: 18px; background: url(../image/wz.png) no-repeat; position: absolute; top: 33px; left: 0; }
.cont-mes { width: 875px; font-size: 16px; line-height: 30px; color: #333333; margin: 0 auto; margin-top: 34px; margin-bottom: 40px; }
.cont-mes p { text-align: justify; line-height: 30px; color: #555; margin-bottom: 10px; }
.cont-mes p.indent { text-align: justify; text-indent: 2em; line-height: 30px; color: #555; margin-bottom: 10px; font-size: 16px; }

/*.cont-mes img {
    float:right;
    padding-left: 30px;
    padding-top: 48px;
}*/
.all-list-item { height: 55px; line-height: 55px; border-bottom: 1px dashed rgba(0, 0, 0, 0.14); font-size: 16px; color: #555555; }
.all-list-item-1 {	/* border-top: 1px dashed rgba(0, 0, 0, 0.14); */ }
.all-list-item-tit { float: left; }
.all-list-item a { font-size: 16px; color: #555555; }
.all-list-item a:hover { color: #005bac; }
.all-list-item-date { float: right; color: #888888; }

/*领导关怀*/
.ldgh, .ldgh1 { margin-top: 10px; padding-bottom: 20px; }
.ldgh ul li { margin: 0px 13px 15px 13px; float: left; width: 220px; height: 140px; overflow: hidden; position: relative; text-align: center; border: 1px solid #ccc; text-align: center; overflow: hidden; padding: 1px; }
.ldgh ul li .photo { width: 220px; height: 140px; overflow: hidden; }
.ldgh ul li .photo img { width: 220px; height: 140px; }
.ldgh ul li.list2 { margin-right: 0px; }
.ldgh .rsp { width: 220px; height: 30px; overflow: hidden; position: absolute; background: #000; bottom: 1px; left: 1px; }
.ldgh .text { position: absolute; width: 220px; height: 30px; line-height: 30px; left: -180px; bottom: 1px; overflow: hidden; }
.ldgh .text a { color: #fff; }
.ldgh1 { text-align: center; }
.ldgh1 h3 { height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; font-size: 16px; color: #2F86F3; text-align: center; font-weight: normal; padding-bottom: 5px; }
.ldgh1 p { line-height: 24px; padding-bottom: 10px; text-indent: 2em; text-align: left; }

/*difference*/
.f_nav .zhd_wap li.level-0 { width: 136px !important; }
.ab-xi {	/* padding: 35px 23px; */ }
.ldcy { background: url(../image/ld-bg.jpg) no-repeat 509px bottom; padding-top: 22px;	/* padding-left: 20px; */ }
.ldcy ul { width: 507px; border: 1px solid #e9e9e8; }
.ldcy ul li:nth-of-type(odd) { background: #f7f9fd; }
.ldcy ul li { height: 59px; line-height: 59px; border-bottom: 1px solid #e9e9e8; padding-left: 61px; }
.ldcy ul li p { float: left; font-size: 18px; margin-top: 15px; padding-right: 50px; }
.xc-list dl { width: 32.4%; float: left; margin: 0 1.4% 33px 0; }
.xc-list dl:nth-child(3n) { margin-right: 0; }
.xc-list dl dt { width: 100%; position: relative; background: #000; padding-bottom: 63%; }
.xc-list dl dt .xh-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition-duration: .5s; }
.xc-list dl dt .xs-sp img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition-duration: .5s; }
.xc-list dl dd { text-align: center; background: #e3e3e3; transition-duration: .5s; line-height: 47px; font-size: 16px; }
.xc-list dl:hover dd { color: #fff; background: #0055a4; }
.xc-list dl:hover dt .xs-sp img { opacity: 1; }
.xc-list dl:hover .xh-img { opacity: 0.45; }
.xc-list dl:hover dd a { color: #fff; background: #0055a4; }
.xc-list dl:hover dt .xs-sp img { opacity: 1; }
.xc-list dl:hover .xh-img { }
.xc-list a { }
.xc-list d1:hover { color: #ffffff; }
.textcontent { width: 850px; margin: 0 auto; }
.subpagelist li { width: 100%; border-bottom: dashed 1px #e3e3e3; height: auto; padding-top: 8px; overflow: hidden; padding-bottom: 8px; }
.subpagelist a { color: #333; font: normal 18px 'microsoft yahei'; line-height: 40px; display: block;	/*margin-top: 4px*/ }
.subpagelist a:hover { color: #0067c3 }
.subpagelist div { font-size: 12px; color: #666; line-height: 24px }
.subpagelist .listleft { width: 197px; height: 120px; float: left; display: block; }
.subpagelist .listright { width: 605px; height: 120px; display: block; float: right; overflow: hidden; }
.subpagelist .listright a { margin-top: 0px; line-height: 22px; }
.listleft img { float: none !important; padding-left: 0px !important; padding-top: 0px !important; display: block; width: 100%; height: 100%; object-fit: cover; }
label.lbl-common { display: none !important; }

/*图片新闻模板*/
.secondsame_imgul { width: 875px; margin: 0 auto; }
.secondsame_imgli { width: 430px; float: left; margin: 0 10px 10px 0; }
.secondsame_imgli:nth-child(2n) { margin-right: 0; }
.secondsame_img { width: 100%; height: 300px; }
.secondsame_img img { display: block; width: 100%; height: 100%; }
.secondsame_text { width: 100%; text-align: center; height: 44px; line-height: 44px; }
.secondsame_text a { font-size: 14px; color: #333; }

/*tab+切换*/
.tabimgsame_box { border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.tabimgsame_box h2 { height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #0055a5; margin-bottom: 30px; }
.tabimgsame_ul { width: 878px; margin: 0 auto; }
.tabimgsame_li { width: 434px; float: left; height: 262px; margin: 0 10px 10px 0; }
.tabimgsame_li:nth-child(2n) { margin-right: 0; }
.tabimgsame_img { width: 100%; height: 100%; }
.tabimgsame_img img { display: block; width: 100%; height: 100%; }

/*人才优先*/
.rc01 { background: #f5f5f5; }
.rc-img { width: 46%; }
.rc-img img { width: 100%; display: block; }
.rc-xi01 { width: 54%; }
.rc-xi01 ul { width: 100%; text-align: center; padding: 25px 0 29px 0; }
.rc-xi01 ul li { display: inline-block; padding: 0 20px; }
.rc-xi01 ul li h1 { color: #0054a3; font-size: 18px; font-weight: normal; }
.rc-xi01 ul li h1 span { font-size: 24px; padding-right: 14px; }
.rc-xi01 ul li p { font-size: 16px; }
.rc-zi01 { background: #0054a3; color: #fff !important; padding: 23.5px 42px; line-height: 1.8 !important; margin-bottom: 0 !important; }
.rc01 { margin-bottom: 43px; }
.rc-xi01 dl { padding: 20px 25px; }
.rc-xi01 dl dt { color: #0054a3; font-size: 18px; font-weight: bold; line-height: 1.6; padding-bottom: 15px; }
.rc-xi01 dl dd { font-size: 14px; line-height: 2; }

/*战略规划*/
.zl-list dl { width: 20%; text-align: center; float: left; }
.zl-list dl dt img { transition-duration: .5s; }
.zl-list dl dd h1 { font-size: 20px; padding: 19px 0; }
.zl-list dl dd p { text-align: center; font-size: 16px; line-height: 2; }
.zl-list dl:hover dt img { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; }
.zx-list li { border-bottom: 1px dashed #d5d5d5; background: url(/cni23/template/page/erji_page/jx1.png) no-repeat left center; padding-left: 20px; margin-bottom: 5px; line-height: 35px; transition-duration: .5s; }
.zx-list li:after { content: ""; clear: both; display: block; }
.zx-list li span { float: right; opacity: 0.75; font-family: "Arial"; }
.zx-list li a { display: block; float: left; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #333; }
.zx-list li:hover { padding-left: 25px; }
.zx-list li a:hover { color: #1064bf }
@keyframes icon-bounce {
	0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
	50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@-webkit-keyframes icon-bounce {
	0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
	50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@-moz-keyframes icon-bounce {
	0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
	50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@-o-keyframes icon-bounce {
	0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
	50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}

/*理念体系*/
.tx01 { border: 1px solid #e2e2e2; margin-bottom: 40px; }
.tx01 dl { width: 33%; float: left; text-align: center; padding: 27px 0 44px 0; border-right: 1px solid #e2e2e2; }
.tx01 dl:nth-child(3) { border-right: 0; }
.tx01 dl dt { width: 55px; height: 55px; border: 1px solid #e2e2e2; border-radius: 50%; margin: 0 auto; transition-duration: .5s; background-position: 0 0; background-repeat: no-repeat; }
.tx01 dl:nth-child(1) dt { background-image: url(../image/tx01.png); }
.tx01 dl:nth-child(2) dt { background-image: url(../image/tx02.png); }
.tx01 dl:nth-child(3) dt { background-image: url(../image/tx03.png); }
.tx01 dl:hover dt { background-position: 0 -55px; background-color: #0055a6; }
.tx01 dl dd h1 { font-size: 20px; padding: 10px 0; }
.tx01 dl dd p { text-align: center; font-size: 16px; opacity: 0.8; }
.jg-ti { text-align: center; font-size: 26px; font-weight: normal; }
.yw-zi { font-size: 16px; color: #555; padding: 30px 0; line-height: 1.8; text-align: justify; }
.tx02 { margin-bottom: 60px; }
.tx02 dl { position: relative; color: #fff; text-align: center; width: 49.5%; float: left; background-color: #000; overflow: hidden; }
.tx02 dl dt img, .tx03-le img { width: 100%; display: block; transition-duration: .5s; }
.tx02 dl:hover dt img, .tx03-le:hover img { opacity: 0.6; transform: scale(1.1, 1.1); }
.tx02 dl:nth-child(2) { float: right; }
.tx02 dl dd { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }
.tx02 dl dd h1 { font-size: 22px; padding-bottom: 40px; color: #fff; }
.tx02 dl dd p { font-size: 18px; line-height: 2; text-align: center; color: #fff; }
.tx03 { margin-top: 60px; }
.tx03-le { width: 50%; overflow: hidden; background-color: #000; }
.tx03-ri { width: 49.6%; border: 1px solid #cfcfcf; height: 291px; box-sizing: border-box; padding-left: 80px; position: relative; }
.js-tb { position: absolute; top: 50%; transform: translateY(-50%); }
.js-tb p { font-size: 16px; background-repeat: no-repeat; padding-left: 40px; background-position: left center; margin-bottom: 20px; }
.js-tb p span { font-size: 20px; }
.js-tb p:nth-child(1) { background-image: url(../image/tx04.png); }
.js-tb p:nth-child(2) { background-image: url(../image/tx05.png); }
.js-tb p:nth-child(3) { background-image: url(../image/tx06.png); }
.container { margin: 0 auto; width: 1200px; }

/* banner */
.banner, .sencond-banner { width: 100%; height: 410px; }

/* cont */
.cont-bg { background: #f5f5f5; }
.left-nav { float: left; width: 210px; background-color: #ffffff; position: relative; top: -80px; }
.ne-le h1 { height: 80px; background: url(../image/ll.png) no-repeat right center; color: #fff; padding-left: 30px; box-sizing: border-box; line-height: 80px; font-size: 24px; }
.ne-le ul { padding: 10px 0 50px; -moz-box-shadow: 0px 0px 12px #CCCCCC; -webkit-box-shadow: 0px 0px 12px #CCCCCC; box-shadow: 0px 0px 12px #CCCCCC; }
.ne-le ul li { text-align: left; font-size: 16px; line-height: 53px; position: relative; }
.ne-le ul:after { content: ""; clear: both; display: block; }
.ne-le ul li:after { content: ""; position: absolute; width: 228px; height: 53px; background: url(../image/sj-bg.png) no-repeat; top: 0; left: 0; opacity: 0; z-index: 1; }
.ne-le ul li a { margin: 0 30px; border-bottom: 1px solid #ebebeb; display: block; position: relative; z-index: 2; font-size: 16px; color: #333333; }
.ne-le ul li:hover a { color: #fff; }
.ne-le ul li:hover:after { opacity: 1; }
.ne-le ul .le-on:after { opacity: 1; }
.ne-le ul .le-on a { color: #fff; }
.right-cont { float: right; background: #fff; position: relative; top: -80px; width: 964px; box-sizing: border-box; }
.ri-ti { text-align: right; border-bottom: 1px solid #dedede; line-height: 80px; font-size: 14px; position: relative; border-left: 6px solid #1b65c6; color: #666666; }
.ri-ti a { color: #666; }
.ri-ti span { float: left; display: block; font-size: 20px; padding-left: 41px; color: #333333; }
.ri-ti p { display: inline-block; position: relative; padding-left: 25px; padding-right: 32px; }
.ri-ti p span { float: none; font-size: 14px; color: #333333; display: inline-block; position: unset; padding-left: 0; padding-right: 0; }
.ri-ti p:before { content: ""; width: 18px; height: 18px; background: url(../image/wz.png) no-repeat; position: absolute; top: 33px; left: 0; }
.cont-mes { width: 875px; font-size: 16px; line-height: 30px; color: #333333; margin: 0 auto; margin-top: 34px; margin-bottom: 40px; }
.cont-mes p { text-align: justify; line-height: 30px; color: #555; margin-bottom: 10px; }
.cont-mes p.indent { text-align: justify; text-indent: 2em; line-height: 30px; color: #555; margin-bottom: 10px; font-size: 16px; }
.cont-mes img { display: block; width: auto; max-width: 100%; }
.all-list-item { height: 55px; line-height: 55px; border-bottom: 1px dashed rgba(0, 0, 0, 0.14); font-size: 16px; color: #555555; }
.all-list-item-1 {	/* border-top: 1px dashed rgba(0, 0, 0, 0.14); */ }
.all-list-item-tit { float: left; }
.all-list-item a { font-size: 16px; color: #555555; }
.all-list-item a:hover { color: #005bac; }
.all-list-item-date { float: right; color: #888888; }

/*领导关怀*/
.ldgh, .ldgh1 { margin-top: 10px; padding-bottom: 20px; }
.ldgh ul li { margin: 0px 13px 15px 13px; float: left; width: 220px; height: 140px; overflow: hidden; position: relative; text-align: center; border: 1px solid #ccc; text-align: center; overflow: hidden; padding: 1px; }
.ldgh ul li .photo { width: 220px; height: 140px; overflow: hidden; }
.ldgh ul li .photo img { width: 220px; height: 140px; }
.ldgh ul li.list2 { margin-right: 0px; }
.ldgh .rsp { width: 220px; height: 30px; overflow: hidden; position: absolute; background: #000; bottom: 1px; left: 1px; }
.ldgh .text { position: absolute; width: 220px; height: 30px; line-height: 30px; left: -180px; bottom: 1px; overflow: hidden; }
.ldgh .text a { color: #fff; }
.ldgh1 { text-align: center; }
.ldgh1 h3 { height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; font-size: 16px; color: #2F86F3; text-align: center; font-weight: normal; padding-bottom: 5px; }
.ldgh1 p { line-height: 24px; padding-bottom: 10px; text-indent: 2em; text-align: left; }
.ab-xi {	/* padding: 35px 23px; */ }
.ldcy { background: url(../image/ld-bg.jpg) no-repeat right bottom; padding-top: 22px;	/* padding-left: 20px; */ }
.ldcy ul { width: 507px; border: 1px solid #e9e9e8; }
.ldcy ul li:nth-of-type(odd) { background: #f7f9fd; }
.ldcy ul li { height: 59px; line-height: 59px; border-bottom: 1px solid #e9e9e8; padding-left: 61px; }
.ldcy ul li p { float: left; font-size: 18px; padding-right: 50px; }
.container { margin: 0 auto; width: 1200px; }

/* banner */
.banner, .sencond-banner { width: 100%; height: 410px; }

/* cont */
.cont-bg { background: #f5f5f5; }
.left-nav { float: left; width: 210px; background-color: #ffffff; position: relative; top: -80px; }
.ne-le ul { padding: 10px 0 50px; -moz-box-shadow: 0px 0px 12px #CCCCCC; -webkit-box-shadow: 0px 0px 12px #CCCCCC; box-shadow: 0px 0px 12px #CCCCCC; }
.ne-le ul li { text-align: left; font-size: 16px; line-height: 53px; position: relative; }
.ne-le ul li.level-0 div.sub { display: none; }
.ne-le ul li.level-0.breadcrumb  div.sub { display: block; }
.ne-le ul:after { content: ""; clear: both; display: block; }
.ne-le ul li:after { content: ""; position: absolute; width: 228px; height: 53px; background: url(../image/sj-bg.png) no-repeat; top: 0; left: 0; opacity: 0; z-index: 1; }
.ne-le ul li a { margin: 0 30px; border-bottom: 1px solid #ebebeb; display: block; position: relative; z-index: 2; font-size: 16px; color: #333333; }
.ne-le ul li:hover a { color: #fff; }
.ne-le ul li:hover:after { opacity: 1; }
.ne-le ul .breadcrumb:after { opacity: 1; }
.ne-le ul .breadcrumb a { color: #fff; }
.ne-le ul.sub { padding: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0; }
.ne-le ul.sub  li { text-align: left; font-size: 14px; line-height: 31px; position: relative; }
.ne-le ul.sub:after { content: ""; clear: both; display: block; }
.ne-le ul.sub  li:after { content: ""; position: absolute; width: 228px; height: 53px; background: none; top: 0; left: 0; opacity: 0; z-index: 1; }
.ne-le ul.sub  li a { margin: 0 30px; border-bottom: 1px solid #ebebeb; display: block; position: relative; z-index: 2; font-size: 14px; color: #333333; padding: 6px 17px; }
.ne-le ul.sub .le-on a { color: #005bac; }
.ne-le ul.sub  li:hover a { color: #005bac; }
.ne-le ul.sub  li:hover:after { opacity: 1; }
.ne-le ul.sub  .le-on:after { opacity: 1; }
.ne-le ul.sub  .le-on a { color: #005bac; }
.right-cont { float: right; background: #fff; position: relative; top: -80px; width: 964px; box-sizing: border-box; }
.ri-ti { text-align: right; border-bottom: 1px solid #dedede; line-height: 80px; font-size: 14px; position: relative; border-left: 6px solid #1b65c6; color: #666666; }
.ri-ti a { color: #666; }
.ri-ti span { float: left; display: block; font-size: 20px; padding-left: 41px; color: #333333; }
.ri-ti p { display: inline-block; position: relative; padding-left: 25px; padding-right: 32px; }
.ri-ti  p span { float: none; font-size: 14px; color: #333333; display: inline-block; position: unset; padding-left: 0; padding-right: 0; }
.ri-ti p:before { content: ""; width: 18px; height: 18px; background: url(../image/wz.png) no-repeat; position: absolute; top: 33px; left: 0; }
.cont-mes { width: 875px; font-size: 16px; line-height: 30px; color: #333333; margin: 0 auto; margin-top: 34px; margin-bottom: 40px; }
.cont-mes p { text-align: justify; line-height: 30px; color: #555; margin-bottom: 10px; }
.cont-mes-1 p a { text-align: justify; line-height: 0px; text-align: center; color: #555; text-align: center; color: #636363; position: relative; font-size: 16px; margin: 0; margin-bottom: 0; top: 8px; }
.cont-mes-1 p { text-align: justify; line-height: 25px; text-align: center; color: #555;	/* height: 45px; */ text-align: center; color: #636363; font-size: 1.1em; margin: 0; margin-bottom: 0; }
.cont-mes p.indent { text-align: justify; text-indent: 2em; line-height: 30px; color: #555; margin-bottom: 10px; font-size: 16px; }

/*.cont-mes img {
    float:right;
    padding-left: 30px;
    padding-top: 48px;
}*/
.all-list-item { height: 55px; line-height: 55px; border-bottom: 1px dashed rgba(0, 0, 0, 0.14); font-size: 16px; color: #555555; }
.all-list-item-1 {	/* border-top: 1px dashed rgba(0, 0, 0, 0.14); */ }
.all-list-item-tit { float: left; }
.all-list-item a { font-size: 16px; color: #555555; }
.all-list-item a:hover { color: #005bac; }
.all-list-item-date { float: right; color: #888888; }


/*领导关怀*/
.ldgh, .ldgh1 { margin-top: 10px; padding-bottom: 20px; }
.ldgh ul li { margin: 0px 13px 15px 13px; float: left; width: 220px; height: 140px; overflow: hidden; position: relative; text-align: center; border: 1px solid #ccc; text-align: center; overflow: hidden; padding: 1px; }
.ldgh ul li .photo { width: 220px; height: 140px; overflow: hidden; }
.ldgh ul li .photo img { width: 220px; height: 140px; }
.ldgh ul li.list2 { margin-right: 0px; }
.ldgh .rsp { width: 220px; height: 30px; overflow: hidden; position: absolute; background: #000; bottom: 1px; left: 1px; }
.ldgh .text { position: absolute; width: 220px; height: 30px; line-height: 30px; left: -180px; bottom: 1px; overflow: hidden; }
.ldgh .text a { color: #fff; }
.ldgh1 { text-align: center; }
.ldgh1 h3 { height: 30px; line-height: 30px; border-bottom: 1px solid #ccc; font-size: 16px; color: #2F86F3; text-align: center; font-weight: normal; padding-bottom: 5px; }
.ldgh1 p { line-height: 24px; padding-bottom: 10px; text-indent: 2em; text-align: left; }

/*difference*/
.f_nav .zhd_wap li.level-0 { width: 136px !important; }
.ab-xi {	/* padding: 35px 23px; */ }
.ldcy { background: url(../image/ld-bg.jpg) no-repeat 509px bottom; padding-top: 22px;	/* padding-left: 20px; */ }
.ldcy ul { width: 507px; border: 1px solid #e9e9e8; }
.ldcy ul li:nth-of-type(odd) { background: #f7f9fd; }
.ldcy ul li { height: 59px; line-height: 59px; border-bottom: 1px solid #e9e9e8; padding-left: 61px; }
.ldcy ul li p { float: left; font-size: 18px; margin-top: 15px; padding-right: 50px; }
.xc-list dl { width: 32.4%; float: left; margin: 0 1.4% 33px 0; }
.xc-list dl:nth-child(3n) { margin-right: 0; }
.xc-list dl dt { width: 100%; position: relative; background: #000; padding-bottom: 63%; }
.xc-list dl dt .xh-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition-duration: .5s; }
.xc-list dl dt .xs-sp img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition-duration: .5s; }
.xc-list dl dd { text-align: center; background: #e3e3e3; transition-duration: .5s; line-height: 47px; font-size: 16px; }
.xc-list dl:hover dd { color: #fff; background: #0055a4; }
.xc-list dl:hover dt .xs-sp img { opacity: 1; }
.xc-list dl:hover .xh-img { opacity: 0.45; }
.xc-list dl:hover dd a { color: #fff; background: #0055a4; }
.xc-list dl:hover dt .xs-sp img { opacity: 1; }
.xc-list dl:hover .xh-img { }
.xc-list a { }
.xc-list d1:hover { color: #ffffff; }
.textcontent { width: 850px; margin: 0 auto; }
.subpagelist li { width: 100%; border-bottom: dashed 1px #e3e3e3; height: auto; padding-top: 8px; overflow: hidden; padding-bottom: 8px; }
.subpagelist a { color: #333; font: normal 18px 'microsoft yahei'; line-height: 40px; display: block;	/*margin-top: 4px*/ }
.subpagelist a:hover { color: #0067c3 }
.subpagelist div { font-size: 12px; color: #666; line-height: 24px }
.subpagelist .listleft { width: 197px; height: 120px; float: left; display: block; }
.subpagelist .listright { width: 605px; height: 120px; display: block; float: right; overflow: hidden; }
.subpagelist .listright a { margin-top: 0px; line-height: 22px; }
.listleft img { float: none !important; padding-left: 0px !important; padding-top: 0px !important; display: block; width: 100%; }
label.lbl-common { display: none !important; }

/*图片新闻模板*/
.secondsame_imgul { width: 875px; margin: 0 auto; }
.secondsame_imgli { width: 430px; float: left; margin: 0 10px 10px 0; }
.secondsame_imgli:nth-child(2n) { margin-right: 0; }
.secondsame_img { width: 100%; height: 300px; }
.secondsame_img img { display: block; width: 100%; height: 100%; }
.secondsame_text { width: 100%; text-align: center; height: 44px; line-height: 44px; }
.secondsame_text a { font-size: 14px; color: #333; }

/*tab+切换*/
.tabimgsame_box { border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.tabimgsame_box h2 { height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; color: #0055a5; margin-bottom: 30px; }
.tabimgsame_ul { width: 878px; margin: 0 auto; }
.tabimgsame_li { width: 434px; float: left; height: 262px; margin: 0 10px 10px 0; }
.tabimgsame_li:nth-child(2n) { margin-right: 0; }
.tabimgsame_img { width: 100%; height: 100%; }
.tabimgsame_img img { display: block; width: 100%; height: 100%; }

/*人才优先*/
.rc01 { background: #f5f5f5; }
.rc-img { width: 46%; }
.rc-img img { width: 100%; display: block; }
.rc-xi01 { width: 54%; }
.rc-xi01 ul { width: 100%; text-align: center; padding: 25px 0 29px 0; }
.rc-xi01 ul li { display: inline-block; padding: 0 20px; }
.rc-xi01 ul li h1 { color: #0054a3; font-size: 18px; font-weight: normal; }
.rc-xi01 ul li h1 span { font-size: 24px; padding-right: 14px; }
.rc-xi01 ul li p { font-size: 16px; }
.rc-zi01 { background: #0054a3; color: #fff !important; padding: 23.5px 42px; line-height: 1.8 !important; margin-bottom: 0 !important; }
.rc01 { margin-bottom: 43px; }
.rc-xi01 dl { padding: 20px 25px; }
.rc-xi01 dl dt { color: #0054a3; font-size: 18px; font-weight: bold; line-height: 1.6; padding-bottom: 15px; }
.rc-xi01 dl dd { font-size: 14px; line-height: 2; }

/*战略规划*/
.zl-list dl { width: 20%; text-align: center; float: left; }
.zl-list dl dt img { transition-duration: .5s; }
.zl-list dl dd h1 { font-size: 20px; padding: 19px 0; }
.zl-list dl dd p { text-align: center; font-size: 16px; line-height: 2; }
.zl-list dl:hover dt img { -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; }
.zx-list li { border-bottom: 1px dashed #d5d5d5; background: url(/cni23/template/page/erji_page/jx1.png) no-repeat left center; padding-left: 20px; margin-bottom: 5px; line-height: 35px; transition-duration: .5s; }
.zx-list li:after { content: ""; clear: both; display: block; }
.zx-list li span { float: right; opacity: 0.75; font-family: "Arial"; }
.zx-list li a { display: block; float: left; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; color: #333; }
.zx-list li:hover { padding-left: 25px; }
.zx-list li a:hover { color: #1064bf }
@keyframes icon-bounce {
	0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
	50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@-webkit-keyframes icon-bounce {
	0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
	50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@-moz-keyframes icon-bounce {
	0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
	50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@-o-keyframes icon-bounce {
	0%, 100% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); }
	50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
	75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); }
	85% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}

/*理念体系*/
.tx01 { border: 1px solid #e2e2e2; margin-bottom: 40px; }
.tx01 dl { width: 33%; float: left; text-align: center; padding: 27px 0 44px 0; border-right: 1px solid #e2e2e2; }
.tx01 dl:nth-child(3) { border-right: 0; }
.tx01 dl dt { width: 55px; height: 55px; border: 1px solid #e2e2e2; border-radius: 50%; margin: 0 auto; transition-duration: .5s; background-position: 0 0; background-repeat: no-repeat; }
.tx01 dl:nth-child(1) dt { background-image: url(../image/tx01.png); }
.tx01 dl:nth-child(2) dt { background-image: url(../image/tx02.png); }
.tx01 dl:nth-child(3) dt { background-image: url(../image/tx03.png); }
.tx01 dl:hover dt { background-position: 0 -55px; background-color: #0055a6; }
.tx01 dl dd h1 { font-size: 20px; padding: 10px 0; }
.tx01 dl dd p { text-align: center; font-size: 16px; opacity: 0.8; }
.jg-ti { text-align: center; font-size: 26px; font-weight: normal; }
.yw-zi { font-size: 16px; color: #555; padding: 30px 0; line-height: 1.8; text-align: justify; }
.tx02 { margin-bottom: 60px; }
.tx02 dl { position: relative; color: #fff; text-align: center; width: 49.5%; float: left; background-color: #000; overflow: hidden; }
.tx02 dl dt img, .tx03-le img { width: 100%; display: block; transition-duration: .5s; }
.tx02 dl:hover dt img, .tx03-le:hover img { opacity: 0.6; transform: scale(1.1, 1.1); }
.tx02 dl:nth-child(2) { float: right; }
.tx02 dl dd { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }
.tx02 dl dd h1 { font-size: 22px; padding-bottom: 40px; color: #fff; }
.tx02 dl dd p { font-size: 18px; line-height: 2; text-align: center; color: #fff; }
.tx03 { margin-top: 60px; }
.tx03-le { width: 50%; overflow: hidden; background-color: #000; }
.tx03-ri { width: 49.6%; border: 1px solid #cfcfcf; height: 291px; box-sizing: border-box; padding-left: 80px; position: relative; }
.js-tb { position: absolute; top: 50%; transform: translateY(-50%); }
.js-tb p { font-size: 16px; background-repeat: no-repeat; padding-left: 40px; background-position: left center; margin-bottom: 20px; }
.js-tb p span { font-size: 20px; }
.js-tb p:nth-child(1) { background-image: url(../image/tx04.png); }
.js-tb p:nth-child(2) { background-image: url(../image/tx05.png); }
.js-tb p:nth-child(3) { background-image: url(../image/tx06.png); }

/*切换标题*/
.contrast { width: 100%; width: 872px; margin: 0 auto; }
.qh_tit { width: 107px; height: 117px; text-align: center; box-sizing: border-box; padding: 5px; float: left; margin-right: 2px; background: #eee; }
.qh_titac { background: #044eaf; }
#btn9 { margin-right: 0; }
.qh_tit h2 { font-size: 24px; font-family: "Arial"; padding: 10px 0; }
.qh_tit span { display: block; font-size: 14px; line-height: 16px; color: #333; }
.qh_titac h2 { color: #fff; }
.qh_titac span { color: #fff; }

/*切换图片*/
.hdyw_cont { width: 869px; height: 500px; padding-bottom: 30px; }
.hdyw_cont .swiper-slide, .hdyw_cont .swiper-slide img { width: 100%; height: 100%; }

/*工业民用业务*/
.gymyyw_ul { width: 875px; margin: 0 auto; }
.gymyyw_li { float: left; width: 107px; margin-right: 2px; height: 280px; position: relative; overflow: hidden; transition-duration: .3s; }
.gymyyw_li:last-child { margin-right: 0; }
.gymyyw_li img { display: block; width: 385px; height: auto; }
.gymyyw_text { width: auto; text-align: center;   /* padding: 0px 0px; */ font-weight: normal; transition-duration: .5s; position: absolute; left: 0; bottom: 0; }
.gymyyw_text h1 { height: 57px; line-height: 57px; padding: 20xp 7px; position: relative; }
.gymyyw_text h1:after { content: " "; display: block; background: url(/cni23/template/page/erji_page/h-sj.png) no-repeat; width: 23px; height: 20px; position: absolute; bottom: 0; right: 0; opacity: 0; }
.gymyyw_text h1 a { font-size: 14px; color: #fff;   /* padding: 0px 13px; */ }
.gymyyw_li:hover .gymyyw_text h1 { background: rgba(19, 111, 191, 0.5); }
.gymyyw_li:hover .gymyyw_text h1:after { opacity: 1; }
.zqy { }
.zqy h2 a { font-size: 16px; color: #555555; }
.zqy ul li { cursor: pointer; width: 260px; float: left; padding: 6px; box-sizing: border-box; text-align: center; border-radius: 5px; background: #eee; margin-left: 47px; margin-bottom: 20px; }
.zqy ul li:nth-child(3n+1) { margin-left: 0px; }
.zqy ul li a { color: #555555; }
.zqy h2 { margin-bottom: 5px; }
.zqy ul li:hover a { color: #fff; }
.zqy ul li:hover { background: #115BBC; }

/*page style*/
.i-pager { height: 30px; font-size: 12px; margin-top: 10px; text-align: right; clear: both; }
.i-pager a { text-decoration: none; }
.i-pager a, .i-pager a:link, .i-pager a:visited, .i-pager a:active { color: #036; }
.i-pager a:hover { color: #fff; }
.i-pager-first, .i-pager-prev, .i-pager-next, .i-pager-last, .i-pager a, .i-pager font { display: inline-block; width: auto; min-width: 1.5em; height: 20px; margin-left: 2px; background: white; border: solid 1px #dddddd; text-align: center; line-height: 20px; font-size: 12px; padding-left: 2px; padding-right: 2px; }
.i-pager-prev, .i-pager-next, .i-pager-first, .i-pager-last { padding: 0 5px; }
.i-pager-prev:hover { background: #036cb4; color: #ffffff; }
.i-pager-prev-disable:hover { }
.i-pager-next:hover { background: #036cb4; color: #ffffff; }
.i-pager-first:hover { background: #036cb4; color: #ffffff; }
.i-pager-last:hover { background: #036cb4; color: #ffffff; }
.i-pager font { background: #036cb4; color: #fff !important; }
.i-pager a:link, .i-pager a:visited, .i-pager a:hover, .i-pager a:active, .i-pager font:link { text-decoration: none; }
.i-pager a:hover { background: #036cb4; color: #ffffff; }
.i-pager-info { display: inline-block; width: auto; height: 22px; margin-left: 3px; font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; }
.i-pager-current { width: auto; text-align: center; display: inline-block; padding-left: 5px; line-height: 20px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; }
.i-pager-info-c { color: Red; width: auto; text-align: center; display: inline-block; padding: 0 5px; line-height: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; }
.i-pager-info-p { color: Blue; display: inline-block; width: auto; text-align: center; line-height: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; }
.i-pager-info-t { color: Black; display: inline-block; width: auto; text-align: center; padding: 0 5px; line-height: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; }

.i-pager { height: 40px; font-size: 14px; margin-top: 50px; text-align: right; clear: both; }
.i-pager-item-active { width: 36px; height: 36px; background-color: #0081cc; border-radius: 4px; }
.i-pager a, .i-pager a:link, .i-pager a:visited, .i-pager a:active, .i-pager font { color: #666666; font-size: 14px; line-height: 36px; width: 36px; height: 36px; border-radius: 4px; margin: 0 2.5px; }
.i-pager-next, .i-pager-prev { width: 68px !important; height: 36px !important; }
.i-pager-item:link, a.i-pager-item:visited, a.i-pager-item:hover, a.i-pager-item:active, a.i-pager-item-active:link { text-decoration: none; }
.i-pager a:hover { color: #fff !important; }
.i-pager-info { height: 36px; vertical-align: bottom; border-radius: 4px; border: solid 1px rgba(102, 102, 102, 0.3); line-height: 36px; }
.i-pager-info span { border: none; color: #666666; line-height: 36px; }
.i-pager-info-c { color: #0081cc !important; }
.list-paddingleft-2 li { float: left; margin: 0  50px }
.list-paddingleft-2 li p { text-align: center; text-indent: 0; line-height: 30px; color: #555; font-size: 16px; }

/* 民用业务 */
* { margin: 0; padding: 0; list-style-type: none; }
a, img { border: 0; }
.diepic { position: relative; width: auto; margin: 40px auto 0 auto; }
.diepic h2 { font-size: 36px; margin-bottom: 17px; text-align: center; font-weight: normal; line-height: 42px; height: 60px; }
.diepic .swiper-container { padding-bottom: 60px; margin-bottom: 20px; }
.diepic .swiper-slide { width: 557px; height: 340px; background: #fff; box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1); transition: all .4s cubic-bezier(.4, 0, .2, 1); cursor: pointer; }
.diepic .swiper-slide img { width: 100%; display: block;	/* height: 270px; */ }
.diepic .swiper-slide p { line-height: 70px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; }
.diepic .swiper-slide p a { line-height: 70px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; }
.diepic .swiper-pagination { width: 100%; bottom: 6px; text-align: center; }
.diepic .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #030000; width: 10px; height: 10px; opacity: .6; }
.diepic .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 34px; display: inline-block; height: 10px; border-radius: 10px; transition: width .4s cubic-bezier(.4, 0, .2, 1); background-image: linear-gradient(80deg, #0989c5, #995cb6); opacity: 1; }
.diepic .swiper-button-prev { left: 265px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-next { right: 265px; top: 384px; width: 45px; height: 45px; }
.tabimgsame_box { border-bottom: 1px solid #ddd; margin-bottom: 30px; width: 875px; margin: 0 auto; }
.diepic .swiper-button-prev1s { left: 290px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-next1s { right: 290px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-prev2s { left: 290px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-next2s { right: 290px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-prev3s { left: 200px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-next3s { right: 200px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-prev4s { left: 330px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-next4s { right: 330px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-prev5s { left: 330px; top: 384px; width: 45px; height: 45px; }
.diepic .swiper-button-next5s { right: 330px; top: 384px; width: 45px; height: 45px; }

/* 国际业务 */
#certify { position: relative; width: auto; margin: 0 auto; }
#certify .swiper-container { padding-bottom: 60px; }
#certify  .swiper-slide { width: 508px; height: 408px; background: #fff; box-shadow: 0 8px 30px #ddd; }
#certify  .swiper-slide img { display: block; width: 100%; height: 310px; }
#certify .swiper-slide p a { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; }
#certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; }
#certify .swiper-pagination { width: 100%; bottom: 20px; text-align: center; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; }
#certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(/cni23/template/page/images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%; }
#certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% }
#certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(/cni23/template/page/images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; }
#certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% }

/*工业民用业务*/
.gymyyw_ul { width: 875px; margin: 0 auto; }
.gymyyw_li { float: left; width: 107px; margin-right: 2px; height: 280px; position: relative; overflow: hidden; transition-duration: .3s; }
.gymyyw_li:last-child { margin-right: 0; }
.gymyyw_li img { display: block; width: 385px; height: 100%; object-fit: cover; }
.gymyyw_text { width: auto; text-align: center;   /* padding: 0px 0px; */ font-weight: normal; transition-duration: .5s; position: absolute; left: 0; bottom: 0; }
.gymyyw_text h1 { height: 57px; line-height: 57px; padding: 20xp 7px; position: relative; }
.gymyyw_text h1:after { content: " "; display: block; -background: url(/cni23/template/page/images/h-sj.png) no-repeat; width: 23px; height: 20px; position: absolute; bottom: 0; right: 0; opacity: 0; }
.gymyyw_text h1 a { font-size: 14px; color: #fff;   /* padding: 0px 13px; */ }
.gymyyw_li:hover .gymyyw_text h1 { background: rgba(19, 111, 191, 0.5); }
.gymyyw_li:hover .gymyyw_text h1:after { opacity: 1; }

.G-search { padding-top: 10px; width: 96%; margin: 0 auto; }
.G-search input[type="text"] { min-width: 200px; margin-bottom: 5px; padding: 4px; background: #ffffff; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1); color: #333; font-size: 12px; }
.G-search input[type="text"]:active, .ui-tabs-panel input[type="text"]:focus { background: #fff; border: 1px solid rgba(2, 139, 255, 0.5); /* blue */ -webkit-box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); box-shadow: 0px 0px 3px 0px rgba(2, 139, 255, 0.4); color: #333; }
.search-condition { float: left; }
.search-btn { float: left; padding-left: 25px; padding-top: 10px; }
.lbl-common { width: 80px; display: inline-block; text-align: right; padding-right: 10px; }
.div-item { height: 40px; }
.G-result-relative { line-height: 36px; border-bottom: 1px solid #eee; clear: both; }
.G-result-relative span { padding-left: 2%; }
.G-sResult { clear: both; text-align: left; padding: 3px 5px; border: 1px solid #dadbdd; }
.btn-Save { display: inline-block; padding: 5px; margin-top: 5px; cursor: pointer; min-width: 70px; *overflow: visible; border: 1px solid #3d8fcb; background: #3d8fcb; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
.btn-Save:hover { background: #3467b1; }
.btn-Cancel { display: inline-block; padding: 5px; margin-top: 5px; cursor: pointer; min-width: 70px; *overflow: visible; border: 1px solid #9f9f9f; background: #9f9f9f; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
.btn-Cancel:hover { background: #868686; }
.btn-Delete { display: inline-block; padding: 5px; margin-top: 5px; cursor: pointer; min-width: 70px; *overflow: visible; border: 1px solid #91b56f; background: #91b56f; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
.btn-Delete:hover { background: #738f57; }
.s-result-item { border-bottom: 1px dotted #ccc; padding: 3px 20px; line-height: 200%; }
.s-result-item-title { line-height: 30px; }
.result-title { width: 80%; height: 24px; float: left; border: none; font-weight: bold; }
.result-date { width: 10%; height: 24px; float: right; border: none; }
.s-result-item-content { line-height: 200%; clear: both; border: none; }
.highlight { color: #d70312; }
.setting-txt { width: 100px; display: inline-block; }
.result-settings { padding-top: 10px; }
.settings-item { margin-bottom: 10px; }
.settings-item select { min-width: 60px; }
.settings-item textarea { min-width: 600px; _width: 600px; }

/*search area seetings*/
.search-area-container { border: dashed 1px black; }

.s-result-item-title a.result-title { color: #333; display: inline-block; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 图片新闻 */
.rylist { height: auto; overflow: hidden; }
.rylist li { width: 254px; height: 220px; display: block; float: left; margin-left: 26px; position: relative; margin-bottom: 21px; }
.rylist li img { width: 250px; border: 1px solid #CCC; height: 170px; padding: 5px; }
.rylist li:hover img { width: 250px; border: 1px solid #0067c3; height: 170px; padding: 5px; }
.rylist li:hover span a { color: #0067c3; }
.rylist li span { height: 35px; line-height: 45px; width: 260px; position: absolute; z-index: 99; bottom: 0px; display: block; text-align: center; }
.rylist li span a { color: #333; font-size: 14px; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rylist .ml0 { margin-left: 0px; }
.textcontent { width: 850px; margin: 0 auto; }