body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td { margin: 0; padding: 0; border: 0; }

body { font-family: 'Microsoft YaHei'; }

html { font-size: 62.5%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

a { color: #1a1a1a; text-decoration: none; outline: none;/* 取消IE下点击出现虚线框 */ blr:expression(this.onFocus=this.blur()); }

a:hover { text-decoration: none; }

img { border: none; vertical-align: top; }

dl,ol,ul,li { list-style: none; }

input, textarea, select, button { font-family: 'Microsoft YaHei'; font-size: 14px; }

table { border-collapse: collapse;/* 设置表格的两边框合并为一条 */ }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { *zoom: 1; }

.word-w { word-wrap: break-word;/* 允许长单词换行到下一行 */ word-break: break-all;/* 允许在单词内换行 */ }

.fl { float: left; }

.fr { float: right; }

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

/* 设置滚动条的宽度 */
body::-webkit-scrollbar { width: 10px; border-radius: 10px; }
/* 设置滚动条轨道的背景颜色 */
body::-webkit-scrollbar-track { border-radius: 10px; background-color: #f1f1f1; }
/* 设置滚动条滑块的背景颜色 */
body::-webkit-scrollbar-thumb { background-color: #999999; border-radius: 10px; }


.ipart03{position:relative; margin-top:40px; overflow:hidden; }
.ipart03 .bg{position:relative;}
.ipart03 .bg::after{content:''; position:absolute; bottom:0; left:0; width:100%; background:url(../ysdwimages/ipart03_bg_cover.png) no-repeat bottom; height:300px; background-size:100% auto;}
.ipart03 .bg video{width:100%; height:600px; object-fit:cover;}
.ipart03 .bg img{display:none;}
.ipart03 .cover{position:absolute; left:0; width:100%; bottom:10.5%; color:#fff; z-index:3;}
.ipart03 .cover .content{display:flex; align-items:flex-end; justify-content:space-between;}
.ipart03 .cover .left{width:63.6%; padding-left:30%;}
.ipart03 .cover .left .infor .tit{color:#f8561c;}
.ipart03 .cover .left .infor .con{font-weight:bold; margin-bottom:5px;}
.ipart03 .cover .left .link_box{display:flex; align-items:flex-start; margin-top:30px; justify-content:flex-start; flex-wrap:wrap; font-size:18px; line-height:30px}
.ipart03 .cover .left .link_box a{margin-left:70px; margin-bottom:10px; color:#fff;}
.ipart03 .cover .left .link_box .tips a{margin-left:0;}
.ipart03 .cover .left .link_box a:hover{font-weight:bold;}
.ipart03 .cover .right{width:168px; height:168px; position:relative; display:flex; align-items:center; justify-content:center; animation:jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;}
.ipart03 .cover .right::after{content:''; position:absolute; left:0; top:0; height:100%; width:100%; background:url(../ysdwimages/ipart03_cir.png) no-repeat center/cover; animation:spin 8s infinite linear;}
@keyframes jump {
    0% {
        transform: translateY(4px);
    }

    to {
        transform: translateY(-4px);
    }
}
.tit84{font-size:84px; line-height:1.3; font-weight:bold;}
.tit64{font-size:64px; line-height:1.3; font-weight:bold;}
.tit42{font-size: 42px; line-height:1.3;}
.tit36{font-size:36px; line-height:1.3;}
.tit20{font-size: 2px; line-height:30px;}
.con16{font-size: 16px; line-height:30px;}

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

/* header */

.wap-logo { display: none; }

.header .center-nav { min-height: 33px; margin: 6px 0px 0px 100px; 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: #2c2c2c; position: relative; }
.header .center-nav ul > li > a { display: block; padding: 32px 20px 32px 20px; color: #2c2c2c; 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: 4px;
 background: url("30347059.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: -46px; z-index: -1; width: 100%; 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 .w83p { background: url("29945988.png") center; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.nav-two-bg dl { display: none; width: 100%; 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 { margin: 25px 15px 0px 0px; float: right; }
.header .right-function ul li { width: 60px; height: 50px; overflow: hidden; float: left; margin: 0px 0px; text-align: center; position: relative; }
.header .right-function ul li a { display: block; width: 60px; height: 50px; }
.header .right-function ul li:first-child { border: 0px; }
.header .right-function ul li .rf-img { width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; margin: -12.5px 0px 0px -12.5px; text-align: center; }
.header .right-function ul li .rf-img img { height: 25px; }
.header .right-function ul li .rf-name { display: none; width: 100%; margin-top: 4px; line-height: 14px; font-size: 12px; color: #2c2c2c; }
.header .right-function ul li .rf-name a { color: #ffffff; }
.header .right-function ul li:hover .rf-img { position: initial; margin: 0 auto;
 -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; }
.header .right-function ul li:hover .rf-name { 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; }
.header .right-function ul li .wap-fun-img { display: none; }

.content { width:100%; overflow: hidden; margin:auto;}
.content a:hover { color: #d71820!important; }
.content img { transition: all 1s; }
.content img:hover { transform: scale(1.1); }
.content-boxs { width: 100%; overflow: hidden; margin:0px; 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; }





.tit1{ position: relative; z-index: 1; text-align: center; margin-bottom: 10px;}
.tit1 .bg1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -54%);z-index: -1;}
.tit1 h3 img{ height: 50px; }
.tit1 .line{position: relative;z-index: 1;height: 3px;margin: 6px 0;}
.tit1 .line::before{content: "";position: absolute;width: 50px;height: 100%;top: 0;left: 50%;margin-left: -25px;background: #bf282b;}
.tit1 p{font-size: 14px;color: #999999;line-height: 20px;min-height: 20px;}
.tit1_r{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1;display: flex;align-items: center;}
.tit1 .more2{}



.home9_10{ padding: 112px 0 80px; overflow: hidden; position: relative; z-index: 1; background: url() center no-repeat; background-attachment: fixed; background-size: cover;}
.home9_10 .bg2{ position: absolute; z-index: 1; top: 0; left: 0; right: 0; }
.home9_10 .bg2>img{ width: 100%;}

.home10{ padding: 0.0rem 0 0; margin-top:50px; margin-bottom:30px;}
.list17{ display: flex; flex-wrap: wrap; margin: 0 -5px; margin-bottom: -10px;}
.list17 li{ min-width: 21%; padding: 0 25px; margin-bottom: 20px;}
.list17 li *{ transition: .5s}
.list17 li .a{display: flex;height: 40px;border: #919191 1px solid;border-radius: 50vw;align-items: center;padding: 0 28px;justify-content: space-between;}
.list17 li .a .ll{ font-size: 16px; color: #000; text-align:center; line-height: 1.5; max-width: calc(100% - 34px);}
.list17 li .a:hover{ border: #dcbc89 1px solid;color: #fff; background: #0546af;}
.list17 li .a:hover .ll{font-size: 16px; color: #fff; text-align:center;}

.list17 li .a .rr{ position: relative; z-index: 1; width: 22px; height: 7px;}
.list17 li .a .rr:before{ content:""; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background:#dcbc89; margin-top: -.5px}
.list17 li .a .rr:after{ content:""; position: absolute; top: 50%; right: 0; width: 7px; height: 7px; background:#dcbc89; margin-top: -3.5px; border-radius: 50%}



.one { position: relative;height:600px; }
.one .fullscreen-swiper .swiper-slide .video {width:100%; height:600px; object-fit:cover;}



.one > img { width: 100%; }
.one .pos-swiper { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }
.one .fullscreen-swiper { width: 100%; height: 100%; margin: 0 auto; overflow: hidden; position: relative; }
.one .fullscreen-swiper .swiper-slide { position: relative; }
.one .fullscreen-swiper .swiper-slide > a > img, .one .fullscreen-swiper .swiper-slide > img { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; user-select: none; }
.one .fullscreen-swiper .swiper-slide:hover img { transform: scale(1); }
.one .fullscreen-swiper .swiper-button-prev, .one .fullscreen-swiper .swiper-button-next { display: block; }


.one .fullscreen-swiper .swiper-pagination-box { position: absolute; top: auto; right: auto; bottom: 7%; left: 42%; z-index: 999999; border-radius: 48px; background: url("../ysdwimages/swiper-pagination-box.png") center; }
.one .fullscreen-swiper .swiper-page-num { width: auto; overflow: hidden; float: left; margin: 13px 5px 13px 20px; line-height: 14px; font-size: 14px; color: #ffffff; }
.one .fullscreen-swiper .swiper-page-num span { line-height: 22px; font-size: 20px; color: #fff; }
.one .fullscreen-swiper .swiper-pagination { position: initial; height: 18px; padding: 15px 15px; overflow: hidden; float: left; text-align: center; }
.one .fullscreen-swiper .swiper-pagination span { display: block; width: 13px; height: 13px; float: left; margin: 2px 15px; text-align: center; color: #ffffff; font-size: 0px; cursor: pointer; background: url("../ysdwimages/29945981.png") no-repeat center; }
.one .fullscreen-swiper .swiper-pagination .swiper-pagination-bullet-active { margin: 0px 15px!important; border: solid 2px #fff; border-radius: 50%; background: url("../ysdwimages/30347067.png") no-repeat center!important; }

.one .fullscreen-swiper .swiper-button-prev{ right: 10px; background: url("../ysdwimages/whs-left.png") no-repeat center; width:60px; height:60px; }
.one .fullscreen-swiper .swiper-button-next { right: 10px; background: url("../ysdwimages/whs-right.png") no-repeat center;width:60px; height:60px; }



/* swiperTitle-posBox */
.one .fullscreen-swiper .sw-title-box { position: absolute; left: 100px; top: 0px; z-index: 99999; width: 100%; height: 100%; overflow: hidden; }
.one .fullscreen-swiper .sw-title-box .w83p { position: relative;top: -60px; }
.one .fullscreen-swiper .sw-title-box dl { overflow: hidden; }
.one .fullscreen-swiper .sw-title-box dt { width: 100%; overflow: hidden; text-align: center; font-size: 0px; }

.one .fullscreen-swiper .swiper-slide-active .sw-title-box dt { 
  -webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* swiperTitle-contentStyle */

.one .fullscreen-swiper .ps-swiper-one dl{ width:60%; margin-left:15%; }
.one .fullscreen-swiper .ps-swiper-one dt { margin-top: 90px; }
.one .fullscreen-swiper .ps-swiper-one dt img { width: 100%; }

.one .fullscreen-swiper .ps-swiper-one dl.pic{ width: 150px; margin-left:5%; }
.one .fullscreen-swiper .ps-swiper-one .pic { margin-top: 50px; }
.one .fullscreen-swiper .ps-swiper-one .pic img { width: 150px; }





.one .fullscreen-swiper .ps-swiper-two dl { width:60%; margin-left:10%; }
.one .fullscreen-swiper .ps-swiper-two dt { margin-top: 16%; }
.one .fullscreen-swiper .ps-swiper-two dt img { width: 100%; }

.one .fullscreen-swiper .ps-swiper-three dl { width: 45%; margin-left: 20%; }
.one .fullscreen-swiper .ps-swiper-three dt { margin-top: 30%; }  
.one .fullscreen-swiper .ps-swiper-three dt img { width: 100%; }


.one .fullscreen-swiper .ps-swiper-four dl { width: 26%; margin-left: 8%; }
.one .fullscreen-swiper .ps-swiper-four dt { margin-top: 62%; }
.one .fullscreen-swiper .ps-swiper-four dt img { width: 100%; }

.one .fullscreen-swiper .ps-swiper-five dl { width: 30%; margin-left: 8%; }
.one .fullscreen-swiper .ps-swiper-five dt { margin-top: 68%; }
.one .fullscreen-swiper .ps-swiper-five dt img { width: 100%; }


.two .left { width: 50%; max-height: 500px; overflow: hidden; border-radius: 5px; }
.two .left .swiper-container { width: 100%; margin-left: auto; margin-right: auto; }

.two .left .swiper-container .swiper-slide img { 
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../ysdwimages/ygsno-index.jpg) no-repeat;
    background-size: 100% 100%;
    
    /* 关键修复代码 */
    object-fit: cover;
    font-size: 0;
    color: transparent;
	 }

.two .left .swiper-container .swiper-slide .swiper-title { position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; overflow: hidden; padding: 15px 0px; color: #ffffff; background: rgba(0, 0, 0, 0.5); }
.two .left .swiper-container .swiper-slide .swiper-title span { display: block; width: 65%; overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.two .left .swiper-container .swiper-button-prev, .two .left .swiper-container .swiper-button-next { width: 45px; height: 46px; font-size: 0px;  border: solid 2px #e8f2fb; border-radius: 50%; }
.two .left .swiper-container .swiper-button-prev { background: url("../ysdwimages/ygs_29945960.png") no-repeat center; }
.two .left .swiper-container .swiper-button-next { background: url("../ysdwimages/ygs_30347060.png") no-repeat center; }


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

.two { margin-top: 58px; }
.two .two-wrap-box { width: 100%; overflow: hidden; position: relative; }
.two .right { width: 45%; overflow: hidden; }
.two .right .right-top { width: 100%; height: 418px; overflow: hidden; }
.two .right .tr-nav-box { width: 100%; overflow: hidden; border-bottom:1px dashed #dfdede}
.two .right .tr-nav-box ul li { padding: 15px 3.5%; overflow: hidden; float: left; margin-left: 15px; line-height: 18px;
 font-size: 18px; color: #a3a3a3; border-radius: 5px; background: #e6e6e6; }
.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 span { display: none; }
.two .right .tr-nav-box ul li.tnb-on { color: #ffffff; font-weight: bold; height:28px;
background: url(../ysdwimages/ygs-titbg.png) no-repeat left center;background-size:100% 100% }
.two .right .tr-nav-box ul li.tnb-on a { color: #ffffff; }
.two .right .tr-text-box { width: 100%; overflow: hidden; margin-top: 20px; }
.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: 15px 0px 15px 0px; line-height: 20px; font-size: 18px; color: #000000;
 position: relative; }
.two .right .tr-text-box ul li:after { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px;
 background: #014099; }
.two .right .tr-text-box ul li .fl { width: 80%; height: 20px; 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;}
.two .right .right-bottom { width: 100%; overflow: hidden; margin-top: 10px; position: relative; }
.two .right .right-bottom dl dt { position: absolute; left: 0px; top: 0px; z-index: 99999; padding: 16px 16px;
 border-radius: 5px; color: #ffffff; background: rgb(0,64,152); background: linear-gradient(0deg, rgba(0,64,152,1) 0%, rgba(43,117,206,1) 100%); }
.two .right .right-bottom dl dt span { display: block; width: 40px; overflow: hidden; line-height: 20px; font-size: 20px; }
.two .right .right-bottom dl dd { width: 100%; height: 16px; overflow: hidden; padding: 28px 0px; background: #ebf2fc; border-radius: 5px; }


.two .right-bottom dl dd .swiper-dd-box { width: 605px; float: right; margin-right: 10px; position: relative; }
.two .right-bottom dl dd .swiper-dd-box .swiper-container { width: 550px; float: left; }
.two .right-bottom dl dd .swiper-dd-box .swiper-container .swiper-slide { width: 100%; overflow: hidden; }
.two .right-bottom dl dd .swiper-dd-box .swiper-container .swiper-slide .fl { width: 80%; height: 18px; overflow: hidden; line-height: 16px; font-size: 16px; color: #434748; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.two .right-bottom dl dd .swiper-dd-box .swiper-container .swiper-slide .fl a { color: #434748; }
.two .right-bottom dl dd .swiper-dd-box .swiper-container .swiper-slide .fr { width: 15%; overflow: hidden; line-height: 16px; font-size: 12px; color: #b3bac2; }
.two .right-bottom dl dd .swiper-dd-box .swiper-container .swiper-slide .fr a { color: #b3bac2; }
.two .right-bottom dl dd .swiper-dd-box .swiper-container .swiper-pagination { display: none; }
.two .right-bottom dl dd .swiper-dd-box .swiper-button-prev, .two .right .right-bottom dl dd .swiper-dd-box .swiper-button-next { width: 15px; height: 16px; margin-top: -8px; font-size: 0px; background-size: 100%!important; }
.two .right-bottom dl dd .swiper-dd-box .swiper-button-prev { left: auto; right: 20px; background: url("../ysdwimages/ygs_29945962.png") no-repeat center; }
.two .right-bottom dl dd .swiper-dd-box .swiper-button-next { left: auto; right: 0px; background: url("../ysdwimages/ygs_30347062.png") no-repeat center; }


.three { margin-top: -10px; }


.four .four-wrap-box { position: relative; }
.four .right { position: absolute; right: 0px; top: 0px; max-width: 310px; height: 100%; overflow: hidden; }
.four .right ul { width: 100%; height: 100%; }
.four .right ul li { width: 100%; height: 25%; overflow: hidden; font-size: 0px; display: table; }
.four .right ul li a { display: table-cell; vertical-align: middle; }
.four .right ul li:first-child a { vertical-align: top; }
.four .right ul li:last-child a { vertical-align: bottom; }
.four .right ul li img { width: 100%; }

.four{margin-top:50px; }  
.four .all-subject-box { position: absolute; left: 3.5%; top: 60px; z-index: 99999; width: auto;}  
.four .left { width: 77%; max-height: 560px; overflow: hidden; }
.four .left .swiper-container { width: 100%; max-height: 560px; margin-left: auto; margin-right: auto; }
.four .left .swiper-container .swiper-wrapper { height: 100%; font-size: 0px; }
.four .left .swiper-container .swiper-slide { overflow: hidden; font-size: 0px; }
.four .left .swiper-container .swiper-slide .swiper-wrap-box { width: 100%; height: 100%; overflow: hidden; border-radius: 5px; position: relative; }
.four .left .swiper-container .swiper-slide .swiper-left { position: absolute; width: 20%; height: 100%; padding: 0px 10% 0px 5%;  background: url("../ysdwimages/swiper-lef_bg.jpg") no-repeat center right; }
.four .left .swiper-container .swiper-slide .sl-name, .four .left .swiper-container .swiper-slide .sl-text, .four .left .swiper-container .swiper-slide .sl-href { width: 100%; overflow: hidden; }
.four .left .swiper-container .swiper-slide .sl-name { margin-top: 60%; line-height: 32px; font-size: 30px; color: #464646; font-weight: bold; }
.four .left .swiper-container .swiper-slide .sl-name span { padding: 10px 20px 0px 0px; line-height: 14px; font-size: 18px; color: #e9330c; }
.four .left .swiper-container .swiper-slide .sl-text { margin-top: 16%; line-height: 26px; font-size: 18px; color: #454545; }
.four .left .swiper-container .swiper-slide .sl-href { margin-top: 40%; font-size: 0px; color: #004398; }
.four .left .swiper-container .swiper-slide .sl-href a { display: inline-block; padding-right: 28px; line-height: 18px; font-size: 16px; color: #004398; background: url(../ysdwimages/ygs_30347058.png) no-repeat center right; }
.four .left .swiper-container .swiper-slide .sl-href a:hover { color: #004398!important; }
.four .left .swiper-container .swiper-slide .swiper-right { width: 65%; height: 100%; overflow: hidden; }
.four .left .swiper-container .swiper-slide .swiper-right img { width: 100%; height: 100%; }
.four .left .swiper-container .swiper-slide .swiper-title { position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; overflow: hidden; padding: 15px 0px; line-height: 20px; font-size: 16px; color: #ffffff; text-indent: 1em; transition: all 0.6s; 
 background: rgba(0, 0, 0, 0.5); }

.four .left .swiper-container .swiper-button-prev, .four .left .swiper-container .swiper-button-next { width: 45px; height: 46px; font-size: 0px; border-radius: 5px; }
.four .left .swiper-container .swiper-button-prev { top: 145px; left: 35%; background: url("../ysdwimages/yw_up.png") no-repeat center; }
.four .left .swiper-container .swiper-button-next { top: 190px; right: 65%; background: url("../ysdwimages/yewu_down.png") no-repeat center; }
.four .left .swiper-container .swiper-pagination { display: none; }




.five .all-subject-box .w83p { width: auto; max-width: 1600px; margin-bottom:30px;border-bottom:1px dashed #dfdede }
.three .all-subject-box .w83p { width: auto; max-width: 1600px; margin-bottom:30px;border-bottom:1px dashed #dfdede }

.three .all-subject-box .w83p .more001 {
    border: 0px #e2ba75 solid;
    text-transform: uppercase;
    line-height:50px;
    color: #011f5b;
    position: absolute;
    right: 100px;
    bottom: 40px;
}

.three .all-subject-box .w83p .more001 .a{font-size:12px;color:#000;cursor:pointer}
.three .all-subject-box .w83p .more001 .a .ico{margin:0 10px 0 0;width:63px;height:35px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.three .all-subject-box .w83p .more001 .a .ico:before{content:"";position:absolute;width:35px;height:35px;background:#10499f;border-radius:50%;z-index:-1;transition:.5s;left:50%;top:0;bottom:0;transform:rotateX(0)translateX(-50%)}
.three .all-subject-box .w83p .more001 .a .ico:after{content:"";position:absolute;width:35px;height:35px;background:#e2be8f;border-radius:50%;z-index:-1;left:50%;transition:.5s;transform:rotateX(90deg)translateX(-50%);opacity:0}



.xwzx-three .all-subject-box .w83p { width: auto; max-width: 1600px; margin-bottom:0px;border-bottom:1px dashed #dfdede }

.subject-con-box{ margin:auto; max-width: 1500px; margin-bottom:70px;border-bottom:1px dashed #dfdede }

.subject-con-box .all-subject-box{ margin:auto; max-width: 1600px; margin-bottom:0px;border-bottom:1px dashed #dfdede }


.wap-wrap-box .all-subject-box{width: auto;border-bottom:1px dashed #dfdede }

.wap-wrap-box .left-top .all-subject-box .fr{ float:right;}

.three .three-wrap-box .w83p { width: auto; max-width: 1700px; margin-bottom:40px;}
.three .three-wrap-box .swiper-container { padding: 30px 0px 60px 0px; }
.three .three-wrap-box .swiper-slide { padding: 20px 0px; text-align: center; font-size: 18px; transform: scale(0.8); transition: all 0.6s; filter:blur(5px); -webkit-filter:blur(5px); }
.three .three-wrap-box .swiper-slide img { width: 100%; max-height: 365px; border-radius: 10px;
 -webkit-box-shadow: 0px 0px 15px 0px #999999;
 -moz-box-shadow: 0px 0px 15px 0px #999999;
 box-shadow: 0px 0px 15px 0px #999999; }
.three .three-wrap-box .swiper-slide-active { transform: scale(1.23); z-index: 99999; filter:blur(0); -webkit-filter:blur(0); }
.three .three-wrap-box .swiper-slide-active, .three .three-wrap-box .swiper-slide-duplicate-active img { filter：blur(0); }
.three .three-wrap-box .swiper-button-prev, .three .three-wrap-box .swiper-button-next { width: 47px; height: 47px;  top: 50%; margin-top: -33.5px; font-size: 0px; background-size: 100%!important; }
.three .three-wrap-box .swiper-button-prev { left: 80px; background: url("../ysdwimages/whs_ztleft.png") no-repeat center; }
.three .three-wrap-box .swiper-button-next { right: 80px; background: url("../ysdwimages/whs_ztright.png") no-repeat center; }
.three .three-wrap-box .swiper-pagination { position: absolute; left: 0px; bottom: 0px; z-index: 999999; width: 100%!important; height: 20px; text-align: center; font-size: 0px; }
.three .three-wrap-box .swiper-pagination span { display: inline-block; width: 20px; height: 20px; margin: 0px 15px; background: url("../ysdwimages/whs_ztdot.png") no-repeat center; }
.three .three-wrap-box .swiper-pagination span.swiper-pagination-bullet-active { background: url("../ysdwimages/whs_ztdot_active.png") no-repeat center; }




.five { margin-top: 30px; overflow: hidden; padding-bottom: 20px; }
.five .five-wrap-box { width: 100%; overflow: hidden;  margin-top: -30px;}
.five dl { width: 24%; height: 200px; overflow: hidden; float: left; position: relative; }
.five dl > a { display: block; height: 200px; margin: 10px 10px;box-shadow: 0px 0px 10px 0px #cccccc; } 
.five dl > a:hover { border: solid 1px #e9edf6; border-radius: 10px;
	animation: fade-in 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	-webkit-box-shadow: 0px 0px 10px 0px #cccccc;
	-moz-box-shadow: 0px 0px 10px 0px #cccccc;
	box-shadow: 0px 0px 10px 0px #cccccc;
}
.five dl dt:hover img { transform: scale(1); }
.five dl:hover dt { transform: scale(1.1); }
.five dl:hover dd:after {
 -webkit-animation: jello-horizontal 0.9s both;
 animation: jello-horizontal 0.9s both; }
.five dl dt { width: 100%; height: 86px; overflow: hidden; text-align: center; padding: 10px 0px 15px 0px; margin-top: 40px;
 font-size: 0px; transition: all 0.6s; }
.five dl dt img { height: 70px; }
.five dl dd { width: 100%; overflow: hidden; padding-top: 0px; line-height: 20px; font-size:18px; text-align: center; color: #222222;
 position: relative; }
.five dl dd a { color: #212121; }
.five dl dd:after { content: ''; position: absolute; left: 50%; top: 0px; margin-left: -14px; width: 120px; height: 3px; background: #; }

.footer { width: 100%; overflow: visible; }
.footer .w83p { overflow: visible; }
.footer .footer-top { width: 100%; overflow: visible; float: left; background: #e9f1fc; margin-top:30px;}
.footer .footer-top .ft-top-box { width: 100%; overflow: visible; float: left; }
.footer .footer-top .ft-top-box .ftb-left { width: 22%; overflow: hidden; margin: 80px 0px 0px 0px; font-size: 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; background: none; }
.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 .pos-ewm { display: none; position: absolute; left: 50%; top: -140px;
 z-index: 99999; padding: 30px; transform: translateX(-50%); font-size: 0px; 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;
 -webkit-box-shadow: 0px 5px 5px 0px #cccccc;
 -moz-box-shadow: 0px 5px 5px 0px #cccccc;
 box-shadow: 0px 5px 5px 0px #cccccc; }
.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: 20px; float: left; }
.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: 32px; }
.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; padding: 0px 10px; margin-left: 70px; border: solid 1px #a6a6a6; 
 background: url("30347052.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-bottom { width: 100%; overflow: hidden; float: left; padding: 30px 0px 35px 0px; text-align: center; color: #ffffff; background: #014099; }
.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; }


/* Swiper组件 */
.two .left .swiper-container > .swiper-pagination, .xwzx-con-box .swiper-container > .swiper-pagination,
.djwh-con-box .swiper-container > .swiper-pagination { width: auto; left: auto;
 bottom: 20px; right: 20px; font-size: 0px; }
.swiper-container > .swiper-pagination span { width: 12px; height: 12px; border-radius:50%; margin: 0px 5px; background: #014099; }
.swiper-container > .swiper-pagination span.swiper-pagination-bullet-active { background: #e6c69b; }
.swiper-container > .swiper-button-prev, .swiper-container > .swiper-button-next { -webkit-user-select: none; user-select: none;
 -webkit-user-select: none; user-select: none;
 -webkit-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2);
 box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.2); }
.swiper-container > .swiper-button-prev:hover, .swiper-container > .swiper-button-next:hover { opacity: 1;
 -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; }


/* list */
.banner-box { width: 100%; overflow: hidden; position: relative; }
.banner-box img { width: 100%; }
.banner-box .subject-con-box { position: absolute; left: 8.5%; bottom: 26%; z-index: 99999; display: inline-block; width: auto; }
.banner-box .subject-con-box .subject-name { overflow: hidden; line-height: 48px; font-size: 46px; text-align: left; color: #ffffff; }
.banner-box .subject-con-box .subject-name a { color: #ffffff; }
.banner-box .subject-con-box .url-box { overflow: hidden; margin-top: 35px; font-size: 0px; color: #000000; position: relative; }
.banner-box .subject-con-box .url-box span { display: inline-block; line-height: 18px; font-size: 16px; padding: 0px 8px; color: #ffffff; }
.banner-box .subject-con-box .url-box span a { display: inline-block; line-height: 18px; font-size: 16px; color: #ffffff; }

@media only screen and (max-width:992px) {

.banner-box { display:none;}
    }




/*xysh_box*/


.xysh_box {
    height: 430px;
    background: #ffffff;
    width: 100%;
    margin: 30px auto 0px auto;
    position: relative;
	padding-bottom:2px;
}

.xysh_title {
    width: 90px;
    height: 300px;
    position: relative;
    left: 25%;
    top: 20%;
}

.xysh_title h1 {
    color: #ffffff;
    display: block;
    width: 40px;
    font-size: 40px;
    float: left;
    z-index: 9;
    position: relative;
    line-height: 44px;
    font-weight: normal;
}

.xysh_title span {
    color: #ffffff;
    display: block;
    width: 30px;
    font-size: 16px;
    float: right;
    padding: 10px 0 0 0;
    z-index: 9;
    position: relative;
    line-height: 18px;
}

.xysh_title .xysh_title_bg1 {
    position: absolute;
    top: -20px;
    left: -70px;
    width: 149px
}

.xysh_title .xysh_title_bg2 {
    position: absolute;
    bottom: -15px;
    left: -50px;
    width: 96px
}

.xysh_title .xysh_title_bg1 img, .xysh_title .xysh_title_bg2 img {
    width: 100%
}

    .xysh_box_left{width: 60%;}
    .xysh_box_right{width: 40%;}
	
	
.xysh_box_left {
    width: 60%;
    float: left;
    height: 100%;
    background: url(../ysdwimages/ygs_bgleft.jpg) right center no-repeat #007472;
    position: relative;
    background-size: cover;
	
}

.xysh_box_right {
    width: 40%;
    float: right;
    height: 100%;
    position: relative
}

.xysh_box_right a {
    display: block;
    height: 100%
}

.xysh_lm1 {
    width: 49.6%;
    height: 49.8%;
    margin: 0 0.2% 0.2% 0.2%;
    float: left;
    background: url(../ysdwimages/ygs_img01.png) center no-repeat #01bafa;
}

.xysh_lm2 {
    width: 50%;
    height: 49.8%;
    margin: 0 0 0.2% 0;
    float: right;
    background: url(../ysdwimages/ygs_img02.png) center no-repeat #0546af;
}

.xysh_lm3 {
   width: 49.6%;
    height: 49.8%;
    margin: 0 0.2% 0.2% 0.2%;
    float: left;
    background: url(../ysdwimages/ygs_img03.png) center no-repeat #0546af;
}

.xysh_lm4 {
     width: 50%;
    height: 49.8%;
    margin: 0 0 0.2% 0;
    float: right;
    background: url(../ysdwimages/ygs_img04.png) center no-repeat #0546af;
}

.xysh_lm1, .xysh_lm2, .xysh_lm3, .xysh_lm4 {
    opacity: 1;
    filter: alpha(opacity=200);
    transition: all 0.6s;
    overflow: hidden;
    background-size: cover;
}

.xysh_lm1:hover, .xysh_lm2:hover, .xysh_lm3:hover, .xysh_lm4:hover {
    background-color: #042984;

    -webkit-transition: background-size 0.8s linear;
    transition: background-size .3s linear;
}

.xysh_lm1:hover img, .xysh_lm2:hover img, .xysh_lm3:hover img, .xysh_lm4:hover img {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    ransition: transform 0.7s ease-out 0s;
    -moz-transition: transform 0.7s ease-out 0s;
    -webkit-transition: transform 0.7s ease-out 0s;
}

.xysh_lm1 img, .xysh_lm2 img,.xysh_lm3 img, .xysh_lm4 img {
    display: block;
    margin: 20% auto 4% auto;
    text-align: center;
    transition: all 0.6s;
    background-size: 100%;
}

.xysh_lm1 span, .xysh_lm2 span, .xysh_lm3 span, .xysh_lm4 span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff
}



@media screen and (max-width: 768px) {

.xysh_box {
    background: #ffffff;
    width: 100%;
	margin-top:5px;
	margin-bottom:120px;
    height: 400px
}



    .xysh_title {
        height: 150px;
        left: 10%;
        width: 70px;
    }

    .xysh_title span {
        font-size: 14px;
        padding: 10px 0 0 0;
        width: 40px;
        line-height: 16px;
        letter-spacing: 5px;
    }

    .xysh_title .xysh_title_bg1 {
        width: 100%;
        left: -20px;
    }

    .xysh_title .xysh_title_bg2 {
        width: 50px;
        left: -12px;
    }

    .xysh_title h1 {
        font-size: 24px;
        width: 30px;
        line-height: 30px;
        font-weight: bold
    }

    .xysh_box_left {
        width: 100%;
        height: 250px;
    }

    .xysh_box_right {
        width: 100%;
        bottom: 50%;
        position: absolute;
        top: 251px;
        right: 0;
        height: 250px;
    }

    .xysh_lm1 img, .xysh_lm2 img,.xysh_lm3 img ,.xysh_lm4 img{
        margin: 5% auto 4% auto;
        width: 24%;
		text-align: center;
    transition: all 0.6s;
    background-size: 100%
    }


	
    .xysh_lm1 span, .xysh_lm2 span,.xysh_lm3 span,  .xysh_lm4 span {
        font-size: 16px;
    }


  }


	
/** allSubjectName **/
.all-subject-box { width: 100%; overflow: hidden; font-size: 0px; position: relative; }
.all-subject-box .asb-name { padding: 15px 22px; line-height: 18px; font-size: 18px; color: #ffffff; border-radius: 5px; border-bottom: solid 1px #e5e5e5;
 background: rgb(0,64,152); background: linear-gradient(0deg, rgba(0,64,152,1) 0%, rgba(9,78,159,1) 100%); }
.all-subject-box .asb-name a, .all-subject-box .asb-name a:hover { color: #ffffff!important; }
.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: 60px; }
.list-con-box .list-left { width: 15%; overflow: hidden; }
.list-con-box .list-left dl dt { width: 100%; overflow: hidden; padding-bottom: 15px; line-height: 30px; font-size: 28px; text-align: left;
 color: #0648a3; border-bottom: solid 1px #e5e5e5; }
.list-con-box .list-left dl dt a { display: block; color: #023f98; }
.list-con-box .list-left dl dt:hover { transition: all 0.5s ease 0s; }
.list-con-box .list-left dl dt:hover a { color: #0648a3!important; }

.list-con-box .list-left dl dd { width: 68%; overflow: hidden; padding: 18px 16%; 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: 8%; top: 50%; z-index: 99999; margin-top: -5.5px;
 width: 6px; height: 11px; background: url("30347055.png") no-repeat center; }
.list-con-box .list-left dl dd.active-list-on:after { background: url("29945906.png") no-repeat center; }
.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; border-radius: 5px; 
 background: rgb(0,64,152); background: linear-gradient(0deg, rgba(0,64,152,1) 0%, rgba(43,117,206,1) 100%); }
.list-con-box .list-left dl dd:hover a { color: #ffffff!important; }
.list-con-box .list-left dl dd.active-list-on { border-radius: 5px; 
 background: rgb(0,64,152); background: linear-gradient(0deg, rgba(0,64,152,1) 0%, rgba(43,117,206,1) 100%); }
.list-con-box .list-left dl dd.active-list-on a { color: #ffffff; }

.list-con-box .list-right { width: 80%; min-height: 600px; overflow: hidden; }
.list-con-box .lr-list-box { width: 100%; overflow: hidden; margin-top: 30px; }
.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 20px 0px; border-bottom: solid 1px #e5e5e5; position: relative; }
.list-con-box .lr-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 28px; z-index: 999; display: block; width: 6px;
 height: 6px; background: #014099; }
.list-con-box .lr-list-box ul li .fl { overflow: hidden; text-align: left; line-height: 20px; font-size: 16px; color: #000000;
 text-indent: 1em; }
.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 img:hover { transform: scale(1.0)!important; }
.list-con-box .lr-list-text-box video { display: block; width: 60%; height: auto; overflow: hidden; margin: 0 auto; object-fit: cover; }
.list-con-box .lr-list-text-box video object, .list-con-box .lr-list-text-box video param, 
.list-con-box .lr-list-text-box video embed { width: 100%; height: auto; }
.list-con-box .lr-list-text-box, .list-con-box .lr-list-text-box p { font-size: 16px; line-height: 20px; }

.list-con-box .lr-list-img-box { width: 100%; overflow: hidden; margin-top: 20px; }
.list-con-box .lr-list-img-box ul { width: 100%; overflow: hidden; }
.list-con-box .lr-list-img-box ul li { width: 25%; overflow: hidden; margin: 20px 0px 0px 0px; float: left; text-align: center; position: relative; }
.list-con-box .lr-list-img-box ul li .pic-img { width: 95%; overflow: hidden; text-align: center; margin: 0 auto; border-radius: 5px; }
.list-con-box .lr-list-img-box ul li .pic-img img { display: block; width: 100%; height: 150px; }
.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: inline-block; width: 100%; text-align: center; padding: 60px 0px 30px 0px; font-size: 0px; }
.page-box tbody, .page-box tbody tr { display: inline-block; }
.page-box a, .page-box font { display: inline-block; padding: 10px 12px; margin: 0px 4px; line-height: 14px; font-size: 14px;
 border: solid 1px #004098; border-radius: 3px; }
.page-box a { color: #004098; }
.page-box a:hover { color: #ffffff!important; border: solid 1px #004098; background: #004098; }
.page-box font { color: #ffffff; background: #004098; }  


/* content */
.content-con-box { width: 100%; overflow: hidden; margin-top: 60px; padding-bottom: 60px; }
.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, .content-con-box .ccb-function-text { 
 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: 15px 0px; }
.content-con-box .ccb-title-box .yt-title-box { line-height: 32px; font-size: 28px; color: #aaaaaa; }
.content-con-box .ccb-title-box .content-title-box { padding: 15px 0px; line-height: 36px; font-size: 32px; color: #094ea9; }
.content-con-box .ccb-title-box .ft-title-box { line-height: 32px; font-size: 28px; color: #aaaaaa; }

.content-con-box .ccb-info-box { padding: 15px 0px; text-align: center; font-size: 16px; border-bottom: solid 1px #d7d7d7; }
.content-con-box .ccb-info-box span { padding: 0px 20px; line-height: 20px; font-size: 16px; color: #7d7d7d; }

.content-con-box .ccb-text-box { margin-top: 55px; font-size: 16px; color: #333333; }
.content-con-box .ccb-text-box img { display: block; max-width: 100%; height: auto!important; 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; }

.content-con-box .ccb-function-text { padding: 20px 0px; text-align: center; font-size: 0px; }
.content-con-box .ccb-function-text a { padding: 0px 15px; font-size: 14px; color: #333333; }


/* allSubjectBox */
.subject-con-box { width: 100%; overflow: hidden; }


/* 关于我们 */
.gywm-con-box { width: 100%; overflow: hidden; padding-bottom: 90px; }
.gywm-con-box .gywm-one { margin-top: 60px; position: relative; }
.gywm-con-box .gywm-one .left { width: 52%; overflow: hidden; border-radius: 8px; }
.gywm-con-box .gywm-one .left img { width: 100%; }
.gywm-con-box .gywm-one .right { position: absolute; top: 0px; right: 0px; width: 45%; height: 100%; overflow: hidden; }
.gywm-con-box .gywm-one .right .subject-con-box { margin-top: 22px; line-height: 46px; text-indent: 2em; font-size: 18px; }
.gywm-con-box .gywm-one .right .subject-con-box img { display: block; max-width: 100%; margin: 0 auto; }
.gywm-con-box .gywm-one .right .more-btn { position: absolute; right: 0px; bottom: 0px; z-index: 99999; text-align: right; }
.gywm-con-box .gywm-one .right .more-btn a { display: inline-block; padding: 11px 20px; line-height: 18px; font-size: 16px; color: #0e55b1;
 border: solid 1px #0e55b1; border-radius: 10px; }

.gywm-con-box .gywm-two { margin-top: 60px; }
.gywm-con-box .gywm-two .left { width: 20%; overflow: hidden; }
.gywm-con-box .gywm-two .left .subject-con-box { margin-top: 25px; }
.gywm-con-box .gywm-two .left .subject-con-box dl { width: 100%; overflow: hidden; padding: 13px 0px; font-size: 18px; }
.gywm-con-box .gywm-two .left .subject-con-box dl dt { width: 72%; overflow: hidden; float: left; line-height: 22px; font-size: 18px; text-align: right; }
.gywm-con-box .gywm-two .left .subject-con-box dl dd { width: 28%; overflow: hidden; float: right; line-height: 22px; font-size: 18px; text-align: left; }
.gywm-con-box .gywm-two .center { width: 28%; overflow: hidden; margin-left: 30px; }
.gywm-con-box .gywm-two .center .subject-con-box { margin-top: 25px; }
.gywm-con-box .gywm-two .center .subject-con-box dl { width: 100%; overflow: hidden; padding: 20px 0px; font-size: 18px; }
.gywm-con-box .gywm-two .center .subject-con-box dl dt { width: 72%; overflow: hidden; float: left; line-height: 22px; font-size: 18px; text-align: right; }
.gywm-con-box .gywm-two .center .subject-con-box dl dd { width: 28%; overflow: hidden; float: right; line-height: 22px; font-size: 18px; text-align: left; }
.gywm-con-box .gywm-two .right { width: 45%; overflow: hidden; }
.gywm-con-box .gywm-two .right .subject-con-box { width: 100%; overflow: hidden; margin-top: 25px; text-align: center; }
.gywm-con-box .gywm-two .right .subject-con-box img { width: 60%; }
.gywm-con-box .gywm-two .right .subject-con-box img:hover { transform: scale(1); }


/* 新闻中心 */
.xwzx-one .left { width: 52%; max-height: 505px; overflow: hidden; }
.xwzx-one .left .swiper-container { width: 100%; }
.xwzx-one .left .swiper-container .swiper-slide { overflow: hidden; border-radius: 6px; position: relative; }
.xwzx-one .left .swiper-container .swiper-slide img { width: 100%; }
.xwzx-one .left .swiper-container .swiper-slide .swiper-title { position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; overflow: hidden; padding: 15px 0px; color: #ffffff; background: rgba(0, 0, 0, 0.5); }
.xwzx-one .left .swiper-container .swiper-slide .swiper-title span { display: block; width: 65%; overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xwzx-one .left .swiper-container .swiper-button-prev, .xwzx-one .left .swiper-container .swiper-button-next { position: absolute; top: 50%; margin-top: -23px; z-index: 99999; width: 45px; height: 46px; border-radius: 5px; }
.xwzx-one .left .swiper-container .swiper-button-prev { left: 0px; background: url("../ysdwimages/29945960.png") no-repeat center; }
.xwzx-one .left .swiper-container .swiper-button-next { right: 0px; background: url("../ysdwimages/30347060.png") no-repeat center; }

.xwzx-con-box { width: 100%; overflow: hidden; padding-bottom: 85px; }
.xwzx-con-box .xwzx-one { margin-top: 60px; }
.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: 15px 3.5%; overflow: hidden; float: left; margin-left: 15px; line-height: 18px;
 font-size: 18px; color: #a3a3a3; border-radius: 5px; background: #e6e6e6; }
.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;
 -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;
 background: rgb(0,64,152); background: linear-gradient(0deg, rgba(0,64,152,1) 0%, rgba(43,117,206,1) 100%); }
.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: 30px; }
.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%; height: 20px; overflow: hidden; padding: 25px 0px 25px 0px; line-height: 20px; font-size: 18px; color: #000000;
 position: relative; }
.xwzx-con-box .xwzx-one .right .tr-text-box ul li:after { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px;
 background: #014099; }
.xwzx-con-box .xwzx-one .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; }
.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: 60px; }
.xwzx-con-box .xwzx-two .left .left-top .scb-bottom-box { width: 100%; overflow: hidden; margin-top: 20px; }
.xwzx-con-box .xwzx-two .left .left-top .scb-bottom-box ul li { width: 100%; overflow: hidden; padding: 10px 0px; position: relative; }
.xwzx-con-box .xwzx-two .left .left-top .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-two .left .left-top .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-two .left .left-top .scb-bottom-box ul li .fl a { color: #000000; }
.xwzx-con-box .xwzx-two .left .left-top .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-two .left .left-top .scb-bottom-box ul li .fr a { color: #c8c8c8; }

.xwzx-con-box .xwzx-two .left .left-bottom { width: 100%; overflow: hidden; margin-top: 25px; }
.xwzx-con-box .xwzx-two .left .left-bottom .subject-con-box { width: 100%; overflow: hidden; margin-top: 25px; }
.xwzx-con-box .xwzx-two .left .left-bottom .subject-con-box ul li { width: 100%; overflow: hidden; padding: 10px 0px; position: relative; }
.xwzx-con-box .xwzx-two .left .left-bottom .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-two .left .left-bottom .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-two .left .left-bottom .subject-con-box ul li .fl a { color: #000000; }
.xwzx-con-box .xwzx-two .left .left-bottom .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-two .left .left-bottom .subject-con-box ul li .fr a { color: #c8c8c8; }

.xwzx-con-box .xwzx-two .right .scb-bottom-box { width: 100%; overflow: hidden; margin-top: 20px; }
.xwzx-con-box .xwzx-two .right .subject-con-box { width: 100%; overflow: hidden; }
.xwzx-con-box .xwzx-two .right .subject-con-box ul li { width: 100%; overflow: hidden; padding: 15px 0px; position: relative; }
.xwzx-con-box .xwzx-two .right .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-two .right .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-two .right .subject-con-box ul li .fl a { color: #000000; }
.xwzx-con-box .xwzx-two .right .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-two .right .subject-con-box ul li .fr a { color: #c8c8c8; }


.xwzx-two .right { width: 45%; overflow: hidden; }
.xwzx-two .right .scb-top-box { width: 100%; max-height: 430px; overflow: hidden; margin-top: 40px; }
.xwzx-two .right .scb-top-box .swiper-container { width: 100%; }
.xwzx-two .right .scb-top-box .swiper-container .swiper-slide { overflow: hidden; border-radius: 8px; }
.xwzx-two .right .scb-top-box .swiper-container .swiper-slide img { width: 100%; }
.xwzx-two .right .scb-top-box .swiper-container .swiper-slide .swiper-title { position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; overflow: hidden; padding: 15px 0px; color: #ffffff; background: rgba(0, 0, 0, 0.5); }
.xwzx-two .right .scb-top-box .swiper-container .swiper-slide .swiper-title span { display: block; width: 65%; overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xwzx-two .right .scb-top-box .swiper-container .swiper-button-prev, 
.xwzx-two .left .scb-top-box .swiper-container .swiper-button-next { position: absolute; top: 50%; margin-top: -23px; z-index: 99999; width: 45px; height: 46px; border-radius: 5px; background-size: 100%; }
.xwzx-two .right .scb-top-box .swiper-container .swiper-button-prev { left: 0px; background: url("../ysdwimages/29945960.png") no-repeat center; }
.xwzx-two .right .scb-top-box .swiper-container .swiper-button-next { right: 0px; background: url("../ysdwimages/30347060.png") no-repeat center; }



.xwzx-two .left { width: 45%; overflow: hidden; }
.xwzx-two .left .left-top { width: 100%; overflow: hidden; }
.xwzx-two .left .scb-top-box { width: 100%; max-height: 430px; overflow: hidden; margin-top: 40px; }
.xwzx-two .left .scb-top-box .swiper-container { width: 100%; }
.xwzx-two .left .scb-top-box .swiper-container .swiper-slide { overflow: hidden; border-radius: 8px; }
.xwzx-two .left .scb-top-box .swiper-container .swiper-slide img { width: 100%; }
.xwzx-two .left .scb-top-box .swiper-container .swiper-slide .swiper-title { position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; overflow: hidden; padding: 15px 0px; color: #ffffff; background: rgba(0, 0, 0, 0.5); }
.xwzx-two .left .scb-top-box .swiper-container .swiper-slide .swiper-title span { display: block; width: 65%; overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.xwzx-two .left .scb-top-box .swiper-container .swiper-button-prev,
.xwzx-two .left .scb-top-box .swiper-container .swiper-button-next { position: absolute; top: 50%; margin-top: -23px; z-index: 99999; width: 45px; height: 46px; border-radius: 5px; background-size: 100%; }
.xwzx-two .left .scb-top-box .swiper-container .swiper-button-prev { left: 0px; background: url("../ysdwimages/29945960.png") no-repeat center; }
.xwzx-two .left .scb-top-box .swiper-container .swiper-button-next { right: 0px; background: url("../ysdwimages/30347060.png") no-repeat center; }

.xwzx-three { margin-top: 15px; margin-bottom:80px; }
.xwzx-three .subject-con-box { max-height: 230px; overflow: hidden; margin-top: 40px; border-bottom:1px dashed #dfdede;}
.xwzx-three .subject-con-box .asb-name{border-bottom:1px dashed #dfdede;}
.xwzx-three .swiper-container { padding: 0px 10px; }
.xwzx-three .swiper-wrapper { padding: 10px 0px; } 
.xwzx-three .swiper-container .swiper-slide { overflow: hidden; text-align: center; border-radius: 8px; 
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0,0.5);
 -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
.xwzx-three .swiper-container .swiper-slide img { width: 100%; max-height: 240px; }
.xwzx-three .swiper-container .swiper-slide-active, .xwzx-three .swiper-container .swiper-slide-duplicate-active { z-index: 99999; filter:blur(0); -webkit-filter:blur(0); }
.xwzx-three .swiper-container .swiper-slide-active, .xwzx-three .swiper-container .swiper-slide-duplicate-active img { filter：blur(0); }
.xwzx-three .swiper-container .swiper-pagination { display: none; }
.xwzx-three .swiper-container .swiper-button-prev, .xwzx-three .swiper-container .swiper-button-next { position: absolute; top: 50%; margin-top: -23px; z-index: 99999; width: 45px; height: 46px; border-radius: 5px; background-size: 100%; }
.xwzx-three .swiper-container .swiper-button-prev { left: 10px; background: url("../ysdwimages/whs_ztleft.png") no-repeat center; }
.xwzx-three .swiper-container .swiper-button-next { right: 10px; background: url("../ysdwimages/whs_ztright.png") no-repeat center; }



/*  党建文化 */

.djwh-con-box .djwh-one .left { width: 50%; max-height: 480px; overflow: hidden; }
.djwh-one .left .swiper-container { width: 100%; }
.djwh-one .left .swiper-container .swiper-slide { overflow: hidden; border-radius: 5px; position: relative; }
.djwh-one .left .swiper-container .swiper-slide img { width: 100%; }
.djwh-one .left .swiper-container .swiper-slide .swiper-title { position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; overflow: hidden; padding: 15px 0px; color: #ffffff; background: rgba(0, 0, 0, 0.5); }
.djwh-one .left .swiper-container .swiper-slide .swiper-title span { display: block; width: 65%; overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.djwh-one .left .swiper-button-prev, .djwh-one .left .swiper-button-next { position: absolute; top: 50%; margin-top: -23px; z-index: 99999; width: 45px; height: 46px; border-radius: 5px; -webkit-user-select: none; user-select: none; }
.djwh-one .left .swiper-button-prev { left: 0px; background: url("../ysdwimages/29945960.png") no-repeat center; }
.djwh-one .left .swiper-button-next { right: 0px; background: url("../ysdwimages/30347060.png") no-repeat center; }

.djwh-two .right .scb-top-box { width: 100%; max-height: 405px; overflow: hidden; margin-top: 30px; border-radius: 5px; }
.djwh-two .right .swiper-container { width: 100%; }
.djwh-two .right .swiper-container .swiper-slide { overflow: hidden; position: relative; }
.djwh-two .right .swiper-container .swiper-slide img { width: 100%; }
.djwh-two .right .swiper-container .swiper-slide .swiper-title { position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; overflow: hidden; padding: 15px 0px; line-height: 20px; font-size: 16px; color: #ffffff; text-indent: 1em;
 transition: all 0.6s; background: rgba(0, 0, 0, 0.5); }
.djwh-two .right .swiper-container .swiper-slide .swiper-title span { display: block; width: 65%; overflow: hidden; line-height: 20px; font-size: 16px; text-indent: 1em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.djwh-two .right .swiper-container .swiper-button-prev, .djwh-two .right .swiper-container .swiper-button-next { position: absolute; top: 50%; margin-top: -23px; z-index: 99999; width: 45px; height: 46px; border-radius: 5px; }
.djwh-two .right .swiper-container .swiper-button-prev { left: 0px; background: url("../ysdwimages/29945960.png") no-repeat center; }
.djwh-two .right .swiper-container .swiper-button-next { right: 0px; background: url("../ysdwimages/30347060.png") no-repeat center; }





.djwh-con-box { width: 100%; overflow: hidden; padding-bottom: 85px; }
.djwh-con-box .djwh-one { margin-top: 60px; }
.djwh-con-box .djwh-one .right { width: 46%; overflow: hidden; }
.djwh-con-box .djwh-one .right .subject-con-box { width: 100%; overflow: hidden; margin-top: 25px; }
.djwh-con-box .djwh-one .right .subject-con-box ul li { width: 100%; overflow: hidden; padding: 23px 0px; position: relative; }
.djwh-con-box .djwh-one .right .subject-con-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #014099; }
.djwh-con-box .djwh-one .right .subject-con-box ul li .fl { width: 80%; 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; }
.djwh-con-box .djwh-one .right .subject-con-box ul li .fl a { color: #000000; }
.djwh-con-box .djwh-one .right .subject-con-box ul li .fr { width: 20%; overflow: hidden; line-height: 20px; font-size: 14px; color: #cccccc; text-align: right; }
.djwh-con-box .djwh-one .right .subject-con-box ul li .fr a { color: #cccccc; }

.djwh-con-box .djwh-two { margin-top: 60px; }
.djwh-con-box .djwh-two .left { width: 50%; overflow: hidden; }
.djwh-con-box .djwh-two .left .left-top, .djwh-con-box .djwh-two .left .left-bottom { width: 100%; overflow: hidden; }
.djwh-con-box .djwh-two .left .scb-bottom-box { width: 100%; overflow: hidden; margin-top: 20px; }
.djwh-con-box .djwh-two .left .scb-bottom-box ul li { width: 100%; overflow: hidden; padding: 15px 0px; position: relative; }
.djwh-con-box .djwh-two .left .scb-bottom-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #014099; }
.djwh-con-box .djwh-two .left .scb-bottom-box ul li .fl { width: 80%; 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; }
.djwh-con-box .djwh-two .left .scb-bottom-box ul li .fl a { color: #000000; }
.djwh-con-box .djwh-two .left .scb-bottom-box ul li .fr { width: 20%; overflow: hidden; line-height: 20px; font-size: 14px; color: #cccccc; text-align: right; }
.djwh-con-box .djwh-two .left .scb-bottom-box ul li .fr a { color: #cccccc; }
.djwh-con-box .djwh-two .right { width: 46%; overflow: hidden; }
.djwh-con-box .djwh-two .right .scb-bottom-box { width: 100%; overflow: hidden; margin-top: 25px; }
.djwh-con-box .djwh-two .right .scb-bottom-box ul li { width: 100%; overflow: hidden; padding: 25px 0px; position: relative; }
.djwh-con-box .djwh-two .right .scb-bottom-box ul li:after { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #014099; }
.djwh-con-box .djwh-two .right .scb-bottom-box ul li .fl { width: 80%; 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; }
.djwh-con-box .djwh-two .right .scb-bottom-box ul li .fl a { color: #000000; }
.djwh-con-box .djwh-two .right .scb-bottom-box ul li .fr { width: 20%; overflow: hidden; line-height: 20px; font-size: 14px; color: #cccccc; text-align: right; }
.djwh-con-box .djwh-two .right .scb-bottom-box ul li .fr a { color: #cccccc; }


.djwh-two .left .left-bottom { margin-top: 60px; }
.djwh-two .left .left-bottom .subject-con-box { max-height: 300px; margin-top: 40px; position: relative; }
.djwh-two .left .left-bottom .subject-con-box .swiper-container { width: 100%; }
.djwh-two .left .left-bottom .subject-con-box .swiper-slide { overflow: hidden; border-radius: 5px; }
.djwh-two .left .left-bottom .subject-con-box .swiper-slide img { width: 100%; }
.djwh-two .left .left-bottom .subject-con-box .swiper-pagination { display: none; }
.djwh-two .left .left-bottom .subject-con-box .swiper-button-prev,
.djwh-two .left .left-bottom .subject-con-box .swiper-button-next { position: absolute; top: 50%; margin-top: -35px; z-index: 99999; width: 38px; height: 70px; background-size: 100%!important; }
.djwh-two .left .left-bottom .subject-con-box .swiper-button-prev { left: 0px; background: url(../ysdwimages/ygs_29945963.png) no-repeat center; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.djwh-two .left .left-bottom .subject-con-box .swiper-button-next { right: 0px; background: url(../ysdwimages/ygs_30347063.png) no-repeat center; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.djwh-con-box .djwh-three { margin-top: 50px; }
.djwh-two .left .scb-top-box { width: 100%; max-height: 145px; overflow: hidden; margin-top: 30px; }
.djwh-two .left .scb-top-box .swiper-container { width: 100%; }
.djwh-two .left .scb-top-box .swiper-container .swiper-slide { overflow: hidden; border-radius: 8px; position: relative; }
.djwh-two .left .scb-top-box .swiper-container .swiper-slide img { width: 100%; }
.djwh-two .left .scb-top-box .swiper-container .swiper-slide .swiper-title { position: absolute; left: 0px; bottom: 0px; z-index: 99999; width: 100%; overflow: hidden; padding: 10px 0px; line-height: 18px; font-size: 16px; color: #ffffff;
 transition: all 0.6s; background: url(../ysdwimages/ygs_29945963.png) center; }
.djwh-two .left .scb-top-box .swiper-container .swiper-slide .swiper-title span { width: 96%; height: 20px; overflow: hidden; margin: 0 auto; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.djwh-two .left .scb-top-box .swiper-container .swiper-pagination { display: none; }
.djwh-two .left .scb-top-box .swiper-button-prev, .djwh-two .left .scb-top-box .swiper-button-next { position: absolute; top: 50%; margin-top: -35px; z-index: 99999; width: 38px; height: 70px; background-size: 100%; }
.djwh-two .left .scb-top-box .swiper-button-prev { left: 0px; background: url(../ysdwimages/ygs_29945963.png) no-repeat center; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.djwh-two .left .scb-top-box .swiper-button-next { right: 0px; background: url(../ysdwimages/ygs_30347063.png) no-repeat center; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

/* 主业领域 */
.zyly-con-box { width: 100%; overflow: hidden; padding-bottom: 85px; }
.zyly-one { width: 100%; overflow: hidden; margin-top: 60px; }
.zyly-one dl { width: 100%; overflow: hidden; }
.zyly-one dl dd { padding: 1% 1.5%; overflow: hidden; float: left; margin-right: 2%; font-size: 18px; color: #7e7e7e; border: solid 1px #d2d2d2; box-sizing: border-box; border-radius: 5px; }
.zyly-one dl dd a { color: #7e7e7e; }
.zyly-one dl dd:hover a, .zyly-one dl dd a:hover { color: #014199; }
.zyly-one dl dd.scb-nav-active { padding-bottom: 3%; border: solid 1px #ebf2fc; background: #ebf2fc;
 -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; }
.zyly-one dl dd.scb-nav-active, .zyly-one dl dd.scb-nav-active a { font-size: 20px; font-weight: bold; color: #0a3c9d; }
.zyly-one dl dd.scb-nav-active:hover a, .zyly-one dl dd.scb-nav-active a:hover { font-size: 20px; color: #0a3c9d!important; } 
.zyly-one ul { width: 100%; overflow: hidden; }
.zyly-one ul li { display: none; width: 100%; overflow: hidden; background: #ebf2fc; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: relative; }
.zyly-one ul li img:hover { transform: scale(1); }
.zyly-one ul li.scb-txt-active { display: block!important; margin-top: -2px;
 -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; }
.zyly-one ul li .left { position: absolute; left: 0px; top: 15%; z-index: 99999; width: 33%; overflow: hidden; padding: 0% 11% 0% 6%; line-height: 40px; font-size: 18px; color: #000000; }
.zyly-one ul li .left .left-name { width: 100%; overflow: hidden; line-height: 48px; font-size: 46px; color: #0a3c9d; }
.zyly-one ul li .left .left-text { width: 100%; overflow: hidden; margin-top: 45px; line-height: 50px; font-size: 22px; color: #333333; text-indent: 2em; }
.zyly-one ul li .left .more { line-height:30px; font-size:16px; margin-top:150px; float:right; font-weight:normal; color:#0a3c9d;}

.zyly-one ul li .right { width: 49%; overflow: hidden; }
.zyly-one ul li .right img { display: block; max-width: 100%; }





/* 人才招聘 */
.rczp-con-box { width: 100%; overflow: hidden; padding-bottom: 85px; }
.rczp-con-box .rczp-one { margin-top: 60px; }
.rczp-con-box .rczp-one .left { width: 60%; overflow: hidden; }
.rczp-con-box .rczp-one .left .subject-con-box { margin-top: 22px; }
.rczp-con-box .rczp-one .left .subject-con-box ul { width: 100%; overflow: hidden; }
.rczp-con-box .rczp-one .left .subject-con-box ul li { width: 100%; overflow: hidden; padding: 20px 0px 20px 0px; line-height: 20px;
 position: relative; border-bottom: solid 1px #d6e0ef; }
.rczp-con-box .rczp-one .left .subject-con-box ul li:after { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -3px;
 z-index: 999; width: 6px; height: 6px; background: #014099; }
.rczp-con-box .rczp-one .left .subject-con-box ul li .fl { width: 80%; 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; }
.rczp-con-box .rczp-one .left .subject-con-box ul li .fr { width: 20%; overflow: hidden; line-height: 20px; font-size: 14px; color: #cccccc; text-align: right; }
.rczp-con-box .rczp-one .left .subject-con-box ul li .fr a { color: #cccccc; }
.rczp-con-box .rczp-one .left .subject-con-box .page-box { padding: 45px 0px 10px 0px; }
.rczp-con-box .rczp-one .right { width: 26%; overflow: hidden; }
.rczp-con-box .rczp-one .right ul li { width: 100%; overflow: hidden; margin-top: 55px; border-radius: 5px; }
.rczp-con-box .rczp-one .right ul li:first-child { margin-top: 70px; }
.rczp-con-box .rczp-one .right ul li img { width: 100%; }
.rczp-con-box .rczp-one .right ul li a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.rczp-con-box .rczp-one .right ul li a .pos-fun-name { display: none; position: absolute; left: 0px; top: 0px; z-index: 99999;
 width: 100%; height: 100%; text-align: center;
 background: rgb(255,255,255);
 background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(20,45,124,1) 100%); }
.rczp-con-box .rczp-one .right ul li a .pos-fun-name b { display: block; position: absolute; left: 0px; top: 50%;
 margin-top: -19px; z-index: 99999; width: 100%; overflow: hidden; font-size: 38px; font-weight: 900; color: #ffdeb1;
 letter-spacing: 6px; }
.rczp-con-box .rczp-one .right ul li:hover .pos-fun-name { display: block; -webkit-animation: fade-in 0.3s both;
 animation: fade-in 0.3s both; }
.rczp-con-box .rczp-one .right ul li:hover .pos-fun-name b { -webkit-animation: bounce-in-top 0.9s both;
 animation: bounce-in-top 0.9s both; }


/* 上市公司 */
.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: 90px; }
.wzq-con-box .subject-con-box { margin-top: 60px; }
.wzq-con-box .subject-con-box .all-subject-box { width: 100%; overflow: hidden; font-size: 0px; text-align: center; }
.wzq-con-box .subject-con-box .all-subject-box .asb-name { display: inline-block; padding: 12px 20px; margin: 0 auto;
 line-height: 20px; color: #ffffff; background: rgb(0,64,152); background: linear-gradient(0deg, rgba(0,64,152,1) 0%, rgba(43,117,206,1) 100%);
 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 .scb-con-box { width: 100%; overflow: hidden; margin-top: 30px; }
.wzq-con-box .subject-con-box .scb-con-box > ul > li { width: 20%; overflow: hidden; float: left; margin: 30px 0px 0px 0px; }
.wzq-con-box .subject-con-box .scb-con-box > ul > li dl { width: 90%; padding: 42px 0px 40px 0px; margin: 0 auto; background: #f4f4f4;
 border-radius: 8px; }
.wzq-con-box .subject-con-box .scb-con-box > ul > li dl dt { width: 170px; height: 113px; overflow: hidden; margin: 0px auto 0px auto; font-size: 0px;
 border-radius: 10px; }
.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%; height: 36px; overflow: hidden; margin-top: 35px; 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: 18px;
 font-size: 16px; text-align: center; color: #033f97; }
.wzq-con-box .subject-con-box .scb-con-box > ul > li dl dd b a { color: #033f97; }


/* 信息公开 */
.xxgk-con-box { width: 100%; overflow: hidden; padding-bottom: 90px; }
.xxgk-one { width: 100%; overflow: hidden; margin-top: 60px; }
.xxgk-one .left { width: 70%; overflow: hidden; }
.xxgk-one .left dl { width: 100%; overflow: hidden; margin-top: 60px; }
.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; margin-top: 20px; }
.xxgk-one .left dl dd ul li { width: 100%; overflow: hidden; padding: 20px 0px 20px 0px; line-height: 20px;
 border-bottom: solid 1px #e2e2e2; position: relative; }
.xxgk-one .left dl dd ul li: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 { width: 80%; 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 a { color: #000000; }
.xxgk-one .left dl dd ul li .fr { width: 15%; 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: 23%; overflow: hidden; }
.xxgk-one .right ul{ margin-top:20px;}
.xxgk-one .right ul li { width: 100%; overflow: hidden; margin-top:100px; border-radius: 5px; position: relative; }
.xxgk-one .right ul li:first-child { margin-top: 0px; }
.xxgk-one .right ul li img { width: 100%; }
.xxgk-one .right ul li .pos-fun-name { position: absolute; left: 0px; top: 0px; z-index: 99999; width: 100%; height: 100%;
 background: url(../ysdwimages/ygs_29945994.png) center; }
.xxgk-one .right ul li .pos-fun-name dl { position: absolute; left: 0px; top: 50%; margin-top: -78px; z-index: 99999;
 width: 100%; overflow: hidden; }
.xxgk-one .right ul li .pos-fun-name dl dt, .xxgk-one .right ul li .pos-fun-name dl dd { width: 100%; overflow: hidden;
 margin: 0 auto; text-align: center; }
.xxgk-one .right ul li .pos-fun-name dl dt img { display: block; width: auto; margin: 0 auto; transform: scale(1.0)!important; }
.xxgk-one .right ul li .pos-fun-name dl dt .hover-fun-img { display: none; }
.xxgk-one .right ul li .pos-fun-name dl dd { margin-top: 28px; line-height: 32px; font-size: 30px; color: #014099; }
.xxgk-one .right ul li .pos-fun-name dl dd a { color: #014099; }
.xxgk-one .right ul li:hover .pos-fun-name { background: url(../ysdwimages/29945989.png) center;
 -webkit-animation: fade-in 0.8s both; animation: fade-in 0.8s both; }
.xxgk-one .right ul li:hover .pos-fun-name dl { -webkit-animation: bounce-in-top 0.8s both; animation: bounce-in-top 0.8s both; }
.xxgk-one .right ul li:hover .pos-fun-name dl dt .pos-fun-img { display: none; }
.xxgk-one .right ul li:hover .pos-fun-name dl dt .hover-fun-img { display: block; }
.xxgk-one .right ul li:hover .pos-fun-name dl dd, .xxgk-one .right ul li:hover .pos-fun-name dl dd a { color: #ffffff; }


/* 社会责任 */
.shzr-list-box { width: 100%; overflow: hidden; }
.shzr-list-box { margin-top: 10px; }
.shzr-list-box ul { width: 100%; overflow: hidden; }
.shzr-list-box ul li { width: 100%; overflow: hidden; float: left; margin: 26px 0px; position: relative; }
.shzr-list-box ul li .slb-left { width: 30%; overflow: hidden; }
.shzr-list-box ul li .slb-left a { display: block; padding: 5px; }
.shzr-list-box ul li .slb-left img { width: 100%; 
 -webkit-box-shadow: 0px 0px 5px 0px #999999;
 -moz-box-shadow: 0px 0px 5px 0px #999999;
 box-shadow: 0px 0px 5px 0px #999999; }
.shzr-list-box ul li .slb-right { width: 66%; height: 100%; overflow: hidden; position: absolute; right: 0px; top: 0px; z-index: 99999; 
 display: table; }
.shzr-list-box ul li .slb-right dl { display: table-cell; vertical-align: middle; width: 100%; overflow: hidden; }
.shzr-list-box ul li .slb-right dl dt, .shzr-list-box ul li .slb-right dl dd.slb-dd-name, 
.shzr-list-box ul li .slb-right dl dd.slb-dd-text { width: 100%; overflow: hidden; }
.shzr-list-box ul li .slb-right dl dt { line-height: 20px; font-size: 16px; color: #2e2e2e; }
.shzr-list-box ul li .slb-right dl dd.slb-dd-name { margin-top: 8px; line-height: 30px; font-size: 26px; color: #084ba7; }
.shzr-list-box ul li .slb-right dl dd.slb-dd-text { margin-top: 30px; line-height: 26px; font-size: 14px; text-indent: 2em; color: #2e2e2e;
 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.shzr-list-box ul li .slb-right dl dd.slb-dd-text a { color: #d02626; }