body { overflow-x: hidden; min-width: 1200px; max-width: 1920px; margin: 0 auto; position: relative; }


/****** index ******/
.w1205 { width: 83.333%; max-width: 1600px; margin: 0 auto; overflow: hidden; }
.w83p { width: 83.333%; min-width: 1200px; max-width: 1600px; margin: 0 auto; overflow: hidden; }
.w85p { width: 85%; margin: 0 auto; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wap-show { display: none; }

/* header */
.header { position: absolute; left: 0px; top: 0px; z-index: 99999; width: 100%; overflow: visible; border-bottom: solid 1px rgba(255, 255, 255, 0.2); }
.header .w83p { overflow: visible; }
.header .left-logo { width: 20%; height: 70px; overflow: hidden; padding: 35px 0px 25px 0px; float: left; }
.header .left-logo a { display: block; height: 70px; float: left; }
.header .left-logo img { width: 100%; }
.wap-logo { display: none; }

.header .center-nav { min-height: 33px; padding: 55px 0px 15px 50px; float: left; }
.header .center-nav ul { overflow: visible; }
.header .center-nav ul li { min-height: 33px; padding-bottom: 2px; float: left; line-height: 18px; font-size: 18px; color: #ffffff; position: relative; }
.header .center-nav ul > li > a { display: block; padding: 20px 15px 20px 15px; color: #ffffff; position: relative; }
.header .center-nav ul li:hover a { color: #014099; background: rgba(255, 255, 255, 0.5); }
.header .center-nav ul li .nav-btn:after { content: ''; position: absolute; right: 5px; top: 50%; z-index: 99999; width: 8px; height: 5px;
 background: url("26974634.png") no-repeat center; background-size: 100%; }

.nav-active-on a:before { background: #014099;
 -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1);
 -ms-transform-origin: left; -webkit-transform-origin: left; transform-origin: left; }

.nav-two-bg { display: none; position: absolute; left: 0px; bottom: -33px; z-index: 99999; width: 100%; overflow: hidden; background: #014099;
-webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.nav-two-bg dl { display: none; overflow: hidden; 
 -webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.nav-two-bg dl > dd { padding: 0px 5px; overflow: hidden; float: left; line-height: 22px; font-size: 16px; color: #ffffff; }
.nav-two-bg dl > dd a { display: block; padding: 13px 10px 13px 10px; text-align: center; color: #ffffff; }

.header .right-function { padding: 52px 0px 42px 0px; float: right; border-left: solid 1px rgba(255, 255, 255, 0.2); border-right: solid 1px rgba(255, 255, 255, 0.2); }
.header .right-function ul li { width: 56px; height: 36px; overflow: hidden; float: left; text-align: center;
 border-left: solid 1px rgba(255, 255, 255, 0.2); position: relative; }
.header .right-function ul li a { display: block; width: 56px; height: 36px; }
.header .right-function ul li:first-child { border: 0px; }
.header .right-function ul li .rf-img { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; }
.header .right-function ul li .rf-img img { width: 20px; height: 20px; }
.header .right-function ul li .rf-name { display: none; width: 100%; overflow: hidden; margin-top: 4px; line-height: 12px; font-size: 12px; color: #ffffff; }
.header .right-function ul li .rf-name a { color: #ffffff; }
.header .right-function ul li:hover .rf-img { position: initial; margin: 0 auto; }
.header .right-function ul li:hover .rf-name { display: block; }
.header .right-function ul li .wap-fun-img { display: none; }


.content { width: 100%; overflow: hidden; float: left; }
.content a:hover { color: #993333!important; }
.content img { transition: all 1s; }
.content img:hover { transform: scale(1.1); }
.content-boxs { width: 100%; overflow: hidden; margin: 0 auto; }


.all-title-box { width: 100%; overflow: hidden; text-align: left; position: relative; }
.all-title-box a { display: block; line-height: 36px; color: #014099; font-size: 0px; }
.all-title-box a b { display: inline-block; position: relative; padding-bottom: 35px; font-size: 36px; }
.all-title-box a b:before { content: ""; position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 50%; height: 5px; background: #e8340c; }


.two-wrap-box, .three-wrap-box, .four-wrap-box, .five-wrap-box { width: 100%; overflow: hidden; }


.one .wap-my-swiper { display: none; }


.two { padding: 95px 0px 100px 0px; background: #f4f4f4; }
.two .two-wrap-box { width: 100%; overflow: hidden; position: relative; }
.two .left { max-width: 50%; max-height: 590px; overflow: hidden; margin-top: 8px; }
.two .right { width: 45%; overflow: hidden; }
.two .right .tr-nav-box { width: 100%; overflow: hidden; }
.two .right .tr-nav-box ul li { padding: 20px 3.5%; overflow: hidden; float: left; margin-left: 15px; line-height: 20px; font-size: 20px; color: #a3a3a3; border: solid 1px #a3a3a3; }
.two .right .tr-nav-box ul li > span { display: none; }
.two .right .tr-nav-box ul li:first-child { margin: 0px; }
.two .right .tr-nav-box ul li:hover a { color: #ffffff!important; }
.two .right .tr-nav-box ul li.tnb-on { color: #ffffff; font-weight: bold; border: solid 1px #9cb3d3; background: #024199;
 -webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.two .right .tr-nav-box ul li.tnb-on a { color: #ffffff; }
.two .right .tr-text-box { width: 100%; overflow: hidden; margin-top: 6px; }
.two .right .tr-text-box ul { display: none; width: 100%; overflow: hidden; }
.two .right .tr-text-box ul.ttb-active { display: block;
 -webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.two .right .tr-text-box ul li { width: 100%; height: 20px; overflow: hidden; padding: 43px 0px 20px 0px; line-height: 20px; font-size: 18px; color: #000000;
 border-bottom: solid 1px #cdd7e5; position: relative; }
.two .right .tr-text-box ul li:after { content: ""; position: absolute; left: 0px; top: 50%; margin-top: 8px; width: 6px; height: 6px;
 background: #014099; }
.two .right .tr-text-box ul li .fl { width: 80%; overflow: hidden; padding: 0px 0px 0px 15px; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.two .right .tr-text-box ul li .fl a { color: #000000; }
.two .right .tr-text-box ul li .fr { width: 15%; text-align: right; font-size: 14px; color: #cccccc; }
.two .right .tr-text-box ul li .fr a { color: #cccccc;}


.three { margin-top: 100px; }


.four .four-wrap-box { height: 670px; position: relative; }
.four .four-wrap-box:after { content: ""; position: absolute; left: 0px; top: 0px; z-index: 99999; width: 18%; height: 670px; 
 background: url("26945490.png") no-repeat center left; background-size: 100%; }
.four .four-wrap-box:before { content: ""; position: absolute; left: 0px; top: 146px; width: 100%; height: 1px; background: #d6e0ef; }
.four .four-wrap-box .fwb-left { width: 35%; height: 490px; overflow: hidden; margin-top: 162px; background: #f7f7f7; }
.four .four-wrap-box .fwb-left dl { width: 46%; overflow: hidden; margin-top: 50px; }
.four .four-wrap-box .fwb-left dt { width: 100%; overflow: hidden; }
.four .four-wrap-box .fwb-left dd { width: 206px; overflow: hidden; padding: 52px 20px 0px 20px; line-height: 25px; text-align: left; text-indent: 2em;
 font-size: 16px; color: #979797; }
.four .four-wrap-box .fwb-right { width: 65%; height: 490px; overflow: hidden; margin-top: 162px; }
.four .four-wrap-box .wap-fwb-right { display: none; }
.four .four-wrap-box .fwb-right ul { width: 100%; height: 100%; }
.four .four-wrap-box .fwb-right ul li { width: 17.75%; height: 100%; overflow: hidden; float: left; margin-left: 1%; }
.four .four-wrap-box .fwb-right ul li:first-child { margin-left: 0px; }
.four .four-wrap-box .fwb-right ul li dl { display: none; padding: 0px 16%; }
.four .four-wrap-box .fwb-right ul li dl dt { display: none; width: 100%; overflow: hidden; margin: 90px 0px 30px 0px; line-height: 26px; font-size: 24px;
 text-align: center; color: #ffffff; }
.four .four-wrap-box .fwb-right ul li dl dd { display: none; width: 100%; overflow: hidden; font-size: 16px; }
.four .four-wrap-box .fwb-right ul li dl dd p { line-height: 36px; color: #ffffff; }
.four .four-wrap-box .fwb-right ul li dl dd.fd-more-btn { margin-top: 56px; text-align: center; }
.four .four-wrap-box .fwb-right ul li dl dd.fd-more-btn span { display: block; width: 100%; height: 100%; }
.four .four-wrap-box .fwb-right ul li dl dd.fd-more-btn a { display: inline-block; padding: 20px 22px; line-height: 16px; color: #ffffff;
 border: solid 1px #6182ab; }
.four .four-wrap-box .fwb-right ul li.fr-active { width: 25%;
 -webkit-animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: scale-up-hor-left 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.four .four-wrap-box .fwb-right ul li.fr-active dl dt, .four .four-wrap-box .fwb-right ul li.fr-active dl dd {
 display: block;
 -webkit-animation: bounce-in-top 1.1s both;
 animation: bounce-in-top 1.1s both; }
.four .four-wrap-box .fwb-right ul li.fr-active dl .fd-more-btn span {
 animation: jello-horizontal 0.8s linear 1.1s forwards; }
.four .four-wrap-box .fwb-right ul li.fr-active dl .fd-more-btn a:hover { color: #d41c1a!important; font-weight: bold!important;
 border: solid 1px #d41c1a;
 -webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }


.four .four-wrap-box .fwb-right ul li.fr-active dl { display: block; }
.four .four-wrap-box .fwb-right ul li.fr-dl-one { background: url("26945491.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-two { background: url("26945492.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-three { background: url("26945493.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-four { background: url("26945494.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-five { background: url("26945495.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-one.fr-active { background: url("26945496.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-two.fr-active { background: url("26945497.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-three.fr-active { background: url("26945498.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-four.fr-active { background: url("26945499.jpg") no-repeat center top; }
.four .four-wrap-box .fwb-right ul li.fr-dl-five.fr-active { background: url("26945500.jpg") no-repeat center top; }


.five { margin-top: 145px; padding-bottom: 175px; overflow: visible; }
.five-wrap-box { width: 100%; overflow: hidden; }
.five-wrap-box dl { width: 20%; overflow: hidden; float: left; position: relative; }
.five-wrap-box dl dt:hover img { transform: scale(1); }
.five-wrap-box dl:hover dt { transform: scale(1.1); }
.five-wrap-box dl:hover dd { font-weight: bold; color: #014099;
 -webkit-animation: bounce-top 0.9s both;
 animation: bounce-top 0.9s both;
 -webkit-animation: text-shadow-drop-center 0.6s both;
 animation: text-shadow-drop-center 0.6s both; }
.five-wrap-box dl:hover dd:after {
 -webkit-animation: jello-horizontal 0.9s both;
 animation: jello-horizontal 0.9s both; }
.five-wrap-box dl:first-child:before { content: ""; position: absolute; left: 0px; top: 0px; z-index: 99999; width: 1px; height: 180px; background: #d6e0ef; }
.five-wrap-box dl:after { content: ""; position: absolute; right: 0px; top: 0px; z-index: 99999; width: 1px; height: 180px; background: #d6e0ef; }
.five-wrap-box dl dt { width: 100%; height: 80px; overflow: hidden; text-align: center; padding: 18px 0px 38px 0px;
 background: url("26945457.png") no-repeat center top; transition: all 0.6s; }
.five-wrap-box dl dt img { height: 80px; }
.five-wrap-box dl dd { width: 100%; overflow: hidden; padding-top: 22px; line-height: 26px; font-size: 18px; text-align: center; color: #222222;
 position: relative; }
.five-wrap-box dl dd a { color: #222222; }
.five-wrap-box dl dd:after { content: ''; position: absolute; left: 50%; top: 0px; margin-left: -14px; width: 28px; height: 3px; background: #eb4f2c; }


.footer { width: 100%; overflow: visible; }
.footer .w83p { overflow: visible; }
.footer .footer-top { width: 100%; overflow: visible; float: left; background: #f8f8f8; }
.footer .footer-top .ft-top-box { width: 100%; overflow: visible; }
.footer .footer-top .ft-top-box .ftb-left { width: 22%; overflow: hidden; margin: 88px 0px 0px 0px; }
.footer .footer-top .ft-top-box .ftb-left img { width: 100%; }
.footer .footer-top .ft-top-box .ftb-right { width: 62%; overflow: visible; }
.footer .footer-top .ft-top-box .ftb-right dl { width: 100%; overflow: visible; }
.footer .footer-top .ft-top-box .ftb-right dl dt { margin-top: 106px; font-size: 18px; color: #373737; }
.footer .footer-top .ft-top-box .ftb-right dl .fr-tb-box { width: 85%; }
.footer .footer-top .ft-top-box .ftb-right dl dd { width: 63px; height: 63px; overflow: visible; margin: 88px 2.65% 0px 2.65%; padding: 5px; position: relative; }
.footer .footer-top .ft-top-box .ftb-right dl dd > img { position: absolute; left: 5px; top: 5px; z-index: 9999999; }
.footer .footer-top .ft-top-box .ftb-right dl dd:hover { cursor: pointer; border-radius: 50%; background: #ffffff; }
.footer .footer-top .ft-top-box .ftb-right dl dd .ftb-hover { display: none; }
.footer .footer-top .ft-top-box .ftb-right dl dd:hover .ftb-hover { display: block;
 -webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.footer .footer-top .ft-top-box .ftb-right dl dd .pos-ewm { display: none; position: absolute; left: 50%; top: -135px; z-index: 99999; 
 padding: 30px; transform: translateX(-50%); border-radius: 10px; border: solid 1px #e4e4e4; background: #ffffff; }
.footer .footer-top .ft-top-box .ftb-right dl dd .pos-ewm img { width: 100%; }
.footer .footer-top .ft-top-box .ftb-right dl dd:hover .pos-ewm { display: block; width: 100px;
 -webkit-animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.footer .footer-top .ft-top-box .ftb-right dl dd .wap-ewm-name { display: none; }
.footer .footer-top .ft-bottom-box { width: 100%; overflow: hidden; padding-bottom: 70px; }
.footer .footer-top .ft-bottom-box dl dt { margin-top: 78px; font-size: 18px; color: #373737; }
.footer .footer-top .ft-bottom-box dl dd { width: 93%; overflow: hidden; margin-top: 62px; }
.footer .footer-top .ft-bottom-box dl dd select {
 /*清除select默认样式*/
 appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none;
 display: block; width: 20%; height: 42px; overflow: hidden; float: left; margin-left: 70px; border: solid 1px #a6a6a6; text-indent: 1em;
 background: url("26945427.png") no-repeat right; }
.footer .footer-top .ft-bottom-box dl dd select option { appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
.footer .footer-top .ft-bottom-box dl dd select:first-child { margin-left: 0px; }
.footer .footer-top .ft-bottom-box { width: 100%; overflow: hidden; }
.footer .footer-bottom { width: 100%; overflow: hidden; padding: 30px 0px 35px 0px; font-size: 16px; text-align: center; background: #014099; }
.footer .footer-bottom a { color: #87a5cf; }
.footer .footer-bottom .footer-fb-nav { width: 100%; overflow: hidden; text-align: center; font-size: 0px; }
.footer .footer-bottom .footer-fb-nav ul { display: inline-block; margin: 0 auto; font-size: 16px; }
.footer .footer-bottom .footer-fb-nav ul li { padding: 0px 10px; overflow: hidden; float: left; line-height: 16px; font-size: 16px; color: #ffffff; }
.footer .footer-bottom .footer-fb-nav ul li a { display: block; line-height: 16px; color: #ffffff; }
.footer .footer-bottom .footer-fb-con { width: 100%; overflow: hidden; margin-top: 20px; line-height: 28px; font-size: 16px; color: #87a5cf; }
.footer .footer-bottom .footer-fb-con a { color: #87a5cf; }


/* list */
.banner-box { width: 100%; overflow: hidden; }
.banner-box img { width: 100%; }
.url-box { width: 100%; overflow: hidden; margin-top: 28px; font-size: 0px; color: #000000; position: relative; }
.url-box span { display: inline-block; line-height: 14px; font-size: 14px; padding: 0px 8px; }
.url-box span a { display: inline-block; line-height: 14px; font-size: 14px; color: #333333; }
.url-box span img { display: inline-block; vertical-align: middle; }


/** 公用栏目名称 **/
.all-subject-box { width: 100%; overflow: hidden; font-size: 0px; position: relative; }
.all-subject-box .asb-name { padding: 20px 22px; line-height: 20px; font-size: 20px; color: #ffffff; border: solid 1px #a3bada; background: #024199; }
.all-subject-box .asb-name a { color: #ffffff; }
.all-subject-box .asb-more { position: absolute; right: 0px; top: 50%; z-index: 99999; margin-top: -16px; }
.all-subject-box .asb-more a img { padding: 15px 0px; }
.all-subject-box .asb-more a:hover img { transform: scale(1); }


.list-con-box { width: 100%; overflow: hidden; padding-bottom: 60px; margin-top: 100px; }
.list-con-box .list-left { width: 13%; overflow: hidden; }
.list-con-box .list-left dl dt { width: 100%; overflow: hidden; margin-bottom: 26px; line-height: 28px; font-size: 24px; text-align: left; color: #003279; }
.list-con-box .list-left dl dt a { display: block; color: #023f98; }
.list-con-box .list-left dl dt:hover a { color: #003279!important; }

.list-con-box .list-left dl dd { width: 80%; overflow: hidden; padding: 18px 10%; line-height: 20px; font-size: 18px; text-align: left; color: #ffffff;
 border-bottom: solid 1px #e5e5e5; position: relative; }
.list-con-box .list-left dl dd:after { content: ''; position: absolute; left: 5%; top: 50%; z-index: 99999; margin-top: -2.5px; width: 5px; height: 5px; background: #003279; }
.list-con-box .list-left dl dd a { display: block; color: #003279; }
.list-con-box .list-left dl dd:hover { transition: all 0.5s ease 0s; background: #003279; }
.list-con-box .list-left dl dd:hover a { color: #ffffff!important; }
.list-con-box .list-left .active-list-on { background: #003279!important; }
.list-con-box .list-left .active-list-on a { color: #ffffff!important; }

.list-con-box .list-right { width: 80%; min-height: 600px; overflow: hidden; }
.list-con-box .list-right img:hover { transform: scale(1); }
.list-con-box .lr-list-box { width: 100%; overflow: hidden; margin-top: 26px; }
.list-con-box .lr-list-box ul { width: 100%; overflow: hidden; }
.list-con-box .lr-list-box ul li { width: 100%; overflow: hidden; padding: 20px 0px; border-bottom: solid 1px #e5e5e5; position: relative; }
.list-con-box .lr-list-box ul li a { display: block; width: 100%; height: 100%; float: left; }
.list-con-box .lr-list-box ul li .fl { text-align: left; line-height: 20px; font-size: 16px; text-indent: 1em; color: #000000; position: relative; }
.list-con-box .lr-list-box ul li .fl:after { content: ''; position: absolute; left: 0px; top: 50%; z-index: 999; display: block; width: 5px; height: 5px; margin-top: -2.5px; background: #034099; }
.list-con-box .lr-list-box ul li .fl a { color: #000000; }
.list-con-box .lr-list-box ul li .fr { text-align: right; line-height: 20px; font-size: 14px; color: #cccccc; }
.list-con-box .lr-list-box ul li .fr a { color: #cccccc; }
.list-con-box .lr-list-box ul li a:hover .fl, .list-right ul li a:hover .fr { color: #993333; }

.list-con-box .lr-list-text-box { width: 100%; overflow: hidden; margin-top: 30px; }
.list-con-box .lr-list-text-box img { display: block; max-width: 100%; height: auto!important; margin: 0 auto; }
.list-con-box .lr-list-text-box, .lr-list-text-box p { font-size: 16px; line-height: 20px; }
.list-con-box .lr-list-text-box p { text-indent: 2em; }

.list-con-box .lr-list-img-box { width: 100%; overflow: hidden; }
.list-con-box .lr-list-img-box ul { width: 100%; overflow: hidden; }
.list-con-box .lr-list-img-box ul li { width: 21%; overflow: hidden; padding: 0px 2%; margin: 50px 0px 0px 0px; float: left; text-align: center; position: relative; }
.list-con-box .lr-list-img-box ul li .pic-img { width: 100%; overflow: hidden; text-align: center; }
.list-con-box .lr-list-img-box ul li .pic-img img { display: block; width: 100%; height: 160px; }
.list-con-box .lr-list-img-box ul li .pic-title { width: 100%; overflow: hidden; padding: 10px 0px 10px 0px; line-height: 26px; font-size: 16px; text-align: center; color: #ffffff; background: #295da8; }
.list-con-box .lr-list-img-box ul li .pic-title a { color: #ffffff; }


.page-box { display: block; width: 100%; text-align: center; padding: 50px 0px; font-size: 0px; }
.page-box tbody { display: inline-block; }
.page-box a, .page-box font { display: inline-block; padding: 10px 12px; margin: 5px 5px; line-height: 14px; font-size: 14px; border: solid 1px #0066cc;
 border-radius: 3px; }
.page-box a { color: #0066cc; }
.page-box a:hover { color: #ffffff!important; border: solid 1px #0066cc; background: #0066cc; }
.page-box font { color: #ffffff; background: #0066cc; }  


/* content */
.content-con-box { width: 100%; overflow: hidden; margin-top: 45px; padding-bottom: 50px; }
.content-con-box .ccb-con-box { width: 100%; overflow: hidden; }

.content-con-box .ccb-title-box, .content-con-box .ccb-info-box, .content-con-box .ccb-text-box { width: 100%; overflow: hidden; }
.content-con-box .ccb-title-box .yt-title-box, .content-con-box .ccb-title-box .content-title-box, .content-con-box .ccb-title-box .ft-title-box { width: 100%; overflow: hidden;
 text-align: center; }
.content-con-box .ccb-title-box { padding: 55px 0px; border-bottom: solid 1px #d7e0ef; }
.content-con-box .ccb-title-box .yt-title-box { line-height: 36px; font-size: 30px; color: #aaaaaa; }
.content-con-box .ccb-title-box .content-title-box { padding: 10px 0px; line-height: 40px; font-size: 36px; color: #014199; }
.content-con-box .ccb-title-box .ft-title-box { line-height: 36px; font-size: 30px; color: #aaaaaa; }

.content-con-box .ccb-info-box { padding: 15px 0px; text-align: center; font-size: 18px; }
.content-con-box .ccb-info-box span { line-height: 20px; font-size: 18px; color: #8c8c8c; }

.content-con-box .ccb-text-box { margin-top: 65px; font-size: 16px; color: #333333; }
.content-con-box .ccb-text-box img { display: block; max-width: 100%; margin: 0 auto; }
.content-con-box .ccb-text-box img:hover { transform: scale(1.0)!important; }

.content-con-box .ccb-text-box video { display: block; width: 60%; height: auto; overflow: hidden; margin: 0 auto;
 object-fit: cover; }
.content-con-box .ccb-text-box video object, .content-con-box .ccb-text-box video param, 
.content-con-box .ccb-text-box video embed { width: 100%; height: auto; }


/* 栏目页面公用 */
.subject-con-box { width: 100%; overflow: hidden; }


/* 关于我们 */
.gywm-con-box { width: 100%; overflow: hidden; padding-bottom: 155px; }
.gywm-con-box .gywm-one { margin-top: 100px; }
.gywm-con-box .gywm-one .scb-one-box { width: 100%; overflow: hidden; margin-top: 50px; position: relative; }
.gywm-con-box .gywm-one .scb-one-box .left { width: 50%; overflow: hidden; }
.gywm-con-box .gywm-one .scb-one-box img { width: 100%; }
.gywm-con-box .gywm-one .scb-one-box .right { position: absolute; top: 0px; right: 0px; width: 45%; height: 100%; overflow: hidden; }
.gywm-con-box .gywm-one .scb-one-box .right p { line-height: 46px; text-indent: 2em; font-size: 18px; }
.gywm-con-box .gywm-one .scb-one-box .right p img { display: block; max-width: 100%; margin: 0 auto; }
.gywm-con-box .gywm-one .scb-one-box .right .more-btn { position: absolute; right: 0px; bottom: 0px; z-index: 99999; text-align: right; }
.gywm-con-box .gywm-one .scb-one-box .right .more-btn img { display: block; width: auto; float: right; }
.gywm-con-box .gywm-one .scb-one-box .right .more-btn img:hover { transform: scale(1); }

.gywm-con-box .gywm-two { margin-top: 100px; }
.gywm-con-box .gywm-two .left { width: 36%; overflow: hidden; }
.gywm-con-box .gywm-two .left .scb-left-top .scbleft-con-box, .gywm-two .left .scb-left-bottom .scbleft-con-box { width: 100%; overflow: hidden; }
.gywm-con-box .gywm-two .left .scb-left-top .scbleft-con-box { margin-top: 28px; }
.gywm-con-box .gywm-two .left .scb-left-top .scbleft-con-box dl { width: 100%; overflow: hidden; padding: 9px 0px; font-size: 20px; }
.gywm-con-box .gywm-two .left .scb-left-top .scbleft-con-box dl dt { width: 72%; overflow: hidden; float: left; line-height: 22px; font-size: 20px; text-align: right; }
.gywm-con-box .gywm-two .left .scb-left-top .scbleft-con-box dl dd { width: 28%; overflow: hidden; float: right; line-height: 22px; font-size: 20px; text-align: left; }
.gywm-con-box .gywm-two .left .scb-left-bottom { margin-top: 38px; }
.gywm-con-box .gywm-two .left .scb-left-bottom .scbleft-con-box { margin-top: 28px; }
.gywm-con-box .gywm-two .left .scb-left-bottom .scbleft-con-box dl { width: 100%; overflow: hidden; padding: 9px 0px; font-size: 20px; }
.gywm-con-box .gywm-two .left .scb-left-bottom .scbleft-con-box dl dt { width: 72%; overflow: hidden; float: left; line-height: 22px; font-size: 20px; text-align: right; }
.gywm-con-box .gywm-two .left .scb-left-bottom .scbleft-con-box dl dd { width: 28%; overflow: hidden; float: right; line-height: 22px; font-size: 20px; text-align: left; }

.gywm-con-box .gywm-two .right { width: 50%; overflow: hidden; }
.gywm-con-box .gywm-two .right .scbright-con-box { width: 100%; overflow: hidden; margin-top: 65px; }
.gywm-con-box .gywm-two .right .scbright-con-box img { width: 100%; }
.gywm-con-box .gywm-two .right .scbright-con-box img:hover { transform: scale(1); }
/* 关于我们 end */


/* 新闻中心 */
.xwzx-con-box { width: 100%; overflow: hidden; padding-bottom: 160px; }
.xwzx-con-box .xwzx-one { margin-top: 100px; }
.xwzx-con-box .xwzx-one .left { width: 50%; }
.xwzx-con-box .xwzx-one .right { width: 45%; overflow: hidden; }
.xwzx-con-box .xwzx-one .right .tr-nav-box { width: 100%; overflow: hidden; }
.xwzx-con-box .xwzx-one .right .tr-nav-box ul li { padding: 20px 3.5%; overflow: hidden; float: left; margin-left: 15px; line-height: 20px; font-size: 20px; color: #a3a3a3; border: solid 1px #a3a3a3; }
.xwzx-con-box .xwzx-one .right .tr-nav-box ul li > span { display: none; }
.xwzx-con-box .xwzx-one .right .tr-nav-box ul li:first-child { margin: 0px; }
.xwzx-con-box .xwzx-one .right .tr-nav-box ul li:hover a { color: #ffffff!important; }
.xwzx-con-box .xwzx-one .right .tr-nav-box ul li.tnb-on { color: #ffffff; font-weight: bold; border: solid 1px #9cb3d3; background: #024199;
 -webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.xwzx-con-box .xwzx-one .right .tr-nav-box ul li.tnb-on a { color: #ffffff; }
.xwzx-con-box .xwzx-one .right .tr-text-box { width: 100%; overflow: hidden; margin-top: 6px; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul { display: none; width: 100%; overflow: hidden; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul.ttb-active { display: block;
 -webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
 animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul li { width: 100%; overflow: hidden; padding: 43px 0px 20px 0px; line-height: 20px; font-size: 18px; color: #000000;
 border-bottom: solid 1px #cdd7e5; position: relative; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul li:after { content: ""; position: absolute; left: 0px; top: 50px; width: 6px; height: 6px;
 background: #014099; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul li .fl { overflow: hidden; color: #000000; text-indent: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul li .fl a { color: #000000; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul li .fr { width: 15%; text-align: right; font-size: 14px; color: #cccccc; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul li .fr a { color: #cccccc;}

.xwzx-con-box .xwzx-two { margin-top: 90px; }
.xwzx-con-box .xwzx-two .subject-con-box { margin-top: 28px; }

.xwzx-con-box .xwzx-three { margin-top: 90px; }
.xwzx-con-box .xwzx-three .left { width: 45%; overflow: hidden; }
.xwzx-con-box .xwzx-three .left .scb-top-box { width: 100%; overflow: hidden; }
.xwzx-con-box .xwzx-three .left .scb-bottom-box { width: 100%; overflow: hidden; margin-top: 80px; }
.xwzx-con-box .xwzx-three .left .subject-con-box { margin-top: 28px; }
.xwzx-con-box .xwzx-three .left .subject-con-box ul li { width: 100%; overflow: hidden; padding: 20px 0px; position: relative; }
.xwzx-con-box .xwzx-three .left .subject-con-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #003fa0; }
.xwzx-con-box .xwzx-three .left .subject-con-box ul li .fl { width: 85%; overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; color: #000000;
 position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xwzx-con-box .xwzx-three .left .subject-con-box ul li .fl a { color: #000000; }
.xwzx-con-box .xwzx-three .left .subject-con-box ul li .fr { width: 15%; overflow: hidden; line-height: 20px; font-size: 14px; color: #c8c8c8; text-align: right; }
.xwzx-con-box .xwzx-three .left .subject-con-box ul li .fr a { color: #c8c8c8; }
.xwzx-con-box .xwzx-three .right { width: 45%; overflow: hidden; }
.xwzx-con-box .xwzx-three .right .scb-top-box { width: 100%; overflow: hidden; margin-top: 48px; }
.xwzx-con-box .xwzx-three .right .scb-bottom-box { width: 100%; overflow: hidden; margin-top: 20px; }
.xwzx-con-box .xwzx-three .right .scb-bottom-box ul li { width: 100%; overflow: hidden; padding: 18px 0px; border-top: solid 1px #d9def1; position: relative; }
.xwzx-con-box .xwzx-three .right .scb-bottom-box ul li:first-child { border: 0px; }
.xwzx-con-box .xwzx-three .right .scb-bottom-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #003fa0; }
.xwzx-con-box .xwzx-three .right .scb-bottom-box ul li .fl { width: 85%; overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; color: #000000;
 position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xwzx-con-box .xwzx-three .right .scb-bottom-box ul li .fl a { color: #000000; }
.xwzx-con-box .xwzx-three .right .scb-bottom-box ul li .fr { width: 15%; overflow: hidden; line-height: 20px; font-size: 14px; color: #c8c8c8; text-align: right; }
.xwzx-con-box .xwzx-three .right .scb-bottom-box ul li .fr a { color: #c8c8c8; }

.xwzx-con-box .xwzx-four { margin-top: 80px; }


/*  党建文化 */
.djwh-con-box { width: 100%; overflow: hidden; padding-bottom: 182px; }
.djwh-con-box .djwh-one { margin-top: 92px; }
.djwh-con-box .djwh-one .left { width: 46%; }
.djwh-con-box .djwh-one .scb-top-box { width: 100%; overflow: hidden; margin-top: 55px; } 
.djwh-con-box .djwh-one .scb-center-box { width: 100%; overflow: hidden; margin-top: 5px; }
.djwh-con-box .djwh-one .scb-center-box ul li { width: 100%; overflow: hidden; padding: 43px 0px 20px 0px; border-bottom: solid 1px #d8e1f2; }
.djwh-con-box .djwh-one .scb-center-box ul li .fl { overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; color: #000000;
 position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.djwh-con-box .djwh-one .scb-center-box ul li .fl:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #003fa0; }
.djwh-con-box .djwh-one .scb-center-box ul li .fl a { color: #000000; }
.djwh-con-box .djwh-one .scb-center-box ul li .fr { overflow: hidden; line-height: 20px; font-size: 14px; color: #c8c8c8; text-align: right; }
.djwh-con-box .djwh-one .scb-center-box ul li .fr a { color: #c8c8c8; }
.djwh-con-box .djwh-one .right { width: 43%; }
.djwh-con-box .djwh-two { margin-top: 100px; }


/* 主业领域 */
.zyly-con-box { width: 100%; overflow: hidden; padding-bottom: 195px; }
.zyly-con-box .zyly-two { margin-top: 105px; }
.zyly-con-box .zyly-two .subject-con-box { margin-top: 65px; }
.zyly-con-box .zyly-two ul li { width: 33.333%; overflow: hidden; float: left; text-align: center; }
.zyly-con-box .zyly-two ul li:hover img { transform: scale(1); }
.zyly-con-box .zyly-two ul li img { width: 96%; }


/* 信息公开 */
.xxgk-con-box { width: 100%; overflow: hidden; margin-top: 100px; padding-bottom: 150px; }
.xxgk-one { width: 100%; overflow: hidden; }
.xxgk-one .left { width: 65%; overflow: hidden; }
.xxgk-one .left dl { width: 100%; overflow: hidden; margin-top: 100px; }
.xxgk-one .left dl:first-child { margin-top: 0px; }
.xxgk-one .left dl dt { width: 100%; overflow: hidden; }
.xxgk-one .left dl dd { width: 100%; overflow: hidden; }
.xxgk-one .left dl dd ul li { width: 100%; overflow: hidden; padding: 45px 0px 20px 0px; border-bottom: solid 1px #d6e0ef; }
.xxgk-one .left dl dd ul li .fl { overflow: hidden; line-height: 20px; font-size: 18px; text-indent: 1em; color: #000000; position: relative; 
 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xxgk-one .left dl dd ul li .fl:after { content: ''; position: absolute; left: 0px; top: 50%; z-index: 99999; margin-top: -3px; width: 6px; height: 6px; background: #014099; }
.xxgk-one .left dl dd ul li .fl a { color: #000000; }
.xxgk-one .left dl dd ul li .fr { overflow: hidden; line-height: 20px; text-align: right; font-size: 14px; color: #cccccc; }
.xxgk-one .left dl dd ul li .fr a { color: #cccccc; }
.xxgk-one .right { width: 25%; overflow: hidden; }
.xxgk-one .right ul li { width: 100%; overflow: hidden; margin-top: 50px; }
.xxgk-one .right ul li:first-child { margin-top: 0px; }
.xxgk-one .right ul li img { width: 100%; }
/* 信息公开 end */


/* 社会责任 */
.shzr-con-box { width: 100%; overflow: hidden; margin-top: 100px; }
.shzr-one { width: 100%; overflow: hidden; padding-bottom: 110px; }
.shzr-one ul li { width: 100%; overflow: hidden; border-top: solid 1px #e5e5e5; }
.shzr-one ul li:first-child { margin-top: -32px; border: 0px; }
.shzr-one ul li dl { width: 100%; overflow: hidden; margin: 80px 0px; position: relative; }
.shzr-one ul li dl dt { position: absolute; left: 0px; top: 0px; z-index: 99999; width: 29%; height: 100%; overflow: hidden; display: table; }
.shzr-one ul li dl dt a { display: table-cell; vertical-align: middle; }
.shzr-one ul li dl dt img { width: 100%; }
.shzr-one ul li dl dd { width: 66%; overflow: hidden; }
.shzr-one ul li dl dd .slb-dd-year { width: 100%; overflow: hidden; float: left; }
.shzr-one ul li dl dd .slb-dd-year b { line-height: 24px; font-size: 24px; color: #e8340c; float: left; }
.shzr-one ul li dl dd .slb-dd-year span { padding: 3px 0px 0px 10px; float: left; line-height: 22px; font-size: 20px; color: #013e97; }
.shzr-one ul li dl dd .slb-dd-name { width: 100%; overflow: hidden; float: left; margin-top: 25px; line-height: 34px; font-size: 34px; }
.shzr-one ul li dl dd .slb-dd-text { width: 100%; overflow: hidden; float: left; margin-top: 32px; line-height: 30px; font-size: 14px; text-indent: 2em; color: #a0a0a0; }
.shzr-one ul li dl dd .slb-dd-text a { color: #e75959; }
/* 社会责任 end */


/* 人力资源 */
.rlzy-con-box { width: 100%; overflow: hidden; padding-bottom: 170px; }
.rlzy-con-box .rlzy-one { margin-top: 100px; }
.rlzy-con-box .rcb-con-box { width: 100%; overflow: hidden; }
.rlzy-con-box .rlzy-one .left { width: 30%; overflow: hidden; }
.rlzy-con-box .rlzy-one .left .rol-top { width: 100%; overflow: hidden; margin-top: 45px; }
.rlzy-con-box .rlzy-one .left .rol-bottom { width: 100%; overflow: hidden; margin-top: 68px; }
.rlzy-con-box .rlzy-one .left .rcb-con-box { margin-top: 30px; }
.rlzy-con-box .rlzy-one .left .rcb-con-box ul li { width: 25%; overflow: hidden; padding: 20px 0px; float: left; line-height: 20px; font-size: 18px; text-align: center; color: #000000; 
 border: solid 1px #ffffff; box-sizing: border-box; background-image: linear-gradient(#e3efff, #eeeeee); }
.rlzy-con-box .rlzy-one .left .rcb-con-box ul li a { color: #000000; }

.rlzy-con-box .rt-all-title { width: 100%; height: 32px; line-height: 32px; position: relative; font-size: 0px; }
.rlzy-con-box .rt-all-title a { position: absolute; left: 0px; top: 0px; z-index: 999; display: inline-block;
 padding: 0px 20px 0px 45px; height: 32px; font-size: 18px; }
.rlzy-con-box .rt-all-title:after { content: ""; width: 100%; height: 1px; background: #d6dbe4; position: absolute; right: 0px; 
 top: 50%; z-index: 99; }
.rlzy-con-box .rol-top .rt-all-title a { background: url("27200038.png") no-repeat left center #ffffff; }
.rlzy-con-box .rol-bottom .rt-all-title a { background: url("27200039.png") no-repeat left center #ffffff; }
.rlzy-con-box .rlzy-one .right { width: 60%; overflow: hidden; }
.rlzy-con-box .rlzy-one .right .rcb-con-box { margin-top: 25px; }
.rlzy-con-box .rlzy-one .right .rcb-con-box ul li { width: 100%; overflow: hidden; padding: 46px 0px 20px 0px; position: relative;
 border-bottom: solid 1px #d6e0ef; }
.rlzy-con-box .rlzy-one .right .rcb-con-box ul li:after { content: ""; position: absolute; left: 0px; top: 56px; z-index: 999; margin-top: -3px;
 width: 6px; height: 6px; background: #014099; }
.rlzy-con-box .rlzy-one .right .rcb-con-box ul li .fl { overflow: hidden; line-height: 20px; font-size: 18px; text-indent: 1em; color: #000000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.rlzy-con-box .rlzy-one .right .rcb-con-box ul li .fr { line-height: 20px; font-size: 14px; color: #cccccc; }
.rlzy-con-box .rlzy-one .right .rcb-con-box ul li .fr a { color: #cccccc; }


/* 上市公司 */
.ssgs-con-box { width: 100%; overflow: hidden; padding-bottom: 205px; }
.ssgs-con-box .zyly-two { margin-top: 108px; }
.ssgs-con-box .zyly-two .subject-con-box { margin-top: 62px; }
.ssgs-con-box .zyly-two .subject-con-box ul { width: 100%; overflow: hidden; }
.ssgs-con-box .zyly-two .subject-con-box ul li { width: 28%; overflow: hidden; float: left; margin-left: 8% }
.ssgs-con-box .zyly-two .subject-con-box ul li:first-child { margin-left: 0%; }
.ssgs-con-box .zyly-two .subject-con-box ul li img { width: 100%; }


/* 网站群 */
.wzq-con-box { width: 100%; overflow: hidden; padding-bottom: 165px; }
.wzq-con-box .subject-con-box { margin-top: 100px; }
.wzq-con-box .subject-con-box .all-subject-box { width: 100%; overflow: hidden; padding-bottom: 45px; font-size: 0px; text-align: center; border-bottom: solid 1px #cbcbcb; }
.wzq-con-box .subject-con-box .all-subject-box .asb-name { display: inline-block; padding: 20px 40px; margin: 0 auto; line-height: 20px; color: #ffffff; background: #014199;
 border: solid 1px #a3bada; position: relative; }
.wzq-con-box .subject-con-box .all-subject-box .asb-name a { color: #ffffff; }
.wzq-con-box .subject-con-box .all-subject-box .asb-name:after, .wzq-con-box .subject-con-box .all-subject-box .asb-name:before { content: ""; position: absolute; top: 50%;
 margin-top: -1.5px; width: 8px; height: 3px; background: #ffffff; }
.wzq-con-box .subject-con-box .all-subject-box .asb-name:after { left: 25px; }
.wzq-con-box .subject-con-box .all-subject-box .asb-name:before { right: 25px; }
.wzq-con-box .subject-con-box .scb-con-box { width: 100%; overflow: hidden; }
.wzq-con-box .subject-con-box .scb-con-box ul li { width: 25%; overflow: hidden; float: left; margin: 60px 0px 0px 0px; }
.wzq-con-box .subject-con-box .scb-con-box ul li dl { width: 80%; padding: 36px 0px 36px 0px; margin: 0 auto; background: #f4f4f4; }
.wzq-con-box .subject-con-box .scb-con-box ul li dl dt { width: 155px; height: 155px; overflow: hidden; margin: 35px auto 20px; border-radius: 50%; }
.wzq-con-box .subject-con-box .scb-con-box ul li dl dt img { width: 100%; }
.wzq-con-box .subject-con-box .scb-con-box ul li dl dd { width: 100%; overflow: hidden; font-size: 0px; }
.wzq-con-box .subject-con-box .scb-con-box ul li dl dd b { display: inline-block; width: 100%; overflow: hidden; line-height: 25px; font-size: 22px; text-align: center; color: #033f97; }
.wzq-con-box .subject-con-box .scb-con-box ul li dl dd b a { color: #033f97; }
.wzq-con-box .subject-con-box .scb-con-box ul li dl dd p { display: inline-block; width: 100%; overflow: hidden; margin-top: 13px; line-height: 22px; font-size: 18px;
 color: #a6a6a6; text-align: center; }
.wzq-con-box .subject-con-box .scb-con-box ul li dl dd p a { color: #a6a6a6; }