@charset "utf-8"; * {word-wrap:break-word;word-break:normal;box-sizing:border-box;outline: none;} html{ font-family:system-ui,-apple-system,BlinkMacSystemFont,'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol'; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:calc(100vw / 37.5);/*1rem = 20px*/ } body { background:#f6f7fb; color: #000; margin: 0; padding: 0; line-height: 1.5; font-size:1.5rem; } li{list-style: none;} ul,li,p{padding:0;margin:0;} a:hover {text-decoration: none;} a:link,a:visited,a:active {text-decoration: none;} img{border: 0;} [v-cloak] {display: none;} a{transition: all .25s;} .float-l {float:left;} .float-r {float:right;} .display-hidden{display: none;} .display-block{display: block;} .clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;} .pointer{cursor: pointer;} /* 閾炬帴鏍峰紡 */ a {color:#262626;} a:hover {text-decoration: none;color: #005775;} a:link,a:visited,a:active {text-decoration: none;} a.nav-link{color:#ffffff;} a.nav-link:hover {text-decoration:none; color:#005775;} a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;} a.white-link {color:#fff;} a.white-link:hover {text-decoration:none; color:#f0ab49;} a.white-link:link,a.white-link:visited,a.white-link:active {text-decoration:none;} a.red-link{color: #a80000;} a.red-link:hover {text-decoration:none;color:#484848; } a.red-link:link,a.red-link:visited,a.red-link:active {text-decoration:none;} a.blue-link {color:#1d6dc5;} a.blue-link:hover {text-decoration:none;color:#f90; } a.blue-link:link,a.blue-link:visited,a.blue-link:active {text-decoration:none;} a.green-link{color:#155f50;} a.green-link:hover {text-decoration:none;color:#444444; } a.green-link:link,a.he-link:visited,a.he-link:active {text-decoration:none;} a.yellow-link{color:#F1A325;} a.yellow-link:hover {text-decoration:none;color:#353535; } a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;} /* 瀛椾綋棰滆壊 */ .text-white {color: #ffffff;} .text-black {color: #000;} .text-dark {color: #353535;} .text-gray {color:#808080;} .text-gray-darker {color: #222222;} .text-gray-dark {color: #333333;} .text-gray-light {color: #DDDDDD;} .text-gray-lighter {color: #E5E5E5;} .text-gray-pale {color: #F1F1F1;} .text-danger {color: #EA644A;} .text-warning {color: #F1A325;} .text-success{color: #38B03F;} .text-info{color: #03B8CF;} .text-important{color:#BD7B46;} .text-special{color: #8666B8} .text-danger-pale{color: #FFE5E0;} .text-warning-pale{color: #FFF0D5;} .text-succes-pale {color: #DDF4DF;} .text-info-pale {color: #DDF3F5;} .text-important-pale{color: #F7EBE1;} .text-special-pale{color: #F5EEFF;} /* 閬僵灞 */ .mdui-overlay { position: fixed; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; z-index: 2000; visibility: hidden; background: rgba(0, 0, 0, .4); opacity: 0; transition-duration: .3s; transition-property: opacity, visibility; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity; } /* 鏄剧ず閬僵灞 */ .mdui-overlay-show { visibility: visible; opacity: 1; } /* 鍙栨秷 transition 杩囨浮鏁堟灉 */ .mdui-no-transition { transition-property: none !important; } .go-top{position: fixed;font-size:1.5rem;z-index: 10;right:1rem;bottom:2.5rem;width: 2rem;height: 2rem;text-align: center;line-height: 2rem;overflow: hidden;} .mar-b-2rem{margin-bottom: 2rem;} .mar-b-1rem{margin-bottom: 1rem;} .mar-b-20{margin-bottom: 20px;} .mar-b-50{margin-bottom: 50px;} .mar-b-60{margin-bottom: 60px;} .mar-b-100{margin-bottom: 100px;} .mar-t-10{margin-top: 10px;} .width-100{width: 100%;} .empty{float: left;width: 100%;padding:3rem 1rem;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;} .empty .image{max-width: 40%;overflow: hidden;} .empty .image img{float:left;width: 100%;} .empty .name{padding:1rem 0;color:#999999;} .x-empty{float: left;width: 100%;text-align: center;padding:10%;background-color:#ffffff;overflow: hidden;} .x-empty i{ width:80px;height:80px;line-height:80px;text-align:center; font-size:50px;background-color: #fafafa;border-radius: 50%;overflow: hidden;} .x-msg{ float: left;width: 100%; display: flex;flex-flow: column nowrap; align-content: center;align-items: center; overflow: hidden;} .x-msg .ico-success{margin-top:2rem;padding:0;font-size:120px;color: #198754;} .x-msg .ico-error{margin-top:2rem;padding:0;font-size:120px;color: #dc3545;} .x-msg .msg-box{padding:2rem;width:100%;text-align: center;color: #adb5bd;} .x-msg .btn-box{padding:2rem;width:100%;font-size:2rem;} .index-zhuanlan-pic{width:100%; height:auto; display:table; margin:auto; text-align:center;} .tppic{ width: 100%; height: auto; display: table; position: relative;} .tppic img{ width: 100%;} .tppic .tptit{ position: absolute; font-size: 16px; background: rgb(0,0,0,0.5); color: #fff; bottom: 8px; width: 100%; height: 50px; line-height: 50px;} .tppic .tptit a{ color: #fff;} .index-link{background-size: cover;float: left;width: 100%;padding:0 .5rem;margin-bottom:2rem;overflow: hidden; margin-top:1.5rem;} .index-link ul{padding:10px 0;} .index-link ul a{float: left;padding:0;width:50%;overflow: hidden; display:table;} .index-link li{ width:100%;height:100%; justify-content:center;align-items:center;align-content:center;overflow: hidden;position: relative;} .index-link li .image{width:90%;overflow: hidden; display:block; margin:auto; margin-top:20px; } .index-link li .image img {width: 100%;} .index-link li .info{color:#3958a4;width:100%; overflow: hidden; margin:auto; text-align:center; bottom:50px; position: absolute; text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff, -1px 1px 0 #fff,1px 1px #fff} .index-link li .name{font-size:1.4rem;text-align:justify;overflow: hidden;} .index-link li .name a{color: #0a53be;} .index-link li .demo{font-size:1.2rem;text-align:justify;overflow: hidden;} .index-link li:hover{box-shadow: 0 0 10px 2px #cccccc;} .zhuanye{float: left;width: 100%;padding:.5rem;overflow: hidden;} .zhuanye ul{display: flex;flex-flow: row wrap;justify-content: center;align-content: center;align-items: stretch;} .zhuanye ul li{flex:none;width:calc(50% - 1rem);border-radius:4px;margin:.5rem;background-color:#ffffff;padding:5px;overflow: hidden;} .zhuanye ul li img{width:100%;height:100%;overflow: hidden; border-radius: 5px;} .ulimg{ position: relative;} .ulimg .htitle{ width: 100%; z-index: 99; position: absolute; height: 35px; line-height: 35px; background: rgb(0,0,0,0.5); color: #fff; text-align: center; bottom: 7px;} .zye{ font-size: 14px; height: 30px; line-height: 30px;} .text-overflow{text-overflow: ellipsis; } .flex{display: flex;} .flex-row{flex-direction: row;} .flex-column{flex-direction: column;} .just-content-center{justify-content: center;} .just-content-space-between{justify-content: space-between;} .flex-none{flex:none;} .flex-auto{flex:auto;} .go-top{position:fixed;right:0;bottom:60px;background-color:rgba(0,0,0,.5);color:#ffffff;opacity:50%;border-top-left-radius: 1.75rem;border-bottom-left-radius:1.75rem;text-align: center;width: 4rem;height: 3.5rem;line-height: 3.5rem;font-size:2rem;overflow:hidden;} .swiper-slide img{float: left;width: 100%;} header{ position: fixed;z-index: 2500; float:left;width: 100%;height:5rem;padding:.5rem; display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: center;align-content: center; color:#ffffff;border-bottom:1px solid #3170aa; overflow: hidden; background: #fff; } .logo{height: 4rem; width:30%; float:left; padding-top:0.4rem;} .logo img{float:left; width: 100%;} .menu{width: 4rem;height: 4rem;line-height: 4rem;font-size:2rem;text-align: center;overflow: hidden; float:right;} .banner{float:left;margin-top:5rem;width: 100%;overflow:hidden; position: relative; } .bottom{width: 100%;background-color: #272727;color:#ffffff;padding:20px;font-size:14px;overflow: hidden; } .page-nav{width:100%;height:35px; line-height:45px;margin-bottom: 10px;} .nyrttitle{width:30%; float:left;font-size: 16px;font-weight: bold;color: #0b63b9;line-height:50px; text-indent:6px;} .index-date-board{ float:left;width:100%;margin:0;background-color: #3580c4;padding:10px; display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:center;overflow: hidden;} .index-date-board .date{flex:auto;float: left;width: 30%;margin-right:1rem;font-size:16px;line-height:25px;color:#ffffff;text-align:center;overflow: hidden;} .index-date-board .week{flex:auto;float: left;width: 70%;height:50px;line-height:50px;font-size:18px;background-color:#ffffff;text-align:center;border-radius:4px;box-shadow:0 0 2px 2px #2a679e;overflow: hidden;} .index-date-board .week span{color:#ff5500;font-weight: 600;} .index-linka{float:left;width: 100%;margin-bottom:20px;padding:30px 0;background-color:#eeeeee;overflow: hidden; } .index-linka-li{float: left;width: 20%; height:110px;text-align: center;overflow: hidden; border-radius:5px;background-color:#ffffff; margin-left:2.5%; margin-right:2.5%; padding-bottom: 20px;font-size:14px;} .index-linka-li:nth-child(5n){ margin-right: 0;} .index-linka-li i{width:50px;height:65px; margin:auto;line-height:50px;font-size:40px;color:#ef9c05;overflow: hidden; display: block; padding: 15px 0;} .index-linka-li:hover i{color:#05b9b9;} .index-linka-li b{ clear:both;margin-top:10px;width: 100%;font-size:12px;text-align: center; font-weight:normal;overflow: hidden;} .jxz1{ height:65px; background: #3580c4; color: #ffffff; line-height: 25px; padding: 8px 0;} .jxz{ height: 30px; margin-top: 15px; line-height: 30px; text-align: center;} .indexpic{ width: 100%; height: auto; display: table; margin-top: 10px; clear: both;} .indexpic img{ width: 100%;} .bx2{width: 100%; height: auto; display: table; position: relative;} .bx2 .bx2img{ position: relative; width: 100%; height: auto; display:table;} .bx2 .bx2img img{ width: 100%;} .bx2 .bx2-box{position: absolute;top: 35%;left: 30%;transform: translate(-50%, -50%);color: #fff;} .bx2 h4 {font-size: 18px;line-height: 40px;padding: 0;margin: 0; } .bx2 .bx2-box a{ color: #fff;} .swiper-slide .w1700 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; } .w1700 { width:70%; max-width: 80%; display: block; margin: 0 auto; box-sizing: border-box; } .w1700 h6 { font-size: 16px; width: 60%; line-height: 1.4; /*opacity: 0; transform: translateY(0.2rem); transition: all 0.8s 0.2s;*/ padding: 0; margin: 0; } .w1700 span{ font-size: 16px; color: #fff; line-height: 40px; } .w1700 span a{ color: #fff;} .news_left{ width: 70px; height: 65px; float: left; background: #0b5ed7;} .number {font-size: 22px;color: #ffffff;text-align: center; height: 40px; line-height: 40px;} .news_time {font-size: 14px;color: #ffffff;width: 100%;height: 30px;text-align: center;} .mdui-drawer{ background:rgba(53,121,183,.95); } .nav{ width: 70%;position: fixed;z-index: 999;display: none;float: right;right:0;top:5rem;bottom:0;padding:3rem;background-color: rgba(53,121,183,.95);color:#ffffff; overflow-x: hidden;overflow-y: auto;} .mdui-drawer .mdui-list{float: left;width: 100%;overflow: hidden;} .mdui-drawer .mdui-list .nav-li{width: 100%; margin:auto;padding:13px 0;overflow: hidden; border-bottom:1px solid #5791c7;} .mdui-drawer .mdui-list .nav-li .name{float: left;width: 60%;text-align: left;font-size:1.6rem;font-weight:normal;color:#ffffff;overflow: hidden; text-indent:20px;} .mdui-drawer .mdui-list .nav-li .arow{ float:right; width:20%; text-align:center;} .mdui-drawer .mdui-list .nav-li .name a{float:left;width:100%;color: #ffffff;} .mdui-drawer .mdui-list .nav-li .drop-nav{float: left;overflow: hidden; width:100%; /*display:none;*/ height: 0;} .mdui-drawer .mdui-list .nav-li .drop-nav ul{display:flex;flex-flow:row wrap;justify-content:space-between;align-content:flex-start;align-items:flex-start;} .mdui-drawer .mdui-list .nav-li .drop-nav ul li{flex:auto;width: 100%;font-size:1.3rem;padding:5px 0;overflow: hidden; text-indent:20px;} .mdui-drawer .mdui-list .nav-li .drop-nav ul li a{float:left;width:100%;color: #ffffff;opacity:80%;} .nav-mark{position: fixed;z-index: 999;left:0;top:5rem;width: 50px;background-color: rgba(0,0,0,.5);bottom:0;display:block;overflow: hidden;} .title-wrap{float: left;width: 100%;overflow: hidden; background: #fafafa; } .title-wrap .name{ float: left;height:4.5rem;line-height:5rem;padding:0 1rem;color:#0b63b9;/*font-size:1.5rem; */ font-size:16px; font-weight:bold;overflow: hidden;} .title-wrap .more{float: right;height:4.5rem;line-height:4rem;padding:0 1rem;color:#074e8e;font-size:1.2rem;overflow: hidden;} .news-box{float: left;width: 100%;padding:1rem;overflow: hidden; background:#fff; margin-bottom:10px; padding-bottom:0; border-bottom:1px solid #eee;} .news-text-li{float: left;width: 100%;background-color:#ffffff;padding:1rem; padding-left:0;line-height:2rem;text-align:justify;overflow: hidden; border-top:1px dotted #eee;} .news-text-li:nth-child(1){ border-top:0;} .news-text-li a{display: flex;flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;} .news-text-li .ico{flex:none;margin-right: 1rem; color: #337FE5; } .news-text-li .title{flex:auto;} .news-text-li .date{flex:none;margin-left: 1rem;font-size:1.2rem;color:#074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:50%;overflow: hidden; } .news-text-li .datey{font-size:1rem;color:#074e8e; text-align: 1.7rem;} .news-text-li .newdated{ width:20px; height:45px;/* border:1px solid #0b63b9;*/ border-radius:5px; float:left;} .news-text-li .newdate{ width:60px; height:45px;/* border:1px solid #0b63b9;*/ border-radius:5px; float:left;} .news-text-li .newdate1{height:25px; line-height:25px; text-align:center; font-size:16px; border-radius:50%; background:#0b63b9; color:#ffffff; width:25px; margin:auto;} .news-text-li .newdate2{ height:20px; line-height:20px; text-align:center; font-size:12px; /*background:#0b63b9; color:#ffffff;*/} .news-text-li .nwtitle{ width:85%; height:45px; line-height:45px; float:right; overflow:hidden; margin-left:4%; text-overflow:ellipsis; white-space:nowrap;-o-text-overflow:ellipsis; } .news-image-li{float: left;width: 100%;text-align:justify;padding:1rem 0;border-bottom:1px dotted #becfd7;overflow: hidden;} .news-image-li a{display: flex;flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;} .news-image-li .topimage{ width:100%; height:auto; display:table;} .news-image-li .topimage img{ width:100%; } .news-image-li .newdate{width:16%; height:45px; float:left;} .news-image-li .newdate1{height:23px; line-height:23px; text-align:center; font-size:18px; font-weight:bold;} .news-image-li .newdate2{ line-height:20px; text-align:center; font-size:12px; color:#0b63b9;} .news-image-li .nwtitle {width:82%; height:45px; line-height:45px; float:right; overflow:hidden; margin-left:2%; } .news-image-li .image{flex:none;width: 40vw;margin-right: 1rem;margin-top:.25rem;overflow: hidden;} .news-image-li .image img{float: left;width: 100%;} .news-image-li .info{flex:auto;width: 100%;text-align:justify;line-height:2rem;overflow: hidden;} .news-image-li .info .title{float:left;width: 100%;font-size:1.7rem;color:#074e8e;overflow: hidden;} .news-image-li .info .demo{float:left;width: 100%;font-size:1.4rem;color:#5c5d5e;overflow: hidden;} .news-image-li .info .date{float:left;width: 100%;font-size:1.2rem;color:#074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:50%;overflow: hidden; } .news-image-li .info .datey{float:left;width: 100%;font-size:1rem;color:#074e8e;} .news-box2{float: left;width:100%; padding: 0 1rem; background:#fff; margin-bottom:10px; } .news-li{width: 100%; overflow: hidden; height:60px; line-height:60px; border-bottom:1px dotted #eee; text-indent:5px; } .news-li .info{flex:auto;width: 92%; margin:auto;text-align:justify;line-height:2rem;overflow: hidden;} .news-li .info i{font-size: 0.8rem; color: #F1A325;} .thumb-box{float: left;width: 100%;padding:1rem 1rem;overflow: hidden;} .thumb-box .ul-a{float: left;width:100%;display:flex;flex-flow:row nowrap;overflow-x: auto;overflow-y: hidden;} .thumb-box .ul-a li{flex:none;float: left;width:40vw;margin-right:1rem;overflow: hidden;} .thumb-box .ul-a li .image{float: left;width: 100%;overflow: hidden;} .thumb-box .ul-a li .image img{float: left;width: 100%;overflow: hidden;} .thumb-box .ul-a li .title{float: left;width: 100%;text-align:center;height:3rem;line-height:3rem;background-color:#ffffff;padding:0 1rem;overflow: hidden;} .page-nav{width: 100%;overflow: hidden; height: 45px; background: #fafafa;} .category{display:none;float: left;width: 100%;background-color: #48c9fa;color: #ffffff;padding:.5rem;overflow: hidden;} .category ul{display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;} .category ul li{flex:auto;margin:.5rem;background-color: #ffffff;height: 3rem;line-height: 3rem;font-size:1.2rem;padding:0 1rem;overflow: hidden;} .category ul li a{float: left;width: 100%;} .page-main{float: left;width: 100%; /*padding:1rem;*/background-color:#ffffff;overflow: hidden; min-height:500px;} /*.page-main .page-ul{display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: flex-start;align-items: flex-start;}*/ .ntblank{ width:100%; height:5rem;} .page-main .page-item{ margin:auto;width: 95%;text-align:justify;padding:15px 0;border-bottom:1px dotted #becfd7;overflow: hidden;} .page-main .page-item a{/*display: flex;*/flex-flow: row nowrap;justify-content:space-between;align-items: flex-start;align-content:flex-start;} .page-main .page-item .image{flex:none;width: 40vw;/*background-color:#ffffff;padding:.5rem;*/margin-right: 1rem;margin-top:.25rem;overflow: hidden;} .page-main .page-item .image img{float: left;width: 100%;} .page-main .page-item .info{flex:auto;width: 100%;text-align:justify;line-height:2rem;overflow: hidden;} .page-main .page-item .news_title{float:right;width: calc(100% - 100px);; height:65px; line-height:32px;color:#074e8e;overflow: hidden;} .page-main .page-item .demo{float:left;width: 100%;font-size:14px;color:#5c5d5e;overflow: hidden; line-height:20px;} .page-main .page-item .info .date{float:left;width: 100%;font-size:1.2rem;color:#074e8e;/*color:#ffffff;padding:0 1rem;background-color: #074e8e;border-radius: 1rem;*/opacity:50%;overflow: hidden; } .page-image-main{float: left;width: 100%;padding:.5rem;overflow: hidden;} .page-image-main .page-image-item{float: left;width: 50%;padding:.5rem;overflow: hidden;} .page-image-main .page-image-item .image{float: left;width: 100%;overflow: hidden;} .page-image-main .page-image-item .image img{float: left;width: 100%;} .page-image-main .page-image-item .title{float: left;width: 100%;padding:1rem;height:6rem;line-height:2rem;text-align:center;background-color:#ffffff;overflow: hidden;} /*鏂伴椈鍒楄〃*/ .news_time{ padding:2px 3px; height: 25px; line-height:20px; width:100%; color:#b9b9b9} .news_right .news_title{ height:auto; padding:5px 0; line-height:26px; font-size:16px; } .nianf{width: 100%; height: auto; display: table; background: #efefef; padding:5px 0; margin: auto; } .nianf ul{ width: 100%; margin: auto;} .nianf ul li{ height: 30px; padding: 0 20px; line-height: 30px; float: left; font-size: 14px;} .selts {background: #dddfe1;} /*甯﹀浘鍒楄〃*/ .lyr_boder .news_item .news_left2{margin-right:15px;width:120px; float: left; overflow: hidden;} .lyr_boder .news_item .news_left2 .newspic{ min-height:60px; overflow:hidden;} .lyr_boder .news_item .news_left2 img{width:100%;} .lyr_boder .news_item .news_right { width: calc(100% - 135px); height:auto; overflow:hidden; } .lyr_boder .news_item .news_right .news_title { line-height:26px; /* height: .3rem; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */ width: 100%; color: #333; margin-bottom: .1rem; } .news_right .demo{ font-size:14px; color:#ddd; } .lyr_boder2 .news_item .news_title { /* font-size: 16px; */ line-height: 55px; text-indent: 5px; width: 100%; color: #333; margin-bottom: .1rem; } .lyr_boder2 .news_item .news_title span{ float: right; color: #333; line-height: 55px;} .lyr_boder .news_item .news_right .news_txt { font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; opacity: 0.65; line-height: 28px; height: 52px; overflow: hidden; margin-top:10px; } .student{width:80%; margin: auto; padding:20px 30px;background-color:#efefef;overflow: hidden; margin-bottom: 45px;} .student .tips{width:90%; margin:auto;text-align:justify;color:#160769;line-height:30px;padding:15px 0;overflow: hidden;} .student .tips b{font-size:20px;font-weight: 400;} .student .form{ width: 90%; margin:auto; display:flex;flex-flow:column wrap; justify-content:space-between; align-items:flex-start; align-content:flex-start; } .student .li{flex:auto;float: left;width:100%;padding:15px 0; display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:center;overflow: hidden; } .student .li .ipt{float: left;width: 100%;height: 40px;line-height: 40px;padding:0 10px;background-color: #ffffff;border-radius: 4px;overflow: hidden; border:1px solid #eeeeee;} .student .li .captcha{flex:auto;float: left;width: 70%;height: 40px;line-height: 40px;padding:0 10px;background-color: #ffffff;border-radius: 4px;overflow: hidden; border:1px solid #eeeeee;} .student .li .verifyImg{float:left;cursor:pointer;margin-left: 20px;height: 40px;border-radius: 4px;overflow: hidden;} .student .li .btn{float: left;cursor:pointer;border:0;height: 40px;padding:0 20px;background-color: #002d6e;color:#ffffff;border-radius: 4px;overflow: hidden;} .student-result{float: left;width: 100%;background-color: #ffffff;padding:1rem;overflow: hidden; } .student-result .res{ display:none; float:left;width: 100%;padding:2rem;margin-bottom:0px;border-bottom: 1px solid #dbdbdb; background-color: #ffffff;border-radius: 5px; overflow: hidden;} .student-result .res .message{float: left;width: 100%;font-size:22px;color:#ea644a;padding:15px 0;text-align:center;font-weight:400;overflow: hidden;} .student-result .res .item{float: left;width: 100%;line-height: 35px;margin-bottom:10px;overflow: hidden;} .student-result .res .item b{font-weight: 200;} .student-result .res .item span{font-size:24px;font-weight: 300;} .student-result .student-result-tips{display:none;border-radius: 5px;border-top:1px solid #fafafa;float:left;width: 100%;padding:1rem;text-align:justify;background-color: #ffffff;position: relative;} .student-result .student-result-tips img{max-width: 100%;} .btmlogos{width: 95%; height: auto;} .btmlogos img{ width: 60%;} .ulst{width:100%; height:130px; border-bottom: 1px solid #144791;} .ulst li{ height: 30px; line-height: 30px; font-size: 14px; color: #ffffff;display: flex; flex-wrap: wrap;align-items:center; margin:0 0.8rem 0 0;} .ulst li .icn{width: 18px;height: 15px;float: left;} .ulst li p{font-size: 12px; font-weight: 400; color: #ffffff; margin-left: 8px;} .links{width:100%; height: auto; display: table;} .links li{ float: left; height: 28px; line-height:28px; font-size: 16px; color: #ffffff; padding: 2px 3px; } .links li a{ color: #ffffff; } .btmcopy {width: 100%;font-size: 12px;color: #ffffff;background: #272727;text-align: center; margin-bottom: 60px; border-top:1px solid #5d5c61; padding-top: 10px; padding-bottom: 10px;} .btmcopy a{ color: #ffffff;} /* 鍒嗛〉 */ .page{float: left;width: 100%;margin: 20px 0;overflow: hidden;} .page .pagination{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;} .page ul li{cursor:pointer;background-color:#1d50a3;color:#ffffff;font-size:14px;height: 30px;line-height: 30px;margin:5px;overflow: hidden;} .page ul li:hover{background-color: #00c07a;color: #ffffff;} .page ul li a{float:left;width:100%;color: #ffffff;padding:0 10px;} .page ul li span{padding:0 10px;} .page .disabled{background-color: #484848;color: #ffffff;} .page .active{background-color: #ea644a;color: #ffffff;} .page-content{float:left;width: 100%;padding:1rem;background-color:#ffffff;text-align:justify;overflow: hidden;} .page-content .content-title{float: left;width: 100%;font-size:2rem;text-align: center;overflow:hidden;} .page-content .content-date{float: left;width: 100%;font-size:1.2rem;padding:.5rem 0;border:1px dashed #efefef;border-left:0;border-right:0;overflow:hidden;} .page-content .content-demo{float: left;width: 100%;position: relative;background-color:#fafafa;border-left:4px solid #dbdbdb;padding:1rem 1rem 1rem 1rem;color:#aaaaaa;overflow: hidden;} .page-content .content-text{float: left;width: 100%;font-size:1.7rem;overflow: hidden;} .page-content .content-text img{ width: 100%; height:100%;} .contact-map{float: left;width: 100%;height: 50vh;border-radius: 5px;border:1px solid #dbdbdb;margin:1rem 0;overflow: hidden;} .page-content .content-text table{ width:100%; height:auto;} .page-content .content-text table td{ border:1px solid #ccc;} .page-content .page-per-next{float: left;width: 100%;margin-bottom:2rem;padding-top:1rem;border-top:1px solid #dbdbdb;overflow: hidden;} .page-content .page-per-next ul li{float: left;width: 100%;background-color: #fafafa;margin-top:1rem;padding:1rem;border-radius:.5rem;overflow: hidden;} /*棣栭〉棰嗗煙*/ .boxm{ width: 100%; height:auto; display: table;/* background: #e5ebfd;*/ margin-top: 25px; } .netitle{ width: 99%; height: auto; display: table; line-height: 30px; margin: auto; text-align: center; font-size: 18px; font-weight: 700; color: #000;} .bx1400{ width:99%; height: auto; display: table; margin: auto; } .bx1400 li{ width: 24%; height: 200px; margin-right: 1%; background: #fff; border-radius: 10px; float: left;} .bx1400 li:nth-child(4){ margin-right: 0;} .bx1400 li .tit{width: 1.58rem; height: 0.22rem; text-align: center; margin: auto; margin-top: 0.15rem; line-height: 0.22rem; font-size: 0.12rem; font-weight: 700; color: #000;} .bx1400 li .demo{ width: 1.58rem; height: 0.22rem; text-align: center; margin: auto; line-height: 0.22rem; font-size: 0.09rem; color: #666;} .bx1400 li .pict{ width: 1.58rem; height: 1.6rem; margin: auto; margin-top: 0.1rem; position: relative;} .bx1400 li .pict img{ width: 100%;} .bx1400 li .pict .art{ width:0.2rem; height: 0.2rem; border-radius: 50%; text-align: center; background: url("../images/bg0.png"); position: absolute; bottom: 0.1rem; right: 0.1rem; } .bx1400 li .pict .art i{ font-size: 0.14rem; color: #fff; line-height: 0.2rem; margin: auto;} /*鍏徃绠€浠?/ .card-nav-list.is-centered { justify-content: center; } .card-nav-list { /*display: flex; flex-direction: row; justify-content: flex-start;*/ width: 100%; overflow-x: auto; padding: 0 0.084rem; margin-top: 20px; } .card-nav-list li{ float: left;width: 49%;} .card-nav-list li:nth-child(2n){ margin-right: 0;} .card-nav-list>li { /*flex: 1; width: 49%; margin-right: 1%; max-width: calc((100% - 10px) / 2);*/ border-radius: 0.084rem; margin-bottom: 20px; } .card-nav-list>li { flex-direction: column-reverse; padding: 0 8px 8px; background-color: #eeeeee; } .card-nav-list>li { margin-right: 2%; } .card-nav-list>li .card-nav-item_img { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .card-nav-list>li .card-nav-item_img { box-sizing: content-box; position: relative; background-color: white; border-radius: 8px; overflow: hidden; display: flex; justify-content: center; width: 100%; } .card-nav-list>li .card-nav-item_img { border-radius: 0 0 14px 14px; } .card-nav-list>li .card-nav-item_img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .card-nav-list>li .card-nav-item_img .card-nav-item_embedded-img { transition: transform 1s ease-in-out; width: 100%; height: 100%; } .huawei-v4 .v4 img { max-width: 100%; height: auto; } .card-nav-list>li .card-nav-item_img .card-nav-item_icon { position: absolute; width: 100%; height: 100%; bottom: 0; right: 0; opacity: .5; transition: width .6s ease-in-out, height .6s ease-in-out, background-color 1.5s ease-in-out, background-position 1s ease-in-out; background-size: 16px; background-repeat: no-repeat; background-position: right 8px bottom 8px; background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i6ZSa54K5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iIzMwMzAzMCIvPgogIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMzkxIDUuMTg0KSI+CiAgICA8cmVjdCBpZD0i55+p5b2iIiB3aWR0aD0iNi4zNzMiIGhlaWdodD0iMS41OTMiIHJ4PSIwLjc5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41ODUgNC41MDYpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZmZmIi8+CiAgICA8cmVjdCBpZD0i55+p5b2iLTIiIGRhdGEtbmFtZT0i55+p5b2iIiB3aWR0aD0iNi4zNzMiIGhlaWdodD0iMS41OTMiIHJ4PSIwLjc5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41MDYgNS42MzMpIHJvdGF0ZSgtMTM1KSIgZmlsbD0iI2ZmZiIvPgogIDwvZz4KPC9zdmc+Cg==); border-radius: 0 0 6px 0; overflow: hidden; } .card-nav-list>li .card-nav-item_img .card-nav-item_icon { width: 40px; height: 40px; right: 12px; bottom: 12px; border-radius: 50%; background-color: #303030; background-position: right bottom; background-size: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA0MCA4MCI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IGlkPSLnn6nlvaJfMiIgZGF0YS1uYW1lPSLnn6nlvaIgMiIgd2lkdGg9IjQwIiBoZWlnaHQ9IjgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDcgMTI3NC41KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSLokpnniYjnu4RfMzEiIGRhdGEtbmFtZT0i6JKZ54mI57uEIDMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ3IC0xMjc0LjUpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgPGcgaWQ9Iue7hF83IiBkYXRhLW5hbWU9Iue7hCA3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3IC0xMSkiPg0KICAgICAgPGcgaWQ9Iue7hF82IiBkYXRhLW5hbWU9Iue7hCA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOCAyMikiPg0KICAgICAgICA8ZyBpZD0i57uEXzQiIGRhdGEtbmFtZT0i57uEIDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOCAtODguNSkiPg0KICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3NCAxMzY5KSI+DQogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41IDUuNjU3KSByb3RhdGUoLTQ1KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oi0yIiBkYXRhLW5hbWU9IuefqeW9oiIgd2lkdGg9IjgiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNjU3IDcuMDcxKSByb3RhdGUoLTEzNSkiIGZpbGw9IiNmZmYiLz4NCiAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICAgIDwvZz4NCiAgICAgIDxnIGlkPSLnu4RfNSIgZGF0YS1uYW1lPSLnu4QgNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwIC0yNi41KSI+DQogICAgICAgIDxnIGlkPSLnvJbnu4QtMiIgZGF0YS1uYW1lPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3NCAxMzY5KSI+DQogICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oi0zIiBkYXRhLW5hbWU9IuefqeW9oiIgd2lkdGg9IjgiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNSA1LjY1Nykgcm90YXRlKC00NSkiIGZpbGw9IiNmZmYiLz4NCiAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iLTQiIGRhdGEtbmFtZT0i55+p5b2iIiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS42NTcgNy4wNzEpIHJvdGF0ZSgtMTM1KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==); } .card-nav-list>li:hover .card-nav-item_icon{background-position:right top !important} .card-nav-list>li:hover .card-nav-item_embedded-img{transform:scale3d(1.1,1.1,1.1)} .card-nav-list>li .card-nav-item_title { margin: 24px 0; } .card-nav-list>li .card-nav-item_title { transition: all .3s; } .card-nav-list>li .card-nav-item_main-title { font-weight: 700; font-size: 12px; margin-top: 8px; margin-bottom: 4px; line-height: 1.25; } .card-nav-list>li .card-nav-item_main-title { font-size: 18px; } .card-nav-item_main-title, .card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title { display: block; text-align: center; width: 100%; word-wrap: break-word; overflow: hidden; } .card-nav-list>li .card-nav-item_sub-title { font-size: 14px; } .card-nav-list>li .card-nav-item_sub-title { line-height: 1.5; font-size: 12px; font-weight: 400; opacity: .6; } .card-nav-list>li .card-nav-item_sub-title { display: block; text-align: center; width: 100%; word-wrap: break-word; overflow: hidden; } .idlft{ width: 100%; height:350px; background: url("../../index/images/fangan1.jpg"); background-size: 100% 100%; text-align: center;} /*.scaleimg:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}*/ .scaleimg:hover{ opacity: 0.8} .idrgt{ width: 100%; height:350px; background: url("../../index/images/fangan2.jpg"); background-size: 100% 100%;text-align: center;} .idlft .title, .idrgt .title{ font-size: 0.16583rem; line-height: 0.17708rem; text-align: center; margin-top: 0.365rem; } .idlft .anchor,.idrgt .anchor { font-size: 0.08333rem; line-height: 0.10417rem; margin-top: 0.08333rem; display: inline-block; } .px-box1{ width:100%; height: auto; display: table;} .px-box1 h3{ font-size: 22px; color: #173d77; width: 100%; text-align: center; height:40px; line-height: 40px; overflow: hidden; margin: auto; margin-top: 15px; } .px-box1 .bx1300{ width: 100%; margin: auto; display: table; margin-top: 20px;} .px-box1 .hgt1{ height: 200px;} .px-box1 .pic1{ width: 250px; float: left;} .px-box1 .pic1 img{ width: 100%;} .px-box1 .pic2 img{ width: 100%;} .px-box1 .pic3{ width: 98%; height: auto; margin: auto;} .px-box1 .pic3 img{ width: 100%;} .px-box1 .textbox{width: 98%; margin: auto; } .px-box1 .textbox2{width: 98%; margin: auto;} .px-box1 .textbox2 img{ width: 100%;} .px-box1 .textbox3{width: 98%; margin: auto;} .px-box1 .textbox h4{ font-size:16px; height: 30px; line-height: 30px; color:#173d77; } .px-box1 .textbox .std{ width: 100%; height: auto; display: table;} .px-box1 .textbox .std li{ font-size: 14px; width: 33%; float: left; height: 30px; line-height: 30px;color: #173d77;} .px-box1 .textbox .std li i{ margin-right: 0.08rem;} .px-box1 .textbox .bx{ width: 100%; height: 100px; background: #e2eaef; margin-top: 20px; border-radius: 10px; } .px-box1 .textbox .bx .mbx{ width: 25%; height: 85px; margin-top: 15px; float: left; } .px-box1 .textbox .bx .mbx .zi{position: relative; font-size: 24px; color: #0f3672; text-align: center; padding-right: 15px; font-weight: bold; width: auto; display: table; margin: auto;} .px-box1 .textbox .bx .mbx .zi i{position: absolute; top:0; right: 0; color: #f8b62b; font-size: 16px;} .px-box1 .textbox .bx .mbx .ztitle{ font-size: 12px; text-align: center;} .bg-1{background:url("../images/background3.png") #f7f8fa; background-size:100% 100%; margin-top: 0.3rem;} .bg-2{background:url("../../index/images/databg.jpg") #f7f8fa; background-size:100% 100%; margin-top: 0.3rem;} .bg-3{background:url("../../index/images/background2.png") #f7f8fa; background-size:100% 100%; margin-top: 0.3rem;} .bg-4{background:url("../images/xy.jpg") #071ced; background-size:100% 100%; margin-top: 0.3rem;} .kcbox{ width: 100%; display: table; } .kcbox li{ width: 100%; height: 110px; } .kcbox li .lititle{width: 100%; height: 30px; background: url("../images/d-border2.png"); display: flex; background-size: 100% 100%;} .kcbox li .lititle .tybx{ width: 30%; font-size: 16px; margin-left:1%; height: 35px; line-height: 35px; background: #173d77; text-align: center; color: #ffffff; border-radius: 10px;} .kcbox li .lititle .tybx i{ margin-right: 10px; color: #f8b62b;} .kcbox li .litext{ width: 96%; margin-left:1%; margin-top: 15px; font-size: 16px; line-height: 30px; } .bxlft{ width: 98%; margin: auto; height:160px; background: #173d77; padding-top: 30px; } .bxlft img{ width: 100%;} .bxrgt{ width: 98%; margin: auto; height:160px; background: #f8b62b; margin-top: 30px; } .bxrgt .cycl{ width: 95%; margin: auto; margin-top: 50px;} .bxrgt .cycl li{ width: 33%; height: 120px; float: left; margin-top: 30px;} .bxrgt .cycl li .cy-1{ width: 50px; margin: auto; height: 50px; border-radius: 50%; border: 2px dashed #FFFFFF; line-height: 50px; color: #ffffff; font-size: 34px; text-align: center;} .bxrgt .cycl li .cy-2{ width: 80%; color: #fff; margin: auto; height: 30px; line-height: 30px; text-align: center; font-size: 14px;} .bxrgt .cycl li .cy-3{ width:80px; color: #173d77; margin: auto; font-size: 16px; height: 30px; line-height: 30px; text-align: center; background: #fff; border-radius: 10px; } .zslft{ width:98%;margin: auto; height: auto; padding-top: 15px;} .zsrgt{ width:98%;margin: auto; height: auto; overflow: hidden; border: 2px solid #173d77;} .zsrgt img { width: 100%;} .zsdemo{ width: 100%; height: 80px; line-height: 30px; font-size: 16px; } .zspic{ width: 100%; margin-top: 20px;} .zspic img{width: 100%;} .zsul{ width:98%; margin: auto; height: auto; display: table; margin-top:15px;} .zsul li{ width:98%; height: auto; margin:auto;background: #173d77; border-radius: 15px; padding-bottom: 15px; margin-bottom: 15px;} .zj{width: 85%; height: height; display: table; margin: auto; margin-top: 0.18rem; border-bottom: 1px solid #7d94b3; } .zjlft{width: 20%; float: left; text-align: center; margin-top: 15px; } .zjlft img{width:70%;} .zjrgt{ width:80%; float: right; text-align: center; margin-top: 15px; } .zjrgt .zjname1{ color: #ffffff; font-size: 16px; line-height: 30px; float: left;} .zjrgt .zjname2{ color: #ffffff; font-size: 12px; line-height: 30px; float: left;} .ntop{ margin-top: -10px;} .zjtext{ width: 84%; line-height: 23px; font-size: 14px; color: #fff; margin: auto; padding-top:10px;} .peixuntxt{ width:90%; margin: auto; height:auto; line-height:25px; font-size:14px; color:#fff; } .peixunrgt{ width:80%; height:50px; float:right;} .jpgt{ width: 100%; padding-bottom: 0.65rem; height: auto; display: table; } .jpgt li{ float:left;width: 46%; margin-left: 2.2%; margin-right: 1%;} .jpgt li img{ width: 100%; height: 120px;} .jiuye{ width: 100%; padding-bottom: 15px; height: auto; display: table; } .jiuye li{ width: 45%;float: left; height:auto; margin-top: 20px; margin-left:3.5%; } .jiuye li img{ width:100%;} .tbul{ width: 100%; height: auto; display: table;} .tbul li{ width: 98%; height: 110px; margin: auto; display: table; } .tbul li .hxlft{ width: 25%; float: left; height: auto;} .tbul li .hxrgt{ width: 70%; float: right; height: auto;} .tbul li .tbicon{ width: 90px; height: 90px; margin: auto; border:1px solid #fff; text-align: center; line-height: 90px; font-size:50px; color: #FFFFFF; } .tbul li .tbname{ color: #fff; font-size: 18px; height: 25px; line-height: 25px;} .tbul li .tbtxt{ color: #fff; font-size: 14px; width: 100%; line-height: 25px;} .whul{ width: 100%; height: auto; display: table; margin: auto;} .whul li{ width: 100%; height:80px; margin-bottom: 30px;} .whul li .sqr{width:80px; height:80px; float: left; background: #f46404; margin-right: 10px; line-height: 80px; text-align: center; font-size: 22px; color: #fff; } .whul li .sqrbx{ width: calc(100% - 95px); height: 50px; float: right;} .whul li .sqrname{ font-size: 18px; color: #0d2147; line-height:35px;} .whul li .sqrtxt{ font-size: 16px; color: #333437;} .dataul{ width: 95%; margin:auto; height: auto; display: table; } .dataul li{width: 50%; height:130px; float: left; text-align: center;} .dataul li h2 { color: #ff0100; font-size: 35px; margin-bottom: 20px; /*letter-spacing: -4px;*/ } .dataul li h2 i { font-size: 14px; } .dataul li p { font-size: 14px; color: #999999; } .yyong { width: 98%; margin: auto; } .yyul{ width: 100%; height: auto; display: table; margin-top: 20px; margin-bottom: 10px;} .yyul li{ width: 32%; height: 100px; float: left; margin-right:2%; background: #efefef;} .yyul li:nth-child(3){ margin-right: 0;} .yyul li .icnt{ width: 10%; height: 80px; margin-top: 30px; margin-left: 5%; float: left;} .icnt i{ font-size: 20px; color: #374151;} .yyul li .yytitle{ width: 84%; height: 80px; float: right;margin-top: 15px;} .yytitle .ytt{ font-size: 16px; color: #374151; line-height: 30px; padding: 0; font-weight: 700} .ytitle{ font-size: 14px; color:#374151; line-height: 22px; } .stories-text-box { width: 100%; margin: auto; text-align: center; } .stories-text-box .title { font-size: 25px; line-height: 40px; color: rgba(0, 0, 0, .85); text-align: center; font-weight: 600; } .stories-text-box .desc { margin-top:10px; font-size: 18px; line-height: 30px; color: rgba(0, 0, 0, .65); } .stories-module-list { margin-top: 20px; } .stories-module-list li.stories-module-item { width: 100%; height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin-bottom: 20px; } .stories-module-item .stories-module-text .eyebrow-text { font-size: 14px; line-height: 20px; } .stories-module-item .stories-module-text .headline { font-size: 18px; line-height: 30px; font-weight: 400; } .stories-module-list li.stories-module-item .stories-module-text { position: absolute; top: 30px; width: 100%; padding: 0 10px; text-align: center; } .stories-module-list li.stories-module-item .stories-module-text { position: absolute; top: 35px; width: 100%; padding: 0 5px; text-align: center; } .stories-module-item .stories-module-text .eyebrow-text+.headline { margin-top: 8px; } .stories-module-item .stories-module-text .link-box { position: relative; z-index: 400; text-align: center; margin-top: 0.084rem; display: inline-flex; align-items: center; transition: all .3s ease; cursor: pointer; } .textdemo{ width:65%; height:75px; padding:5px 0; font-size:14px; text-align:center; margin:auto;} .stories-module-text .link-box .text { font-size: 14px; line-height: 20px; padding: 5px 10px; background: #0d47a1; color: #fff; border-radius: 5px; } .stories-module-item .stories-module-text .link-box .icon { font-size: 0.084rem; width: 0.084rem; height: 0.084rem; } .child-module-list { margin-top: 25px; } .child-module-list .grid-compact { width: 49%; height: 250px; display: block; float: left; margin-right: 2%; margin-bottom: 20px; } .child-module-list .grid-compact:nth-child(2n){ margin-right: 0;} .child-module-list .child-module-item { position: relative; overflow: hidden; cursor: pointer; } .child-module-item .grid-img { transition: all .6s ease; width: 100%; } .child-module-list .child-module-item .text-box { padding: 0 0.25rem; position: absolute; top: 0.25rem; width: 100%; } .child-module-list .child-module-item .headline { font-size: 20px; line-height: 30px; font-weight: 500; text-align: center; color: #fff; margin-top: 30px; } .child-module-list .child-module-item .desc { font-size: 16px; line-height: 30px; text-align: center; color: #fff; } .child-module-list .child-module-item .link-box { position: relative; z-index: 400; text-align: center; margin: auto; margin-top: 10px; align-items: center; transition: all .3s ease; cursor: pointer; margin-left: 8px; } .child-module-list .child-module-item .link-box .text { font-size: 14px; line-height: 30px; color: #fff; } .module-list{ margin-top:20px; height: auto; display: table;} .module-list .mdli{ width: 49%; height: auto; float: left; margin-right: 2%;} .module-list .mdli:nth-child(2n){ margin-right: 0;} .module-list .mdli img{ width: 100%;} .module-list .mdli .title{ color: #fff; font-size: 14px; line-height: 30px; position: absolute; bottom: 0; width: 100%; text-align: center;} .rlft{ width:60%; height:55px; background:#d9750a; line-height:55px; font-size:20px; float:left; color:#ffffff; text-align:center; margin-bottom:25px; margin-top:20px;} .rght{ width:40%; height:55px; line-height:55px; font-size:22px; float:left; border:1px solid #d9750a; text-align:center; color:#d9750a;margin-bottom:25px; margin-top:20px;} .newbx li{ width: 49%;height: 200px; margin: auto; margin-bottom: 20px; margin-right: 2%; background: #e9e9ea;} .newbx li img{ width: 100%; height:120px;} .newbx li:nth-child(2n){ margin-right: 0; } .newbx li h4{ width: 90%; margin:auto; height: 60px; line-height: 30px; text-align: left; font-size: 14px; overflow: hidden; } .bottom .btmright{width:90%; margin: auto; } .bottom .btmright .fb{ width: 100%; height: 120px; display:block;} .bottom .btmright .fw{ color: #fff; line-height: 25px; font-size: 14px; text-align: left;} .bottom .btmright .ewms{ width: 26%; float: left; margin-left: 4%; margin-right: 4%;} .bottom .btmright .ewms .epic{ width: 100%; display: table; height: auto;} .bottom .btmright .ewms:nth-child(3){ margin-right: 0;} .bottom .btmright .ewms .epic img{ width: 100%;} .bottom .btmright .ewms .tname{ color:#6a6a6b ; height: 50px; line-height: 25px; font-size: 14px;}