body{font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important;} .transition { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } a{color: #333;font-size:1rem;} .btn-more{ padding: 8px 25px; background-color: #00D8D8; font-size:1rem; color: #fff; border-radius: 3px; } .btn-more:hover{color: #fff;} .rightFix { width: 65px; position: fixed; right: 10px; bottom: 10%; z-index: 999; display: none; } .rightFix a { width: 65px; height: auto; background:#00D8D8;/*#2352b3*/ text-align: center; display: block; margin-bottom: 6px; position: relative; padding-top: 8px; border-radius: 5px; padding-bottom: 5px; } .rightFix a h3 { color: #fff; font-weight: 400; font-size: 12px; } .rightFix .fix_top .ico { background-position: 0 -128px; } .rightFix .ico { width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto 1px; padding: 0; background: url(../images/fix-ico.png) no-repeat 0 0; } .header_main { position: fixed; top: 0; left: 0; width: 100%; height: 74px; background: transparent; transition: all 0.9s ease-out 0s; z-index: 100; background-color:rgba(250,250,250,0.6); } .header_main.xc {background-color: #fff;border-bottom: 1px solid #ddd;} .header_main .webLogo { /*padding-top: 24px;*/ float: left; /*width: 250px;*/ } .header_main .nav_main { float: left; margin-left:15px; position: relative; } .nav_main .nav { position: relative; min-width:800px; white-space:nowrap; text-overflow:ellipsis; } .header_main .nav_main .item { padding: 0 8px; float: left; height: 78px; z-index: 12; } .header_main .nav_main .item a { display: block; font-size: 16px; line-height: 50px; color: #000; padding-top: 10px; } .header_main .nav_main .item a:hover { text-decoration: none; } .header_main .nav_main .item.hover .alink, .header_main .nav_main .item:hover .alink { border-bottom: 3px solid #e7434a; } .hvr-underline-from-center1 { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-underline-from-center1:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -3px; background: #e7434a; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .header_main .nav .sub-box { position: absolute; left: 13px; text-align: center; top: 75px; background: #fff; box-shadow: 1px 3px 3px rgb(0 0 0 / 10%); visibility: hidden; opacity: 0; padding: 10px; } .header_main .nav .sub-box a{ font-size: 14px; line-height: 30px; border-bottom: 1px solid #eee; padding-top: 10px; padding:5px 20px; } .header_main .nav .sub-box a:hover{color: red;} .header_main .row{position: relative;} .header_main .searcher { position: absolute; right:-15px; top:18px; } .header_main .search_btn { background: url(../images/searchico.png) no-repeat center center; /*float: left;*/ display: block; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; right: 0px; } .carousel-indicators li{ width:11px;height:11px; border-radius:50%; transition: all 500ms ease; -webkit-transition: all 500ms ease; font-size:0; opacity: inherit; } .carousel-indicators li.active{background-color:#00D8D8;/*background-color:#e7434a;width: 30px;border-radius:20%;*/} .index-box,.news-box{position: relative;width: 100%;} .index-box .card{border: inherit;} .index-box .list-group{border-radius: inherit;} .index-box .item-wrapper{/*background-color:rgba(0,0,0,0.6);*/ background-color: #253538; padding-top: 100px;padding-bottom: 80px;} .index-box .container .about-box-left{/*width: 50%;float: left;*/padding-left: 0;padding-right: 0px;} .index-box .container .about-box-left .title,.index-box .news-wrapper .title{font-size:26px;color: #00D8D8;position: relative;padding-left: 70px;} .index-box .container .about-box-left .title:before,.index-box .news-wrapper .title:before { content: ""; width: 50px; height: 6px; position: absolute; left: 0; top:18px; background-color:#00D8D8; } .index-box .container .about-box-left .card{border: inherit;} .index-box .container .about-box-left .card-body{background: #3A4459;} .index-box .container .about-box-left .about-inner{ display: block;width: 100%; margin-top: 80px; margin-bottom: 80px; color: #fff; text-align:justify; text-justify:inter-ideograph; } .index-box .container .about-box-left .card-title{text-align: center;font-size:34px;color: #00D8D8;} .index-box .container .about-box-left .card-text{color: #fff;font-size:0.85rem;text-align: center;} .index-box .container .about-box-right{/*width: 50%;float: right;*/position: relative;padding-right: 0;} .index-box .container .about-box-right .picbox{margin-left:50px;margin-top: 10px;} .index-box .container .about-box-right .ico{display: block;} .index-box .container .about-box-right .ico:before { content: ""; width: 50px; height: 6px; position: absolute; right: 0; bottom: -20px; background-color:#00D8D8; } .index-box .product-wrapper{padding-top:50px;padding-bottom:50px; background-image: url('../images/product-box-bg.jpg');background-repeat: no-repeat;background-size:cover;} .index-box .product-wrapper .row{background-color: #fff;} .index-box .product-wrapper .card{border: inherit;} .index-box .product-wrapper .product-info{background-image: url('../images/p-info-bg.jpg');background-repeat: no-repeat;background-position:top;background-size: 100% 100%;} .index-box .product-wrapper .product-info>.card{background-color: inherit;} .index-box .product-wrapper .product-info .card-title{ /*background-image: url('../images/p-tit-bg.png'); background-repeat: no-repeat;*/ height: 50px; color: #fff; text-align: center; line-height: 50px; display: inline-block; width: 100%; text-align: center; color: #fff; line-height: 50px; font-size: 20px; background: linear-gradient(to right,#1669FF 20%,#00D9D9); } .index-box .product-wrapper .product-info .card-title>i::before{ content: ""; position: absolute; width: 8px; height:50px; background-color: #1669FF; left:10px; } .index-box .product-wrapper .product-info .line-text{height: 80px;} .index-box .product-wrapper .product-info .line-text:before { content: ""; width: 60px; height: 8px; position: absolute; top: 40%; left:40%; background-color:#00D8D8; } .index-box .product-wrapper .product-info .card-body{position: relative;} .index-box .product-wrapper .product-info .card-footer{border:inherit;background-color: inherit;} .index-box .product-wrapper .product-info .more,.index-box .contact-wrapper .more{padding: 8px 25px;background-color:#00D8D8;font-size: 14px;color: #fff;border-radius: 3px;} .index-box .product-wrapper .card-img-overlay{top:inherit;left:inherit;} .index-box .news-wrapper{color: #fff;padding:50px 0;background-image: url('../images/news_box_r2_c1.jpg');background-repeat: no-repeat;background-size: cover;} .index-box .news-wrapper .title{margin-bottom:30px;} .index-box .news-wrapper .card{border: inherit;background-color:inherit;/* unset;*/} .index-box .news-wrapper .intro{font-size:0.75rem;margin-bottom: 4px !important;padding-top:5px;padding-bottom: 10px;} .index-box .news-wrapper .intro a{font-size:0.75rem;} .index-box .news-wrapper .card-title{font-size: 16px;font-weight: bold;} .index-box .news-wrapper .card-text>a.more{font-size: 12px;color: #00D8D8;float: right;} .index-box .news-wrapper .list-group-item{background-color:inherit;border-color:rgb(217 213 213 / 13%);} .index-box .news-wrapper .list-group-flush{border-top: 1px solid rgb(217 213 213 / 13%);} .index-box .news-wrapper .list-group-item .more{border: 1px solid #00D8D8;border-radius:3px; padding: 6px 25px;font-size: 14px;color: #00D8D8;margin-top: 20px;} .index-box .news-wrapper a{color: #fff;} .index-box .news-wrapper .list-group-item a.news-item{font-size: 14px;width:80%;display: inline-block;} .index-box .news-wrapper .list-group-item a.news-item:before{position: absolute;left: 0px;top:18px;content: "";background-image: url('../images/news-dot1.png');background-repeat: no-repeat;width: 10px;height: 10px;} .index-box .news-wrapper .list-group-item .time{font-size: 12px;float: right;color:#84878C;} .index-box .contact-wrapper{padding-top: 30px;padding-bottom: 30px; background-image: url('../images/contact-box-bg.jpg');background-repeat: no-repeat;background-size: cover;} .index-box .contact-wrapper .container{background-color: #fff;padding-bottom: 30px;} .index-box .contact-wrapper .title{margin-top: 30px;margin-bottom: 30px;color: #D4DDE6;font-size: 30px;} .index-box .contact-wrapper .list-group-item{border: inherit;font-size: 14px;} .index-box .contact-wrapper .list-group-item.tit{background-color: #F5F6F8;width: 120px;text-align: right;font-weight: bold;} .index-box .friendlink-wrapper{background-color: #fff;padding:30px 0;} .index-box .friendlink-wrapper .container{padding-top:30px;} .index-box .friendlink-wrapper .link-title{background-color: #F1F5F8;height:95px;line-height:95px; color:#67686C;text-align: center;} .index-box .friendlink-wrapper .card{border: 1px solid rgba(0,0,0,.125);} /*通栏banner?/ .index-box .banner .card-img-overlay .container{padding-top:12%;} .index-box .banner .card-img-overlay .col-md-3 { background-color: rgba(255,255,255, .3); padding: 30px 0; border-radius:3px; } .index-box .banner .card-img-overlay .card-text{font-weight: bold;} .index-box .banner .card-img-overlay .card-text:after{ content: ""; width: 50px; height: 6px; position: absolute; bottom: 0; left: 43%; background-color:#00D8D8; } /*二栏目D*/ .index-box .subnav-wrapper{background-color: #E9E9E9;height:61px;} .index-box .subnav-wrapper .list-group-item{border: inherit;background-color: inherit;line-height:2.3;white-space: nowrap;margin-right: 1px;} .index-box .subnav-wrapper .list-group-item.active{background-color: #00D9D9 !important;} .index-box .subnav-wrapper .list-group-item.active:before{content: "";position: absolute; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;bottom: 0;left: 44%;} .index-box .subnav-wrapper .list-group-item a{font-size: 1rem;display: block;} .index-box .subnav-wrapper .list-group-item a:hover{text-decoration: none;} .index-box .subnav-wrapper .list-group-item:hover{background-color: #c3f7f7;} .index-box .subnav-wrapper .list-group-item.active a{color: #fff;} .index-box .timeline-wrapper{background-color: #fff;padding-top:30px;} .index-box .timeline{min-height:300px;width: 100%;margin-top: 30px;position: relative;padding-bottom: 50px;} .index-box .timeline:before{ background-color:#EDEDED; bottom: 0; content: ""; margin: 0; position: absolute; top: 0; width:20px; } .index-box .timeline .timeup{width: 100%;} .index-box .timeline .timeup:before{ content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #EDEDED; top: -15px; left: 0; } .index-box .timeline .card{border: inherit;margin-left: 21px;} .index-box .timeline .card .card-body{border: 1px solid rgba(0,0,0,.125);} .index-box .timeline .card .time{ height: 50px; text-align: center; color: #fff; line-height: 50px; font-size:20px; background: linear-gradient(to right,#1669FF,#00D9D9); } .index-box .newslist{padding-top: 30px;padding-bottom: 30px;width: 100%;} .index-box .newslist .row{background-color: #F1F3F7;margin-top: 15px;} .index-box .newslist .news-time{background-color: #fff;padding: 10px 20px;text-align: center;} .index-box .newslist .news-time span:first-child{display: block; font-size: 30px;color: #999999;padding: 5px 0;} .index-box .newslist .news-time span:last-child{display: block; color: #BFBFBF;} .index-box .newslist .card-text a{font-size: 14px;color: #999999;} .index-box .newslist .card-title a{font-size: 1.25rem;} .index-box .newslist a.show-more{background-color: #fff;padding: 8px 25px;font-size: 0.85rem;border-radius: 20px;} .news-box{background-color: #F1F5F8;padding-top: 30px;padding-bottom: 30px;width: 100%;} .news-box .jumbotron,.news-box .container{background-color: #fff;} .news-box .jumbotron{position: relative;font-size: 18px;} .news-box .container{padding-bottom: 30px;} .news-box .lead{font-size: 14px;padding-top:20px;} .news-box .more-list{padding: 20px 35px;} .news-box .more-list .row{border: 1px solid #dddddd;padding:15px 0;} .news-box .more-list .row .list-group-item{border: inherit;} .index-box .page-box,.index-box .contact-box{padding:50px 0px;} .index-box .page-box .card-body{background-color: #F5F6F8;} .index-box .contact-box .list-group .list-group-item{ border-top:inherit; border-left: inherit; border-right: inherit; border-bottom: 1px solid rgba(0,0,0,.125); padding: .75rem .65rem; /*white-space:nowrap; text-overflow:ellipsis;*/ } .index-box .contact-box .list-group .tit{font-weight: bold;} .index-box .video-wrapper{padding-top: 30px;padding-bottom: 30px;} .index-box .product-list,.index-box .product-info{padding-top:50px;padding-bottom: 20px;} .index-box .product-list .card-title>a{font-size: 1.25rem;} .index-box .product-list .more>a{font-size: 12px;} .index-box .product-list .card-footer{height:110px;font-size: 0.85rem;} .index-box .product-info .card{width: 100%;} .index-box .product-info .product-title{background-color: #F1F5F8;padding: 15px;} .index-box .product-info .card-text{background-color: #fff;padding: 15px;} .index-box .product-info .card-header{padding-top: 0;padding-bottom: 0;} .index-box .product-info .card-header>span{ display: inline-block; width: 8rem; height: 50px; text-align: center; color: #fff; line-height: 50px; font-size: 20px; background: linear-gradient(to right,#1669FF 20%,#00D9D9); } .index-box .product-info .card-header>span::before{ content: ""; position: absolute; width: 8px; height:50px; background-color: #1669FF; top: 0px; left:10px; } .index-box .jobs-wrapper{padding-top: 50px;padding-bottom: 50px;} .index-box .jobs-wrapper .table td{font-size: 14px;} .index-box .jobs-wrapper .table-info th{background-color: #F1F5F8 !important;border-top: inherit;} .index-box .jobs-show .container{font-size: 0.85rem; background-color: #F1F5F8;padding-top: 50px;padding-bottom: 50px;} .index-box .jobs-show .yingpin{background-color: #00D9D9;padding:5px 15px;color:#fff;border-radius:20px;} .index-box .jobs-show a.yingpin:hover{text-decoration: none;} .index-box .jobs-show .jumbotron{background-color: inherit; padding: 0 !important;} .index-box .jobs-show .lead{font-size: 14px;margin-top: 20px;} .index-box .jobs-show .card{background-color: inherit;} /*分页样式*/ .box-page a{padding: 8px 16px;background-color: #F3F5F7;margin-right: 8px;} .box-page a:hover{text-decoration: none;background-color:#ddd} .box-page a.on{background-color:#00D9D9 !important;color:#fff} /*底部样式*/ .footer{width: 100%;background-color:#293042;} .footer .container{padding: 50px 0;color: #fff;} .footer .container .card,.footer .container .list-group-item{background-color: inherit;border: inherit;} .footer .container .list-group-item a{color:#808694;font-size: 14px;} .footer .container .card .card-header{border-bottom:inherit;} .footer .list-group .quick-link a{padding:8px 15px;border: 1px solid #38425B;} .footer .list-group .quick-link a:hover{text-decoration: none;color:#fff;} .footer .container .copyright .list-group-item{font-size: 0.85rem;color:#888F99;} .footer .container .copyright{text-align: right;} .modal-body .sbtn { width: 80px; height:38px; background: url("../images/search_btn.png") no-repeat center center #477de2; border: none; cursor: pointer; } /*关闭X 样式*/ .close { float: right; color: #aaa; font-size: 28px; font-weight: bold; transition: all ease 0.36s; display: block; width: 32px; height: 32px; background: url("../images/closeModal.png") no-repeat center center; } .close:hover { color: black; text-decoration: none; cursor: pointer; transform: rotate(360deg); transition: all ease 0.36s; } .index-box .about-wrapper .jumbotron{background-color: inherit;} .index-box .about-course{min-height: 500px; background-image: url('../images/about_course_bg.jpg');background-repeat: no-repeat;background-position:top;background-size: 100% 100%;} .index-box .about-course .page-title{color:#fff;padding-top:50px;padding-bottom:30px;text-align: center;} .index-box .about-course .page-list{background-color:inherit;} .index-box .about-course .page-list .card-header{padding-left: 10px; background-color: inherit;color:#00D9D9;font-size: 1.5rem;} .index-box .about-course .page-list .card-body{text-indent:2em;font-size: 0.85rem;line-height: 1.85; border-radius: 2px; background-color: rgba(0,0,0, .2);color:#FEFFFF;} .index-box .about-course .page-list .card-header{display: flex;justify-content: space-between;align-items: center;} .index-box .about-course .page-list .card-header .line1 { height: 1px; background-color:#00D8D8; flex-grow: 0.1; width: 10%; } .index-box .about-course .page-list .card-header .line2{ height: 1px; background-color:#00D8D8; flex-grow: 0.1; width: 100%; } .index-box .about-course .container{padding-bottom: 30px;clear: both;} .index-box .about-product .page-title{padding-top:50px;padding-bottom:30px;text-align: center;} .index-box .about-product .card-img-overlay{top:0;bottom:inherit;} .index-box .about-product .card-img-overlay .card-title{font-size:5rem;font-weight:bold;color:#fff;font-style: italic;text-align:center;} .index-box .about-product .card-img-overlay .card-text{font-size: 0.85rem;color:#717173;text-align: center;} .index-box .about-product .card{border-radius: inherit;} .index-box .about-product .card .card-img{border: inherit;} .index-box .about-product .list-item{padding-top: 30px;padding-bottom:60px;} .index-box .about-product .list-item ul{margin: 0;padding: 0;} .index-box .about-product .list-item ul>li{list-style: none;width: 14.2%;float: left;} .index-box .about-gov{min-height:400px; background-image: url('../images/about_gsupport_bg.jpg?v=21');background-repeat: no-repeat;background-position:top;background-size: 100% 100%;} .index-box .about-gov .page-title{padding-top:50px;padding-bottom:30px;text-align: center;} .index-box .about-gov .row{background-color: #42506D;} .index-box .about-gov .row .picbox{min-height: 200px; display:flex;vertical-align: middle;text-align: center;align-items: center;} .index-box .about-gov .row .jumbotron{padding:2rem 2rem 1rem 2rem !important;background-color: inherit;color: #FFFDFC;margin-bottom:inherit;} .index-box .about-gov .row .jumbotron .lead{text-indent:2em;font-size: 0.85rem;line-height: 2em;} .index-box .about-plan{background-color:#CCD6E2;padding-bottom:60px;padding-top: 50px;} .index-box .about-plan .page-title{padding-bottom:30px;text-align: center;} .index-box .about-plan .container{clear: both;background-color: #fff;padding-bottom:60px;} .index-box .about-plan .list-item{border-bottom: 1px solid #CAD7E0;} .index-box .about-plan dl{clear: both;height: auto;display: inline-flex;margin-bottom: 0px;} .index-box .about-plan dl>dt{color:#fff;font-size: 1.3rem;font-style: italic; text-align: center;background-color: #01D8DA;padding:1rem 1.6rem;} .index-box .about-plan dl>dd{padding: 15px;} .index-box .about-plan .jumbotron{text-indent: 2em; background-color: #fff;margin-bottom: 0;} .index-box .about-plan .jumbotron .lead{font-size: 0.95rem;line-height: 1.65rem;} .index-box .about-plan .jumbotron .container{padding-bottom:0px;margin-bottom: 0;} @media (max-width: 1199.98px) { .header_main .nav_main .item{padding: 0 0 0 8px;} .header_main .nav_main .item a {font-size: 16px;} .header_main .nav_main {margin-left: 0px;} } @media (max-width: 991.98px) { /*.header_main{height: 50px;}*/ .index-box .about-product .list-item ul>li{width:20%;} .index-box .container .about-box-right .picbox {margin-left: 10px;} .index-box .container .about-box-left .about-inner {margin: 20px 0px;} .header_main .nav_main .item{padding: 0 0 0 5px;} .header_main .nav_main .item a {font-size: 14px;} .nav_main .nav {min-width: 620px;} } @media (max-width: 767.98px) { .index-box .about-product .list-item ul>li{width:33.33%;} .footer .container .copyright{text-align: center;} .footer .container .col-md-8{text-align: center;} .header_main{height: 50px;} .index-box .banner .card-img-overlay .container { padding-top: 1%; } .index-box .item-wrapper .row{margin-left: 0px;margin-right: 0px;} .header_main .searcher {right: 25px;top:8px;} .index-box .item-wrapper {padding-top:30px;} .index-box .subnav-wrapper .list-group-item{padding: 0.5rem 1rem;} .nav_main .nav {min-width: 620px;} .index-box .news-wrapper .list-group-item:last-child{text-align: center;} .index-box .news-wrapper .list-group-flush{margin-bottom: 30px;} .news-box .jumbotron img{width: 100% !important;height: auto !important;} } @media (max-width: 575.98px) { .index-box .about-product .list-item ul>li{width:50%;} .footer .container .copyright{text-align: center;} .footer .container .col-md-8{text-align: center;} .header_main{height: 50px;} .index-box .banner .card-img-overlay .container { padding-top: 1%; } .index-box .item-wrapper .row{margin-left: 0px;margin-right: 0px;} .header_main .searcher {right: 25px;top:8px;} .index-box .subnav-wrapper .row{overflow-x: auto;overflow-y: hidden;} .index-box .news-wrapper .list-group-item:last-child{text-align: center;} .index-box .news-wrapper .list-group-flush{margin-bottom: 30px;} } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/icon.woff2) format('woff2');} .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;} /* .navbar { background: transparent; transition: all 0.9s ease-out 0s; background-color:rgba(250,250,250,0.7); } .navbar a.nav-link{color: #000 !important;} .navbar .search_btn { background: url(../images/searchico.png) no-repeat center center; display: block; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; right: 0px; } .navbar .nav-item.active .nav-link, .navbar .nav-item:hover .nav-link { border-bottom: 3px solid #e7434a; } .hvr-underline-from-center1 { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-underline-from-center1:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -3px; background: #e7434a; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }*/