/*----------------全局样式-------------------*/
* { margin: 0px; padding: 0px; font-family: "微软雅黑",tahoma,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-size: 12px; line-height: 24px; text-align: center; background-color: #fff; }
body a { outline: none; }
a { text-decoration: none; }
a:hover { color: #115DB1; }
.w1200 { width: 1200px; margin: 0px auto; }
ul, li { list-style: none; }
img { border: none; }
.left { float: left; }
.right { float: right; }
address, cite, dfn, em, var, i { font-style: normal; }
.blue { color: #296ecc; }
.red { color: #ff3333; }
.none { display: none; }
.mg20 { margin-top: 20px; }
.mg30 { margin-top: 30px; }
.mg40 { margin-top: 40px; }
.mg50 { margin-top: 50px; }
.mg60 { margin-top: 60px; }
:focus { outline: none !important; }

div::-webkit-scrollbar { width: 4px; }
div::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); opacity: 0.2; background: fade(@primary-color, 60%); }
div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: fade(@primary-color, 30%); }

.layui-layer-title { text-align: left }
/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; font-size: 0px; height: 0px; overflow: hidden; }

.index-bg { width: 100%; background: url(//img.cidcchina.cn/upload/202311/01/202311011618322098.jpg) no-repeat top center; font-family: "微软雅黑"; }
.index-top { width: 1200px; margin: 12px auto 0 auto; display: flex; justify-content: space-between; align-items: center; }
.index-top .link { width: 370px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }
.index-top .login { padding: 7px 22px; min-width: 76px; font-size: 14px; color: #fff; background-color: #1763CD; border-radius: 20px; display: flex; align-items: center; justify-content: space-around; }
.index-top .login a { color: #fff; text-decoration: none; }
.index-top .login a:hover { text-decoration: underline; }
.index-logo { margin: 50px auto 0; }
.index-logo-m { display: none; }
.index-logo-m .menu_colse { display: none; }
.index-search { margin: 30px auto 0; width: 600px; display: flex; align-items: center; justify-content: space-around; }
.index-search .text { height: 56px; line-height: 56px; font-size: 16px; background-color: #fff; text-indent: 20px; flex: 1 1 0; border: 0px; border-radius: 5px 0 0 5px; outline: none; }
.index-search .btn { width: 130px; height: 56px; line-height: 56px; padding: 10px 20px; border: 0px; color: #fff; background-color: #1763CD; display: flex; align-items: center; justify-content: space-around; font-family: "微软雅黑"; font-size: 22px; font-weight: bold; letter-spacing: 3px; border-radius: 0 5px 5px 0; }

.banner { width: 100%; position: relative; max-width: 1920px;    margin:40px auto 0; }
.banner .mySwiper { width: 100%; height: 100%; }
.banner .mySwiper .swiper-button-next { width: 62px; height: 62px; background: url(//img.cidcchina.cn/images/swiper-button-next.png) no-repeat; border-radius: 50%; right: 5%; top: 60%; }
.banner .mySwiper .swiper-button-prev { width: 62px; height: 62px; background: url(//img.cidcchina.cn/images/swiper-button-prev.png) no-repeat; border-radius: 50%; left: 5%; top: 60%; }

.banner .mySwiper .swiper-button-next:after, .swiper .swiper-button-prev:after { content: none; }


.banner .mySwiper .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 660px !important; background: no-repeat; background-position-x: center; }

.banner .mySwiper .swiper-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 30px }
.banner .mySwiper .swiper-pagination-bullet { width: 50px; height: 6px; border-radius: 3px; background-color: #fff; opacity: 1 }
.banner .mySwiper .swiper-pagination-bullet-active { background-color: #115db2 }
.banner .mySwiper1 { display: none }

.m-banner { display: none; width: 100%; }

.nav { position: absolute; z-index: 999; top: 0; left: 50%; width: 1200px; margin: auto; margin-left: -600px; border-radius: 10px; background-color: #fff; font-family: "微软雅黑"; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, .2)); }
.nav .list { width: 1180px; margin: auto; padding: 0 10px; font-family: "微软雅黑"; height: 72px; }
.nav .list li { width: 136px; float: left; }
.nav .list .logo { width: 42px; height: 42px; float: left; padding: 15px 20px; }
.nav .list .m { display: none }
.nav .list li a { height: 72px; line-height: 72px; display: inline-block; text-align: center; font-size: 20px; color: #000; text-decoration: none; font-weight: 400; position: relative; }
.nav .list li a.cur:before, .nav .list li a:hover:before { content: ''; width: 100%; height: 4px; border-radius: 2px; background-color: #1763CD; position: absolute; bottom: 0px; }

#index .nav .list li.index a:before, #djyl .nav .list li.djyl a:before, #news .nav .list li.news a:before,#basic_study .nav .list li.basic_study a:before, #job .nav .list li.job a:before, #gysj .nav .list li.gysj a:before, #hzjl .nav .list li.hzjl a:before, #neikan .nav .list li.neikan a:before, #about .nav .list li.about a:before { content: ''; width: 100%; height: 4px; border-radius: 2px; background-color: #1763CD; position: absolute; bottom: 0px; }

.nav .list.border { border-bottom: 1px solid #efefef; }
.nav .show-box { border-top: 1px solid #efefef; width: 100%; display: none; }
.nav .show-box ul { width: 960px; padding: 20px 10px 30px 229px; overflow: hidden; margin: auto }
.nav .show-box li { width: 136px; float: left; }
.nav .show-box li a { height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #4b4b4b; text-decoration: none; font-weight: 400; display: flex; align-items: center; justify-content: center; }
.nav .show-box li a:hover { color: #3F77BB; }
.nav .show-box li a:hover:before { content: ''; width: 3px; height: 18px; border-radius: 2px; background-color: #1763CD; display: inline-block; margin-right: 5px; }
.nav .show-box li a.pic { width: 100%; align-items: flex-start; }
.nav .show-box li a.pic:hover:before { content: none; }
.nav .show-box li a img { width: 105px; border: 2px solid #a42c2d; }
.nav-index { position: absolute; z-index: 9999; top: 20px; left: 50%; margin-left: -600px; }
.nav.fixed { position: fixed; z-index: 999999; margin-top: 0px; }
.sub-nav { width: 100%; height: 95px; position: relative; }
.sub-nav .nav { width: 100%; left: 0; margin: auto; border-radius: 0px }
.sub-nav .nav .list { width: 100%; height: 95px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box }
.sub-nav .nav .list .m { display: initial }
.sub-nav .nav .list .home { display: none }
.sub-nav .nav .list .logo { width: 315px; height: 62px; padding: 0px }
.sub-nav .nav .list .search { width: 18px; height: 18px; padding: 20px 10px 20px 30px; cursor: pointer; position: relative; display: inline-block; }
.sub-nav .nav .list .search .searchs { width: 320px; height: 38px; position: absolute; top: 100px; text-align: center; padding: 12px 13px; line-height: 36px; background: #1763CD; border-radius: 8px; right: 0px; visibility: hidden; opacity: 0; }
.sub-nav .nav .list .search .searchs .ints { width: 240px; height: 36px; background: #fff; border: 0px; line-height: 36px; padding: 0px 10px; }
.sub-nav .nav .list .search .searchs .ands { border: 0px; background: #fff; width: 36px; border: 0px; height: 36px; line-height: 36px; text-align: center; margin-left: 10px; }
.sub-nav .nav .list .search:hover .searchs { visibility: visible; opacity: 1; top: 55px; right: 10px; cursor: pointer; z-index: 999999 }
.sub-nav .nav .list .search .searchs em { display: block; width: 0; height: 0; position: absolute; right: 12px; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #1763CD; }

.sub-nav .nav .list li a { height: 95px; line-height: 95px; }
.sub-nav .nav .list .login { padding: 7px 22px; min-width: 76px; font-size: 14px; color: #fff; background-color: #1763CD; border-radius: 20px; display: flex; align-items: center; justify-content: space-around; }
.sub-nav .nav .list .login a { color: #fff; text-decoration: none; }
.sub-nav .nav .list .login a:hover { text-decoration: underline; }


.sub-nav .show-box { margin: auto }

.index-title { margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 45px; }
.index-title .t1 { font-size: 40px; font-weight: bold; color: #000; }
.index-title .t2 { font-size: 16px; color: #8C8C8C; }
.index-title:after { content: ''; width: 55px; height: 3px; display: inline-block; background-color: #1763CD; margin-top: 10px; }

.index-title1 { width: 1200px; margin: 40px auto 0; display: flex; justify-content: space-between; align-items: flex-start; }
.index-title1 .t { font-size: 24px; font-weight: 600; color: #333; }
.index-title1 .t a { color: #333; position: relative; height: 40px; display: inline-block; cursor: pointer; }
.index-title1 .t em { padding: 0 15px; }
.index-title1 .t a.cur, .index-title1 .t a:hover { color: #115DB1; }
.index-title1 .t a.cur:before, .index-title1 .t a:hover:before { content: ''; position: absolute; bottom: -2px; left: 0px; z-index: 1; width: 96px; height: 5px; border-radius: 2px; border-top: 4px solid #1763CD; background: url(//img.cidcchina.cn/images/h_t_cur.jpg) center bottom no-repeat; display: inline-block; }
.index-title1 .more { text-decoration: none; font-size: 16px; color: #656565; display: inline-block; padding: 1px 17px; border-radius: 5px; font-size: 16px; border: 1px solid #a4a4a4; }
.index-title1 a.more:hover { color: #115DB1; text-decoration: underline; }

.index-main1-bg { background-color: #f2f2f2; padding: 60px 0 40px; }
.index-main1 { width: 1200px; margin: 20px auto 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.index-main1 .item { width: 24%; height: 120px; margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; position: relative; background-color: #fff; border-radius: 10px; cursor: pointer; }
.index-main1 .item:before { content: ''; width: 6px; height: 49px; border-radius: 2px; background-color: #1763CD; display: inline-block; margin-right: 15px; }
.index-main1 .item span { flex: 1 1 0; text-align: left; color: #767676; font-size: 15px; }
.index-main1 .item span b { width: 100%; display: block; height: 40px; line-height: 40px; font-size: 30px; font-weight: inherit; color: #000; font-family: Impact,sans-serif; }
.index-main1 .item:hover { background-color: #2B75BB; }
.index-main1 .item:hover:before { background-color: #fff; }
.index-main1 .item:hover span { color: #fff; }
.index-main1 .item:hover span b { color: #fff; }
.index-main1 .item:hover::after { content: ''; position: absolute; background: url(//img.cidcchina.cn/images/logo.png) no-repeat; background-size: 100% 100%; width: 28px; height: 28px; top: 10px; right: 10px; }

.index-main2-bg { background-color: #fff; padding: 60px 0; }
.index-main2 { width: 1200px; margin: 20px auto 0; display: flex; align-items: flex-start; justify-content: space-between; }
.index-main2 .main2_left { width: 580px; margin-right: 20px; }
.index-main2 .main2_left .img { width: 100%; height: 340px; }
.index-main2 .main2_left .img img { width: 100%; height: 100%; }
.index-main2 .main2_left .c { margin-top: 4px; width: 100%; height: 110px; padding: 10px; box-sizing: border-box; text-align: left; background-color: #F3F3F3; }
.index-main2 .main2_left .c .t { width: 100%; line-height: 40px; height: 40px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.index-main2 .main2_left .c .t a { color: #333; }
.index-main2 .main2_left .c .t a:hover { color: #115DB1; text-decoration: underline; }
.index-main2 .main2_left .c .content { width: 100%; line-height: 20px; height: 40px; font-size: 14px; color: #8D8D8D; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.index-main2 .main2_right { flex: 1 1 0; display: flex; flex-direction: column; }
.index-main2 .main2_right .item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.index-main2 .main2_right .item .img { width: 235px; height: 138px; margin-right: 20px; }
.index-main2 .main2_right .item .img img { width: 100%; height: 100%; }
.index-main2 .main2_right .item .c { flex: 1 1 0; height: 138px; box-sizing: border-box; text-align: left; }
.index-main2 .main2_right .item .c .time { width: 100%; line-height: 40px; height: 40px; font-size: 30px; color: #BFBFBF; }
.index-main2 .main2_right .item .c .t { width: 100%; line-height: 40px; height: 40px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.index-main2 .main2_right .item .c .t a { color: #333; }
.index-main2 .main2_right .item .c .t a:hover { color: #115DB1; text-decoration: underline; }

.index-main2 .main2_right .item .c .content { width: 100%; line-height: 20px; height: 40px; font-size: 14px; color: #8D8D8D; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.index-main2 .main2_right .item:last-child { margin: 0; }
.list_more { text-decoration: none; font-size: 16px; color: #115DB1; display: inline-block; padding: 5px 40px; border-radius: 5px; font-size: 16px; border: 1px solid #115DB1; margin: auto; margin-top: 30px; }
.list_more:hover { text-decoration: underline; }

.index-main3-bg { background-color: #f2f2f2; padding: 60px 0; }
.index-main3 { width: 1200px; margin: 20px auto 0; display: flex; justify-content: space-between; }
.index-main3 .main3_left { width: 580px; height: 350px; margin-right: 30px; overflow: hidden; }
.index-main3 .main3_left .swiper-slide { position: relative; text-align: center; }
.index-main3 .main3_left .swiper-slide img { width: 580px; height: 350px; }
.index-main3 .main3_left .swiper-slide .title { text-indent: 10px; text-align: left; font-size: 18px; height: 42px; line-height: 42px; color: #fff; position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.3); background: rgba(0,0,0,0.3); }
.index-main3 .main3_left .swiper-slide .title a { color: #fff; font-weight: normal; }
.index-main3 .main3_left .swiper-slide .title a:hover { color: #115DB1; text-decoration: underline; text-shadow: none; }

.index-main3 .main3_left .swiper-pagination { padding-right: 10px; text-align: right; box-sizing: border-box; }
.index-main3 .main3_left .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; }
.index-main3 .main3_left .swiper-pagination .swiper-pagination-bullet-active { background-color: #115DB1; }
.index-main3 .main3_right { flex: 1 1 0; }
.index-main3 .main3_right li { margin-bottom: 23px; }
.index-main3 .main3_right li a { font-size: 16px; display: flex; align-items: center; justify-content: space-between; text-align: left; text-decoration: none; }
.index-main3 .main3_right li a samp { color: #666; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.index-main3 .main3_right li a samp:before { content: ''; margin-right: 8px; margin-top: -2px; width: 6px; height: 6px; border-radius: 50%; display: inline-block; background-color: #C1CDD7; vertical-align: middle; }
.index-main3 .main3_right li a span { color: #8A8A8A; width: 90px; margin-left: 10px; text-align: right; }
.index-main3 .main3_right li a:hover samp { color: #115DB1; text-decoration: underline; }
.index-main3 .main3_right li a:hover span { color: #115DB1; text-decoration: underline; }

.index-main3 .main3_right li:last-child { margin: 0; }

.jcjs-bg { background-color: #fff; padding: 20px 0 0; margin-bottom: 50px }
.jcjs { width: 1200px; margin: auto; color: #000; }
.jcjs .title { width: 100%; text-align: center; position: relative; height: 80px; line-height: 60px; font-size: 40px; font-weight: bold; margin: 30px 0; color: #000; }
.jcjs .title::before { height: 3px; width: 54px; background: #115DB2; bottom: 0; left: calc(50% - 27px); position: absolute; z-index: 0; content: ''; display: block; }
.jcjs .list { width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.jcjs .list .item { background-color: #fff; color: #000; font-size: 24px; width: 390px; margin-bottom: 20px; line-height: 0; box-sizing: border-box; border-radius: 10px; display: flex; align-items: center; align-content: space-between; justify-content: space-evenly; flex-direction: column; }
.jcjs .list .item img { width:100%}
/*.jcjs .list .item { color: #fff; font-size: 24px; background: url(//img.cidcchina.cn/images/jcjs_item.jpg) no-repeat center center; background-size: 100% 100%; width: 285px; height: 146px; margin-bottom: 20px; line-height: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 10px }
.jcjs .list .item:hover { background: url(//img.cidcchina.cn/images/jcjs_item_cur.jpg) no-repeat center center; background-size: 100% 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }

.jcjs .list .item:nth-child(n+9) { width: 100%; height: 143px; background: url(//img.cidcchina.cn/images/ad_06.jpg) no-repeat center center; background-size: 100% 100%; flex-direction: column; line-height: 50px; }
.jcjs .list .item:nth-child(n+9):hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }*/
.h_rcwf-bg { background-color: #F2F2F2; padding: 20px 0 70px; }
.h_rcwf { width: 1200px; margin: auto; color: #000; }
.h_rcwf .title { width: 100%; text-align: center; position: relative; height: 80px; line-height: 60px; font-size: 40px; font-weight: bold; margin: 30px 0; color: #000; }
.h_rcwf .title::before { height: 3px; width: 54px; background: #2C76BD; bottom: 0; left: calc(50% - 27px); position: absolute; z-index: 0; content: ''; display: block; }
.h_rcwf .list { width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.h_rcwf .list .item { background-color: #fff; color: #000; font-size: 24px; width: 390px;  margin-bottom: 20px; line-height: 0; box-sizing: border-box; border-radius: 10px; display: flex; align-items: center; align-content: space-between; justify-content: space-evenly; flex-direction: column; }
.h_rcwf .list .item img{width:100%}
.h_rcwf .list .item span { width: 100%; font-size: 24px; color: #000; height: 30px; line-height: 30px }
.h_rcwf .list .item samp { font-size: 14px; color: #fff; background-color: #5461D6; height: 30px; width: 100px; line-height: 30px; border-radius: 15px; }
.h_rcwf .list .item:hover { background: url(//img.cidcchina.cn/images/h_rcwf_item_cur.jpg) no-repeat center center; background-size: 100% 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.h_rcwf .list .item:hover span { color: #fff; }
.h_rcwf .list .item:hover samp { color: #0069ff; background-color: #fff }
.h_rcwf .list .item:nth-child(n+7) { width: 100%; height: 148px; background: url(//img.cidcchina.cn/images/h_rcwf7.jpg) no-repeat center center; background-size: 100% 100%; flex-direction: column; line-height: 50px; }
.h_rcwf .list .item:nth-child(n+7):hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }


.index-main4-bg { background-color: #fff; padding: 20px 0 0; margin-bottom: 50px }
.index-main4 { width: 1200px; margin: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; color: #115db2; }

.index-main4 .index-job { width: 100%; text-align: center; position: relative; height: 80px; line-height: 60px; font-size: 40px; font-weight: bold; margin: 30px 0; color: #000; }
.index-main4 .index-job::before { height: 3px; width: 54px; background: #2C76BD; bottom: 0; left: calc(50% - 27px); position: absolute; z-index: 0; content: ''; display: block; }
.index-main4 .index-job2 { margin-top: 60px }
.index-main4 .list { width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.index-main4 .item { width:24%; margin-bottom: 20px; line-height: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 10px }
.index-main4 .item .title { color: #115db2; font-weight: bold; font-size: 22px; position: relative; padding-bottom: 10px; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff }
.index-main4 .item .title::after { width: 62px; height: 2px; background: #115db2; content: ''; position: absolute; bottom: 0px; left: calc(50% - 31px); border: 2px solid #fff; border-radius: 2px; }
.index-main4 .item .more { color: #115db2; width: 80%; font-size: 14px; font-weight: bold; display: block; line-height: 20px; margin-top: 10px; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; }
.index-main4 .item .more:hover { color: #115DB1; text-decoration: underline; }

.index-main4 .item:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.index-main4 .item:nth-child(5) { width: 100%; }
.index-main4 .item img { width: 100%; border-radius: 10px }
.index-main4 .item:nth-child(n+7) { width: 285px; margin-bottom: 0px }
.index-main4 .item1 { width: 100%; height: 143px; background: url(//img.cidcchina.cn/images/ad_01.jpg) no-repeat center center; background-size: 100% 100%; padding: 60px 50px; justify-content: flex-end; border-radius: 10px }
.index-main4 .item1 .com { flex: 1 1 0; text-align: left; }
.index-main4 .item1 .com span { font-size: 40px; font-weight: bold; display: block; line-height: 40px; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff }
.index-main4 .item1 .com samp { font-size: 16px; display: block; line-height: 30px; margin-top: 10px; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; }
.index-main4 .item1 .btn { width: 150px; height: 42px; line-height: 42px; font-size: 17px; color: #2b76bc; font-weight: bold; background: #fff; border-radius: 30px; }
.index-main4 .item1 .btn a { color: #2b76bc; }
.index-main4 .item1 .btn a:hover { text-decoration: underline; }

.index-main4 .item6 { width: 100%; height: 143px; background: url(//img.cidcchina.cn/images/ad_06.jpg) no-repeat center center; background-size: 100% 100%; flex-direction: column; line-height: 50px; }
.index-main4 .item6 span { font-size: 40px; font-weight: bold; display: block; text-shadow: 0 2px #fff, 2px 0 #fff, -2px 0 #fff, 0 -2px #fff }
.index-main4 .item6 p { font-weight: 500; font-size: 20px; display: block; line-height: 30px; margin-top: 10px; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff; }
.index-main4 .item6 p samp { font-size: 14px; }
.index-main4 .item6 .btn { width: 230px; height: 35px; line-height: 35px; font-size: 22px; color: #fff; font-weight: bold; background: #115db2; border: 2px solid #fff; border-radius: 30px; margin-top: 10px; }
.index-main4 .item6 .btn a { color: #fff; }
.index-main4 .item6 .btn a:hover { text-decoration: underline; }



.footer { width: 100%; background-color: #fff; }
.footer .foot_link { width: 1200px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 30px 0; line-height: 0px }
.footer .foot_link a { width: 185px; }
.footer .foot_link a img { border-radius: 6px; width: 100%; }
.footer .foot_link a:hover { border-radius: 6px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }

.footer1 { width: 100%; background-color: #105CB0; padding: 20px 0; }

.footer1 .link { width: 1200px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.footer1 .link .link1 { color: #fff; }
.footer1 .link .link1 a { color: #fff; margin: 0 5px; }
.footer1 .link .link1 a:first-child { margin-left: 0 }
.footer1 .link .link1 a:hover { color: #e83a2c; text-decoration: underline; }
.footer1 .link .link2 { border: 1px solid #fff; padding: 0px 5px; line-height: 25px; position: relative }
.footer1 .link .link2 span { cursor: pointer; padding-left: 5px; color: #fff }
.footer1 .link .link2 i { width: 12px; height: 6px; display: inline-block; background: url(//img.cidcchina.cn/images/up_down.png) no-repeat; background-position: 0 -8px; margin-left: 5px; }

.footer1 .link .link2 dl { display: none; position: absolute; background-color: #fff; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, .2)); padding: 10px 15px; max-height: 235px; top: 28px; right: -1px; width: 1170px; height: 140px; overflow-y: hidden; z-index: 9999; }
.footer1 .link .link2 dl dd { margin: 5px 10px; white-space: nowrap; border-bottom: 1px dotted #efefef; text-align: left; float: left; }
.footer1 .link .link2 dl dd a { text-decoration: none; color: #333; font-size: 16px; }
.footer1 .link .link2 dl dd a:hover { text-decoration: underline; color: #115DB1; }
.footer1 .link .link2.cur i { background-position: 0 0px; }
.footer1 .link .link2.cur dl { display: block; }

.footer1 .foot { width: 1200px; margin: auto; padding: 30px 0; overflow: hidden; display: flex; align-items: center; justify-content: space-between; color: #fff; }

.footer1 .foot a { color: #fff; }
.footer1 .foot a:hover { color: #e83a2c; text-decoration: underline; }
.footer1 .foot .left { width: 50%; line-height: 30px; font-size: 16px; color: #fff; text-align: left; }
.footer1 .foot .right { width: 35%; text-align: center; display: flex; align-items: center; justify-content: space-between; }
.footer1 .foot .right div { min-width: 100px; line-height: 16px; position: relative }

.page-top { display: none; width: 48px; height: 46px; padding: 13px 10px; position: fixed; bottom: 200px; right: 20px; z-index: 9999; background: #1571C3; border-radius: 10px; text-align: center; line-height: 35px; font-size: 12px; color: #fff; cursor: pointer; }
.page-top img { display: block; margin: auto; }


.sub_bg { width: 100%; font-family: "微软雅黑"; overflow: hidden }
.sub_top { width: 1200px; margin: auto; display: flex; align-items: flex-end; justify-content: space-between; margin: 20px auto 0; padding-bottom: 35px }
.sub-logo { padding: 0 }

.sub-right { display: flex; align-items: flex-end; flex-direction: column }

.sub-right .login { padding: 5px 0px; margin-bottom: 12px; max-width: 76px; font-size: 14px; color: #1763CD; background-color: #fff; border-radius: 20px; display: flex; align-items: center; justify-content: space-around; display: block }

.sub-right .login a { color: #1763CD; text-decoration: none; }

.sub-right .login a:hover { text-decoration: underline; }



.sub-search { width: 420px; display: flex; align-items: center; justify-content: space-around; background-color: #1763CD; border-radius: 5px }
.sub-search .text { height: 43px; line-height: 43px; font-size: 16px; background-color: #fff; border: 1px solid #1763CD; text-indent: 20px; flex: 1 1 0; border-radius: 5px 0 0 5px; outline: none; }
.sub-search .btn { width: 90px; height: 45px; line-height: 45px; border: 0px; color: #fff; background-color: #1763CD; display: flex; align-items: center; justify-content: space-around; font-family: "微软雅黑"; font-size: 18px; font-weight: bold; letter-spacing: 3px; border-radius: 0 5px 5px 0; }
.sub_banner { width: 100%; background: url(//img.cidcchina.cn/upload/202311/09/202311091426455098.jpg) no-repeat center center; height: 300px; margin: auto; }

#djyl .sub_banner { background: url(//img.cidcchina.cn/images/djyl_banner.jpg) no-repeat center center; }
#news .sub_banner { background: url(//img.cidcchina.cn/images/news_banner.jpg) no-repeat center center; }
#job .sub_banner { background: url(//img.cidcchina.cn/images/job_banner.jpg) no-repeat center center; }
#basic_study .sub_banner { background: url(//img.cidcchina.cn/images/job_banner.jpg) no-repeat center center; }

#gysj .sub_banner { background: url(//img.cidcchina.cn/images/gysj_banner.jpg) no-repeat center center; }
#neikan .sub_banner { background: url(//img.cidcchina.cn/images/neikan_banner.jpg) no-repeat center center; margin-bottom: 40px }
#user .sub_banner { background: url(//img.cidcchina.cn/upload/202311/09/202311091426455098.jpg) no-repeat center center; margin-bottom: 40px }
#hzjl .sub_banner { background: url(//img.cidcchina.cn/images/job_banner.jpg) no-repeat center center; }

.sub-main1-bg { background-color: #fff; padding: 60px 0; }
.sub-main2-bg { background-color: #eaeaea; padding: 60px 0; }
.sub-main3 { width: 1200px; margin: 20px auto 0; display: flex; align-items: center; justify-content: space-between; }
.sub-main3 .swiper-slide { width: 590px; }
.sub-main3 .swiper-slide .img { width: 100%; height: 340px; }
.sub-main3 .swiper-slide .img img { width: 100%; height: 100%; }
.sub-main3 .swiper-slide .c { margin-top: 4px; width: 100%; height: 110px; padding: 10px; box-sizing: border-box; text-align: left; background-color: #F3F3F3; }
.sub-main3 .swiper-slide .c .t { width: 100%; line-height: 40px; height: 40px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sub-main3 .swiper-slide .c .t a { color: #333; }
.sub-main3 .swiper-slide .c .t a:hover { color: #115DB1; text-decoration: underline; }
.sub-main3 .swiper-slide .c .content { width: 100%; line-height: 20px; height: 40px; font-size: 14px; color: #8D8D8D; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub-main3 .swiper-button-next, .sub-main3 .swiper-button-prev { font-size: 24px; width: 42px; height: 84px; background: rgba(0,0,0,0.3); }
.sub-main3 .swiper-button-prev { left: 0px; top: 32%; }
.sub-main3 .swiper-button-next { right: 0px; top: 32%; }
.sub-main3 .swiper-button-prev::after { content: 'prev'; font-family: swiper-icons; font-size: 28px; font-weight: bold; color: #fff; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; }
.sub-main3 .swiper-button-next::after { font-size: 28px; font-weight: bold; color: #fff; }

.sub-main4-bg { background-color: #eaeaea; padding: 60px 0; }
.sub-main4 { width: 1200px; margin: 20px auto 0; display: flex; align-items: self-start; justify-content: space-between; }
.sub-main4 .main3_left { width: 580px; height: 350px; margin-right: 30px; overflow: hidden; }
.sub-main4 .main3_left .swiper-slide { position: relative; text-align: center; }
.sub-main4 .main3_left .swiper-slide img { width: 580px; height: 350px; }
.sub-main4 .main3_left .swiper-slide .title { text-indent: 10px; text-align: left; font-size: 16px; height: 42px; line-height: 42px; position: absolute; left: 0; bottom: 0; right: 0; font-weight: normal; background-color: rgba(0,0,0,0.3); background: rgba(0,0,0,0.3); }
.sub-main4 .main3_left .swiper-slide .title a { color: #fff; }
.sub-main4 .main3_left .swiper-slide .title a:hover { color: #115DB1; text-decoration: underline; }
.sub-main4 .main3_left .swiper-pagination { padding-right: 10px; text-align: right; box-sizing: border-box; }
.sub-main4 .main3_left .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; }
.sub-main4 .main3_left .swiper-pagination .swiper-pagination-bullet-active { background-color: #115DB1; }
.sub-main4 .main3_right { flex: 1 1 0; }
.sub-main4 .main3_right li { margin-bottom: 23px; }
.sub-main4 .main3_right li a { font-size: 16px; display: flex; align-items: center; justify-content: space-between; text-align: left; text-decoration: none; }
.sub-main4 .main3_right li a samp { color: #666; flex: 1 1 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sub-main4 .main3_right li a samp:before { content: ''; margin-right: 8px; margin-top: -2px; width: 6px; height: 6px; border-radius: 50%; display: inline-block; background-color: #C1CDD7; vertical-align: middle; }
.sub-main4 .main3_right li a span { color: #8A8A8A; width: 90px; margin-left: 10px; text-align: right; }
.sub-main4 .main3_right li a:hover samp { color: #115DB1; text-decoration: underline; }

.sub-main4 .main3_right li:last-child { margin: 0; }

.sub-banner { width: 100%; }
.sub_banner2 { width: 100%; background: url(//img.cidcchina.cn/images/sub_bg2.jpg) #fff no-repeat top center; height: 94px; margin: auto; }
.sub_mian { width: 1200px; margin: 40px auto; display: flex; align-items: flex-start; justify-content: space-between; }
.sub_mian .left { width: 150px; margin-right: 50px; }
.sub_mian .left .title { color: #3F77BB; font-size: 22px; font-weight: bold; height: 50px; margin: 10px 0; position: relative; }
.sub_mian .left .title::after { position: absolute; bottom: 0; content: ''; width: 30px; height: 2px; right: 20px; background: #DCDCDC; z-index: 1; display: inline-block; }
.sub_mian .left ul { width: 100%; }
.sub_mian .left li { width: 100%; text-align: center; font-size: 18px; margin: 5px 0 }
.sub_mian .left li a { width: 100%; min-height: 25px; line-height: 25px; padding:10px 0;  color: #212121; display: block; }
.sub_mian .left li a:hover, .sub_mian .left li a.cur { color: #fff; background-color: #3F77BB; }
.sub_mian .right { width: 1000px; }
.sub_mian .right .ad { width: 100%; }
.sub_mian .right .ad img { width: 100%; border-radius: 10px }
.sub_mian .right .list { display: flex; flex-direction: column; padding: 20px 0; }
.sub_mian .right .list .item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.sub_mian .right .list .item .img { width: 235px; height: 138px; margin-right: 20px; }
.sub_mian .right .list .item .img img { max-width: 100%; max-height: 100%; }
.sub_mian .right .list .item .c { flex: 1 1 0; height: 138px; box-sizing: border-box; text-align: left; }
.sub_mian .right .list .item .c .time { width: 100%; line-height: 40px; height: 40px; font-size: 30px; color: #BFBFBF; }
.sub_mian .right .list .item .c .t { width: 100%; line-height: 40px; height: 40px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sub_mian .right .list .item .c .t a { color: #333; }
.sub_mian .right .list .item .c .t a:hover { color: #115DB1; text-decoration: underline; }
.sub_mian .right .list .item .c .content { width: 100%; line-height: 20px; height: 40px; font-size: 14px; color: #8D8D8D; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sub_mian .right .list .item:last-child { margin: 0; }


.sub_mian .right .video_list { display: flex;align-items: center;  padding: 20px 0;flex-wrap: wrap; }
.sub_mian .right .video_list .item {border-radius: 5px;width:32%; margin-right:2%; margin-bottom:20px; height:280px;    line-height: 60px; display: flex; flex-direction: column; align-content: center;  font-size: 16px; text-align: left; }
.sub_mian .right .video_list .item a{ color: #000;}
.sub_mian .right .video_list .item .img{width:100%; height:220px;border-radius:5px; overflow:hidden;     position: relative;}
.sub_mian .right .video_list .item .img a{font-size:0px}
.sub_mian .right .video_list .item .img a:before{ background:url(//img.cidcchina.cn/images/video_play.png) no-repeat left top; background-size:80px 80px;   position: absolute;  content: '';   left:calc(50% - 40px);    top: calc(50% - 40px);    width: 80px;    height: 80px;    z-index: 1;}
.sub_mian .right .video_list .item .img a i{position: absolute;  z-index: 1; top:0px; right:0px; padding:0 5px; min-width: 30px; text-align:center; height: 25px; line-height:25px; color:#fff; background-color:#ff0000c7; font-size:14px;border-radius:0 5px 0 5px;}
.sub_mian .right .video_list .item img{width:100%; height:220px;border-radius:5px; transition: transform 0.3s ease;}
.sub_mian .right .video_list .item span { font-size:16px; position: relative; line-height: 35px; width:100%; box-sizing: border-box;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
.sub_mian .right .video_list .item samp { font-size:14px; color:#9B9B9B; line-height: 16px;   width:100%; box-sizing: border-box;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }
.sub_mian .right .video_list .item:nth-child(3n+3) { margin-right: 0px; }
.sub_mian .right .video_list .item:hover img{ transform: scale(1.1); }
.sub_mian .right .video_list .item:hover span a{ color:#ff5f00 }

.job_sub_content{max-width:1200px; margin:auto; background-color:#fff; padding:20px 30px;box-sizing: border-box;  }
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#A9A9A9; font-size:14px; text-align:left; }
    .location a{ margin:0 5px;color:#A9A9A9; }  
    .location a:hover{ color:#3F77BB; }
    .location span{ color:#A9A9A9; }

.job_show_box{width:100%; display: flex;flex-direction: column;}
.job_show_box .title{ font-size:20px; height:40px; line-height:40px; width:100%; }
.job_show_box .box{ width:100%;display: flex; align-items: center; justify-content: space-between;padding: 20px;box-sizing: border-box;background-color: #efefef; }
.job_show_box .box .item{ width:48%; }
.job_show_box .box .item img{width:100%; }


.sub_mian .right .img_list { display: flex;align-items: center;  padding: 20px 0;flex-wrap: wrap; }
.sub_mian .right .img_list .item {border-radius: 5px;width:30%; padding:1%; margin-right:2%; margin-bottom:20px; height:260px;    line-height: 60px; display: flex; flex-direction: column; align-content: center;  font-size: 16px; text-align: left; background-color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); }
.sub_mian .right .img_list .item a{ color: #000;}
.sub_mian .right .img_list .item .img{width:100%; height:220px;border-radius:5px; overflow:hidden;     position: relative;}
.sub_mian .right .img_list .item .img a{font-size:0px}
.sub_mian .right .img_list .item .img a i{position: absolute;  z-index: 1; top:0px; right:0px; padding:0 5px; min-width: 30px; text-align:center; height: 25px; line-height:25px; color:#fff; background-color:#ff0000c7; font-size:14px;border-radius:0 5px 0 5px;}
.sub_mian .right .img_list .item img{width:100%; height:220px;border-radius:5px; transition: transform 0.3s ease;}
.sub_mian .right .img_list .item span { font-size:16px; position: relative; line-height:40px; width:100%; box-sizing: border-box;overflow: hidden; text-align:center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }

.sub_mian .right .img_list .item:nth-child(3n+3) { margin-right: 0px; }
.sub_mian .right .img_list .item:hover img{ transform: scale(1.1); }
.sub_mian .right .img_list .item:hover span a{ color:#ff5f00 }









.sub_mian1 { width: 1200px; margin: 40px auto; }
.sub_mian1 .title { width: 100%; font-size: 36px; line-height: 45px; font-weight: bold; color: #000; display: block; }
.sub_mian1 .main { width: 100%; margin: 30px 0; display: flex; align-items: flex-start; justify-content: space-between; }
.sub_mian1 .main .left { width: 120px; padding-right: 60px; }
.sub_mian1 .main .left .time { padding: 15px 10px; width: 98px; text-align: center; line-height: 40px; height: 80px; border: 1px solid #CCCCCC; border-radius: 10px; font-size: 22px; color: #656565; }
.sub_mian1 .main .left .time b { display: block; width: 100%; font-size: 30px; color: #000; }
.sub_mian1 .main .left .share { width: 100%; padding: 20px 0; display: flex; flex-direction: column; align-items: center; justify-content: space-around; color: #000; font-size: 16px; font-weight: bold; height: 280px; }
.sub_mian1 .main .left .share:before { content: ''; width: 54px; height: 4px; background: #4177BB; z-index: 1; display: inline-block; }
.sub_mian1 .main .content { flex: 1 1 0; font-size: 18px; color: #000; line-height: 50px; text-align: left; }
.sub_mian1 .main .content img { max-width: 100%; vertical-align: middle; }
.sub_mian1 .main .content table { border-collapse: collapse; border-spacing: 0; }
.sub_mian1 .main .right { width: 260px; padding-left: 60px; }
.sub_mian1 .main .right .t { font-size: 24px; color: #3E75BA; font-weight: bold; text-align: left; }
.sub_mian1 .main .right .t img { vertical-align: middle; margin-right: 5px; }
.sub_mian1 .main .right .list { width: calc(100% - 15px); margin: 20px 0; padding-left: 15px; position: relative; }
.sub_mian1 .main .right .list:before { content: ''; width: 2px; height: calc(100% - 5px); background: #E5E5E5; position: absolute; left: 0; top: 5px; z-index: 1; display: inline-block; }
.sub_mian1 .main .right .list .item { width: 100%; position: relative; text-align: left; margin-bottom: 20px; position: relative; }
.sub_mian1 .main .right .list .item a { color: #212121; font-size: 16px; display: block; line-height: 20px; padding-bottom: 8px; }
.sub_mian1 .main .right .list .item span { color: #999; font-size: 14px; display: block; }
.sub_mian1 .main .right .list .item:before { content: ''; width: 6px; height: 6px; border: 3px solid #3E75BA; border-radius: 50%; background: #fff; position: absolute; left: -20px; top: 5px; z-index: 1; display: inline-block; }
.sub_mian1 .main .right .list .more { text-decoration: none; font-size: 16px; color: #115DB1; display: inline-block; padding: 5px 0px; width: calc(100% - 2px); font-size: 16px; border: 1px solid #115DB1; margin: auto; }
.sub_mian1 .main .right .list .more:hover { text-decoration: underline; }

.sub_mian .about_com { display: flex; flex-direction: column; }
.sub_mian .about_com .about_img { width: 100%; }
.sub_mian .about_com .about_img img { width: 100%; border-radius: 10px; }
.sub_mian .about_com .about_title { width: 100%; padding: 40px 0; font-size: 30px; color: #434343;  line-height:35px; }
.sub_mian .about_com .about_content { width: 100%; padding-top: 40px; color: #434343; font-size: 18px; line-height: 35px; text-align: left; }
.sub_mian .about_com .about_content { width: 100%; }
.sub_mian .about_com .about_content img { max-width: 100%; height: auto; }
.sub_mian .about_com #container { width: 100%; height: 560px }
.sub_mian .about_com .about_num { width: 100%; padding-top: 40px; display: flex; align-items: center; justify-content: space-between; }
.sub_mian .about_com .about_num .item { width: 230px; padding: 25px; height: 118px; background: #F3F5F7; border-radius: 10px; box-sizing: border-box; text-align: left; color: #999; font-size: 16px; line-height: 30px; display: flex; align-items: center; justify-content: space-between; }
.sub_mian .about_com .about_num .item img { margin-right: 20px; }
.sub_mian .about_com .about_num .item div { flex: 1 1 0; }
.sub_mian .about_com .about_num .item div span, .sub_mian .about_com .about_num .item div samp { display: block; font-size: 30px; font-weight: bold; color: #434343; }
.sub_mian .about_com .about_num .item span::after { font-size: 20px; content: '+'; color: #434343; vertical-align: super; }
.sub_mian .about_com .environment { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 20px }
.sub_mian .about_com .environment img { width: 500px; border-radius: 20px; }
.sub_mian .about_com .about_contact { padding: 40px 0; display: flex; align-items: center; justify-content: space-between; }
.sub_mian .about_com .about_contact .item { width: 325px; padding: 50px 25px; height: 180px; background: #F5F5F5; box-sizing: border-box; text-align: left; color: #999; font-size: 13px; line-height: 30px; display: flex; align-items: center; justify-content: space-between; }
.sub_mian .about_com .about_contact .item .title { width: 60px; height: 60px; border: 5px solid #D0E2F9; background-color: #1F7FF7; border-radius: 50%; text-align: center; line-height: 60px; color: #fff; font-size: 18px; font-weight: bold; margin-right: 20px; }
.sub_mian .about_com .about_contact .item .c { flex: 1 1 0; font-size: 13px; color: #797979; line-height: 25px; }
.sub_mian .about_com .about_contact .item .c span { color: #000000; font-size: 20px; display: block; line-height: 35px; }

.sub_mian .about_com .certificate_zxld { display: flex; align-items: center; flex-wrap: wrap; width: 100%; align-items: self-start; }
.sub_mian .about_com .certificate_zxld .item { width: 487px; height: 400px; display: flex; flex-direction: column; font-size: 16px; line-height: 20px; font-weight: bold; margin: 10px 25px 10px 0; color: #656565;text-align:center;align-items: center; }
.sub_mian .about_com .certificate_zxld .item img { width: 50%;       margin-bottom: 20px;border-radius: 5px; }
.sub_mian .about_com .certificate_zxld .item span { font-size: 12px; line-height: 20px; font-weight: normal; }
.sub_mian .about_com .certificate_zxld .item:nth-child(4n+2) { margin-right: 0px; }


.sub_mian .about_com .certificate { display: flex; align-items: center; flex-wrap: wrap; width: 100%; align-items: self-start; }
.sub_mian .about_com .certificate .item { width: 316px; height: 250px; display: flex; flex-direction: column; font-size: 16px; line-height: 40px; margin: 10px 25px 10px 0; color: #656565;  }
.sub_mian .about_com .certificate .item img { width: 100%; height: 210px; }
.sub_mian .about_com .certificate .item:nth-child(4n+3) { margin-right: 0px; }

.sub_mian .about_com .certificate_mscgz { display: flex; align-items: center; flex-wrap: wrap; width: 100%; align-items:stretch;justify-content: space-between; }
.sub_mian .about_com .certificate_mscgz .item { width: 49%; font-size: 0px; padding:0 }
.sub_mian .about_com .certificate_mscgz .item img { width: 100%; border-radius: 10px; }
.sub_mian .about_com .certificate_mscgz .item:hover img{ background-size: 110% 110%;    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);    box-shadow: 0 0 10px rgba(0, 0, 0, .5);}

.sub_mian .about_com .certificate_zxpt { display: flex; align-items: center; flex-wrap: wrap; width: 100%; align-items: self-start; }
.sub_mian .about_com .certificate_zxpt .item { width: 238px; height: 130px; display: flex; flex-direction: column; font-size: 16px; line-height: 40px; margin: 10px 25px 10px 0; color: #656565; }
.sub_mian .about_com .certificate_zxpt .item img { width: 100%; height: 90px; }
.sub_mian .about_com .certificate_zxpt .item:nth-child(4n+4) { margin-right: 0px; }

.sub_mian .about_com .honor { display: flex; align-items: center; flex-wrap: wrap; width: 100%; }
.sub_mian .about_com .honor .item { width: 154px; height: 190px; margin: 10px 20px 10px 0; }
.sub_mian .about_com .honor .item img { width: 158px; height: 190px; }
.sub_mian .about_com .honor .item:nth-child(6n+6) { margin-right: 0px; }
.sub_mian .about_com .job_list{ width:100%; padding:30px 0}

.sub_mian .about_com .job_list .item{ width:100%; border-bottom:1px solid #efefef;display: flex; align-items: center;color:#666; font-size:18px; line-height:30px; padding:10px 0}
.sub_mian .about_com .job_list .item a{flex:1 1 0; text-align:left;color:#666; text-indent:10px }
.sub_mian .about_com .job_list .item a:hover{color:#115DB1}
.sub_mian .about_com .job_list .item samp{ margin-left:20px; width:200px;font-size:16px; }


#about .sub_mian { position: relative; display: block; overflow: hidden; }
/*#about .sub_mian .left { position: absolute; }*/
#about .sub_mian .about_com .com:nth-child(n+2) { padding-top: 100px; }
.neikan_banner { width: 1200px; margin: 40px auto 0; }
.neikan_banner .ad .swiper-slide img { width: 100%; height: 290px; }
.neikan_list { width: 1200px; margin: 20px auto; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.neikan_list .item { width: calc(50% - 68px); margin: 20px 0; padding: 24px; height: 264px; line-height: 40px; border-radius: 10px; background: #F1F1F1; display: flex; align-items: flex-start; justify-content: space-between; }
.neikan_list .item img { width: 190px; height: 264px; margin-right: 28px; }
.neikan_list .item .nr { flex: 1 1 0; display: flex; flex-direction: column; text-align: left; }
.neikan_list .item .nr .title { font-size: 30px; color: #212121; }
.neikan_list .item .nr .num { color: #999999; }
.neikan_list .item .nr .author { font-size: 18px; text-align: center; width: 80%; height: 40px; background-color: #538FDF; color: #fff; }
.neikan_list .item .nr .btn { width: 80%; margin-top: 50px; display: flex; align-items: center; justify-content: space-around; }
.neikan_list .item .nr .btn a { width: 30%; color: #fff; border-radius: 25px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; }
.neikan_list .item .nr .btn a:first-child { background-color: #E7412F; }
.neikan_list .item .nr .btn a:first-child:hover { background-color: #af2415; }
.neikan_list .item .nr .btn a:last-child { background-color: #F7B331; }
.neikan_list .item .nr .btn a:last-child:hover { background-color: #b57c0f; }

/*#hzjl { overflow: hidden }
#hzjl .main { width: 100%; height: 100% }
#hzjl .main .swiper-slide { display: -webkit-box; display: -ms-fslexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#hzjl .swiper-pagination-vertical.swiper-pagination-bullets, #hzjl .swiper-vertical > .swiper-pagination-bullets { position: fixed }

#hzjl .main .hzjl_bg1 { background: linear-gradient(to bottom right, #38b1fd, #4e7dff); width: 100%; }
#hzjl .main .hzjl_bg2 { background: linear-gradient(to bottom right, #9bd163, #58b05e); width: 100%; }
#hzjl .main .hzjl_bg3 { background: linear-gradient(to bottom right, #fead56, #f98055); width: 100%; flex-direction: column; }
#hzjl .main .hzjl_bg4 { width: 100%; flex-direction: column }
#hzjl .main .hzjl_bg3 .main .swiper-wrapper .swiper-slide { flex-direction: column }
#hzjl .main #swiper-container2 .swiper-slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }*/



.sub-hzjl-main1-bg { background-color: #f5f5f5; padding: 60px 0; position: relative }
.hzjl_main1 { width: 1200px; margin: 40px auto 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; color: #115db2; }
.hzjl_main1 .item { width: 32%; height: 250px; margin-bottom: 20px; line-height: 0; padding: 20px; box-sizing: border-box; background-color: #fff; border-radius: 0px }
.hzjl_main1 .item a { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.hzjl_main1 .item:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.hzjl_main1 .item img { width: 179px; height: 113px; }
.hzjl_main1 .item span { font-size: 26px; color: #000; height: 40px; line-height: 40px; }
.hzjl_main1 .item samp { font-size: 16px; color: #afafaf; height: 30px; line-height: 30px; }

.sub-hzjl-main2-bg { background-color: #fff; padding: 60px 0; position: relative }
.hzjl_main2 { width: 1200px; margin: 40px auto 0; display: flex; align-items: self-start; justify-content: space-between; flex-wrap: wrap; }
.hzjl_main2 .hzjl_main2_img { width: 700px; height: 100%; }
.hzjl_main2 .hzjl_main2_img .swiper { width: 100%; height: 100%; padding-bottom: 30px; }
.hzjl_main2 .hzjl_main2_img .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }

.hzjl_main2 .hzjl_main2_img .swiper-slide img { display: block; width: 100%; height: calc(100% - 35px); object-fit: cover; }
.hzjl_main2 .hzjl_main2_img .swiper .swiper-pagination { bottom: 0px }

.hzjl_main2 .hzjl_main2_com { width: 480px; margin-left: 20px; padding: 20px; box-sizing: border-box; text-align: left; color: #000; }
.hzjl_main2 .hzjl_main2_com .t { font-weight: bold; font-size: 30px }
.hzjl_main2 .hzjl_main2_com .t_s { font-size: 16px; height: 50px; line-height: 35px }
.hzjl_main2 .hzjl_main2_com .conbox { color: #727272; font-size: 14px; height: 240px; overflow: hidden }
.hzjl_main2 .hzjl_main2_com .more { color: #525252; font-size: 14px; display: inline-block; border: 1px solid #c7c7c7; padding: 5px 15px; margin-top: 10px }



.sub-hzjl-main3-bg { background-color: #fff; padding: 60px 0; position: relative }
.sub-hzjl-main3-bg .hzjl_main3 { width: 1200px; margin: 40px auto 0; display: flex; align-items: self-start; justify-content: space-between; flex-wrap: wrap; }

.sub-hzjl-main3-bg .hzjl_main3 .swiper { width: 100%; padding-bottom: 30px; }
.sub-hzjl-main3-bg .hzjl_main3 .swiper-slide { text-align: center; font-size: 18px; background: #fff; }

.sub-hzjl-main3-bg .hzjl_main3 .swiper-slide .item { display: block; width: 100%; height: 380px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff }

.sub-hzjl-main3-bg .hzjl_main3 .swiper-slide .item span { font-size: 18px; font-weight: bold }
.sub-hzjl-main3-bg .hzjl_main3 .swiper-slide .item samp { font-size: 14px; margin-top: 10px; }
.sub-hzjl-main3-bg .hzjl_main3 .swiper a:hover .item { background-color: #3d6cc7bd }

.sub-hzjl-main3-bg .hzjl_main3 .swiper .swiper-pagination { bottom: 0px }


.sub-hzjl-main4-bg { background-color: #fff; padding: 60px 0; position: relative }
.sub-hzjl-main4-bg .hzjl_main4 { width: 1200px; margin: 40px auto 0; display: flex; align-items: self-start; justify-content: space-between; flex-wrap: wrap; }

.sub-hzjl-main4-bg .hzjl_main4 .swiper { width: 100%; }
.sub-hzjl-main4-bg .hzjl_main4 .swiper-slide { text-align: center; font-size: 18px; background: #fff;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.7);    box-shadow: 0 0 20px rgba(0,0,0,0.05); }


.sub-hzjl-main4-bg .hzjl_main4 .swiper-slide img{ width:100%}
.sub-hzjl-main4-bg .hzjl_main4 .swiper-slide-active, .sub-hzjl-main4-bg .hzjl_main4 .swiper-slide-duplicate-active { transform: scale(1);  }

.sub-hzjl-main4-bg .hzjl_main4 .swiper-slide:before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(237,240,240,0.3);    z-index: 99;}
.sub-hzjl-main4-bg .hzjl_main4 .swiper-slide-active:before { display:none  }





.hzjl_about { width: 730px; margin: 80px auto 0; position: relative; padding-right: 470px; min-height: 500px; display: block }
.hzjl_about .hzjl_title { width: 100%; font-size: 48px; color: #fff; height: 50px; position: relative; text-align: left; }
.hzjl_about .hzjl_content { width: 100%; padding-top: 10px; font-size: 18px; color: #fff; line-height: 35px; text-align: left; }
.hzjl_about .bg { position: absolute; right: 0; bottom: 0; z-index: -1; max-width: 50%; }
.hzjl_about .bg img { width: 100%; max-height: 50%; }
.hzjl-title { margin: 80px auto 0; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 60px; }
.hzjl-title .t1 { font-size: 48px; font-weight: bold; color: #212121; }
.hzjl-title .t2 { font-size: 20px; color: #D6D6D6; }
.hzjl-title:after { content: ''; width: 55px; height: 6px; display: inline-block; background-color: #434343; margin-top: 10px; }

.hzjl_list { width: 1200px; margin: 40px auto; display: flex; align-items: center; flex-wrap: wrap; }
.hzjl_list .item { width: 220px; height: 90px; margin: 15px 25px 15px 0; }
.hzjl_list .item img { width: 100%; height: 100%; border-radius: 10px; }
.hzjl_list .item:nth-child(5n+5) { margin-right: 0px; }

.hzjl_list1 { width: 1200px; margin: 40px auto; display: flex; align-items: center; flex-wrap: wrap; }
.hzjl_list1 .item { width: 264px; height: 100px; margin: 24px 48px 24px 0; }
.hzjl_list1 .item img { width: 100%; height: 100%; border-radius: 10px; }
.hzjl_list1 .item:nth-child(4n+4) { margin-right: 0px; }

.hzjl_list2 { width: 1200px; margin: 40px auto; display: flex; align-items: center; flex-wrap: wrap; }
.hzjl_list2 .item { width: 264px; height: 390px; margin: 24px 48px 24px 0; }
.hzjl_list2 .item:nth-child(4n+4) { margin-right: 0px; }
.hzjl_list2 .item .img { width: 100%; height: 207px; text-align: center; line-height: 207px; position: relative; }
.hzjl_list2 .item .img img { max-width: 166px; max-height: 207px; }
.hzjl_list2 .item .img::after { width: 100%; height: 127px; background: #4077BC; border-radius: 20px 20px 0 0; content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; }
.hzjl_list2 .item .content { width: 260px; height: 180px; border: 2px solid #eaeaea; border-top: 0px; border-radius: 0 0 20px 20px; }

.hzjl_list2 .item .content .t { width: 100%; line-height: 18px; font-size: 14px; color: #3F77BB; }
.hzjl_list2 .item .content .t1 { width: 100%; line-height: 40px; font-size: 22px; font-weight: bold; }
.hzjl_list2 .item .content .t2 { width: 100%; }
.hzjl_list2 .item .content .t:after { content: ''; width: 42px; height: 2px; display: inline-block; background-color: #3F77BB; margin-top: 10px; }
.hzjl_list2 .item .content .c { width: 90%; margin: 10px auto 0; line-height: 18px; font-size: 12px; color: #878787; text-align: left; }

.job-banner { background: url(//img.cidcchina.cn/images/job_bg.jpg) no-repeat top center; height: 544px; width: 100%; }
.job-title { margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 45px; margin-bottom: 30px; }
.job-title .t1 { font-size: 40px; font-weight: bold; color: #000; }
.job-title .t2 { font-size: 16px; color: #8C8C8C; display: flex; flex-direction: column; align-items: center; }
.job-title .t2:after { content: ''; width: 55px; height: 3px; display: inline-block; background-color: #1763CD; margin-top: 10px; }
.job-title .more { text-decoration: none; font-size: 16px; background-color: #fff; color: #1763CD; display: inline-block; border-radius: 5px; border: 1px solid #1763CD; width: 102px; height: 26px; line-height: 26px; margin-top: 20px; }
.job-title .more:hover { text-decoration: underline; }





.job_bg { background: url(//img.cidcchina.cn/images/job_bg.jpg) no-repeat top center; }
.job_bg .sub_banner2 { background: none }
.sub-job1-bg { background-color: #fff; padding: 60px 0 }
.job_mian { width: 1200px; margin: auto; height: 1000px; background: url(//img.cidcchina.cn/images/job001.jpg) no-repeat top center; }
/*.job_mian { width: 1170px; margin:auto;  padding: 80px 15px; background: url(//img.cidcchina.cn/images/job01.jpg) no-repeat top center; }*/
.job_mian .left { width: 370px; float: left; display: flex; flex-direction: column; }
.job_mian .left .c1 { padding-left: 20px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-around; }
.job_mian .left .c1 .item { width: 83px; height: 100px; border: 1px solid #0181ce; }
.job_mian .left .c1 .item span { width: 100%; height: 28px; line-height: 28px; display: block; background: #0e3288 }
.job_mian .center { width: 430px; float: left }
.job_mian .right { width: 370px; float: left }





.job_main1 { max-width: 1200px; margin: 40px auto 0; display: flex; align-items: flex-start; justify-content: space-between; }
.job_main1 img{ width:100%;border-radius: 10px;}
.job_main1 a:hover img { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5);border-radius:10px; }

.job_main2 { max-width: 1200px; margin: 40px auto 0; display: flex; align-items: flex-start; justify-content: space-between; }
.job_main2 .item{ width:31.8%}
.job_main2 .item img{ width:100%}
.job_main2 .item:hover img { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5);border-radius:10px; }


.job_main3-bg { background-color: #EFF3F7; padding: 60px 0; }
.job_main3 { max-width: 1200px; margin: 40px auto 0; display: flex; align-items: stretch; justify-content: space-between; }
.job_main3 .item{ width:48.8%}
.job_main3 .item img{ width:100%}
.job_main3 .item:hover img { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); border-radius:10px;}

.job_main31 { max-width: 1200px; margin: 40px auto 0; display: flex; align-items: stretch; justify-content: space-between;flex-wrap: wrap; }
.job_main31 .item{ width:24%}
.job_main31 .item img{ width:100%}
.job_main31 .item:hover img { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); border-radius:10px;}
.job_main31 .item:first-child { width: 100%; margin-bottom:10px }


.job_main4-bg { background-color:#fff; padding: 60px 0; }
.job_main4 { max-width: 1200px; margin: 40px auto 0;  }

.job_main4 .swiper { width: 100%; padding-bottom: 30px; }
.job_main4 .swiper .swiper-wrapper{  align-items: stretch; }
.job_main4 .swiper-slide { height:180px;  font-size: 18px; background: #fff;  padding:30px; background-color:#F0F3F8;border-radius:5px;box-sizing: border-box; text-align:left  }
.job_main4 .swiper-slide  .title{ width:100%; display: flex; align-items: center; justify-content: space-between;}
.job_main4 .swiper-slide  .title h3{flex:1 1 0; font-size:18px; font-weight:bold; color:#000; margin-left:8px;}
.job_main4 .swiper-slide  .com{font-size:14px; color:#5F5F5F; margin-top:17px}
.job_main4 .swiper-slide:hover{ background-color:#ffe5d2}
.job_main4 .swiper .swiper-pagination { bottom: 0px }





.job-main2-bg { background: url(//img.cidcchina.cn/images/job_cjpj.jpg) no-repeat center #2678dc; padding: 60px 0; }
.job-main2-bg .job-title .t1, .job-main2-bg .job-title .t2 { color: #fff }
.job-main2-bg .job-title .t2:after { background-color: #fff }
.job-main2 { width: 1200px; margin: 40px auto 0; display: flex; align-items: flex-start; justify-content: space-between; }
.job-main2 .job-main2_left { flex: 1 1 0 }
.job-main2 .job-main2_left .char { width: 80%; padding: 0 10%; font-size: 16px; line-height: 28px; color: #fff; text-align: center }
.job-main2 .job-main2_left .img_list { width: 1200px; padding: 0; height: 260px; margin-top: 40px; position: relative }
.job-main2 .job-main2_left .img_list .mySwiper { width: 100%; height: 260px; }
.job-main2 .job-main2_left .img_list .mySwiper .swiper-button-prev { background-color: #77acf778; padding: 6px 3px; left: 0px; top: 40% }
.job-main2 .job-main2_left .img_list .mySwiper .swiper-button-prev:after { content: 'prev'; font-size: 16px; color: #fff }
.job-main2 .job-main2_left .img_list .mySwiper .swiper-button-next { background-color: #77acf778; padding: 6px 3px; right: 0px; top: 40% }
.job-main2 .job-main2_left .img_list .mySwiper .swiper-button-next:after { font-size: 16px; color: #fff }

.job-main2 .job-main2_left .img_list .mySwiper .swiper-slide { display: flex; flex-direction: column; color: #fff }
.job-main2 .job-main2_left .img_list .mySwiper .swiper-slide img { width: 100%; height: 200px; }
.job-main2 .job-main2_left .img_list .mySwiper .swiper-slide span { font-size: 18px; font-weight: bold; line-height: 40px; }
.job-main2 .job-main2_left .img_list .mySwiper .swiper-slide samp { font-size: 14px; line-height: 20px; }



.job-main2 .job-main2_right { width: 385px; height: 390px; padding: 30px; box-sizing: border-box; background: #fff; border-radius: 10px; text-align: left; margin-left: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.job-main2 .job-main2_right .notice { width: 100%; height: 30px; line-height: 30px; text-indent: 15px; border-radius: 10px; background: #fff6ef; color: #ff5800; vertical-align: middle }
.job-main2 .job-main2_right .notice img { vertical-align: sub }
.job-main2 .job-main2_right .title { height: 60px; line-height: 60px; font-size: 20px; color: #000; display: block; border-bottom: 2px solid #4772fc; width: fit-content }

.job-main2 .job-main2_right .text { height: 46px; line-height: 46px; font-size: 20px; color: #000; display: block; border: 1px solid #d8d8d8; border-radius: 5px; margin-top: 20px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; }
.job-main2 .job-main2_right .text input { flex: 1 1 0; margin-left: 5px; border: 0px; color: #848484 }

.job-main2 .job-main2_right .text input::-webkit-input-placeholder { color: #848484; }

.job-main2 .job-main2_right .text input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #848484; }

.job-main2 .job-main2_right .text input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #848484; }

.job-main2 .job-main2_right .text input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #848484; }
.job-main2 .job-main2_right .btn { height: 50px; line-height: 50px; border: 0px; background-color: #4077bc; width: 100%; color: #fff; font-size: 18px; border-radius: 5px; margin-top: 40px; }

.job-main3-bg { background-color: #fff; padding: 60px 0; }
.job-main3 { width: 1200px; margin: 20px auto; }
.job-main3 .title { width: 1180px; padding: 0 10px; display: flex; align-items: baseline; justify-content: space-between }
.job-main3 .title span { font-size: 24px; color: #000; font-weight: bold; }
.job-main3 .title samp { font-size: 14px; color: #667280; flex: 1 1 0; text-align: left; text-indent: 5px; white-space: nowrap; }
.job-main3 .title .btn { font-size: 14px; display: flex; align-items: baseline; justify-content: space-between }
.job-main3 .title .btn .prev { display: inline; cursor: pointer }
.job-main3 .title .btn .pagination { padding: 0 10px; font-size: 14px; color: #667280; }
.job-main3 .title .btn .pagination span { font-size: 14px; color: #667280; font-weight: normal }
.job-main3 .title .btn .next { font-size: 16px; display: inline; cursor: pointer }

.job-main3 .img_list { width: 100%; height: 375px; margin-top: 30px; }
.job-main3 .img_list .mySwiper2 { width: 1180px; height: 375px; padding: 10px; }
.job-main3 .mySwiper2 .swiper-slide { display: flex; flex-direction: column; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(87, 148, 249, .5); -moz-box-shadow: 0 0 10px rgba(87, 148, 249, .5); box-shadow: 0 0 10px rgba(87, 148, 249, .5); text-align: left }
.job-main3 .mySwiper2 .swiper-slide .img { width: 100%; height: 160px; border-radius: 10px 10px 0 0 }
.job-main3 .mySwiper2 .swiper-slide .t { font-size: 16px; line-height: 25px; color: #3e454d; padding: 15px }
.job-main3 .mySwiper2 .swiper-slide .c { display: flex; flex-direction: column; padding: 0 15px; font-size: 14px; color: #9e9e9e; line-height: 22px; }
.job-main3 .mySwiper2 .swiper-slide .btn { display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 25px; color: #5f5f5f; padding: 15px }
.job-main3 .mySwiper2 .swiper-slide .btn img { margin-right: 5px; width: 16px; height: 16px; }
.job-main3 .mySwiper2 .swiper-slide .btn p { flex: 1 1 0 }
.job-main3 .mySwiper2 .swiper-slide .btn a { width: 90px; height: 28px; line-height: 28px; background-color: #4077bc; text-align: center; font-size: 16px; color: #fff; border-radius: 14px; }
.job-main3 .mySwiper2 .swiper-slide:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6); box-shadow: 0 0 10px rgba(0, 0, 0, .6); }

.job-main3 .mySwiper2 .swiper-button-prev { background-color: #77acf778; padding: 6px 3px; left: 0; top: 40% }
.job-main3 .mySwiper2 .swiper-button-prev:after { content: 'prev'; font-size: 16px; color: #fff }
.job-main3 .mySwiper2 .swiper-button-next { background-color: #77acf778; padding: 6px 3px; right: 0; top: 40% }
.job-main3 .mySwiper2 .swiper-button-next:after { font-size: 16px; color: #fff }




.job-main4-bg { background-color: #f2f4f7; padding: 60px 0; }
.job-main4 { width: 1200px; margin: 20px auto; display: flex; align-items: center; justify-content: space-between; }
.job-main4 .item { width: 590px; border-radius: 10px; }
.job-main4 .item .title { font-size: 24px; font-weight: bold; color: #313131; height: 64px; line-height: 64px; background-color: #edfdfa; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: space-between; text-indent: 30px; }
.job-main4 .item .title img { border-radius: 0px 10px 0 0; }
.job-main4 .item .com { width: 100%; padding: 30px 30px; height: 400px; border-radius: 0 0 10px 10px; background-color: #fff; box-sizing: border-box }
.job-main4 .item .com li { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 20px; }
.job-main4 .item .com li img { width: 56px; height: 56px; }
.job-main4 .item .com li .t { padding-left: 10px; flex: 1 1 0; display: flex; flex-direction: column; text-align: left; font-size: 15px; color: #9f9f9f; line-height: 20px; }
.job-main4 .item .com li .t span { font-size: 18px; color: #404040; line-height: 28px; }
.job-main4 .item .com li a { text-decoration: none; font-size: 16px; background-color: #fff; color: #1763CD; display: inline-block; border-radius: 15px; border: 1px solid #1763CD; width: 90px; height: 28px; line-height: 28px; }
.job-main4 .item .com li a:hover { background-color: #1763CD; color: #fff; }
.job-main4 .item .com .more { text-decoration: none; font-size: 16px; background-color: #fff; color: #b4b4b4; display: inline-block; border-radius: 15px; border: 1px solid #b4b4b4; width: 190px; height: 28px; line-height: 28px; }
.job-main4 .item .com .more:hover { text-decoration: underline; color: #1763CD; }

.job_tech { width: 1200px; margin: auto; font-size: 18px; }
.job_tech li { width: 100%; border-bottom: 1px solid #efefef; padding: 20px 0; overflow: hidden }
.job_tech li .t { width: 23%; float: left }
.job_tech li .c { width: 75%; float: right; text-align: left }
.job_tech li .c img { max-width: 100%; }
.job_tech li:last-child { border: 0px }
.job_tech li a { text-decoration: none; font-size: 16px; background-color: #fff; color: #b4b4b4; display: inline-block; border-radius: 15px; border: 1px solid #b4b4b4; width: 150px; height: 28px; line-height: 28px; }
.job_tech li a:hover { text-decoration: underline; color: #1763CD; }

.job_tech .err { padding: 50px 0; line-height: 40px; }
.job_tech .err a { text-decoration: none; font-size: 16px; background-color: #fff; color: #b4b4b4; display: inline-block; border-radius: 15px; border: 1px solid #b4b4b4; width: 150px; height: 28px; line-height: 28px; }
.job_tech .err a:hover { text-decoration: underline; color: #1763CD; }


.job_study { width: 100%; margin: 10px auto; }
.job_study ul { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap }
.job_study li { margin: 10px 0; width: calc(50% - 10px); height: 240px; padding: 20px; box-sizing: border-box; background-color: #EAEAEA; display: flex; justify-content: space-between; align-items: flex-start }
.job_study li .img { width: 155px; height: 200px; line-height: 200px; text-align: center; }
.job_study li .img img { max-width: 100%; max-height: 100%; }
.job_study li .c { text-align: left; flex: 1 1 0; margin-left: 20px; }
.job_study li .c .t { font-size: 22px; color: #000; height: 30px; line-height: 30px; }
.job_study li .c .author { font-size: 14px; color: #5E5E5E }
.job_study li .c .sub_title { font-size: 16px; color: #5391DF; height: 32px; line-height: 32px; border: 1px solid #5391DF; text-indent: 10px; margin-top: 10px; }
.job_study li .c .content { font-size: 12px; color: #9F9F9F; line-height: 22px; margin-top: 10px; }
.job_study li .c .btn { margin-top: 10px; width: 100% }
.job_study li .c .btn a { width: 80px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #fff; background-color: #E7412F; display: inline-block; border-radius: 5px; }
.job_study li .c .btn a:last-child { background-color: #7484DF; margin-left: 10px; }

.job_comment { width: 100%; margin: 10px auto; }
.job_comment li { margin: 10px 0; width: 100%; height: 140px; padding: 20px; box-sizing: border-box; background-color: #EAEAEA; display: flex; justify-content: space-between; align-items: center }
.job_comment li .img { width: 155px; height: 100px; line-height: 100px; text-align: center; }
.job_comment li .img img { max-width: 100%; max-height: 100%; }
.job_comment li .c { text-align: left; flex: 1 1 0; margin-left: 20px; height: 100px; }
.job_comment li .c .t { font-size: 22px; color: #000; height: 30px; line-height: 30px; }
.job_comment li .c .sub_title { font-size: 14px; color: #909090; margin-top: 10px; }
.job_comment li .c .content { font-size: 14px; color: #9F9F9F; line-height: 22px; margin-top: 10px; }
.job_comment li .btn { margin-top: 10px; width: 200px }
.job_comment li .btn a { width: 180px; height: 35px; line-height: 35px; text-align: center; font-size: 18px; color: #4177BB; border: 1px solid #4177BB; display: inline-block; border-radius: 21px; }
.job_comment li .btn a:hover { color: #fff; background-color: #4177BB; }


.job_train { width: 100%; margin: 10px auto; }
.job_train ul { width: 100%; }
.job_train li { float: left; margin: 10px; width: calc(33.33% - 14px); display: flex; flex-direction: column; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(87, 148, 249, .5); -moz-box-shadow: 0 0 10px rgba(87, 148, 249, .5); box-shadow: 0 0 10px rgba(87, 148, 249, .5); text-align: left }
.job_train li .img { width: 100%; height: 160px; border-radius: 10px 10px 0 0 }
.job_train li .t { font-size: 16px; line-height: 25px; color: #3e454d; padding: 15px }
.job_train li .c { display: flex; flex-direction: column; padding: 0 15px; font-size: 14px; color: #9e9e9e; line-height: 22px; }
.job_train li .btn { display: flex; align-items: center; justify-content: space-between; font-size: 16px; line-height: 25px; color: #5f5f5f; padding: 15px }
.job_train li .btn img { margin-right: 5px; width: 16px; height: 16px; }
.job_train li .btn p { flex: 1 1 0 }
.job_train li .btn a { width: 90px; height: 28px; line-height: 28px; background-color: #4077bc; text-align: center; font-size: 16px; color: #fff; border-radius: 14px; }
.job_train li:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6); box-shadow: 0 0 10px rgba(0, 0, 0, .6); }
.job_train li:nth-child(3n+1) { margin-left: 0px }
.job_train li:nth-child(3n+3) { margin-right: 0px }


.job_recruit { display: flex; flex-direction: column; padding: 20px 0; }
.job_recruit .item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.job_recruit .item .img { width: 80px; height: 80px; line-height: 80px; margin-right: 20px; }
.job_recruit .item .img img { max-width: 100%; max-height: 100%; }
.job_recruit .item .c { flex: 1 1 0; height: 80px; box-sizing: border-box; text-align: left; }
.job_recruit .item .c .t { width: 100%; line-height: 40px; height: 40px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.job_recruit .item .c .t a { color: #333; }
.job_recruit .item .c .t a:hover { color: #115DB1; text-decoration: underline; }
.job_recruit .item .c .content { width: 100%; line-height: 20px; height: 40px; font-size: 14px; color: #8D8D8D; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.job_recruit .item:last-child { margin: 0; }
.job_recruit .item .btn { width: 200px }
.job_recruit .item .btn a { width: 180px; height: 35px; line-height: 35px; text-align: center; font-size: 18px; color: #4177BB; border: 1px solid #4177BB; display: inline-block; border-radius: 21px; }
.job_recruit .item .btn a:hover { color: #fff; background-color: #4177BB; }












div.page-box { margin: 0; padding: 0; text-align: center; font-size: 16px; width: 100%; display: flex; align-items: center; justify-content: center; }
div.page-box a { display: block; padding: 0px 10px; min-width: 10px; margin: 0 4px; line-height: 30px; height: 30px; color: #444; border-radius: 4px; background: #ebebeb; text-decoration: none; }
div.page-box a:hover { color: #fff; background: #2f89eb; }
div.page-box span { display: block; margin: 0 4px; line-height: 30px; height: 30px; }
div.page-box span.current { color: #fff; background: #2f89eb; border-radius: 4px; padding: 0px 10px; min-width: 10px; }
div.page-box span.disabled { color: #ddd; background: #f1f1f1; border-radius: 4px; color: #888; padding: 0px 10px; min-width: 10px; }

.pdf { width: 100%; max-width: 1200px; margin: auto; min-height: 700px; margin: 20px 0; border: 1px solid #d4d4d7; line-height: 0px; }
#pdfContainer { width: 100%; height: 700px; }

.f_ad { width: 100%; padding: 0px 0; background: url(//img.cidcchina.cn/images/foot_ad.png) no-repeat bottom center #013cb3; position: fixed; bottom: 0px; z-index: 99999; display: none; font-weight: lighter; }
.f_ad .main { width: 1200px; margin: 20px auto; position: relative }
.f_ad .main .content { line-height: 0; display: flex; justify-content: space-between; align-items: center; }
.f_ad .main .content .item1 { font-size: 30px; line-height: 40px; letter-spacing: 7px; color: #fff; margin-right: 10px; }
.f_ad .main .content .item1 img { display: block }
.f_ad .main .content .item2 { width: 440px; }
.f_ad .main .content .item2 a { font-size: 20px; color: #fff; float: left; height: 42px; line-height: 42px; width: 200px; text-align: center; margin: 0 15px; position: relative }
.f_ad .main .content .item2 a::after { content: ''; border: 1px solid #fff; transform: skewX(-15deg); height: 34px; width: 200px; position: absolute; top: 0; left: 2px; display: block }
.f_ad .main .content .item2 a:before { content: ''; border: 1px solid #6d90d5; transform: skewX(-13deg); height: 34px; width: 200px; position: absolute; top: 6px; left: 2px; display: block }
.f_ad .main .content .item2 a:hover { color: #e83a2c }
.f_ad .main .content .item2 a:nth-child(1) { margin-right: 0px; }
.f_ad .main .content .item2 a:nth-child(2) { margin-right: 0px; }
.f_ad .main .content .item2 a:nth-child(3) { margin-left: 0px; margin-top: 10px }
.f_ad .main .content .item2 a:nth-child(4) { margin-left: 0px; margin-top: 10px }
.f_ad .main .content .item3 { min-width: 230px; font-size: 16px; line-height: 35px; color: #fff; text-align: left }
.f_ad .main .content .item3 span { width: 100%; display: block; letter-spacing: 2px; }
.f_ad .main .content .item3 samp { width: 100%; display: block; font-size: 35px; font-family: 'Impact'; letter-spacing: 1px; }
.f_ad .main .content .item4 { width: 95px; }
.f_ad .main .close { position: absolute; right: -16px; top: -16px; z-index: 1; width: 10px; height: 10px; padding: 5px; background: url(//img.cidcchina.cn/images/close.png) no-repeat center; background-size: 12px 12px; border: 1px solid #fff; border-radius: 50%; cursor: pointer }



.f_contact { width: 125px; height: 32px; padding: 10px; background-color: #115db5; position: fixed; bottom: 10px; right: 10px; cursor: pointer; z-index: 99999 }
.f_contact .t { width: 45px; float: left; height: 25px; line-height: 15px; font-size: 14px; color: #fff; }
.f_contact .r { width: 80px; height: 32px; line-height: 32px; color: #115db5; font-size: 14px; text-align: center; background-color: #fff; float: right }


.gysjbg .banner_content { background: url(//img.cidcchina.cn/images/gysjbg.jpg) #fff no-repeat top center; margin: auto; text-align: center; width: 100%; padding-top: 90px; padding-bottom: 90px; line-height: 90px; display: flex; flex-direction: column; align-items: center }
.gysjbg .banner_content .banner_title { font-size: 36px; color: #fff; font-weight: bold }
.gysjbg .banner_content .banner_btn { margin: auto; background-color: #edf2fb; width: 210px; height: 40px; line-height: 40px; border-radius: 10px; font-size: 18px; font-weight: bold; color: #4077bc }




.sub-gysj-main1-bg { background-color: #fff; padding: 60px 0; position: relative }
.sub-gysj-main2-bg { background-color: #F3F8FC; padding: 60px 0; position: relative }
.sub-gysj-main1-bg .anchor, .sub-gysj-main2-bg .anchor { position: absolute; top: -80px; z-index: -1 }

.gysj-main1 { width: 1200px; margin: 40px auto 0; display: flex; align-items: center; justify-content: center; color: #115db2; }
.gysj-main1 .item { margin-bottom: 20px; line-height: 0; border-radius: 10px; margin: 0 20px }
.gysj-main1 .item .title { font-weight: bold; color: #777; font-size: 22px; position: relative; height: 54px; line-height: 54px; width: 225px; text-align: center; cursor: pointer; background-color: #E6F2FF; border: 2px solid #fff; border-radius: 10px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.gysj-main1 .item .title span { display: none; width: 100%; background: #115db2; content: ''; position: absolute; bottom: 0px; left: 0; border-radius: 2px; }
.gysj-main1 .item .title span::after { content: ''; position: absolute; top: 2px; left: calc(50% - 7px); width: 0; height: 0; border-top: 8px solid #3E8AF8; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.gysj-main1 .cur .title, .gysj_main12 .item:hover .title { background-color: #3E8AF8; border: 2px solid #3E8AF8; color: #fff }
.gysj-main1 .cur .title span, .gysj_main12 .item:hover .title span { display: block }

.gysj-main2 { width: 1200px; margin: 20px auto; }
.gysj-main2 .item { width: 100%;}
.gysj-main2 .item .title { width: 100%; text-indent: 2em; font-size: 16px; color: #000; line-height: 30px; text-align: left }
.gysj-main2 .item .com { width: 100%; padding: 20px 0 }
.gysj-main2 .item .com ul { width: 100%; overflow: hidden }
.gysj-main2 .item .com ul li { margin-right: 22px; float: left; width: 32%; height: 210px; padding: 40px 10px; box-sizing: border-box; background-image: linear-gradient(#E6F2FF,#FFFFFF); border: 2px solid #fff; border-radius: 10px; }
.gysj-main2 .item .com ul li a { display: flex; align-items: center; justify-content: space-evenly; flex-direction: column; height: 100%; color: #091733; }
.gysj-main2 .item .com ul li img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.gysj-main2 .item .com ul li span { font-size: 18px; font-weight: bold; }
.gysj-main2 .item .com ul li:last-child { margin-right: 0px; }
.gysj-main2 .item .com ul li a:hover { color: #1763CD }
.gysj-main2 .item:nth-child(n+2){ display:none}

.gysj-main3{ width: 1200px; margin: 20px auto;display: flex; align-items: center;  }
.gysj-main3 .swiper { width: 100%; height: 100%; padding-bottom:40px; }
.gysj-main3 .item {border-radius: 5px;width:100%; height:288px;background:#efefef;   color: #000;  line-height: 60px; display: flex; flex-direction: column; align-content: center;  font-size: 16px; text-align: left; }
.gysj-main3 .item img{width:100%; height:288px;border-radius:5px; }
/*.gysj-main3 .item span { font-size:16px; position: relative; line-height: 35px; padding:0 5px; width:100%; box-sizing: border-box; }
.gysj-main3 .item samp { font-size:14px; color:#9B9B9B; line-height: 12px;  padding:0 5px; width:100%; box-sizing: border-box; }
*/
.gysj-main3 .item:hover { background-size: 110% 110%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.gysj-main3 .pagination3 { bottom: 0px !important; top: auto !important; }
.gysj-main3 .pagination3 .swiper-pagination-bullet { display: inline-block !important }

.gysj-main4{ width: 1200px; margin: 30px auto;display: flex; align-items: center;  flex-wrap: wrap;  }
.gysj-main4 .item {border-radius: 5px;width:23.5%; margin-right:2%; margin-bottom:25px; height:154px;background:#fff;   color: #000;     font-size: 16px; text-align: left; }
.gysj-main4 .item div{display:none;  justify-content: flex-start;flex-direction: column; justify-content: center; align-items: center;   align-content: center; text-align:center; padding:20px;box-sizing: border-box; }
.gysj-main4 .item span { font-size:18px; position: relative; line-height: 25px; padding:0 5px; width:100%; box-sizing: border-box; color:#fff }
.gysj-main4 .item samp{width:38px;height:38px;background: url(//img.cidcchina.cn/images/jia.png) no-repeat center; background-size: 100% 100%; margin-top:10px}
.gysj-main4 .item:hover div{  background:#0351e985;display: flex;height:154px; width:100%;  }
.gysj-main4 .item:nth-child(4n+4){margin-right:0%}

.gysj-main5 { max-width: 1200px; margin: 40px auto 0; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
.gysj-main5 .item { width: 32% }
.gysj-main5 .item img { width: 100% }

/*.gysj-main5 { max-width: 1200px; margin: 20px auto;display: flex; align-items: stretch; justify-content: space-between; }
.gysj-main5 .item {border-radius: 5px;width:30%; padding:40px 1%; background:#F8F9FE;   color: #000;  line-height: 60px; display: flex; flex-direction: column; align-content: center;  font-size: 16px;  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); text-align:center;justify-content: center;align-items: center; }
.gysj-main5 .item img{width:92px;  }
.gysj-main5 .item span { font-size:28px; position: relative; line-height: 65px;width:100%;  }
.gysj-main5 .item samp { font-size:18px; color:#000; line-height: 12px; width:100%;line-height: 25px  }*/


.gysj_main1 { width: 1200px; margin: 30px auto 0; display: flex; align-items: center; justify-content: space-between }
.gysj_main1 .item { width: 197px; height: 157px; padding: 30px 20px; text-align: center; display: flex; justify-content: flex-start; justify-items: center; flex-wrap: wrap; align-content: center; line-height: 30px; }
.gysj_main1 .item.i1 { background: url(//img.cidcchina.cn/images/cyyj_bg1.jpg) no-repeat center; background-size: 100% 100%; }
.gysj_main1 .item.i2 { background: url(//img.cidcchina.cn/images/cyyj_bg2.jpg) no-repeat center; background-size: 100% 100%; }
.gysj_main1 .item.i3 { background: url(//img.cidcchina.cn/images/cyyj_bg3.jpg) no-repeat center; background-size: 100% 100%; }
.gysj_main1 .item.i4 { background: url(//img.cidcchina.cn/images/cyyj_bg4.jpg) no-repeat center; background-size: 100% 100%; }
.gysj_main1 .item.i5 { background: url(//img.cidcchina.cn/images/cyyj_bg5.jpg) no-repeat center; background-size: 100% 100%; }
.gysj_main1 .item img { max-width: 100%; display: block; margin: auto }
.gysj_main1 .item span { width: 100%; display: block; font-size: 20px; color: #fff; }
.gysj_main1 .item samp { display: none; width: 100%; border: 1px solid #fff; color: #fff; font-size: 14px; text-align: center; border-radius: 5px; height: 30px; line-height: 30px; margin-top: 20px; }
.gysj_main1 a.item:hover { background-size: 110% 110% }
.gysj_main1 a:hover samp { display: block; }

.gysj_main11 { width: 1200px; margin: 40px auto 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; color: #115db2; }
.gysj_main11 .item { width: 285px; height: 160px; margin-bottom: 20px; line-height: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 10px }
.gysj_main11 .item:hover { background-size: 110% 110%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.gysj_main11 .item img { width: 100%; border-radius: 10px }


.gysj_main12 { width: 1200px; margin: 40px auto 0; display: flex; align-items: center; justify-content: center; color: #115db2; }
.gysj_main12 .item { margin-bottom: 20px; line-height: 0; border-radius: 10px; margin: 0 20px }
.gysj_main12 .item .title { font-weight: bold; color: #777; font-size: 22px; position: relative; height: 54px; line-height: 54px; width: 225px; text-align: center; cursor: pointer; background-color: #E6F2FF; border: 2px solid #fff; border-radius: 10px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); }
.gysj_main12 .item .title span { display: none; width: 100%; background: #115db2; content: ''; position: absolute; bottom: 0px; left: 0; border-radius: 2px; }
.gysj_main12 .item .title span::after { content: ''; position: absolute; top: 2px; left: calc(50% - 7px); width: 0; height: 0; border-top: 8px solid #3E8AF8; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.gysj_main12 .cur .title, .gysj_main12 .item:hover .title { background-color: #3E8AF8; border: 2px solid #3E8AF8; color: #fff }
.gysj_main12 .cur .title span, .gysj_main12 .item:hover .title span { display: block }

.gysj_main13 { width: 1200px; margin: 20px auto; }
.gysj_main13 .item { width: 100%; display: none }
.gysj_main13 .item1 { display: inline-block }
.gysj_main13 .item1 .title { width: 100%; text-indent: 2em; font-size: 16px; color: #000; line-height: 30px; text-align: left }
.gysj_main13 .item1 .com { width: 100%; padding: 20px 0 }
.gysj_main13 .item1 .com .t { width: 100%; font-size: 18px; color: #000; font-weight: bold; text-align: left; padding: 20px 0 }
.gysj_main13 .item1 .com ul { width: calc(100% + 20px); overflow: hidden }
.gysj_main13 .item1 .com ul li { width: 224px; margin-right: 20px; float: left; line-height: 0px; }
.gysj_main13 .item1 .com ul li img { width: 100%; height: 205px }
.gysj_main13 .item1 .com ul li span { width: 100%; height: 40px; line-height: 40px; font-size: 18px; background-color: #fff; color: #000; font-weight: bold; text-align: center; display: block }

.gysj_main13 .item2 .title { width: 100%; text-indent: 2em; font-size: 16px; color: #000; line-height: 30px; text-align: left }
.gysj_main13 .item2 .com { width: 100%; padding: 20px 0; display: flex; align-items: center; flex-wrap: wrap }
.gysj_main13 .item2 .com a { width: 23.75%; padding: 25px; box-sizing: border-box; margin-bottom: 20px; margin-right: 1.66666%; display: flex; align-items: stretch; height: 156px; border: 2px solid #fff; border-radius: 3px; background-color: #fff }
.gysj_main13 .item2 .com a .t { display: flex; flex-direction: column; justify-content: space-evenly; text-align: left; flex: 1 1 0 }
.gysj_main13 .item2 .com a .t span { font-size: 35px; color: #1c73d4; font-weight: bold }
.gysj_main13 .item2 .com a .t samp { font-size: 18px; color: #000 }
.gysj_main13 .item2 .com a .r { width: 29px; align-self: flex-end }
.gysj_main13 .item2 .com a .r i { background: url(//img.cidcchina.cn/images/gysj_jt.png) no-repeat; background-position: 0 -29px; width: 29px; height: 29px; display: block }
.gysj_main13 .item2 .com a:nth-child(4n+4) { margin-right: 0px }

.gysj_main13 .item2 .com a:hover { background: url(//img.cidcchina.cn/images/gysj_008.jpg) no-repeat; }
.gysj_main13 .item2 .com a:hover .r { align-self: center; }
.gysj_main13 .item2 .com a:hover .r i { background-position: 0 0px; }
.gysj_main13 .item2 .com a:hover .t span { color: #fff; }
.gysj_main13 .item2 .com a:hover .t samp { color: #fff }

.gysj_main13 .item3 .title { width: 100%; text-indent: 2em; font-size: 16px; color: #000; line-height: 30px; text-align: left }
.gysj_main13 .item3 .com { width: 100%; padding: 20px 0 }
.gysj_main13 .item3 .com ul { width: 100%; overflow: hidden }
.gysj_main13 .item3 .com ul li { margin-right: 22px; float: left; width: 32%; height: 210px; padding: 40px 10px; box-sizing: border-box; background-image: linear-gradient(#E6F2FF,#FFFFFF); border: 2px solid #fff; border-radius: 10px; }
.gysj_main13 .item3 .com ul li a { display: flex; align-items: center; justify-content: space-evenly; flex-direction: column; height: 100%; color: #091733; }
.gysj_main13 .item3 .com ul li img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.gysj_main13 .item3 .com ul li span { font-size: 18px; font-weight: bold; }
.gysj_main13 .item3 .com ul li:last-child { margin-right: 0px; }
.gysj_main13 .item3 .com ul li a:hover { color: #1763CD }


.gysj_main13 .item4 .title { width: 100%; text-indent: 2em; font-size: 16px; color: #000; line-height: 30px; text-align: left }
.gysj_main13 .item4 .com { width: 100%; padding: 20px 0; }
.gysj_main13 .item4 .com ul { width: 100%; display: flex; }
.gysj_main13 .item4 .com ul li { width: 19%; height: 350px; padding: 40px 10px; box-sizing: border-box; margin-right: 20px; background-image: linear-gradient(#E6F2FF,#FFFFFF); border: 1px solid #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); box-shadow: 0 0 5px rgba(0, 0, 0, .2); display: flex; align-items: center; justify-content: space-between; flex-direction: column; color: #3E3E3E; }
.gysj_main13 .item4 .com ul li .t { width: 100%; font-size: 22px; font-weight: bold; text-align: left; padding: 20px 0; text-align: center; }
.gysj_main13 .item4 .com ul li .img { width: 65px; height: 65px; line-height: 65px; background-color: #ECF0FC; border-radius: 50%; }
.gysj_main13 .item4 .com ul li .img img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.gysj_main13 .item4 .com ul li a { display: none; text-decoration: none; font-size: 16px; color: #fff; border-radius: 20px; border: 1px solid #fff; width: 190px; height: 38px; line-height: 38px; }

.gysj_main13 .item4 .com ul li.cur { width: 39%; background: url(//img.cidcchina.cn/images/gysj_service_bg.jpg) no-repeat center; background-size: 100% 100%; border: 0px solid #fff; color: #fff; justify-content: space-evenly; }
.gysj_main13 .item4 .com ul li.cur .img { order: -1 }
.gysj_main13 .item4 .com ul li.cur a { display: inline-block }
.gysj_main13 .item4 .com ul li a:hover { text-decoration: underline; }
.gysj_main13 .item4 .com ul li:last-child { margin-right: 0px; }

.gysj_main2 { width: 1200px; margin: 30px auto 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap }

.gysj_main2 .item1 { width: 100%; height: 286px; line-height: 60px; color: #fff; display: flex; flex-direction: column; align-content: center; justify-content: center; font-size: 20px; text-align: center; background: url(//img.cidcchina.cn/images/cyyj_img1.jpg) no-repeat center; border-radius: 15px; margin-bottom: 20px; }
.gysj_main2 .item1 .title { font-weight: bold; font-size: 32px; }
.gysj_main2 .item1 .btn { background-color: #f5b51c; height: 40px; width: 220px; margin: 0 auto; border-radius: 5px; color: #fff; line-height: 40px; font-weight: 600 }
.gysj_main2 .item1:hover { background-size: 110% 110%; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }


.gysj_main2 .item2 { background: url(//img.cidcchina.cn/images/job_01.jpg) no-repeat center; background-size: 100% 100%; width: calc(33.3333% - 13px); color: #fff; height: 280px; line-height: 60px; display: flex; flex-direction: column; align-content: center; justify-content: center; font-size: 18px; text-align: center; margin-bottom: 20px;border-radius: 5px; }
.gysj_main2 .item2:nth-child(2) { background: url(//img.cidcchina.cn/images/job_02.jpg) no-repeat center; background-size: 100% 100%; }
.gysj_main2 .item2:nth-child(3) { background: url(//img.cidcchina.cn/images/job_03.jpg) no-repeat center; background-size: 100% 100%; }
.gysj_main2 .item2:nth-child(4) { background: url(//img.cidcchina.cn/images/job_04.jpg) no-repeat center; background-size: 100% 100%; }
.gysj_main2 .item2 a { color: #fff; }

.gysj_main2 .item2 .title { font-weight: bold; font-size: 30px; position: relative; height: 70px; }
.gysj_main2 .item2 .title::after { width: 72px; height: 4px; background: #fff; content: ''; position: absolute; bottom: 0px; left: calc(50% - 36px); }
.gysj_main2 .item2 .more { line-height: 35px; width: 80%; margin: 0 auto }

.gysj_main2 .item2:hover { background-size: 110% 110%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5); box-shadow: 0 0 10px rgba(0, 0, 0, .5); }

.gysj_main3 { width: 1200px; margin: 30px auto 0; height: 665px; background-color: #f1f1f1; display: flex; align-items: center; justify-content: space-between; border-radius: 10px; }
.gysj_main3 .left { border-radius: 10px; width: 220px; height: 635px; padding: 15px 0; background-color: #4177bc; display: flex; flex-direction: column; align-items: center; justify-content: space-around }
.gysj_main3 .left a { width: 100%; height: 48px; line-height: 48px; text-align: center; font-size: 24px; color: #fff; position: relative }
.gysj_main3 .left a:hover, .gysj_main3 .left a.cur { background-color: #5895e4; }
.gysj_main3 .left a:hover:before, .gysj_main3 .left a.cur:before { height: 32px; width: 4px; border-radius: 2px; background: #fff; content: ''; position: absolute; left: 10px; top: 8px; }
.gysj_main3 .left a:hover::after, .gysj_main3 .left a.cur::after { width: 0px; height: 0px; border-left: 24px solid #5895e4; border-top: 24px solid transparent; border-bottom: 24px solid transparent; content: ''; position: absolute; right: -24px; top: 0px; }


.gysj_main3 .right { width: 920px; height: 635px; padding: 15px; display: flex; align-items: center; align-content: flex-start; justify-content: space-around; flex-wrap: wrap }
.gysj_main3 .right .item { width: 290px; height: 266px; border-radius: 10px; display: flex; background-color: #fff; border-radius: 10px; align-content: center; align-items: stretch; justify-content: space-between; margin-bottom: 20px; }
.gysj_main3 .right .item .num { width: 100px; padding: 40% 0; font-size: 30px; font-weight: bolder; position: relative; background-color: #4177bc; border-radius: 10px 0 0 10px; text-align: center; font-family: Arial; color: #fff }
.gysj_main3 .right .item .num::after { width: 22px; height: 2px; background: #fff; content: ''; position: absolute; bottom: 40%; left: calc(50% - 11px); }
.gysj_main3 .right .item .c { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; padding: 15px }
.gysj_main3 .right .item .c img { width: 106px; height: 106px; border-radius: 50% }
.gysj_main3 .right .item .c .t { height: 54px; line-height: 54px; font-size: 22px; color: #000; position: relative; margin-bottom: 10px; }
.gysj_main3 .right .item .c .t::after { width: 72px; height: 2px; background: #e7e7e7; content: ''; position: absolute; bottom: 0px; left: calc(50% - 36px); }
.gysj_main3 .right .item .c .p { color: #999; font-size: 12px; text-align: left; width: 100% }

.sub_content_title { max-width: 1200px; padding: 30px 0 30px 0; margin: auto; font-size:18px; line-height:40px; font-weight:bold }
.sub_content_title h1{ text-align:left; font-size:22px}
.sub_content_title .info{color:#A3A3A3; font-size:16px; text-align:left; font-weight:normal}
.sub_content_title .price{color:#000000; font-size:27px; text-align:left; font-weight:normal; margin-top:10px}
.sub_content_title .price span{font-size:16px;}
.sub_content_title .price .btn{ width:145px; height:38px; line-height:38px; text-align:center; background-color:#3F75BD; color:#fff; font-size:16px; border:0px; float:right; font-weight:bold;  border-radius: 5px; cursor:pointer }
.sub_content_video { max-width: 1200px;  margin:50px auto ; text-align:center }
.sub_content_content { max-width: 1200px; padding: 50px 0; margin: auto }

.gysj_content{ max-width: 1200px; padding: 50px 0; margin: auto }
.gysj_content img{max-width: 100%;}


.gysj_main4 { width: 1200px; margin: 30px auto 0; display: flex; align-items: flex-start; justify-content: space-between; }
.gysj_main4 .right { width: 370px; height: 580px; position: relative; }
.gysj_main4 .right .mySwiper { width: 100%; height: 580px; padding-left: 20px; margin-bottom: 40px; position: relative; box-sizing: border-box }
.gysj_main4 .mySwiper .swiper-wrapper { width: 100%; }
.gysj_main4 .mySwiper .swiper-wrapper .swiper-slide { width: 100%; height: 140px; position: relative }
.gysj_main4 .mySwiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100% }
.gysj_main4 .mySwiper .swiper-wrapper .swiper-slide span { position: absolute; left: 0; top: 50%; transform: translate3d(0px,-50%,0); width: 100%; text-align: center; font-size: 20px; color: #Fff; font-weight: bold; z-index: 1; display: flex; align-content: center; align-items: center; justify-content: center }
.gysj_main4 .mySwiper .swiper-wrapper .swiper-slide span:before, .gysj_main4 .mySwiper .swiper-wrapper .swiper-slide span::after { width: 50px; height: 2px; background: #fff; content: ''; margin: 0 10px }


.gysj_main4 .mySwiper .swiper-wrapper .swiper-slide-thumb-active img { width: calc(100% - 8px); height: calc(100% - 8px); border: 4px solid #2374B6 }

.gysj_main4 .mySwiper .swiper-wrapper .swiper-slide-thumb-active:before { width: 0px; height: 0px; border-right: 16px solid #2374B6; border-top: 16px solid transparent; border-bottom: 16px solid transparent; content: ''; position: absolute; left: -16px; top: 50%; transform: translate3d(0px,-50%,0); }



.gysj_main4 .right .bottom { width: calc(100% - 20px); margin-left: 20px; position: absolute; bottom: 0px; z-index: 999; height: 50px; line-height: 50px; display: flex; align-content: center; justify-content: space-around }

.gysj_main4 .right .bottom .swiper-button-next, .gysj_main4 .right .bottom .swiper-button-prev { position: inherit; font-size: 20px }
.gysj_main4 .bottom .swiper-pagination { position: relative; transform: none; top: 0px; right: auto; }
.gysj_main4 .right .bottom .swiper-pagination .swiper-pagination-bullet { display: inline-block; margin: 0 5px; }
.gysj_main4 .right .bottom .swiper-button-prev::after { content: 'prev'; font-family: swiper-icons; font-size: 20px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; }

.gysj_main4 .right .bottom .swiper-button-next::after { font-size: 20px; }

.gysj_main4 .mySwiper2 { width: 830px; height: 580px; }
.gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide { line-height: 0px }
.gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide img { width: 100%; height: 450px; }
.gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide .content { line-height: 22px; width: 100%; padding: 20px; box-sizing: border-box; text-align: left; height: 134px; background-color: #F4F4F4 }
.gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide .content .title { font-size: 22px; font-weight: bold; color: #000; padding-bottom: 10px }
.gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide .content .c { font-size: 14px; color: #959595; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


.login_bg { background: url(//img.cidcchina.cn/images/login_bg.jpg) no-repeat top center; padding: 50px 0; width: 100%; }
.login_bg .main { width: 1200px; margin: auto; overflow: hidden }
.login_bg .main .left { width: 770px; height: 660px; float: left; line-height: 0px }
.login_bg .main .right { float: right; width: 430px; background-color: #fff; padding: 40px 50px; height: 655px; box-sizing: border-box }
.login_bg .main .right .logo { width: 100%; text-align: center }
.login_bg .main .right .title { width: 100%; font-size: 18px; color: #A9A9A9; margin-top: 10px; border-bottom: 1px solid #E5E5E5; display: inline-block; line-height: 40px; }
.login_bg .main .right .title span { cursor: pointer }
.login_bg .main .right .title span:first-child { float: left; }
.login_bg .main .right .title span:last-child { float: right; }

.login_bg .main .right .title .cur { font-weight: bold; color: #4F7DAE; position: relative }
.login_bg .main .right .title .cur:before { position: absolute; left: 0px; bottom: -1px; height: 2px; background-color: #4F7DAE; content: ''; width: 100% }
.login_bg .main .right .title samp { float: left; font-weight: bold; color: #4F7DAE; position: relative }
.login_bg .main .right .title samp:before { position: absolute; left: 0px; bottom: -2px; height: 3px; background-color: #4F7DAE; content: ''; width: 100% }

.login_bg .main .right .com { width: 100%; padding: 10px 0; }
.login_bg .main .right .com li { padding: 10px 0; overflow: hidden; width: 100%; box-sizing: border-box }
.login_bg .main .right .com li .input { float: left; padding: 10px 10px; width: 100%; height: 40px; box-sizing: border-box; background-color: #F3F4F6; overflow: hidden; }
.login_bg .main .right .com li .input img { float: left; width: 17px; vertical-align: middle }
.login_bg .main .right .com li .input input { float: right; width: calc(100% - 30px); border: 0px; background-color: transparent }
.login_bg .main .right .com li .input .Validform_error { background-color: #ffcbcb }
.login_bg .main .right .com li .code { width: 50% }
.login_bg .main .right .com li .send { width: 40%; background-color: #F3F4F6; float: right; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #333; }
.login_bg .main .right .com li .send img { width: 100%; height: 40px; line-height: 0px }

.login_bg .main .btn { height: 40px; line-height: 40px; width: 100%; text-align: center; background-color: #3F75BB; border: 0px; font-size: 18px; color: #fff; border-radius: 5px; margin-top: 10px; }
.login_bg .main .weixin { width: 100%; text-align: center; line-height: 30px; padding: 30px 0 20px }
.login_bg .main .weixin a { display: inline-block; padding: 0 10px; color: #8F8F8D; font-size: 14px; }
.login_bg .main .weixin a img { display: block; margin: auto }
.login_bg .main .reg { width: 100%; text-align: center; font-size: 14px; }
.login_bg .main .reg a { color: #3E74BA; font-size: 14px; }

.login_bg .main .log { width: 100%; text-align: center; font-size: 14px; padding: 20px 0 20px }
.login_bg .main .log a { color: #3E74BA; font-size: 14px; }
.bmsj_bg { padding: 80px 0; background-color: #dfe8ef /*background:url(/images/bmsj_bg.jpg) right bottom #dfe8ef no-repeat;*/ }
.bmsj_bg .bmsj_main { width: 1200px; margin: auto; display: flex; align-items: center; justify-content: space-evenly; }
.bmsj_bg .bmsj_main a img { width: 80% }
.bmsj_bg .bmsj_info { width: 800px; margin: auto; background-color: #fff; padding: 80px; }
.bmsj_bg .bmsj_info .info { width: 100%; }
.bmsj_bg .bmsj_info .info .title { width: 250px; margin: auto; background-image: linear-gradient(#8f8ac3, #1b1084); font-size: 40px; font-weight: bold; color: #fff; height: 60px; line-height: 60px; border-radius: 20px; }
.bmsj_bg .bmsj_info .info .desc { width: 100%; text-align: center; color: #666; font-size: 24px; padding: 20px 0 }
.bmsj_bg .bmsj_info .form { width: 100%; border: 1px solid #efefef; padding: 10px 20px 30px; margin-top: 20px; box-sizing: border-box }
.bmsj_bg .bmsj_info .box { width: 100%; display: flex; align-items: center; justify-content: space-between; text-align: left; border-bottom: 1px solid #efefef; padding: 10px 0 }
.bmsj_bg .bmsj_info .box .title { width: 200px; font-size: 14px; line-height: 18px; }
.bmsj_bg .bmsj_info .box .title samp { font-size: 12px; }
.bmsj_bg .bmsj_info .box .c { flex: 1 1 0; display: flex; align-items: stretch; justify-content: space-between; position: relative }
.bmsj_bg .bmsj_info .box .c .input { width: 100%; border: 1px solid #ddd; height: 30px; line-height: 30px; font-size: 14px; text-indent: 5px }
.bmsj_bg .bmsj_info .box .c .before { position: absolute; bottom: 1px; right: 68px; height: 30px; line-height: 30px; background-color: #fff; content: '查看'; padding: 0 5px; cursor: pointer }
.bmsj_bg .bmsj_info .box .c .before:hover { color: red }
.bmsj_bg .bmsj_info .box .c:has(.data) .input { padding-right: 35px }
.bmsj_bg .bmsj_info .box.item { width: 100%; border-bottom: 0px }
.bmsj_bg .bmsj_info .box.item .title { font-size: 16px; font-weight: bold }
.bmsj_bg .bmsj_info .box .explain { flex: 1 1 0; padding: 10px 0; font-size: 14px; font-weight: bold }
.bmsj_bg .bmsj_info .btn { width: 100%; padding: 10px 0 }
.bmsj_bg .bmsj_info .btn .submit { width: 120px; height: 40px; line-height: 40px; background-color: #115db5; border-radius: 10px; color: #fff; text-align: center; border: 0 }
.bmsj_bg .bmsj_info .box.msg { width: 100%; border-bottom: 1px solid red; color: red }
.bmsj_bg .bmsj_info .box.msg .explain { font-weight: normal }
/*上传样式*/
.upload-box { position: relative; display: inline-block; height: 30px; vertical-align: top; zoom: 1; *display: inline; }
.upload-box .upload-btn { display: inline-block; height: 30px; zoom: 1; *display: inline; }
.upload-box .upload-progress { position: absolute; top: 0; left: 0; padding: 2px 5px; width: 115px; height: 26px; border: 1px solid #d7d7d7; background: #fff; overflow: hidden; }
.upload-box .upload-progress .txt { display: block; padding-right: 10px; font-weight: normal; font-style: normal; font-size: 11px; line-height: 18px; height: 18px; text-overflow: ellipsis; overflow: hidden; }
.upload-box .upload-progress .bar { position: relative; display: block; width: 112px; height: 4px; border: 1px solid #1da76b; }
.upload-box .upload-progress .bar b { display: block; width: 0%; height: 4px; font-weight: normal; text-indent: -99em; background: #28B779; overflow: hidden; }
.upload-box .upload-progress .close { position: absolute; display: block; top: 1px; right: 1px; width: 14px; height: 14px; line-height: 14px; text-align: center; cursor: pointer; overflow: hidden; }
.upload-box .upload-progress .close:hover { text-decoration: none; }
.upload-box .upload-progress .close i { color: #535353; font-size: 10px; line-height: 14px; -webkit-transform: scale(0.833); }
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick { position: relative; display: inline-block; width: 65px; line-height: 30px; height: 30px; border: 1px solid #e1e1e1; cursor: pointer; background: #fff; color: #333; text-align: center; overflow: hidden; zoom: 1; *display: inline; }
.webuploader-pick-hover { background: #fafafa; }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }


@media (min-width:300px) {
    .index-main1 .item { width: 48%; margin-right: 4% }
    .index-main1 .item:nth-child(2n) { margin-right: 0 }
    .sub-main3 .swiper-slide .img { height: auto; }
    :root { font-size: calc( 0.55em + 0.5vw); }
}

@media (min-width: 400px) {
    :root { font-size: calc( 0.6em + 0.5vw); }
}

@media (min-width: 500px) {
    :root { font-size: calc(0.7em + 0.5vw); }
}

@media (min-width: 600px) {
    :root { font-size: calc(0.8em + 0.5vw); }
}

@media (min-width: 700px) {
    :root { font-size: calc( 0.9em + 0.5vw); }
    .index-main1 .item { width: 32%; margin-right: 2% }
    .index-main1 .item:nth-child(2n) { margin-right: 2% }
    .index-main1 .item:nth-child(3n) { margin-right: 0px }
}

@media (min-width: 800px) {
    :root { font-size: calc(1em + 0.5vw); }
    .sub-main3 .swiper-slide .img { height: 11.6rem; }
}

@media (min-width: 1024px) {
    .index-main1 .item { width: 24%; margin-right: 0 }
    .index-main1 .item:nth-child(2n) { margin-right: 0 }
    .sub-main3 .swiper-slide .img { height: 340px; }

    .sub-nav { height: 72px; }
    .sub-nav .nav .list { width: 1000px; height: 72px; padding: 0 0px }
    .sub-nav .nav .list .logo { width: 208px; height: auto; }
    .sub-nav .nav .list li a { height: 72px; line-height: 72px; font-size: 16px; }
    .sub-nav .nav li { width: auto; }
    .sub-nav .nav .list .search { padding: 20px 10px; }
    .sub-nav .nav .list .login { padding: 4px 10px; font-size: 12px; }

    .sub-nav .nav .show-box ul { padding-left: 182px; width: 650px }
    .sub-nav .nav .show-box li { width: 83px; }
    .sub-nav .nav .show-box li a { font-size: 14px; height: 25px; line-height: 25px; }
    .sub-nav .nav .show-box li img { width: calc(90% - 4px); margin-top: 8px; }
}

@media (min-width: 1200px) {
    .sub-nav { height: 72px; }
    .sub-nav .nav .list { width: 1190px; height: 72px; padding: 0 0px }
    .sub-nav .nav .list .logo { width: 250px; height: auto; }
    .sub-nav .nav .list li a { height: 72px; line-height: 72px; font-size: 18px; }
    .sub-nav .nav li { width: 95px; }
    .sub-nav .nav .list .search { padding: 20px; }
    .sub-nav .nav .list .login { padding: 6px 13px; font-size: 13px; }

    .sub-nav .nav .show-box ul { padding-left: 220px; width: 700px }
    .sub-nav .nav .show-box li { width: 97px; }
    .sub-nav .nav .show-box li a { font-size: 16px; height: 35px; line-height: 35px; }
    .sub-nav .nav .show-box li img { width: calc(90% - 4px); margin-top: 10px; }
}

@media (min-width: 1300px) {
    .sub-nav { height: 85px; }
    .sub-nav .nav .list { width: 1300px; height: 85px; padding: 0 0px }
    .sub-nav .nav .list .logo { width: 261px; height: auto; }
    .sub-nav .nav .list li a { height: 85px; line-height: 85px; font-size: 20px; }
    .sub-nav .nav li { width: 100px; }
    .sub-nav .nav .list .search { padding: 20px; }
    .sub-nav .nav .show-box ul { padding-left: 270px; width: 800px }
    .sub-nav .nav .show-box li { width: 108.5px; }
    .sub-nav .nav .show-box li a { font-size: 18px; }
    .sub-nav .nav .show-box li img { width: calc(94% - 4px); margin-top: 8px; }
}

@media (min-width: 1400px) {
    .sub-nav { height: 95px; }
    .sub-nav .nav .list { width: 1400px; height: 95px; padding: 0 0px }
    .sub-nav .nav .list .logo { width: 282px; height: 62px; }
    .sub-nav .nav .list li a { height: 95px; line-height: 95px; }
    .sub-nav .nav li { width: 116px; }
    .sub-nav .nav .list .search { padding: 20px; }
    .sub-nav .nav .show-box ul { padding-left: 330px; width: 900px }
    .sub-nav .nav .show-box li { width: 119px; }
    .sub-nav .nav .show-box li a { font-size: 18px; line-height:22px }
    .sub-nav .nav .show-box li img { width: 105px }
}

@media (min-width: 1500px) {

    .sub-nav .nav .show-box ul { padding-left: 320px; width: 900px }
}

@media (min-width: 1600px) {
    .sub-nav .nav .list { width: 1600px; padding: 0 0px }
    .sub-nav .nav .list .logo { width: 315px; height: 62px; }
    .sub-nav .nav li { width: 126px; }
    .sub-nav .nav .list .search { padding: 20px 20px 20px 30px; }
    .sub-nav .nav .list .login { padding: 7px 22px; font-size: 14px; }

    .sub-nav .nav .show-box ul { padding-left: 325px; width: 1000px }
    .sub-nav .nav .show-box li { width: 135px; }
    .sub-nav .nav .show-box li img { width: 105px; margin-top: 0px; }
}

@media (min-width: 1800px) {
    .sub-nav .nav .list { width: 1800px; padding: 0 0px }
    .sub-nav .nav .list .search { margin: 20px 10px 20px 40px; }
    .sub-nav .nav .show-box ul { padding-left: 370px; width: 1200px }
    .sub-nav .nav .show-box li { width: 150px; }
}

@media only screen and (max-width:1200px) {
    .index-main4 { width: 100% }
    .index-main4 .item { width: 24%; }
    .index-main4 .item:nth-child(6n) { width: 100%;} 
    .index-main4 .item1 { padding: 10px 8px; height: 13vw; width: 100%; }
    .index-main4 .item6 { height: 11.5vw; width: 100%; }
    .footer .foot_link { width: calc(100% - 10px); }
    .footer .foot_link a { width: 16% }
    .footer1 .link { width: calc(100% - 20px); padding: 0 10px; }
    .footer1 .foot { width: 100%; }
    .sub-hzjl-main4-bg .hzjl_main4 { width: 100%; margin: 0 0px; }
}

@media only screen and (max-width:1023px) {
    .sub-hzjl-main4-bg .hzjl_main4 { width: 100%; margin: 0 0px; }
    .f_contact { display: none }
    .index-bg { background-size: 100% 75vw; }
    .index-top { display: none; }
    .index-logo { margin: 10px auto 0 }
    .index-logo img { width: 40% }
    .index-logo-m { display: none; align-items: center; justify-content: space-between; flex-wrap: wrap; }
    .index-logo-m .logo { flex: 1 1 0; text-align: left; padding: 1rem 0 1rem 1rem; line-height: 0; }
    .index-logo-m .logo img { width: 20rem; }
    .index-logo-m .rt { width: 7.5rem; height: 2.1rem; line-height: 2.1rem; background: url(//img.cidcchina.cn/images/w1-menu.png) no-repeat left 0.08rem; background-size: 2rem 2rem; }
    .index-logo-m .rt .navtext { font-size: 2rem; color: #fff; padding-left: 2rem; }

    .index-logo-m .menu_colse { width: 7.5rem; height: 2.1rem; line-height: 2.1rem; background: url(//img.cidcchina.cn/images/close.png) no-repeat 3rem 0.08rem; background-size: 2rem 2rem; }
    .index-bg .index-logo-m { background: url(//img.cidcchina.cn/images/bg.png) no-repeat top center; background-size: 100% auto; position: fixed; top: 0; z-index: 99999; width: 100%; }

    .padnav_b { display: none; width: 100%; }
    .padserch { background: #404040; width: 100%; height: 50px; line-height: 50px; }

    .pd_sh_a { width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); padding: 10px; }
    .pdshhx { color: #fff; height: 30px; background: none; border: none; border-bottom: 1px solid #707070; background: none; float: left; width: calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); }
    .pd_sh_a input:focus { outline: none; }
    .pdshss { background: url(//img.cidcchina.cn/images/16ss.png) no-repeat center center; width: 29px; height: 29px; border: none; float: left; }


    .pd_nnav { background: #eeeeee; position: relative; top: -2px; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); padding: 10px; }

    .pd_nnav_nr { width: 100%; }

    .pd_nnav_nr ul li a { display: inline-block; float: left; font-size: 15px; color: #333333; }

    .pd_nnav_nr ul li { height: auto; overflow: hidden; line-height: 50px; width: 100%; }
    .jia { background: url(//img.cidcchina.cn/images/gdjia.png) no-repeat center center; width: 11px; height: 11px; margin-top: 20px; margin-right: 20px; }

    .jian { background: url(//img.cidcchina.cn/images/jian.png) no-repeat center center; }

    .yiji { border-bottom: 1px solid #cecece; height: auto; overflow: hidden; }

    .erji { width: 100%; padding: 0px 20px; overflow: hidden; display: none; border-bottom: 1px solid #cecece; }

    .erji dl dd { display: block; height: auto; line-height: 40px; overflow: hidden; }

    .erji dl dd a { font-size: 13px; }

    .fr { float: right; }





    .index-search { width: 84%; margin-top: 1rem; }
    .index-search .text, .index-search .btn { height: 3.2rem; line-height: 3.2rem; font-size: 1rem; text-indent: 1rem }
    .index-search .btn { width: 7rem; padding: 0; justify-content: center }
    .index-search .btn img { width: 1rem; }
    .banner { margin-top: 0px; }
    .m-banner { display: block; }
    .banner .mySwiper { display: none }
    .banner .mySwiper1 { width: 100%; height: 100%; margin-top: -2vw; display: block }
    .banner .mySwiper1 .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 25rem !important; }
    .banner .mySwiper1 .swiper-slide img { width: 100%; height: 100%; }

    .banner .mySwiper1 .swiper-button-next { width: 62px; height: 62px; background: url(//img.cidcchina.cn/images/swiper-button-next.png) no-repeat; border-radius: 50%; right: 5%; top: 60%; }
    .banner .mySwiper1 .swiper-button-prev { width: 62px; height: 62px; background: url(//img.cidcchina.cn/images/swiper-button-prev.png) no-repeat; border-radius: 50%; left: 5%; top: 60%; }

    .banner .mySwiper1 .swiper-button-next:after, .banner .mySwiper1 .swiper-button-prev:after { content: none; }
    .banner .mySwiper1 .swiper-button-prev, .banner .mySwiper1 .swiper-button-next { width: 4rem; height: 4rem; background-size: 4rem 4rem; border-radius: initial; top: 50%; }




    .nav { width: 100%; margin: 5vw 0 0; z-index: 9999; border-radius: 0px; position: relative; left: 0 }
    .nav .list { display: flex; justify-items: center; flex-wrap: wrap; align-items: center; width: auto; height: auto; overflow: inherit; }
    .nav .list > img { display: none }
    .nav .list li { width: 25% }
    .nav .list li a { height: 3.2rem; line-height: 3.2rem; font-size: 1.2rem; }
    .sub-nav { height: 6.4rem; }
    .sub-nav .nav .list { height: auto }
    .sub-nav .nav .list .m { display: none }
    .sub-nav .nav .list li a { height: 3.2rem; line-height: 3.2rem; }


    .index-title { }
    .index-title .t1 { font-size: 26px; }
    .index-title .t2 { font-size: 0.8rem; line-height: 2rem; }
    .index-title:after { margin: 0 }
    .index-main1-bg, .index-main2-bg, .index-main3-bg { padding: 2rem 10px; }
    .index-main1 { width: 100%; justify-content: flex-start }
    .index-main1 .item { height: 6rem; }
    .index-main1 .item span { font-size: 0.8rem; }
    .index-main1 .item span b { font-size: 1.4rem; height: 2.2rem; line-height: 2.2rem; }
    .index-title1 { width: 100%; }
    .index-title1 .t { font-size: 1rem; font-weight: 500; padding-bottom: 5px; }
    .index-title1 .t em { padding: 0 7px }
    .index-title1 .t a { height: 2.2rem; line-height: 2.2rem; }
    .index-title1 .t a.cur:before { height: 3px; width: 100%; bottom: -2px; }
    .index-title1 .t a:nth-child(n+6) { display: none }
    .index-title1 .t em:nth-child(n+6) { display: none }
    .index-title1 .more { font-size: 0.8rem; padding: 0 1rem; border: 0; width: 4.2rem }
    .index-main2, .index-main3 { width: 100%; flex-direction: column; }


    .index-main2 .main2_left { width: 100%; margin-right: 0px; }
    .index-main2 .main2_left .img { height: auto; }
    .index-main2 .main2_right { padding-top: 10px; }
    .index-main2 .main2_right .item .img { width: 30%; height: auto; line-height: 0; }
    .index-main2 .main2_right .item .c { height: auto; }
    .index-main2 .main2_right .item .c .time { font-size: 1.4rem; height: 1.6rem; line-height: 1.4rem; }
    .index-main2 .main2_right .item .c .t { font-size: 1.2rem; height: 1.4rem; line-height: 1.2rem; font-weight: 400 }
    .index-main2 .main2_right .item .c .content { font-size: 0.8rem; height: 2.6rem; line-height: 1.3rem; }
    .index-main3 .main3_left { width: 100%; height: 20rem; margin-right: 0px; }
    .index-main3 .main3_left .swiper-slide img { width: 100%; height: 100%; }
    .index-main3 .main3_left .swiper-slide .title { font-size: 1.1rem; }
    .index-main3 .main3_right li { margin: 10px 0; }
    .jcjs-bg { padding: 10px 0 0; margin-bottom: 20px; }

    .jcjs { width: calc(100% - 20px); }

    .jcjs .title { font-size: 26px; height: 50px; line-height: 50px; }
    .jcjs .title::before { bottom: -10px; }
    .jcjs .list .item { width: 32%; height: auto; font-size: 1.1rem }


    .h_rcwf-bg { padding: 10px 0 20px; }
    .h_rcwf { width: calc(100% - 20px); }

    .h_rcwf .title { font-size: 26px; height: 50px; line-height: 50px; }
    .h_rcwf .title::before { bottom: -10px; }
    .h_rcwf .list .item { width: 32%; height: 12vw; margin-bottom: 0.8rem }
    .h_rcwf .list .item span { font-size: 1rem; height: 1.3rem; line-height: 1.3rem }
    .h_rcwf .list .item samp { font-size: 0.55rem; width: 5rem; height: 1.3rem; line-height: 1.3rem }
    .h_rcwf .list .item:nth-child(n+7) { height: 11vw; }

    .index-main4 { width: calc(100% - 20px); }
    .index-main4 .index-job { width: 100%; height: 50px; line-height: 50px }
    .index-main4 .index-job span { font-size: 26px; height: 50px; line-height: 50px; }
    .index-main4 .index-job::before { bottom: -10px }
    .index-main4 .index-job2 { margin-top: 30px; }

    .index-main4 .item1 { padding: 10px 8px; height: 13vw; width: 100% }
    .index-main4 .item1 .com span { font-size: 30px; }
    .index-main4 .item1 .com samp { font-size: 14px; }
    .index-main4 .item1 .btn { width: 20vw; height: 5.5vw; line-height: 5.5vw; font-size: 2.5vw; }

    .index-main4 .item6 { height: 11vw; width: 100%; }

    .footer .foot_link { width: calc(100% - 10px); flex-wrap: wrap; justify-content: flex-start; }
    .footer .foot_link a { width: calc(33.3333% - 10px); margin: 5px }
    .footer .foot_link a img { width: 100% }
    .footer1 .link { width: calc(100% - 20px); padding: 0 10px; }
    .footer1 .link .list { width: 100%; }
    .footer1 .link .list li { font-size: 1rem; padding: 0 5px; }
    .footer1 .link .list li dl { width: calc(100% - 30px); }
    .footer1 .link .list li dl dd a { font-size: 0.9rem; }
    .footer1 .link .link2.cur dl { width: calc(100vw - 70px); }
    .footer1 .foot { width: 100%; flex-direction: column; display: flex; }
    .footer1 .foot .left { width: calc(100% - 20px); padding: 0 10px; font-size: 1rem; line-height: 2rem; }
    .footer1 .foot .right { width: calc(100% - 20px); padding: 0 10px; text-align: center; }
    .footer1 .foot .right div { min-width: 75px; }
    .footer1 .foot .right img { max-width: 100%; }
    .page-top { padding: 5px 4px; font-size: 12px; }
    .job-banner { background-size: 100% auto; height: 30vw }
    .sub_banner2, .gysjbg .sub_banner2 { background: url(//img.cidcchina.cn/images/bg.png) no-repeat top center; height: auto; position: fixed; top: 0; z-index: 99999; }
    /*body { padding-top: 5rem; }*/



    .sub-main1-bg, .sub-main2-bg { padding: 2rem 10px; margin: auto; }
    .sub-main1-bg .main2_left .img { height: auto; }
    .sub-main3 { width: 100%; }
    .sub-main3 .swiper-slide .c .t { line-height: 1.4rem; height: 1.4rem; font-size: 1.2rem; }
    .sub-main3 .swiper-slide .c .content { line-height: 1.3rem; height: 2.6rem; font-size: 0.8rem; }
    .list_more { padding: 2px 20px; font-size: 0.8rem; }
    .sub_mian, .sub_mian1 { width: calc(100% - 20px); padding: 0 10px; flex-direction: column; margin: 0; }
    .sub_mian .left { width: calc(100% - 20px); padding: 1rem 0; box-shadow: 0px 1px 0px 0px #E6E6E6; margin-bottom: 1rem; background: #fff; }
    .sub_mian .left .title { display: none; }
    .sub_mian .left ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
    .sub_mian .left li { width: auto; margin: 5px; display: inline-block; }
    .sub_mian .left li a { padding: 0 3px; border-radius: 5px; font-size: 1.1rem; height: 2.5rem; line-height: 2.5rem; }
    .sub_mian .right { width: 100%; padding-bottom: 20px; }
    .sub_mian .right .ad .swiper-slide img { height: 15rem; }
    .sub_mian .right .list .item .img { width: 30%; height: 7rem; margin-right: 10px; }
    .sub_mian .right .list .item .c { height: auto; }
    .sub_mian .right .list .item .c .time { font-size: 1.4rem; height: 1.6rem; line-height: 1.4rem; }
    .sub_mian .right .list .item .c .t { font-size: 1.2rem; height: 1.2rem; line-height: 1.2rem; }
    .sub_mian .right .list .item .c .content { font-size: 0.8rem; height: 2.6rem; line-height: 1.3rem; }
    .sub_mian1 .title { font-size: 1.5rem; text-align: center; margin-top: 10px; }
    .sub_mian1 .main { flex-direction: column; margin: 0px; }
    .sub_mian1 .main .left { width: 100%; padding: 0; box-shadow: 0px 1px 0px 0px #E6E6E6; margin-bottom: 1rem; }
    .sub_mian1 .main .left .time { padding: 0; border: 0; width: auto; height: auto; font-size: 1.2rem; text-align: right; color: #000; }
    .sub_mian1 .main .left .time b { float: right; display: inline-block; width: auto; font-size: 1.2rem; font-weight: normal; }
    .sub_mian1 .main .left .time b:before { font-size: 1.2rem; content: ' -'; letter-spacing: -2px; }
    .sub_mian1 .main .left .share { position: fixed; bottom: 0; right: 999px; }
    .sub_mian1 .main .content { font-size: inherit; line-height: inherit; padding: 20px 0; }
    .sub_mian1 .main .right { display: none; }

    .sub-main4-bg { padding: 2rem 10px; margin: auto; }
    .sub-main4 { width: 100%; flex-direction: column; }
    .sub-main4 .main3_left { width: 100%; height: 20rem; margin-right: 0px; }
    .sub-main4 .main3_left .swiper-slide img { width: 100%; height: 100%; }
    .sub-main4 .main3_left .swiper-slide .title { font-size: 1.1rem; }
    .sub-main4 .main3_right { width: 100% }
    .sub-main4 .main3_right li { margin: 10px 0; }

    .sub_mian .about_com .about_title { font-size: 1.5rem; padding: 20px 0; }
    .sub_mian .about_com .about_content { font-size: 1rem; line-height: 1.7rem; }
    .sub_mian .about_com .about_num { flex-wrap: wrap; }
    .sub_mian .about_com .about_num .item { padding: 10px; width: calc(50% - 10px); margin: 10px 0; height: 5rem; line-height: 1.6rem; font-size: 1rem; }
    .sub_mian .about_com .about_num .item img { margin-right: 20px; height: 100%; }
    .sub_mian .about_com .about_num .item div span, .sub_mian .about_com .about_num .item div samp { display: block; font-size: 1.5rem; font-weight: bold; color: #434343; }
    .sub_mian .about_com .environment img { width: calc(33.333% - 10px); }

    .sub_mian .about_com .about_contact { flex-direction: column; }
    .sub_mian .about_com .about_contact .item { padding: 10px; width: 100%; margin: 10px auto; height: 10rem; }
    .sub_mian .about_com .about_contact .item .title { width: 5rem; height: 5rem; line-height: 5rem; font-size: 1.5rem; }
    .sub_mian .about_com .about_contact .item .c { font-size: 0.9rem; line-height: 1.5rem; }
    .sub_mian .about_com .about_contact .item .c span { font-size: 1.5rem; line-height: 1.8rem; }


    .sub_mian .about_com .certificate { margin-left: 5px; }
    .sub_mian .about_com .certificate .item { width: calc(33.333% - 15px); height: auto; margin: 10px 15px 10px 0; line-height: 25px; }
    .sub_mian .about_com .certificate .item img { width: 100%; height: 100%; margin-bottom:10px; }
   
    .sub_mian .about_com .honor { margin-left: 5px; }
    .sub_mian .about_com .honor .item { width: calc(33.333% - 15px); height: auto; margin: 10px 15px 10px 0; }
    .sub_mian .about_com .honor .item img { width: 100%; height: 100%; }
    .sub_mian .about_com .honor .item:nth-child(6n+6) { margin-right: 10px; }

.sub_mian .about_com .job_list .item 
{
    padding:8px 0;
    font-size: 14px;
    line-height: 20px;
    text-indent:0
}
.sub_mian .about_com .job_list .item a{ text-indent:0}
.sub_mian .about_com .job_list .item samp {
    margin-left: 10px;
    width: 140px;
    font-size: 12px;
}


.sub_mian .about_com #container { width: 100%; height: 56vw }

    .neikan_banner { width: calc(100% - 20px); margin: 2rem 10px; }
    .neikan_list { width: calc(100% - 20px); margin: 2rem 10px; }

    .neikan_list .item { width: calc(50% - 38px); margin: 10px 0; padding: 14px; height: 10rem; line-height: 2rem; }
    .neikan_list .item img { width: 8rem; height: 10rem; margin-right: 10px; }
    .neikan_list .item .nr .title { font-size: 1rem; line-height: 1.3rem; }
    .neikan_list .item .nr .author { font-size: 0.7rem; text-align: center; width: 100%; height: 1.5rem; line-height: 1.5rem; }
    .neikan_list .item .nr .btn { width: 100%; margin-top: 1rem; display: flex; align-items: center; justify-content: space-around; }
    .neikan_list .item .nr .btn a { width: 35%; color: #fff; border-radius: 1.5rem; height: 1.3rem; text-align: center; line-height: 1.3rem; font-size: 0.6rem; }


    .hzjl_about { margin: 40px 10px; width: calc(70% - 20px); padding-right: 30%; }
    .hzjl_about .hzjl_title { font-size: 2rem; height: 40px; }
    .hzjl_about .hzjl_content { font-size: 16px; line-height: 30px; }

    .hzjl_list { width: calc(100% - 20px); }
    .hzjl_list .item { width: calc(25% - 10px); margin: 5px; height: 4rem; }
    .hzjl_list .item:nth-child(5n+5) { margin: 5px; }


    .hzjl_list1 { width: calc(100% - 20px); margin: 2rem 10px; }
    .hzjl_list1 .item { width: calc(25% - 10px); margin: 5px; height: 5rem; }
    .hzjl_list1 .item:nth-child(5n+5) { margin: 5px; }



    .hzjl_list2 { width: calc(100% - 20px); margin: 2rem 10px; }
    .hzjl_list2 .item { width: calc(33.3333% - 10px); margin: 5px; height: 20rem; }
    .hzjl_list2 .item:nth-child(4n+4) { margin: 5px; }
    .hzjl_list2 .item .img { width: 100%; height: 11rem; line-height: 11rem; }
    .hzjl_list2 .item .img img { max-width: 80%; max-height: 11rem; }
    .hzjl_list2 .item .img::after { width: 100%; height: 6rem; background: #4077BC; border-radius: 20px 20px 0 0; content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; }
    .hzjl_list2 .item .content { width: calc(100% - 4px); height: 9rem; border: 2px solid #eaeaea; border-top: 0px; border-radius: 0 0 20px 20px; }
    .hzjl_list2 .item .content .t { width: 100%; line-height: 0.7rem; font-size: 14px; color: #3F77BB; }
    .hzjl_list2 .item .content .t1 { width: 100%; line-height: 40px; font-size: 1.1rem; font-weight: bold; }
    .hzjl_list2 .item .content .t2 { width: 100%; }
    .hzjl_list2 .item .content .t:after { content: ''; width: 42px; height: 2px; display: inline-block; background-color: #3F77BB; margin-top: 10px; }
    .hzjl_list2 .item .content .c { width: 90%; margin: 10px auto 0; line-height: 18px; font-size: 12px; color: #878787; text-align: left; }


    div.page-box { font-size: 1rem; }
    div.page-box a { padding: 0px 0.6rem; line-height: 1.8rem; height: 1.8rem; }
    div.page-box a:hover { color: #fff; background: #2f89eb; }
    div.page-box span { line-height: 1.8rem; height: 1.8rem; }
    div.page-box span.current { padding: 0px 0.6rem; }
    div.page-box span.disabled { padding: 0px 0.6rem; }


    .pdf { min-height: 40rem; margin-top: 20px; }
    #pdfContainer { height: 40rem; }

    .gysjbg { background-size: auto 22rem }
    .gysjbg .banner_content { padding: 30px 0; background-size: 100% auto; }
    .gysjbg .banner_content .banner_title { font-size: 1.9rem; line-height: 4rem; }
    .gysjbg .banner_content .banner_btn { width: 10rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.2rem }
    .gysj_main1 { width: calc(100% - 20px); flex-wrap: wrap; justify-content: flex-start }
    .gysj_main1 .item { width: 32.6333%; margin-bottom: 1%; margin-right: 1%; padding: 0; height: 12rem; }
    .gysj_main1 .item:nth-child(3) { margin-right: 0px }

    .gysj_main2 { width: calc(100% - 20px); }
    .gysj_main2 .item1 { height: 14rem; line-height: 3rem; font-size: 0.8rem; margin-bottom: 0.5rem }
    .gysj_main2 .item1 .title { font-size: 1.7rem }
    .gysj_main2 .item1 .more { line-height: 1.8rem }
    .gysj_main2 .item1 .btn { margin-top: 0.5rem; height: 2.8rem; line-height: 2.8rem; width: 6rem; font-size: 1rem }
    .gysj_main2 .item2 { height: 27vw; font-size: 0.8rem; width: calc(50% - 5px); margin-bottom: 10px; line-height: 2rem; }
    .gysj_main2 .item2 .title { font-size: 1.3rem; height: 3rem; margin-bottom: 0.5rem }
    .gysj_main2 .item2 .title::after { height: 4px }
    .gysj_main2 .item2 .more { line-height: 1.5rem }
.sub-hzjl-main4-bg{ width: 100%; padding: 20px 10px; box-sizing: border-box }
.sub-gysj-main1-bg{ width: 100%; padding: 20px 10px; box-sizing: border-box }
    .sub-gysj-main2-bg { width: 100%; padding: 20px 10px; box-sizing: border-box }
    .gysj_main12 { width: 100% }
    .gysj_main12 .item { width: 22%; margin: 0 5px }
    .gysj_main12 .item .title { width: 100%; font-size: 1.15rem; height: 3rem; line-height: 3rem; }
    .gysj_main13 { width: 100% }
    .gysj_main13 .item2 .com a { width: 32.2%; padding: 15px }
    .gysj_main13 .item2 .com a:nth-child(4n+4) { margin-right: 1.66666%; }
    .gysj_main13 .item2 .com a:nth-child(3n+3) { margin-right: 0; }
    .gysj_main13 .item3 .com ul li { margin-right: 2%; }
    .gysj_main13 .item4 .com ul li .t { font-size: 1rem }

    .gysj_main3 { width: calc(100% - 20px); flex-direction: column; height: auto; background-color: #f1f1f1; padding: 10px; border-radius: 0 }
    .gysj_main3 .left { flex-direction: row; width: calc(100% - 20px); padding: 10px; height: auto; flex-wrap: wrap; justify-content: flex-start }
    .gysj_main3 .left a { width: auto; padding: 0 8px; height: 3rem; line-height: 3rem; margin: 5px 0; font-size: 1.2rem }
    .gysj_main3 .left a:hover, .gysj_main3 .left a.cur { border-radius: 5px; }
    .gysj_main3 .left a:hover:before, .gysj_main3 .left a.cur:before { content: none }
    .gysj_main3 .left a:hover::after, .gysj_main3 .left a.cur::after { content: none }
    .gysj_main3 .right { width: 100%; height: auto; margin: 5px 0; padding: 0px; justify-content: space-between; }
    .gysj_main3 .right .item { width: calc(33.333% - 5px); height: 30vw; margin: 5px 0 }
    .gysj_main3 .right .item .num { width: 20% }

    .gysj_main3 .right .item .c { padding: 10px }
    .gysj_main3 .right .item .c img { width: 5rem; height: 5rem }
    .gysj_main3 .right .item .c .t { height: 2rem; line-height: 2rem; font-size: 1rem; }


    .gysj_main4 { width: calc(100% - 20px); flex-direction: column }
    .gysj_main4 .mySwiper2 { width: 100%; height: auto }
    .gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide img { height: 25rem }
    .gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide .content { height: auto; padding: 10px; margin-bottom: 5px; line-height: 1.3rem; }
    .gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide .content .title { font-size: 1.2rem; padding-bottom: 5px; }
    .gysj_main4 .mySwiper2 .swiper-wrapper .swiper-slide .content .c { font-size: 0.7rem }

    .gysj_main4 .right { width: 100%; height: calc(8rem + 50px); margin-top: 10px }
    .gysj_main4 .right .mySwiper { height: 8rem; padding-left: 0px; }
    .gysj_main4 .mySwiper .swiper-wrapper .swiper-slide { height: 100% }
    .gysj_main4 .mySwiper .swiper-wrapper .swiper-slide-thumb-active:before { border-bottom: 16px solid #2374B6; border-left: 16px solid transparent; border-right: 16px solid transparent; left: 50%; top: -32px; transform: translate3d(-50%,0px,0); }
    .gysj_main4 .mySwiper .swiper-wrapper .swiper-slide span { font-size: 0.9rem; }
    .gysj_main4 .mySwiper .swiper-wrapper .swiper-slide span:before, .gysj_main4 .mySwiper .swiper-wrapper .swiper-slide span::after { width: 1.5rem; height: 2px; background: #fff; content: ''; margin: 0 5px; }
    
    .gysj-main1{ width: calc(100% - 20px); padding: 10px;   }
    .gysj-main1 .item{ width: 33%; margin:0 1.5vw}
    .gysj-main1 .item .title{    height: 44px;    line-height: 44px;    width: 100%; font-size:14px;}
    
    .gysj-main2{ width: calc(100% - 20px); margin:2vw 0px;   }
    .gysj-main2 .item .com{padding:1vw 0}
    .gysj-main2 .item .com ul li{ height:auto;padding:4vw 10px}
    .gysj-main2 .item .com ul li span{font-size:12px;}
    
/*    .gysj-main5 .item{ padding:5vw 1%}
    .gysj-main5 .item img{width:15vw}
    .gysj-main5 .item span{font-size:16px;    line-height: 15vw;}
    
    .gysj-main5 .item samp{font-size:12px;    line-height: 15px;}*/
    .gysj-main5 .item { width: 48%; margin-bottom: 10px; }
    
    .gysj-main3{ width:100%; margin:0 0px;   }
    .gysj-main3 .item{height:34vw}
    .gysj-main3 .item img{height:34vw}
    .gysj-main3 .item span{ font-size:14px;}
    .gysj-main3 .item samp{ font-size:12px;}



    .gysj-main4 { width: 100%; margin: 30px 0px; }
    .gysj-main4 .item{width: 48.5%; margin-right:3%;    height:26vw;}
    .gysj-main4 .item span{font-size:12px; line-height:16px;}
    .gysj-main4 .item samp{    width: 25px;height: 25px; margin-top:2px}
    .gysj-main4 .item:hover div{height:26vw;padding: 5px;}
    
    .gysj-main4 .item:nth-child(2n+2){margin-right:0%}
    
    .job_bg { background: none }
    .job_bg .sub_banner2 { background: url(//img.cidcchina.cn/images/bg.png) no-repeat top center; }
    .sub-job1-bg { margin-top: 0rem; padding: 20px 0; }
    
    .job-title{    margin-bottom: 10px;}
     .job_main1 {width: calc(100% - 20px);border-radius: 10px;  margin: auto;overflow:hidden}
    .job_main1 img{width:130%; margin-left:-15%}
    
     .job_main2 {width: calc(100% - 20px); margin: auto; flex-wrap: wrap;}
    .job_main2 .item {  width: 48%; margin-bottom:10px;}
    
    .job_main3-bg{padding:20px 0;}
     .job_main3 {width: calc(100% - 20px); margin: auto; flex-wrap: wrap;}
    .job_main3 .item {  width: 48%; margin-bottom:10px;}
    .job_main3 .item .title{font-size: 18px;}
    .job_main3 .item .com{margin-top:10px;}
    .job_main3 .item a{margin-top:10px;}
    .job_main31 .item:first-child { margin-bottom: 10px }

    .job_main31 { width: calc(100% - 20px); margin: auto; flex-wrap: wrap; }
    .job_main31 .item { width: 48%; margin-bottom: 10px; }
    .job_main31 .item .title { font-size: 18px; }
    .job_main31 .item .com { margin-top: 10px; }
    .job_main31 .item a { margin-top: 10px; }

    .job_main4-bg{padding:20px 0;}
    .job_main4 {width: calc(100% - 20px); margin: auto;}

   
    
    
    
    
    
    .job_mian { width: calc(100% - 20px); padding: 20px 10px }
    .job-main2-bg { margin-top: 0rem; padding: 20px 0; }
    .job-main2 { width: calc(100% - 20px); margin: auto; flex-direction: column }

    .job-main2_left { width: 100%; }
    .job-main2 .job-main2_left .char { font-size: 0.9rem }
    .job-main2 .job-main2_left .img_list { width: 100%; }
    .job-main2 .job-main2_left .img_list .mySwiper .swiper-slide span { font-size: 1rem; }
    .job-main2 .job-main2_left .img_list .mySwiper .swiper-slide samp { font-size: 0.8rem; }
    .job-main2 .job-main2_right { width: 100%; max-width: 400px; margin: 20px auto; height: auto; padding: 20px; }
    .job-main2 .job-main2_right .notice { font-size: 12px; }
    .job-main2 .job-main2_right .title { height: 3.5rem; line-height: 3.5rem; font-size: 1.2rem; }
    .job-main2 .job-main2_right .text { height: 3rem; line-height: 3rem; }
    .job-main2 .job-main2_right .btn { margin-top: 2rem; height: 3.2rem; line-height: 3.2rem; }

    .job-main3-bg { margin-top: 0rem; padding: 20px 0; }
    .job-main3 { width: calc(100% - 20px); margin: auto; flex-direction: column }
    .job-main3 .title { width: 100%; padding: 0; flex-wrap: wrap; line-height: 30px; }
    .job-main3 .title span { width: 100%; font-size: 1.4rem }
    .job-main3 .title samp { font-size: 0.8rem }
    .job-main3 .img_list .mySwiper2 { width: calc(100% - 20px); height: 340px }
    .job-main3 .mySwiper2 .swiper-slide .t { font-size: 14px; line-height: 20px; padding: 10px; }
    .job-main3 .mySwiper2 .swiper-slide .c { font-size: 12px; padding: 0 10px; }
    .job-main3 .mySwiper2 .swiper-slide .btn { font-size: 14px; padding: 10px; }
    .job-main3 .mySwiper2 .swiper-slide .btn a { font-size: 12px; height: 30px; line-height: 30px }
    .job-main4-bg { margin-top: 0rem; padding: 20px 0; }
    .job-main4 { width: calc(100% - 20px); margin: auto; flex-direction: column }
    .job-main4 .item { width: 100%; margin: 10px 0; height: auto }
    .job-main4 .item .title { font-size: 1.2rem; height: 3.5rem; line-height: 3.5rem; }
    .job-main4 .item .title img { height: 100% }
    .job-main4 .item .com { padding: 10px; height: auto; }
    .job-main4 .item .com li img { width: 3rem; height: 3rem; max-width: 56px; max-height: 56px; }
    .job-main4 .item .com li .t { font-size: 0.8rem; }
    .job-main4 .item .com li .t span { font-size: 1.1rem; color: #404040; line-height: 1.5rem; }
    .job-main4 .item .com li a { font-size: 1rem; width: 6rem; height: 1.7rem; line-height: 1.7rem; }
    .job-main4 .item .com .more { font-size: 1rem; width: 12rem; height: 1.8rem; line-height: 1.8rem; }






    .job_tech { width: calc(100% - 20px); font-size: 14px; }
    .job_tech li { padding: 10px 0 }

    .job-title .t1 { font-size: 1.7rem; }

    .job-title .t2 { font-size: 0.8rem; line-height: 2rem; }
    .job-title .more { font-size: 0.7rem; height: 1.6rem; line-height: 1.6rem; margin-top: 0.9rem; }


.sub_mian .right .video_list { display: flex;align-items: center;  padding: 20px 0;flex-wrap: wrap; }
.sub_mian .right .video_list .item {width:48.5%; margin-right:3%; margin-bottom:20px; height: 40vw;    line-height: 60px; display: flex; flex-direction: column; align-content: center;  font-size: 16px; text-align: left; }
.sub_mian .right .video_list .item .img{width:100%; height:30vw;border-radius:5px; overflow:hidden;     position: relative;}
.sub_mian .right .video_list .item .img a:before{ background:url(//img.cidcchina.cn/images/video_play.png) no-repeat left top; background-size:12vw 12vw;   position: absolute;  content: '';   left:calc(50% - 6vw);    top: calc(50% - 6vw);    width: 12vw;    height: 12vw;    z-index: 1;}
.sub_mian .right .video_list .item .img a i{ min-width: 8vw; height:4.5vw; line-height:4.5vw; font-size:12px;}
.sub_mian .right .video_list .item img{ height:30vw;}
.sub_mian .right .video_list .item:nth-child(3n+3) { margin-right: 3%; }
.sub_mian .right .video_list .item:nth-child(2n+2) { margin-right: 0px; }
.sub_mian .right .video_list .item span{    line-height: 25px;}

.job_sub_content{    padding: 10px;}
.sub_content_title{    padding: 20px 0 10px 0;line-height: 30px;}
.sub_content_title h1{ font-size:18px;}
.sub_content_title .info{ font-size:12px;}
.video-js{ width:100%;    height: 60vw;}
.sub_content_video{  margin:20px auto }
.sub_content_content{  width: calc(100% - 20px); margin: auto;   padding: 10px 0;}
.gysj_content{width: calc(100% - 20px); margin: auto;  }

.sub_mian .right .img_list { display: flex;align-items: center;  padding: 20px 0;flex-wrap: wrap; }
.sub_mian .right .img_list .item {width:46.5%; margin-right:3%; margin-bottom:20px; height: 35vw;    line-height: 60px; display: flex; flex-direction: column; align-content: center;  font-size: 16px; text-align: left; }
.sub_mian .right .img_list .item .img{width:100%; height:30vw;border-radius:5px; overflow:hidden;     position: relative;}
.sub_mian .right .img_list .item .img a:before{ background:url(//img.cidcchina.cn/images/video_play.png) no-repeat left top; background-size:12vw 12vw;   position: absolute;  content: '';   left:calc(50% - 6vw);    top: calc(50% - 6vw);    width: 12vw;    height: 12vw;    z-index: 1;}
.sub_mian .right .img_list .item .img a i{ min-width: 8vw; height:4.5vw; line-height:4.5vw; font-size:12px;}
.sub_mian .right .img_list .item img{ height:30vw;}
.sub_mian .right .img_list .item:nth-child(3n+3) { margin-right: 3%; }
.sub_mian .right .img_list .item:nth-child(2n+2) { margin-right: 0px; }
.sub_mian .right .img_list .item span{    line-height: 25px;}


#job .layui-layer{ width:84% !important;}

    .login_bg .main { width: 100% }
    .login_bg .left { display: none }
    .login_bg .main .right { float: none; margin: auto }


    .bmsj_bg .bmsj_main { width: 100% }
    .bmsj_bg .bmsj_info { width: 100%; padding: 40px; box-sizing: border-box }
}

@media (max-width:800px) {
    .foot_link a { width: calc(33.333% - 10px); margin: 5px }
    .sub_banner { background: url(//img.cidcchina.cn/images/bmsj_banner_m.jpg) no-repeat center center; background-size: 100% 100%; height: 40vw; }
    #djyl .sub_banner { background: url(//img.cidcchina.cn/images/djyl_banner_m.jpg) no-repeat center center; background-size: 100% 100%; height: 40vw; }
    #news .sub_banner { background: url(//img.cidcchina.cn/images/news_banner_m.jpg) no-repeat center center; background-size: 100% 100%; height: 40vw; }
    #job .sub_banner { background: url(//img.cidcchina.cn/images/job_banner_m.jpg) no-repeat center center; background-size: 100% 100%; height: 40vw; }
    #basic_study .sub_banner { background: url(//img.cidcchina.cn/images/job_banner_m.jpg) no-repeat center center; background-size: 100% 100%; height: 40vw; }
   
    #gysj .sub_banner { background: url(//img.cidcchina.cn/images/gysj_banner_m.jpg) no-repeat center center; background-size: 100% 100%; height: 40vw; }
    #neikan .sub_banner { background: url(//img.cidcchina.cn/images/neikan_banner_m.jpg) no-repeat center center; background-size: 100% 100%; height: 40vw; margin-bottom: 20px; }
    #hzjl .sub_banner { background: url(//img.cidcchina.cn/images/job_banner_m.jpg) no-repeat center center; background-size: 100% 100%; height: 40vw; }


    .index-title { line-height: 30px; }
    .index-title .t1 { font-size: 20px; }
    .index-title .t2 { font-size: 14px; line-height: 30px; }
    .index-title1 { margin-top: 25px; }
    .index-main2 .main2_right .item .c .t { font-weight: 300; line-height: 1.5rem; margin: 0 0 5px 0; }

    .index-main4 .item { width: calc(50% - 5px); margin-bottom: 2vw }
    .index-main4 .item1 { padding: 10px 8px; height: 13vw; width: 100%; }
    .index-main4 .item6 { height: 11vw; width: 100%; }

    .sub_mian .about_com .certificate_zxld { margin-left: 5px; }
    .sub_mian .about_com .certificate_zxld .item { width: calc(50% - 10px); height: auto; margin: 10px 10px 10px 0; }
    .sub_mian .about_com .certificate_zxld .item img { width: 100%; height: 100%; }
    .sub_mian .about_com .certificate_zxld .item:nth-child(4n+2) { margin-right: 0px; }

    .sub_mian .about_com .certificate { margin-left: 5px; }
    .sub_mian .about_com .certificate .item { width: calc(50% - 10px); height: auto; margin: 10px 10px 10px 0; line-height:20px; font-size:12px; }
    .sub_mian .about_com .certificate .item img { width: 100%; height: 100%; }
    .sub_mian .about_com .certificate .item:nth-child(3n+3) { margin: 10px 10px 10px 0; }
    .sub_mian .about_com .certificate .item:nth-child(2n+2) { margin-right: 0px; }


    .sub_mian .about_com .certificate_zxpt { margin-left: 5px; }
    .sub_mian .about_com .certificate_zxpt .item { width: calc(33.333% - 10px); height: auto; margin: 10px 10px 10px 0; }
    .sub_mian .about_com .certificate_zxpt .item img { width: 100%; height: 100%; }
    .sub_mian .about_com .certificate_zxpt .item:nth-child(4n+3) { margin-right: 0px; }

    .sub_mian .about_com .honor { margin-left: 5px; }
    .sub_mian .about_com .honor .item { width: calc(33.333% - 10px); height: auto; margin: 10px 10px 10px 0; }
    .sub_mian .about_com .honor .item img { width: 100%; height: 100%; }
    .sub_mian .about_com .honor .item:nth-child(6n+6) { margin-right: 10px; }

    .neikan_list .item { width: calc(100% - 36px); margin: 10px 0; padding: 18px; height: 15rem; line-height: 3rem; }
    .neikan_list .item img { width: 11rem; height: 15rem; margin-right: 20px; }
    .neikan_list .item .nr .title { font-size: 1.3rem; line-height: 1.5rem; }
    .neikan_list .item .nr .author { font-size: 0.9rem; text-align: center; width: 80%; height: 2.5rem; line-height: 2.5rem; }
    .neikan_list .item .nr .btn { width: 80%; margin-top: 1rem; display: flex; align-items: center; justify-content: space-around; }
    .neikan_list .item .nr .btn a { width: 42%; color: #fff; border-radius: 2rem; height: 2rem; text-align: center; line-height: 2rem; font-size: 0.8rem; }

     .sub-hzjl-main1-bg{ padding:20px 0}
    .hzjl_main1 { margin: 20px 10px 0; width: calc(100% - 20px); padding-right: 0px; min-height: auto; padding-bottom: 0rem; }
    .hzjl_main1 .item { width: 49%; height: 50vw; }
    .hzjl_main1 .item img { width: auto; height: 25vw; }
    .hzjl_main1 .item span { font-size: 4vw; height: 6vw; line-height: 6vw; }
    .hzjl_main1 .item samp { font-size: 3vw; height: 4vw; line-height: 4vw; }
    
    .sub-hzjl-main2-bg{ padding:20px 0}
    .hzjl_main2 { margin: 20px 10px 0; width: calc(100% - 20px); padding-right: 0px; min-height: auto;  }
    .hzjl_main2 .hzjl_main2_img{ width:100%;}
    .hzjl_main2 .hzjl_main2_com{width:100%; margin:auto}
    
     .sub-hzjl-main3-bg{ padding:20px 0}
    .sub-hzjl-main3-bg .hzjl_main3 { margin: 20px 10px 0; width: calc(100% - 20px); padding-right: 0px; min-height: auto; padding-bottom: 0rem; }
    .sub-hzjl-main3-bg .hzjl_main3 .swiper-slide .item{height:55vw}
    .sub-hzjl-main3-bg .hzjl_main3 .swiper-slide .item span{ font-size:16px;}
    
         .sub-hzjl-main3-bg{ padding:20px 0}
     .sub-hzjl-main4-bg .hzjl_main4 { margin: 20px 10px 0; width: calc(100% - 20px); padding-right: 0px; min-height: auto; padding-bottom: 0rem; }
    

    .hzjl_about { margin: 40px 10px; width: calc(100% - 20px); padding-right: 0px; min-height: auto; padding-bottom: 5rem; }
    .hzjl_about .hzjl_title { font-size: 22px; height: 30px; }
    .hzjl_about .hzjl_content { font-size: 16px; line-height: 30px; }
    .hzjl_about .bg { opacity: 0.5; }

    .hzjl_list .item { width: calc(33.3333% - 10px); margin: 5px; height: 5rem; }
    .hzjl_list1 .item { width: calc(33.3333% - 10px); margin: 5px; height: 5.5rem; }

    .hzjl_list2 { justify-content: space-between; }
    .hzjl_list2 .item { width: calc(50% - 10px); margin: 5px; height: 25rem; }
    .hzjl_list2 .item .img { width: 100%; height: 13rem; line-height: 13rem; }
    .hzjl_list2 .item .img img { max-width: 80%; max-height: 13rem; }
    .hzjl_list2 .item .img::after { width: 100%; height: 6rem; background: #4077BC; border-radius: 20px 20px 0 0; content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; }
    .hzjl_list2 .item .content { width: calc(100% - 4px); height: 11rem; border: 2px solid #eaeaea; border-top: 0px; border-radius: 0 0 20px 20px; }
    .hzjl_list2 .item .content .t { width: 100%; line-height: 0.7rem; font-size: 0.7rem; color: #3F77BB; }
    .hzjl_list2 .item .content .t1 { width: 100%; line-height: 40px; font-size: 1.1rem; font-weight: bold; }
    .hzjl_list2 .item .content .t2 { width: 100%; }
    .hzjl_list2 .item .content .t:after { content: ''; width: 42px; height: 2px; display: inline-block; background-color: #3F77BB; margin-top: 10px; }
    .hzjl_list2 .item .content .c { width: 90%; margin: 10px auto 0; line-height: 18px; font-size: 12px; color: #878787; text-align: left; }

    .gysj_main1 { justify-content: space-between }
    .gysj_main1 .item { width: 49.5%; margin-bottom: 1%; padding: 0; height: 12rem; margin-right: 0px }
    .gysj_main3 .right .item { width: calc(50% - 5px); height: 40vw; margin: 5px 0 }
    .gysj_main3 .right .item .num { padding: 35% 0; font-size: 1.8rem }
    .gysj_main3 .right .item .num::after { width: 1.5rem }

    .gysj_main13 .item2 .com a { padding: 10px; }
    .gysj_main13 .item2 .com a .t span { font-size: 28px; }
    .gysj_main13 .item3 .com ul li { height: 14rem; }
    .gysj_main13 .item4 .com ul li { height: 16rem; }

    .job-title .more { font-size: 0.8rem; height: 1.8rem; line-height: 1.8rem; margin-top: 0.9rem; }
    .bmsj_bg { padding: 10px 0 }
    .bmsj_bg .bmsj_info { width: 100%; padding: 10px; box-sizing: border-box }

    .bmsj_bg .bmsj_info .form { padding: 10px 10px 30px; }
    .bmsj_bg .bmsj_info .info .title { width: 200px; font-size: 28px; }
    .bmsj_bg .bmsj_info .info .desc { font-size: 20px }
    .bmsj_bg .bmsj_info .box { padding: 5px 0 }
    .bmsj_bg .bmsj_info .box .title { width: 30%; min-width: 80px; font-size: 14px; line-height: 18px; }
}

@media (max-width:700px) {
    .gysj_main13 .item2 .com a { width: 49.1%; padding: 10px; }
    .gysj_main13 .item2 .com a .t span { font-size: 20px; }
    .gysj_main13 .item2 .com a:nth-child(2n+2) { margin-right: 0; }

    .gysj_main13 .item4 .com ul li { padding: 30px 5px; margin-right: 10px; }
    .gysj_main13 .item4 .com ul li .img { width: 12vw; height: 12vw; line-height: 12vw }
    .gysj_main13 .item4 .com ul li a { font-size: 0.8rem; width: 100%; height: 2.2rem; line-height: 2.2rem; }
}

@media (max-width:500px) {
    .index-main4 .item:nth-child(n+7) { width: calc(50% - 5px); margin-bottom: 10px; }
    .index-main4 .item:nth-child(n+9) { margin-bottom: 0px; }
    .foot_link { padding: 5px 0; }
    .foot_link a { width: calc(50% - 10px); margin: 5px }
    .index-title { line-height: 40px; }
    .index-title:after { margin-top: 5px; }
    .index-title .t1 { font-size: 18px; }
    .index-title .t2 { font-size: 14px; line-height: 18px; }
    .index-title1 { margin-top: 20px; }
    .index-main2 .main2_right .item .c .t { font-weight: normal; line-height: 1.5rem; margin: 0 0 5px 0; }
    .index-main3 .main3_right li a { font-size: 14px; }
    .index-main3 .main3_right li a span { width: 80px; }

    .jcjs-bg { padding: 10px 0 0; margin-bottom: 20px; }
/*    .jcjs .list .item { width: 49%; height: 20vw; font-size: 1.3rem }
    .jcjs .list .item:nth-child(n+9) { height: 12vw; }*/
    .h_rcwf-bg { padding: 10px 0 20px; }
    .h_rcwf .list .item:nth-child(n+7) { height: 12vw; }
    .index-main4 .index-job { width: 100%; height: 4vw; line-height: 4vw }
    .index-main4 .index-job span { font-size: 20px; height: 4vw; line-height: 4vw; }
    .index-main4 .index-job::before { bottom: -5vw }
    .index-main4 .index-job2 { margin-top: 20px; }

    .index-main4 .item1 .com span { font-size: 20px; }
    .index-main4 .item1 .com samp { font-size: 12px; line-height: 20px; }
    .index-main4 .item1 .btn { width: 100px; height: 30px; line-height: 30px; font-size: 14px; }
    .index-main4 .item1 { background: url(//img.cidcchina.cn/images/ad_01_m.jpg) no-repeat center center; background-size: 100% 100%; height: 21vw }

    .index-main4 .item6 { background: url(//img.cidcchina.cn/images/ad_06_m.jpg) no-repeat center center; background-size: 100% 100%; height: 21vw }

    .sub_mian .about_com .certificate { justify-content: space-between; }
    .sub_mian .about_com .certificate .item { width: calc(50% - 10px); height: auto; margin: 10px 0; }
    .sub_mian .about_com .certificate .item img { width: 100%; height: 100%; }

    .sub_mian .about_com .honor { justify-content: space-between; }
    .sub_mian .about_com .honor .item { width: calc(50% - 10px); height: auto; margin: 10px 0; }
    .sub_mian .about_com .honor .item img { width: 100%; height: 100%; }

    .neikan_list .item { width: calc(100% - 28px); margin: 10px 0; padding: 10px; height: 15rem; line-height: 3rem; }
    .neikan_list .item img { width: 11rem; height: 15rem; margin-right: 10px; }
    .neikan_list .item .nr .title { font-size: 1.5rem; line-height: 2rem; }
    .neikan_list .item .nr .author { font-size: 0.9rem; text-align: center; width: 100%; height: 3rem; line-height: 3rem; }
    .neikan_list .item .nr .btn { width: 100%; margin-top: 1rem; display: flex; align-items: center; justify-content: space-around; }
    .neikan_list .item .nr .btn a { width: 42%; color: #fff; border-radius: 2rem; height: 2rem; text-align: center; line-height: 2rem; font-size: 0.8rem; }

    .hzjl_about .hzjl_title { font-size: 18px; height: 30px; }
    .hzjl_about .hzjl_content { font-size: 14px; line-height: 25px; }
    .hzjl_about .bg { opacity: 0.5; max-width: 70%; }
    .hzjl_list .item { width: calc(50% - 10px); margin: 5px; height: 7rem; }
    .hzjl_list1 .item { width: calc(50% - 10px); margin: 5px; height: 8rem; }

    .hzjl_list2 { justify-content: space-between; }
    .hzjl_list2 .item { width: calc(50% - 10px); margin: 5px; height: 28rem; }
    .hzjl_list2 .item .img { width: 100%; height: 15rem; line-height: 15rem; }
    .hzjl_list2 .item .img img { max-width: 80%; max-height: 15rem; }
    .hzjl_list2 .item .img::after { width: 100%; height: 6rem; background: #4077BC; border-radius: 20px 20px 0 0; content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; }
    .hzjl_list2 .item .content { width: calc(100% - 4px); height: 13rem; border: 2px solid #eaeaea; border-top: 0px; border-radius: 0 0 20px 20px; }
    .hzjl_list2 .item .content .t { width: 100%; line-height: 0.7rem; font-size: 0.7rem; color: #3F77BB; }
    .hzjl_list2 .item .content .t1 { width: 100%; line-height: 40px; font-size: 1rem; font-weight: bold; }
    .hzjl_list2 .item .content .t2 { width: 100%; }
    .hzjl_list2 .item .content .t:after { content: ''; width: 42px; height: 2px; display: inline-block; background-color: #3F77BB; margin-top: 10px; }
    .hzjl_list2 .item .content .c { width: 90%; margin: 10px auto 0; line-height: 18px; font-size: 11px; color: #878787; text-align: left; }


    .gysj_main3 .right .item { width: calc(50% - 5px); height: 40vw; margin: 5px 0 }
    .gysj_main3 .right .item .num { padding: 35% 0; font-size: 1.8rem }
    .gysj_main3 .right .item .num::after { width: 1.5rem; left: calc(50% - 0.75rem); }
    .gysj_main3 .right .item .c .t { margin-bottom: 0px; }
    .gysj_main3 .right .item .c .p { line-height: 15px; }

    .job-title .more { font-size: 1rem; height: 2rem; line-height: 2rem; margin-top: 0.9rem; }
    .job-main3 .mySwiper2 .swiper-slide .btn a { font-size: 0.9rem; height: 2.2rem; line-height: 2.2rem }

    .login_bg { padding: 30px 0 }
    .login_bg .main .right { float: none; margin: auto; width: calc(100% - 20px); padding: 30px; }
    .gysj_main13 .item4 .com ul li { padding: 20px 5px; margin-right: 5px; }

    .gysj-main3 .pagination3 { display: none }
}

@media (max-width:400px) {
    .footer .foot .right div { max-width: 25%; overflow: hidden; font-size: 12px; text-align: center }
    .index-title { }
    .index-title .t1 { font-size: 16px; }
    .index-title .t2 { font-size: 12px; line-height: 16px; }

    .index-title1 .t { font-size: 13px; font-weight: normal }
    .index-title1 .t em { padding: 0 3px; }
    .index-main1 .item { width: 48.5%; border-radius: 6px; margin-right: 3% }
    .index-main1 .item:nth-child(2n) { margin-right: 0 }
    .index-main1 .item:before { margin-right: 5px; width: 3px; }

    .index-main2 .main2_right .item { align-items: flex-start }
    .index-main2 .main2_left .c .t { line-height: 30px; height: 30px; font-size: 14px; }
    .index-main2 .main2_left .c .content { font-size: 12px; }
    .index-main2 .main2_right .item .c .t { font-weight: normal; line-height: 1.5rem; margin: 5px 0; }

    .index-main3 .main3_right li a { font-size: 12px; }
    .index-main3 .main3_right li a span { width: 80px; }

    .index-main4 .item .title { font-size: 26px; padding-bottom: 20px; }
    .index-main4 .item .title::after { width: 50px; height: 3px; left: calc(50% - 25px); }
    .index-main4 .item .more { font-size: 14px; }
    .index-main4 .item1 .com span { font-size: 16px; line-height: 30px; }
    .index-main4 .item1 .com samp { font-size: 12px; line-height: 20px; margin-top: 0 }
    .index-main4 .item1 .btn { width: 80px; height: 25px; line-height: 25px; font-size: 12px; }

    .hzjl_about .hzjl_title { font-size: 18px; height: 30px; }
    .hzjl_about .hzjl_content { font-size: 14px; line-height: 25px; }
    .hzjl_about .bg { opacity: 0.5; max-width: 90%; }
    .hzjl_list2 { justify-content: space-between; }
    .hzjl_list2 .item { width: calc(100% - 30px); margin: 15px; height: 32rem; }
    .hzjl_list2 .item:nth-child(4n+4) { margin: 15px; }
    .hzjl_list2 .item .img { width: 100%; height: 17rem; line-height: 17rem; }
    .hzjl_list2 .item .img img { max-width: 80%; max-height: 18rem; }
    .hzjl_list2 .item .img::after { width: 100%; height: 6rem; background: #4077BC; border-radius: 20px 20px 0 0; content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; }
    .hzjl_list2 .item .content { width: calc(100% - 4px); height: 14rem; border: 2px solid #eaeaea; border-top: 0px; border-radius: 0 0 20px 20px; }
    .hzjl_list2 .item .content .t { width: 100%; line-height: 0.7rem; font-size: 0.7rem; color: #3F77BB; }
    .hzjl_list2 .item .content .t1 { width: 100%; line-height: 40px; font-size: 1rem; font-weight: bold; }
    .hzjl_list2 .item .content .t2 { width: 100%; }
    .hzjl_list2 .item .content .t:after { content: ''; width: 42px; height: 2px; display: inline-block; background-color: #3F77BB; margin-top: 10px; }
    .hzjl_list2 .item .content .c { width: 90%; margin: 10px auto 0; line-height: 18px; font-size: 12px; color: #878787; text-align: left; }

    .gysj_main3 .right .item { width: 100%; margin: 10px 0; overflow: hidden }
    .gysj_main3 .right .item .num { height: 8vw; padding: 16vw 0; font-size: 1.5rem }
    .gysj_main3 .right .item .num::after { width: 1.2rem; left: calc(50% - 0.6rem); }

    .job-main2 .job-main2_right { padding: 10px; }

    #hzjl .main .hzjl_bg3 .main .swiper-wrapper .swiper-slide .hzjl_about { min-height: 200px }

    .login_bg { padding: 20px 0 }
    .login_bg .main .right { float: none; margin: auto; width: calc(100% - 20px); padding: 10px; }
    .login_bg .main .right .title { font-size: 16px; }

    .gysj_main13 .item4 .com ul li { padding: 20px 5px; margin-right: 5px; }
    .gysj_main13 .item4 .com ul li .img { width: 10vw; height: 10vw; line-height: 10vw }
    .gysj_main13 .item4 .com ul li .img img { width: 80% }
    .gysj_main13 .item4 .com ul li a { font-size: 0.8rem; width: 100%; height: 2.2rem; line-height: 2.2rem; }


    .gysj-main3 .item { height: 80vw }
    .gysj-main3 .item img { height: 80vw }
    .gysj-main3 .pagination3 { display: none }
}