@charset "utf-8"; /* css document */ /*2020.08.18 */ .fl { float: left; } .fr { float: right; } .pos { position: relative; } .container { /*width:1170px;*/ /*padding: 0; margin: 0 auto;*/ } .box { overflow: hidden; } /*顶部弹出搜索样式*/ /*header-top*/ .header-top { color: #fff; position: absolute; top: -6px; right: 15px; text-align: right; } .search-btn { font-size: 18px; float: none; cursor: pointer; width: 40px; text-align: center; height: 30px; color: #333; } .search-btn:hover { opacity: .9; text-decoration: none; } .search-box { height: 0; overflow: hidden; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; position: relative; z-index: 1000; background: #fff; } .search-box h2 { font-size: 24px; color: #555; margin-bottom: 30px; margin-top: 50px; } .search-box .container { position: relative; } .search-box .close { position: absolute; top: 30px; right: 15px; font-size: 14px; cursor: pointer; } .search-box .close i { font-style: normal; } .search-form { margin-bottom: 80px; width: 100%; position: relative; } .search-form .form-text { width: 100%; border: none; border-bottom: 1px solid #219d7e; font-style: italic; height: 60px; font-size: 16px; /*padding: 0 100px 0 15px;*/ } .search-form .form-text:focus { font-style: normal; border-bottom-color: #219d7e; } .search-form .form-submit { position: absolute; right: 0; top: 0px; width: 100px; height: 60px; line-height: 60px; background: none; border: none; outline: none; color: #666; font-weight: bold; font-size: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .search-form .form-submit:hover { background: #219d7e; color: #fff; } /*顶部弹出样式 end*/ .wc-top { min-height: 77px; background: #fff; padding-top: 26px; } .logo { padding-left: 0; } .logo img { } .top-right { /*overflow: hidden;*/ margin-top: 22px; padding-right: 0; } .top-right .lian a { font-size: 16px; padding-right: 22px; color: #333; font-weight: normal; text-decoration: none; } .top-right .lian a.china { } .top-right .lian a:hover { color: #248c7c; } .bort { border-bottom: 1px solid #e3e3e3; padding-bottom: 18px; margin: 0; } .searchbg { background: no-repeat right top; width: 198px; height: 37px; } .searchbg input.inp-text { width: 160px; padding-left: 15px; background: none; border: none; color: #fff; line-height: 35px; } .searchbg input.inp-but { cursor: pointer; width: 37px; height: 35px; background: none; border: none; } .searchbg ::-webkit-input-placeholder { /* webkit browsers */ color: #fff; } .searchbg :-moz-placeholder { /* mozilla firefox 4 to 18 */ color: #fff; } .searchbg ::-moz-placeholder { /* mozilla firefox 19 */ color: #fff; } .searchbg :-ms-input-placeholder { /* internet explorer 10 */ color: #fff; } /*top end*/ .wc-menu { min-height: 91px; padding-top: 14px; } .wc-menu ul { /*转化为table 并且,宽度百分百,*/ display: table; width: 100%; } .wc-menu ul li { line-height: 31px; position: relative; /*居中并且转为table-cell*/ display: table-cell; /*float: left;*/ list-style: none; text-align: center; padding-bottom: 10px; } .wc-menu ul li.last { background: none; } .wc-menu ul li.last a { background: none; } .wc-menu ul li a { font-size: 16px; color: #777; display: block; /*transition: all 0.2s;*/ text-decoration: none; text-align: center; } .wc-menu ul li a img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; max-width: 100%; } .wc-menu ul li a:hover img { margin-top: -5px; } .wc-menu ul li a i { display: block; } .wc-menu ul li a i.i2 { display: none; } .wc-menu ul li a.active, .wc-menu ul li a:hover, .wc-menu ul li a.move { color: #248c7c; } .wc-menu ul li a:hover img, .wc-menu ul li a.active img, .wc-menu ul li a.move img { margin-top: -5px; } .wc-menu ul li a.selected,   .wc-menu ul li a.parent,   .wc-menu ul li a.move { } .wc-menu ul li a.active, .wc-menu ul li a.move, .wc-menu ul li a.selected, .wc-menu ul li a.parent { color: #1f6d61; } .wc-menu ul li .ernav { position: absolute; left: -12px; top: 76px; background: #fff; width: 120%; /*padding:0 10px;*/ z-index: 11; display: none; } .wc-menu ul li:first-child .ernav { width: 145px; left: -35px; } .wc-menu ul li .ernav ul { border: none; } .wc-menu ul li .ernav ul li { /*text-align: center;*/ float: none; display: block; /*二级下拉有影响,需要转化为块状*/ border-bottom: 1px solid #ccc; background: none; text-align: center; border: none; line-height: 30px; padding-bottom: 0; } .wc-menu ul li .ernav ul li:last-child { border-bottom: none; } .wc-menu ul li .ernav ul li a { line-height: 42px; font-size: 16px; /*text-align: center;*/ background: none; box-shadow: none; border-radius: 0; color: #333; margin: 0; display: block; padding: 4px 2px; border-bottom: none; border: none; font-weight: normal; } .wc-menu ul li .ernav ul li a:hover { background: #219d7e; color: #fff; border-bottom: none; } /*menu end*/ .menu-fixed { position: fixed; top: 0; width: 100%; z-index: 11111; background: #248c7c; } .menu-fixed li:first-child .ernav { left: -40px!important; } .menu-fixed ul li a { color: #fff; } .menu-fixed ul li a i.i1 { display: none; } .menu-fixed ul li a i.i2 { display: block; } .menu-fixed ul li a:hover, .menu-fixed ul li a.active, .menu-fixed ul li a.move { color: #89d2c7; } .banner { /*height: 692px;*/ position: relative; } .bbg { position: absolute; left: 0px; bottom: 0px; background: repeat-x left top; height: 100%; width: 100%; z-index: 1; } /* 本例子css */ .banner .b-tt { position: absolute; left: 0px; bottom: 90px; z-index: 3; width: 80%; overflow: hidden; } .banner .swiper-container { width: 100%; height: 100%; } .banner .swiper-slide { max-width: 100%; width: 100%; height: auto; } .banner .b-tt a { display: block; color: #fff; font-size: 32px; font-weight: bold; text-decoration: none; padding: 0 20px; text-decoration: none; } .banner .swiper-wrapper .page { position: absolute; right: 0px; bottom: 50px; height: 50px; width: 100px; z-index: 1111; } .banner .swiper-wrapper .page { font-size: 20px; /* font-family: 'sourcehanserifcn-regular'; */ color: #fff; } .banner .swiper-wrapper .page i { font-size: 72px; color: #fff; font-style: normal; } .banner .swiper-pagination { overflow: hidden; zoom: 1; text-align: center; display: inline-block; border-radius: 20px; padding: 9px; bottom: 36px; margin: auto; } .banner .swiper-pagination-bullet { margin: 0 6px; display: inline-block; width: 18px; height: 18px; text-align: center; background: #c2d4da; cursor: pointer; color: transparent; border-radius: 100%; opacity: 1; margin: 0 5px !important; } .banner .swiper-pagination-bullet-active { background: #248c7c; } /*banner end*/ /*keyan*/ .yanjiubg { background: #f5f9f8; min-height: 600px; position: relative; } .kebg { background: #248c7c no-repeat center top; position: absolute; left: 0px; width: 37%; height: 100%; } .pad73 { padding-top: 80px; z-index: 1; position: relative; } .key-top { } .key-top ul li { float: left; color: #fff; cursor: pointer; font-size: 32px; font-weight: bold; margin-right: 20px; padding-bottom: 5px; } .key-top ul li.active, .key-top ul li:hover { border-bottom: 2px solid #fff; } .box-one { min-height: 477px; } .box-one .ke-left { float: left; width: 200px; height: 367px; text-align: center; } .box-one .ke-left a { display: block; color: #fff; text-decoration: none; } .box-one .ke-left a.prev { margin-bottom: 28px; margin-top: 140px; } .box-one .ke-left a img { cursor: pointer; } .box-one .ke-left .page { margin-top: 86px; width: 250px; color: #fff; font-size: 32px; color: #64baad; } .box-one .ke-left .page ul li { /*font-family: 'sourcehanserifcn-regular';*/ font-weight: bold; } .box-one .ke-left .page ul li i { font-size: 80px; color: #fff; font-style: normal; /*font-family: 'sourcehanserifcn-regular';*/ /*border-bottom: 1px solid #fff !important;*/ display: inline-block; } .not-swiper { margin-top: 35px; position: relative; margin-left: 0; } .not-swiper .swiper-button-next { position: absolute; right: -50px; top: 30%; z-index: 1; background: none; } .not-swiper .swiper-button-prev { position: absolute; left: -60px; top: 30%; z-index: 1; background: none; } .not-swiper .swiper-button-prev img { max-width: 1000%; } .not-swiper .swiper-button-next img { max-width: 1000%; } .not-swiper .swiper-container { padding-bottom: 50px; } .not-swiper .swiper-container .swiper-pagination-bullet { width: 15px; height: 15px; } .not-swiper .swiper-container .swiper-pagination-bullet-active { background: #248c7c; } .not-swiper .li-date { width: 20%; border-right: 1px solid #bbb; /*font-family: 'sourcehanserifcn-regular';*/ } .not-swiper .li-date p { /*font-size: 36px;*/ font-size: 24px; color: #7d080d; line-height: 50px; /*font-family: 'sourcehanserifcn-regular';*/ } .not-swiper .li-date span { font-size: 18px; color: #757575; display: block; margin-top: 5px; } .not-swiper .li-tt { width: 77%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .not-swiper a { font-size: 16px; color: #333; line-height: 25px; text-decoration: none; } .not-swiper a:hover .li-tt { color: #7d080d; } .not-swiper .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; } .box-one .bd { margin-left: 290px; margin-top: 10px; } .box-one .bd .new-more a { font-size: 14px; font-weight: bold; color: #fff; display: block; background: #333; width: 80px; height: 36px; line-height: 36px; text-align: center; border-radius: 20px; margin-bottom: 30px; } .box-one .bd ul { } .box-one .bd ul li { float: left; width: 270px !important; background: #fff; margin-right: 30px; box-shadow: 0px 2px 3px 0px #e8e5dc; } .box-one .bd ul li a { text-decoration: none; display: block; } .box-one .bd ul li .li-img { display: block; overflow: hidden; } .box-one .bd ul li .li-img img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .box-one .bd ul li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .box-one .bd ul li .li-tt { display: block; padding: 25px; } .box-one .bd ul li:hover .li-tt { background: #147364; } .box-one .bd ul li:hover .li-tt p, .box-one .bd ul li:hover .li-tt i { color: #fff; } .box-one .bd ul li .li-tt i { display: block; font-style: normal; font-size: 18px; font-weight: bold; color: #248c7c; padding-bottom: 17px; } .box-one .bd ul li .li-tt p { font-size: 14px; color: #777; line-height: 21px; } /*yanjiu end*/ /*newsbg*/ .newsbg { min-height: 760px; padding: 50px 0 60px; background: no-repeat right bottom; } .new-left { } .new-left .li-img { overflow: hidden; } .new-left .li-img img { max-width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .new-left a:hover .li-img img { max-width: 100%; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .new-left .li-tt { background: #248c7c; padding: 15px 22px; min-height: 345px; } .new-left a { text-decoration: none; color: #fff; } .new-left .li-tt { } .new-left .li-tt span.sp1 { font-size: 36px; color: #fff; display: block; } .new-left .li-tt span.sp2 { font-size: 18px; color: #fff; display: block; } .new-left .li-tt h4 { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 25px; margin-top: 20px; line-height: 31px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .new-left .li-tt p { font-size: 14px; color: #fff; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } /* 新闻动态 小屏 */ .da-fcon { padding: 0px 15px; } .da-fcon .da-info { background: #fff; border: 1px solid #bbb; border-bottom: 4px solid #248c7c; padding: 18px; margin-bottom: 30px; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0); } .da-fcon .da-info:hover { box-shadow: 0px 30px 20px -17px rgba(0, 0, 0, 0.4); transform: scale(1.02); } .da-fcon .da-info:hover .xue-pp a { color: #248c7c; } .da-fcon .xue-date { width: 22%; text-align: center; margin-top: -5px; } .da-fcon .xue-date p { font-size: 32px; color: #248c7c; } .da-fcon .xue-date span { font-size: 16px; color: #248c7c; } .da-fcon .xue-pp { width: 76%; } .da-fcon .xue-pp a { font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; text-decoration: none; } .da-fcon .xue-pp p { font-size: 14px; color: #999; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; min-height: 75px; -webkit-box-orient: vertical; } /* end */ .new-mid { } .new-mid .li-img { overflow: hidden; } .new-mid .li-img img { max-width: 100%; transition: all 1.5s; transform: scale(1.0); } .new-mid:hover .li-img img { max-width: 100%; transition: all 1.5s; transform: scale(1.2); } .new-mid .li-tt { background: #248c7c; padding: 15px 22px; min-height: 338px; } .new-mid a { text-decoration: none; color: #fff; } img { max-width: 100%; } .new-mid .li-tt { } .new-mid .li-tt span.sp1 { font-size: 36px; color: #fff; display: block; } .new-mid .li-tt span.sp2 { font-size: 18px; color: #fff; display: block; } .new-mid .li-tt h4 { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 25px; margin-top: 20px; line-height: 31px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .new-mid .li-tt p { font-size: 14px; color: #fff; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .pad4 { padding-top: 36px; } .nright1 { margin-bottom: 15px; background: #7d080d; } .nright1 .n-img { width: 50%; } .nright1 .n-tt { padding: 10px 25px 15px; width: 50%; color: #fff; } .nright1 .n-tt span.sp1 { font-size: 32px; color: #fff; display: block; /*font-family: 'sourcehanserifcn-regular';*/ } .nright1 .n-tt span.sp2 { font-size: 18px; color: #fff; display: block; /*font-family: 'sourcehanserifcn-regular';*/ } .nright1 a { text-decoration: none; } .nright1 .n-img { overflow: hidden; } .nright1 .n-img img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .nright1:hover .n-img img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .nright1 .n-tt h4 { color: #fff; font-size: 18px; font-weight: bold; line-height: 31px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 23px; margin-top: 15px; } .nright1 .n-tt p { color: #fff; font-size: 14px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .nright2 { } .nright2 .ndate { position: absolute; left: 20px; top: 20px; color: #fff; } .nright2 .ndate p.p1 { font-size: 36px; } .nright2 .ndate p.p2 { font-size: 18px; } .nright2 a { display: block; overflow: hidden; } .nright2 img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .nright2 a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .nright2 .pp { position: absolute; bottom: 20px; left: 30px; width: 100%; font-size: 18px; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } /*studybg*/ .studybg { background: no-repeat center top; min-height: 615px; padding-top: 60px; padding-bottom: 60px; background-size: cover; } .new-top .nt2 { color: #fff !important; } .new-top .nt2 a { color: #fff !important; } .study-li { transform: scale(1.0); -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transition: all 0.2s linear; } .study-li .li-img { } .study-li .li-img img { width: 100%; } .study-li .li-img .hh { position: absolute; left: 0px; bottom: 30px; background: rgba(255,255,255,0.5); line-height: 60px; width: 80%; } .study-li .li-img .hh p { font-size: 22px; font-weight: bold; color: #333; padding-left: 30px; } .study-li .li-tt { background: #7d080d; color: #fff; padding: 20px 20px; } .study-li .li-tt h4 { font-size: 18px; color: #fff; margin-bottom: 5px; line-height: 30px; height: 60px; } .study-li .li-tt p { font-size: 14px; color: #fff; display: block; line-height: 26px; } .study-li .li-tt a { text-decoration: none; } .study-li:hover { box-shadow: 2px 19px 20px -11px rgba(0, 0, 0, 0.64); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; transform: scale(1.05); cursor: pointer; } .study-swiper .swiper-container { padding-bottom: 50px; } .study-swiper .swiper-container .swiper-pagination-bullet { width: 15px; height: 15px; } .study-swiper .swiper-container .swiper-pagination-bullet-active { background: #7d080d; } .study-swiper .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; } .study-swiper .swiper-button-prev { position: absolute; left: -60px; top: 40%; z-index: 1; background: none; } .study-swiper .swiper-button-next { position: absolute; right: -50px; top: 40%; z-index: 1; background: none; } .study-swiper .swiper-button-next img { max-width: 1000%; } .study-swiper .swiper-button-prev img { max-width: 1000%; } .new-left .swiper-button-next { position: absolute; right: 0px; top: -25px; z-index: 1; background: none; } .new-left .swiper-button-prev { position: absolute; right: 50px; top: -25px; left: inherit; z-index: 1; background: none; } .new-left .swiper-button-next img { max-width: 100%; } .new-left .swiper-button-prev img { max-width: 100%; } .new-left .swiper-button-prev2 { position: absolute; left: -60px; top: 50%; z-index: 1; } .new-left .swiper-button-next2 { position: absolute; right: -675px; top: 50%; z-index: 1; } .swiper-button-next2.swiper-button-disabled, .swiper-button-prev2.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } /*noticebg*/ .noticebg { background: #fff; min-height: 375px; padding-top: 50px; } .tongxs { margin-top: 30px; margin-bottom: 40px; background: #fff; padding: 20px; border-bottom: 4px solid #7d080d; box-shadow: 0 0 10px rgba(0,0,0,0.1); box-sizing: border-box; } .tongxs ul li a { color: #333; margin-top: 25px; display: block; text-decoration: none; transition: all 0.2s linear; } .tongxs ul li a:hover .h { color: #248c7c; transition: all 0.2s linear; } .tongxs ul li:first-child a { margin-top: 0; } .tongxs ul li .h { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 2px 0; } .tongxs ul li .date { background: #fff; margin-top: 10px; position: relative; } .tongxs ul li .date span { background: #eeebea; padding: 3px 10px; display: inline-block; position: relative; color: #7d080d; font-style: italic; } .tongxs ul li .date:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; border-top: 1px solid #eee; transition: all 0.3s ease-out 0s; } .new-top { } .new-top .new-tit { font-size: 36px; color: #333; } .new-top .new-tit a:after { content: ""; position: absolute; left: 0; width: 0px; bottom: -10px; background: #7d080d; color: #fff; z-index: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; height: 5px; } .new-top .new-tit a { color: #333; text-decoration: none; transform: scale(1.00); display: inline-block; } .new-top .new-tit a:hover { transition: all 0.2s linear; color: #7d080d; } .new-top .new-tit a:hover:after { width: 100%; } .nt2 a:after { background: #fff !important; } .newsbg .new-tit a:after { background: #248c7c !important; } .newsbg .new-tit a:hover { color: #248c7c !important; } .new-top .nt2 { /*padding-top: 20px;*/ } .new-top .new-more a { font-size: 14px; font-weight: bold; color: #fff; display: block; background: #333; width: 80px; height: 36px; line-height: 36px; text-align: center; border-radius: 20px; } /*倒计时*/ .daojs { background: url(/uploads/image/aicn/numbg.jpg) no-repeat center center; min-height: 240px; padding: 20px 0; background-size: cover; } .daojs .digital .dldiv { /*float: left; width: 195px; text-align: left;*/ margin: 15px 0; /*padding: 0;*/ text-align: center; } .daojs .digital .dldiv h4 { font-size: 42px; font-weight: bold; color: #fff; display: inline-block; /*font-family: 'sourcehanserifcn-regular';*/ } .daojs .digital .dldiv span { font-size: 20px; color: #fff; display: inline-block; } .daojs .digital .dldiv p { font-size: 16px; color: #fff; line-height: 25px; margin-bottom: 4px; } /**/ .footer { /*background: #1f8a7b url(/uploads/image/aicn/fbg.jpg) no-repeat center bottom;*/ background: #1f8a7b; min-height: 297px; padding: 65px 0 10px; background-size: contain; } .footer h4 { font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 15px; } .footer ul li a { font-size: 16px; color: #fff; line-height: 31px; float: left; display: block; width: 50%; } .f-left p { font-size: 16px; color: #fff; line-height: 31px; } .f-copy { text-align: center; font-size: 14px; line-height: 30px; color: #fff; padding-top: 74px; } /*.wc-copyend*/ @media (min-width: 1200px) { .container { width: 1200px; } } @media (min-width: 1570px) { /*.container{ width:1366px; }*/ } @media (min-width: 1299px) { .not-swiper .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { /*display: none;*/ } } @media (max-width: 1299px) { .not-swiper .swiper-button-prev { display: none; } .not-swiper .swiper-button-next { display: none; } .study-swiper .swiper-button-prev { display: none; } .study-swiper .swiper-button-next { display: none; } .new-left .swiper-button-prev2 { display: none; } .new-left .swiper-button-next2 { display: none; } } @media (max-width: 1200px) { .footer ul li a { width: 100%; } } @media (min-width:1100px) and (max-width: 1200px) { } @media (min-width: 992px) and (max-width: 1200px) { /*中等屏幕设备 桌面*/ .studybg { padding: 40px 0; } .new-mid .li-tt h4, .new-left .li-tt h4 { margin: 10px 0; } .new-left .li-tt, .new-mid .li-tt { min-height: 320px; } .newsbg { padding: 40px 0 60px; min-height: 300px; } .not-swiper .swiper-container { padding-bottom: 60px; } } @media (min-width: 768px) and (max-width: 992px) { /*小屏幕设备 平板*/ .wc-menu ul li a { font-size: 14px; } .banner .b-tt { bottom: 55px; } .banner .swiper-pagination { bottom: 10%; } .banner .swiper-wrapper .page { bottom: 40px; } .banner .b-tt a { font-size: 28px; } .banner .swiper-wrapper .page i { font-size: 36px; } .box-one .ke-left .page ul li i { font-size: 40px; } .pad73 { padding-top: 50px; } .nright1 .n-tt h4 { margin: 5px 0; line-height: 27px; } .new-top .new-tit { font-size: 32px; } .newsbg { min-height: 400px; } .new-left .li-tt h4, .new-mid .li-tt h4 { margin: 10px 0; } .new-left .li-tt, .new-mid .li-tt { min-height: 300px; } .nright2 .pp { left: 10px; width: 90%; } .studybg { min-height: 300px; padding: 40px 0; } .study-li .li-img .hh { line-height: 30px; } .study-li .li-img .hh p { padding-left: 10px; font-size: 18px; } .daojs .digital .dldiv { margin: 20px 0; } .kebg { width: 49%; } } @media (max-width: 991px) { .study-li { padding: 0 20px; } } @media (max-width: 767px) { /*超小屏幕设备 手机*/ body { border-top: none; } .navbar { margin-top: 0; } .logo1 img { max-width: 90%; padding-top: 10px; } .searchbg { background: url(/uploads/image/aicn/search.png) no-repeat right top; width: 211px; height: 42px; } .searchbg input.inp-text { width: 160px; padding-left: 15px; background: none; border: none; color: #333; line-height: 40px; } .searchbg input.inp-but { cursor: pointer; width: 37px; height: 42px; background: none; border: none; } .banner .swiper-wrapper .page { display: none; } .banner .b-tt { bottom: 36px; width: 100%; } .banner .swiper-pagination { bottom: 10%; } .banner .swiper-pagination-bullet { width: 12px; height: 12px; } .banner .b-tt a { font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .yanbg { min-height: 300px; padding: 20px 0; background: #f5f9f8; } .new-top .new-tit { font-size: 26px; } .new-top .new-more a { width: 60px; height: 30px; line-height: 30px; } .jiao-con { margin: 20px 0; } .jiao-con span.li-img { display: block; } .jiao-con span.li-img img { width: 110%; } .jiao-con .li-tt { display: block; padding: 20px 25px 30px; background: #fff; } .jiao-con .li-tt span { display: block; background: #003064; position: absolute; left: 0px; top: 0; font-size: 14px; font-weight: bold; color: #fff; padding: 4px 20px; } .jiao-con .li-tt i { display: block; font-style: normal; font-size: 16px; font-weight: bold; color: #248c7c; padding-bottom: 10px; } .jiao-con a { text-decoration: none; display: block; /* border: 1px solid #00f; */ width: 98%; margin: auto; } .jiao-con .li-tt p { font-size: 14px; color: #777; line-height: 21px; } .jiao-con .swiper-pagination-bullet-active { background: #248c7c; } .newsbg { min-height: 300px; padding: 20px 0 30px 0; } .pad4 { padding-top: 20px; } .nright2 .ndate { left: 10px; } .nright2 .ndate p.p1 { font-size: 26px; } .nright2 .pp { font-size: 16px; bottom: 10px; left: 10px; } .new-left .li-img img { width: 100%; } .new-mid { margin: 20px 0; } .new-mid .li-img img { width: 110%; } .new-left .li-tt { min-height: 200px; padding: 15px; } .new-left .li-tt span.sp1 { font-size: 26px; } .new-left .li-tt span.sp2 { font-size: 16px; } .new-left .li-tt h4 { margin: 10px 0; line-height: 28px; } .new-mid .li-tt { min-height: 200px; padding: 15px; } .new-mid .li-tt span.sp1 { font-size: 26px; } .new-mid .li-tt span.sp2 { font-size: 16px; } .new-mid .li-tt h4 { margin: 10px 0; line-height: 28px; } .nright1 .n-img { width: 100%; float: none; } .nright1 .n-img img { width: 110%; } .nright1 .n-tt { width: 100%; float: none; min-height: 200px; padding: 15px 15px 20px; } .nright1 .n-tt span.sp1 { font-size: 26px; } .nright1 .n-tt span.sp2 { font-size: 16px; } .nright1 .n-tt h4 { margin: 10px 0; line-height: 28px; } .studybg { min-height: 300px; padding: 20px 0; } .new-top .nt2 { padding-top: 0; } .jiao2-con { padding-top: 20px; } .jiao2-con .swiper-container { padding-bottom: 40px; } .jiao2-con .swiper-pagination-bullet-active { background: #7d080d; } .jiao2-con .li-img { } .jiao2-con .li-img img { width: 100%; } .jiao2-con .li-tt { background: #7d080d; color: #fff; padding: 20px 20px; } .jiao2-con .li-tt h4 { font-size: 18px; color: #fff; margin-bottom: 5px; } .jiao2-con .li-tt p { font-size: 14px; color: #fff; display: block; line-height: 26px; } .jiao2-con .li-tt a { text-decoration: none; } .jiao2-con .li-img .hh { position: absolute; left: 0px; bottom: 30px; background: rgba(255,255,255,0.5); line-height: 60px; width: 80%; } .jiao2-con .li-img .hh p { font-size: 22px; font-weight: bold; color: #333; padding-left: 30px; } .noticebg { min-height: 300px; padding: 30px 0 0; } .daojs .digital .dldiv { margin: 20px 0; } .footer { padding: 15px 0; } .footer h4 { margin-top: 15px; margin-bottom: 10px; font-size: 18px; } .f-er { padding-top: 20px; } .f-copy { padding-top: 20px; } .footer ul li a { font-size: 14px; } .f-left p { font-size: 14px; } }