/*#region 通用*/

body { color: #000; font-size: 14px; font-family: 'Poppins', sans-serif; }

a:hover{color: #9cc829;}

body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0; }

img {

  aspect-ratio: attr(width) / attr(height);

}

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

.img-width{width: 100%;height: auto;}

.main-container { padding:30px 0; background: #fff;margin-bottom: 40px; }

.bghui{background: #f3f3f3;}

.bgbai{background: #fff}

.bgbuzhi{background: url(/theme/changcheng-CN/images/bgbuzhi.jpg);}

.bglan{background: #0075a9;}

.container-1800{max-width: 1830px;width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

@media(max-width:768px) {

    .main-container { padding-top: 20px; padding-bottom: 20px;  }

}

/*#endregion*/



.header { top: 0; background-image: linear-gradient(to right, #dbdadf , #efefef,#dbdadf ); }

.header .header-top{padding: 0 30px;}

.header .top-logo{display: flex;align-items: center;}

.header .top-nav{display: flex;justify-content: flex-start;align-items: center; height: 100%; padding-top: 40px;}

.header-top .top-lang{margin-bottom: 15px;}

.header-top .top-lang .dropdown.lang .dropdown-toggle{ background: none;color: #333; border: 1px solid transparent; }

.header-top .dropdown-menu{min-width: 50px;}

.header-top .top-desc{padding-left: 20px;}

.header-top .top-social{background: url(/theme/changcheng-CN/images/topfxbg.png) no-repeat;display: flex; align-items: center; padding-left: 30px; }

.header-top .top-social .social a{background: none!important;color: #fff;}



.navbar { padding: 0px;position: relative; z-index: 9999;}

.navbar-custom { top: 0; z-index: 2; justify-content: end;  }

.navbar-custom .navbar-nav > .nav-item { font-size: 16px; min-width: 80px; }

.navbar-custom .navbar-nav .nav-item { margin: 0 5px; padding: 8px 0; }

.navbar-custom .navbar-nav .nav-item:last-child { background: none; }

.navbar-custom .navbar-nav .nav-link { padding: 0.4rem 1rem; text-align: center; color:#5a5a5a; font-size: 18px; overflow: hidden; border-radius: 20px; }

.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { color: #fff; transition: 0.3s all; background: #0075aa; }

.navbar-custom .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }

.navbar-custom .navbar-nav .show > .nav-link,

.navbar-custom .navbar-nav .active > .nav-link,

.navbar-custom .navbar-nav .nav-link.show,

.navbar-custom .navbar-nav .nav-link.active { color: #fff; background: #0075aa; }

.navbar-custom .navbar-text { color: rgba(0, 0, 0, 0.5); }

.navbar-custom .navbar-text a { color: rgba(0, 0, 0, 0.9); }

.navbar-custom .navbar-text a:hover, .navbar-custom .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }

.navbar-custom .navbar-nav .nav-item:hover .nav-link{color: #fff; transition: 0.3s all;background: #0075aa;}





@media(max-width:1200px) {

    .navbar-custom .navbar-nav .nav-item { margin: 0 5px;}

    .dropdown-menu{min-width: 100px;}

    .header .top-nav{padding-top: 10px;}

}

@media(max-width:1680px) {

    .header .top-nav{padding-top: 30px;}

    .header-top .top-desc{display: none;}

}

@media(max-width:768px) {

    .header-top .navbar-brand{padding-top: 15px;padding-bottom: 15px;}

    .header-mb .top-mb{display: flex;align-items: center;}

    .header-mb .top-logo{width: 40%;}

    .navbar-custom{z-index: 99;}

    .navbar-custom .navbar-nav .nav-item { padding: 0; }

    .navbar-custom .navbar-collapse { background: #fff; border-top: 1px solid #fff;border-bottom: 1px solid #0577a9; position: absolute; top: 100%; width: 100%; left: 0; }

    .header-nav .container-xl{padding: 0;}

    .navbar-custom .navbar-nav .nav-item:before{display: none;}

    .top-box{display: flex;justify-content: space-between;align-items: center;}

}

/*#endregion*/



/*#region 栏目列表*/

.menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }

.menu-collapse .collapse-title { padding: 0.875rem; background: #0577a9; color: #fafafa; }

.menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }

.menu-collapse .collapse-title .navbar-toggler { color: #fff; }

.menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }

.menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }

.menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #0577a9 }

.menu-collapse .menu-link:hover { background: #f8f9fa; }

.menu-collapse .drop { }

.menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }



.ny-nav{padding-top: 0px;padding-bottom: 20px;}



.ny-nav-title{background: #013c82;font-size: 18px;line-height: 24px;color: #fff;padding: 12px;display: flex;align-items: center;}

.ny-nav-title:before{content: "";width: 4px;height: 17px;background: #d0000e;display: block; margin-right: 7px;}

.menu-horizontal-wrapper { margin-bottom: 0px; font-size: 18px;   }

.menu-horizontal { display: block;box-shadow: 2px 2px 4px #d7d0d0;}

.menu-horizontal .nav-item {  display: block; margin-bottom: 1px; }

.menu-horizontal .nav-link {width: 100%; padding: 12px 15px; color: #808080;display: block;text-align: left;  font-size: 18px; background: #f5f5f5;  }

.menu-horizontal .nav-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: #808080}

.menu-horizontal .nav-item.active .nav-link,.menu-horizontal .nav-item:hover .nav-link {background: #d0000e; color: #fff; transition: all 0.3s; }

.menu-horizontal .nav-item.active .nav-link:before,.menu-horizontal .nav-item:hover .nav-link:before{color: #fff; transition: all 0.3s; }



.menu-horizontal .nav-item.active .menu-horizontal-child{display: flex;}



.menu-horizontal-child {  display: none; flex-wrap: wrap; background: #f4f4f4; padding: 10px 20px;  }

.menu-horizontal-child .nav-item-child{display: flex;align-items: center;position: relative;margin: 2px 10px 2px 0;}

.menu-horizontal-child .nav-link-child:before { content: "\f054";font-family: cmsfont; font-size: 0.75rem; margin-right: 5px; color: #808080}

.menu-horizontal-child .nav-link-child { color: #808080;font-size: 14px;line-height: 31px; padding: 0px 10px; }

.menu-horizontal-child .nav-link-child:hover,.menu-horizontal-child .nav-link-child.active{color: #d0000e; transition: all 0.3s;}

.menu-horizontal-child .nav-link-child:hover:before,.menu-horizontal-child .nav-link-child.active:before{color: #d0000e}



.nynav-about{padding-right: 30px;}

.nynav-about-title{font-size: 20px;color: #fff;padding: 12px;background: #0577a9;}

.menu-horizontal-about .nav-item-about {  display:block ; border-bottom: 1px solid #d9d9d9;}

.menu-horizontal-about .nav-item-about:last-child{border-bottom: 0px;}

.menu-horizontal-about .nav-link-about {width: 100%; padding: 12px 20px; color: #494949;display: block;text-align: left;  font-size: 16px;  }

.menu-horizontal-about .nav-link-about:before { content: "\f324"; font-family: cmsfont;font-size: 0.75rem; margin-right: 5px; color: #787878}

.menu-horizontal-about .nav-link-about.active,.menu-horizontal-about .nav-link-about:hover {color: #00608a;font-weight: bold;  }

.menu-horizontal-about .nav-link-about.active:before,.menu-horizontal-about .nav-link-about:hover:before{color: #00608a;font-weight: bold }



@media(max-width:768px) {

    .menu-horizontal .nav-item { margin: 0; }

    .menu-horizontal-child { justify-content: left; }

    .menu-horizontal-child .nav-link { padding: 0.5rem 1.5rem; }

    .nynav-about{padding-right: 0px;}

    .nynav-about-title{display: none;}

}

/*#endregion*/



/*#region 位置导航*/

.ny-crumb{border-bottom: 1px solid #e1dfdf;padding: 20px 0;}

.page-title { display: -ms-flexbox; display: flex; color: #0075aa; justify-content: flex-start; align-items: center;}

.page-title a{color: #0075aa;}

.page-title a:hover{text-decoration: underline;}

.page-title .breadcrumb { justify-content: center; }

.breadcrumb-item + .breadcrumb-item::before { color: #2f2f2f;font-family: cmsfont; content: "\f054";font-size: 10px;  }

.page-title .breadcrumb:before { font-family: cmsfont; content: "\f016"; margin-right: 0.25rem; color: #0075aa}

.breadcrumb .breadcrumb-item:last-child{color: #2f2f2f;font-style: italic;}



@media(max-width:768px) {

    

}

/*#endregion*/



/*#region 底部*/

footer {  color: #a0a0a0; background: #e2e2e2; }

footer h3{font-size: 18px;font-weight: bold;margin-bottom: 20px;color: #616161;font-family: Arial;}

footer .foot-bg{  padding-top: 20px; padding-bottom: 20px;}

footer .foot-box {display: flex; margin-top: 18px;}

footer .foot-box .right{padding-left: 10px;}

footer .foot-box p{margin-bottom: 0px;color: #4a4a4a;}

footer .foot-box em{width: 40px;height: 40px;display: block;}

footer .social a { border-radius: 0; }

footer .social a:first-child { background: url(/theme/changcheng-CN/images/social-facebookbg.png) no-repeat center !important }

footer .social a:nth-child(2n) { background: url(/theme/changcheng-CN/images/social-twitterbg.png) no-repeat center !important }

footer .social a:nth-child(3n) { background: url(/theme/changcheng-CN/images/social-linkedinbg.png) no-repeat center !important }

footer .social a:nth-child(4n) { background: url(/theme/changcheng-CN/images/social-youtubebg.png) no-repeat center !important }

footer .foot-bottom{background: #0075a9;color: #fff; padding-top: 10px;padding-bottom: 10px;font-family: Arial;font-size: 15px;}


.foot-nav{padding: 20px 0 10px;border-bottom: 1px solid #bfbebe;margin-bottom: 15px;}
    .foot-nav h3{font-size: 20px;color: #0074a9;margin-bottom: 20px;}
    .foot-nav-box{display: flex;flex-wrap: wrap;}
    .foot-nav-box a{padding: 8px 20px; border: 1px solid #d3d3d4; background: #f3f3f3;font-size: 18px;color: #5a585a;margin-bottom: 15px;margin-right: 15px;}
    .foot-nav-box a:hover{color: #0074a9;transition: all 0.3s;}

@media(max-width:768px) {

    footer .foot-logo img{width: auto;height: auto;}

    footer .foot-nav li{width: 100%;}

    footer .foot-bottom .d-flex{flex-wrap: wrap;}

    footer .foot-bottom .text{width: 100%;text-align: center;}

    footer .foot-bottom .share{width: 100%; margin-top: 15px;text-align: center;}

}

/*#endregion*/



/*#region 首页*/

.home-title{text-align: center;font-size: 35px;font-weight: bold;margin-bottom: 0;text-transform: uppercase;color: #000000;}

.home-title4{text-align: center;font-size: 35px;font-weight: bold;margin-bottom: 0;text-transform: uppercase;color: #fff;}

.home-desc{font-size: 24px;text-align: center; line-height: 31px;}

.hr-dashed{border-bottom: 1px dashed #a6a7aa}

.home-title2{font-size: 18px;font-weight: bold;text-transform: uppercase;}

.home-title3{font-size: 24px;line-height: 31px; text-align: center;color: #fff;}



.home-title-bg{background: #0075a9;padding: 5px 15px;margin: 0 auto;width: 530px;}

.home-about{ padding-top: 40px;padding-bottom: 20px; }

.home-about .img{border-radius: 8px;overflow: hidden; background: #0075a9;padding: 4px;}

.home-about .img a{border-radius: 8px;overflow: hidden;}

.home-about .text{border-top: 5px solid #ededed;padding-top: 10px;background: url(/theme/changcheng-CN/images/hmabbg.png) no-repeat bottom right;height: 100%;}

.home-about .text h1{font-size: 25px;margin-bottom: 20px;font-weight: bold;color: #000000;}

.home-about .text p{font-size: 14px;color: #000000;margin-bottom: 20px;line-height: 30px;}

.home-about .text .more{font-size: 16px;color: #f84c00;font-weight: bold;}

.home-about .text .more:hover{text-decoration: underline;}

.home-about .ser-box{text-align: center; margin-top: 30px;}

.home-about .ser-box h3{font-size: 18px;color: #000;text-align: center;font-weight: bold;margin-bottom: 5px;}

.home-about .ser-box p{font-size: 14px;text-align: center;}

.home-about .ser-box .ser-img{text-align: center;display: flex;justify-content: center;}

.home-about .ser-box .ser-img em{width: 55px;height: 55px;display: block;}



.home-about .img-box{margin-top: 20px;position: relative;}

.home-about .img-box h4{font-size: 14px; margin-top: 20px;margin-bottom: 0;text-align: center;}

.home-about .img-box h4 a{color: #000;font-size: 14px;}

.home-about .img-box h4 a:hover{color: #0577a9; transition: all 0.3s;}

.home-about .img-box .time{position: absolute;right: 15px;top:-15px;width: 106px;height: 22px;background: url(/theme/changcheng-CN/images/factorybg.png) no-repeat;text-align: right;font-size: 11px;color: #fff;line-height: 22px;padding-right: 10px;}

.home-about .img-box .fyimg img{width: 100%;object-fit: contain;}



.home-pro{padding-top: 30px;padding-bottom: 10px;}

.home-pro .pro-box{ margin-bottom: 30px; }

.home-pro .pro-box .img{display: flex;justify-content: center;align-items: center;}

.home-pro .pro-box .title{text-align: center; padding: 0 15px; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.home-pro .pro-box .title a{font-size:16px;color: #000;}

.home-pro .pro-box .title a:hover{color: #0075a9;transition: all 0.3s;}

.home-pro .pro-box .jt{display: flex;justify-content: center; margin-top: 15px;margin-bottom: 15px;}

.home-pro .pro-box .img-x{display: flex;justify-content: center; }

.home-pro .pro-box .img-x img{border: 1px solid #21498e;border-radius: 5px;overflow: hidden;}

.home-pro .more{display: inline-block;padding: 10px 30px;background: #eb6100;border-radius: 20px;color: #fff;font-size: 16px; margin: 20px 0;}

.home-pro .more:hover{background: #0075a9;}



.home-app{background: url(/theme/changcheng-CN/images/homeappbg.jpg) no-repeat center; }

.home-app .swiper-container{height: 463px;position: relative;}

.homeapp-box {margin-top: 60px;}

.homeapp-box .img{border: 3px solid #fff;}

.homeapp-box .text h3{font-size: 24px;line-height: 30px;font-weight: bold; color: #fff;margin-bottom: 20px;}

.homeapp-box .text h3 a{font-size: 24px;color: #fff;}

.homeapp-box .text h3 a:hover{color: #0075a9;transition: all 0.3s;}

.homeapp-box .text p{font-size: 15px;line-height: 30px;color: #ffffff;margin-bottom: 40px;}

.homeapp-box .text .more{font-size: 15px;color: #fff;background: #0075a9;padding: 8px 40px;}

.home-app .swiper-pagination{bottom: 17px;z-index: 99;}

.home-app .swiper-pagination-bullet{background-color:#fff;opacity: 1; }

.home-app .swiper-pagination-bullet-active{background-color:#0075a9; }



.home-news{}

.home-news .news-first{margin-bottom: 15px;}

.home-news .news-first .title{font-size: 22px;font-weight: bold;color: #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 9px;}

.home-news .news-first .title a{font-size: 22px;color: #000;}

.home-news .news-first .title a:hover{color:#0075a9;transition: all 0.3s;}

.home-news .news-first .desc{font-size: 16px;line-height: 28px;margin-bottom: 0;}

.home-news .news-list{border-bottom: 1px dashed #c0c0c0;}

.home-news .news-list .title{display: flex;align-items: center; font-size: 15px;color: #858585;line-height: 30px;margin-bottom: 5px; font-family: Arial; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.home-news .news-list .title a{font-size: 15px;color: #858585;}

.home-news .news-list .title a:hover{color:#0075a9;transition: all 0.3s;}

.home-news .news-list .title:before{content: "\f105";font-family: cmsfont;width: 16px;height: 16px;background: #6a8de7;color: #ffffff;text-align: center; line-height: 16px; margin-right: 10px;}

.home-cert{border: 3px solid #0075a9; margin-bottom: 15px;}



@media(max-width:768px) {

    .home-title4{font-size: 24px;}

    .home-title3{font-size: 16px;}

    .home-title{font-size: 24px;}

    .home-title-bg{width: 100%;}



    .home-app{background-size: cover; }

    .home-app .swiper-container{height: 400px;}

    .homeapp-box {margin-top: 30px;}

    .homeapp-box .text h3{margin-top: 20px;text-align: center;}

    .homeapp-box .text h3 a{font-size: 18px;}

    .homeapp-box .text p{display: none;}

    .homeapp-box .text .more{display: none;}



    .home-news{padding-bottom: 30px;}

}



/*#endregion*/



/*#endregion*/



/*#region 文章单页*/

/*#region about wrapper*/

.ny-banner{background: #0577a9;padding: 45px 0;}

.ny-title{font-size: 36px; font-weight: bold;color: #fff;line-height: 36px; }

.ny-desc{font-size: 18px;line-height: 24px;color: #646464;margin-bottom: 30px;}



.about-wrapper {  }

.about-wrapper .title{font-size: 30px;color: #1b1b1b; margin-top: 15px;margin-bottom: 20px;}

.about-wrapper p{font-size: 17px;color: #363636;line-height: 30px;margin-bottom: 15px;}

.about-wrapper .imgx{margin-bottom: 15px;border-radius: 10px;overflow: hidden;}

.about-wrapper .imgtb{padding-right: 40px;}

.about-wrapper .col-md-2{border-right: 1px dashed #706f70;margin-bottom: 15px;margin-top: 10px;}

.about-wrapper .col-md-10{margin-bottom: 15px;margin-top: 10px; }

.about-wrapper .texttb{padding-left: 10px;}

.about-wrapper .texttb h4{font-size: 28px;font-weight: bold;color: #0076a8;margin-bottom: 15px;}

.about-wrapper .texttb p{font-size: 16px;color: #706f70;line-height: 24px;}

.about-wrapper .content h3{font-size: 20px;font-weight: bold;color: #1b1b1b;margin-top: 20px;margin-bottom: 15px;}


/*#region contact-wrapper*/

.contact-wrapper { padding:30px 0; background: #fff;margin-bottom: 40px;}

.contact-wrapper h3 {  color: #575757; font-size: 22px; font-weight: bold; }

.contact-wrapper h4 {  color: #575757; font-size: 22px; font-weight: bold; margin-bottom: 15px; }

.contact-wrapper p { margin-bottom: 8px; color: #494949; font-size: 1rem; }

.contact-wrapper i{width: 16px;margin-right: 5px;display: inline-block;}

.contact-wrapper .contact-img img { width: 100%; height: auto }

.contact-content{margin-top: 5px;}



.contact-wrapper .form-feedback .form-control { padding: 1.1rem .75rem;  }

@media(max-width:768px) {

    .ny-title{font-size: 24px;line-height: 30px;}

    .ny-banner{padding: 20px 0;}

    .about-wrapper .imgtb{padding-right: 0px;}

    .content img{max-width: 100%;height: auto;}

}



/*#endregion*/



.his-wrapper{border-left: 1px solid #0577a9;position: relative;}

.his-wrapper .his-box{position: relative;margin-bottom: 20px;}

.his-wrapper .his-box:before{content: "●";position: absolute; top: 0; left: -6px;font-size: 1rem; color: #0577a9;  }

.his-wrapper .his-box .title{font-size: 30px;font-family: Arial;color: #0577a9;font-weight: bold;padding-left: 15px;}

.his-wrapper .his-box .text{padding-left: 20px;}

.his-wrapper .his-box .text p{font-size: 18px;line-height: 24px;color: #4d3c3c;}

.his-wrapper .his-box:first-child{height: 10px;}

.his-wrapper .his-box:first-child:before{top: -14px;}

.his-wrapper .his-box:last-child{height: 10px;}



/*#region 金沙集团1862cc成色_官方登录中心列表*/

.pro-wrapper {padding:20px 0 30px; background: #fff;margin-bottom: 40px;min-height: 500px; }

.pro-wrapper .pro-desc{font-size: 18px;line-height: 36px; margin-bottom: 20px;}

.pro-wrapper .profl-title{display: flex;align-items: center; background: #0676a8;color: #fff;padding: 13px 16px;font-size: 24px;margin-bottom: 20px; overflow: hidden; border-radius: 10px;}

.pro-wrapper .profl-title:before{ content: "\f324"; font-family: cmsfont;font-size: 0.75rem; margin-right: 10px; color: #fff}

.pro-wrapper .pro-img{border: 1px solid #d4d4d4;border-radius: 10px;overflow: hidden;background: #fff;position: relative;}

.pro-wrapper h4{text-align: center;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-bottom: 20px;}

.pro-wrapper h4 a{font-size: 18px;color: #000000;font-family: Arial;line-height: 36px;}

.pro-wrapper h4 a:hover{color: #0577a9; transition: all 0.3s;}
.pro-wrapper .pro-yp{background: rgba(0, 0, 0, 0);display: flex;align-items: center;justify-content: center; position: absolute;left: 0; top: 0;bottom: 0;right: 0;}
.pro-wrapper .pro-yp img{opacity: 0;}
.pro-wrapper .pro-img:hover .pro-yp{background: rgba(0, 0, 0, 0.6);transition: all 0.3s;}
.pro-wrapper .pro-img:hover .pro-yp img{opacity: 1;transition: all 0.3s;}
.pro-wrapper .pro-yp{background: rgba(0, 0, 0, 0);display: flex;align-items: center;justify-content: center; position: absolute;left: 0; top: 0;bottom: 0;right: 0;}
.pro-wrapper .pro-yp img{opacity: 0;}
.pro-wrapper .pro-img:hover .pro-yp{background: rgba(0, 0, 0, 0.6);transition: all 0.3s;}
.pro-wrapper .pro-img:hover .pro-yp img{opacity: 1;transition: all 2s;}

@media(max-width:768px) {

    .pro-wrapper .profl-title{font-size: 20px;}

}

/*#endregion*/



/*#region 文章列表*/

/*#region news list*/

.news-wrapper {padding:30px 0; }

.news-row{display: flex;flex-wrap: wrap;}

.news-row .news-col{width: 50%; padding: 10px 90px 20px 30px;border: 1px solid transparent;}

.news-row .news-col .img{max-height: 230px; display: flex;justify-content: center;align-items: center;}

.news-row .news-col:first-child {border-bottom: 1px solid #e2e2e2}

.news-row .news-col:nth-child(2n) {border-bottom: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2;padding: 10px 30px 20px 90px;}

.news-row .news-col:nth-child(3n) {padding-top: 30px;}

.news-row .news-col:nth-child(4n) {border-left: 1px solid #e2e2e2;padding-top: 30px;border-bottom: 1px solid transparent;}

.news-row .news-col .text h3{margin-top: 30px;margin-bottom: 25px; font-size: 20px;font-weight: bold;color: #222222;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news-row .news-col .text h3 a{font-size: 20px;font-weight: bold;color: #222222;}

.news-row .news-col .text h3:hover a,.news-row .news-col .text h3:hover{transition: all 0.3s;color: #0577a9;}

.news-row .news-col .text p{font-size: 17px;color: #666666;line-height: 32px;display: -webkit-box;

overflow: hidden;

text-overflow: ellipsis;

word-wrap: break-word;

white-space: normal !important;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.news-row .news-col .text time{font-size: 60px;color: #ededed; font-family: Arial;font-weight: bold;}



@media(max-width:768px) {

    .news-row .news-col{width: 100%;padding: 0; margin-bottom: 20px;}

    .news-row .news-col .text time{font-size: 32px;}

    .news-row .news-col:first-child {border-bottom: 1px solid #e2e2e2;padding: 0;}

    .news-row .news-col:nth-child(2n) {border-bottom: 1px solid #e2e2e2;border-left: 0px solid #e2e2e2;padding: 0;}

    .news-row .news-col:nth-child(3n) {border-bottom: 1px solid #e2e2e2;}

    .news-row .news-col:nth-child(4n) {border-left: 0px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}

    .news-row .news-col .text h3{margin-top: 0px;margin-bottom: 0px;}

}

/*#endregion*/

/*#region cert-container*/

.cert-col { margin-bottom: 1.5rem; margin-top: 0.5rem; }

.cert-col .card { padding: 1.3rem; background: #f7f7f7;  }

.cert-col .card-thumb { border: 1px solid #024b99; display: flex; justify-content: center; align-items: center; overflow: hidden; }

.cert-col .card-title { font-size: 14px; margin: 0; color: #5f5f5f; padding: 0.5rem 0.75rem; margin-top: 0.5rem; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



@media(max-width:768px) {

    .cert-container { padding-bottom: 0.5rem; padding-top: 0.5rem; }

}



/*#region down list*/

.img-col{ margin-bottom: 1.25rem;}

.img-col .img {  height: 220px; border: 3px solid #d4d4d4; border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;}

.img-col .card-title{flex-grow: 1;margin: 0;padding: 0.5rem 0.75rem;color: #646464; text-align: center;font-size:18px;line-height: 24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



@media(max-width:768px) {

.img-col .img {  height: auto; }

}



.sou-box{clear: both;}

.sou-box .text{width: 48%;float: left;margin-bottom: 20px;padding-top: 50px;}

.sou-box .img{width: 48%;float: right;margin-bottom: 20px;border: 1px solid #ddd;}

.sou-box:nth-child(2n) .text{float: right;}

.sou-box:nth-child(2n) .img{float: left;}

.sou-box .text h3{font-size: 22px;color: #0676a8;margin-bottom: 30px;font-weight: bold;}

.sou-box .text p{font-size: 16px;color: #848484;line-height: 28px;}



@media(max-width:768px) {

    .sou-box .text{width: 100%;padding-top: 0px;}

    .sou-box .text h3{margin-bottom: 20px;}

    .sou-box .img{width: 100%;}

}



/*#region video list*/

.video-first{display: flex;flex-wrap: wrap;margin-bottom: 30px;}

.video-first .left{width: 60%;}

.video-first .right{width: 40%; display: flex;justify-content: center;align-items: center; background: #f3f3f3;}

.video-first .right h3{text-align: center;font-size: 30px;color: #090909;font-weight: bold;}

.video-first .right h3:after{width: 60px;height: 4px;content: "";background: #000;display: block;margin: 10px auto;}

.video-col { margin-bottom: 1.5rem; }

.video-col .card{height: 100%;}

.video-col .card .video{}

.video-col .card-title{color: #7e7e7e; align-items: center;margin: 0;padding: 0.75rem 0.5rem;text-align: center;font-size: 0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.video-col .card-title a{color: #7e7e7e;}

.video-col .card-title a:hover{color: #0577a9;transition: all 0.3s;}

.video-col iframe{width: 100%;}

.video-first iframe{width: 100%;}

@media(max-width:768px) {

    .video-first .left{width: 100%;}

    .video-first .right{width: 100%;padding-top: 20px;padding-bottom: 10px;}

}



/*#region faq list*/

.faq-list{}

.faq-list .faq-box{cursor: pointer;background: #0577a9;margin-bottom: 1px; padding: 0px 25px;height: 70px; display: flex;justify-content: space-between; align-items: center;position: relative;width: 100%;}

.faq-list .faq-box .num{ width: 5%;text-align: center; background: #fff;padding: 5px;font-size: 16px;color: #0577a9;font-weight: bold;border-radius: 10px;overflow: hidden;}

.faq-list .faq-box .title{width: 92%; padding-left:10px;font-size: 18px;line-height: 22px;color: #ffffff;padding-right: 20px; display: -webkit-box;

overflow: hidden;

text-overflow: ellipsis;

word-wrap: break-word;

white-space: normal !important;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;}

.faq-list .faq-box .tb{width: 3%;background: #fff;font-size: 16px;color: #be402e;text-align: center;}

.faq-list .faq-li .faq-a{background: #f0f0f0;padding: 25px;display: none;width: 100%;}

.faq-list .faq-li .faq-a-text{font-size: 15px;color: #000000;line-height: 24px;}

.faq-list .faq-li .faq-a-text span{font-size: 15px;line-height: 24px;color: #0577a9;padding-right: 5px;}

.faq-list .faq-li:first-child .faq-a{display: block;}

.faq-feedback {padding: 10px 25px;}

.faq-feedback h2{ text-align: center;font-size: 24px;color: #6e6e6e; margin-bottom: 30px; font-weight: bold;}



@media(max-width:768px) {

    .faq-list .faq-box .num{ width: 10%;}

    .faq-list .faq-box .title{width: 80%;-webkit-line-clamp: 3;}

    .faq-list .faq-box .tb{width: 10%;}

    .faq-feedback{padding: 30px 0px 0;}

}



/*#endregion*/



/*#region 详情页*/

/*默认设置*/

.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }

.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }

.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }

.content-wrapper img { max-width: 100% !important; height: auto !important; }

.content-wrapper ol { margin-left: 1em; padding-left: 1em; }

.content-wrapper video { max-width: 100% !important; height: auto !important; }

.content-wrapper iframe { max-width: 100%; }

.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }

.content-wrapper table p{margin-bottom: 0;}

.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }

.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }

.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }

.content-wrapper table p{ margin-bottom: 0;}



/*内容切换*/

.content-wrapper .nav-tabs { background: #f3f3f3; }

.content-wrapper .nav-link { padding: 0.4rem 1rem;border: none; }

.content-wrapper .nav-tabs .nav-link.active { background: #f3f3f3;font-size: 20px;color: #373737; }

.content-wrapper .nav-tabs .nav-link:before{ content: "\f324"; font-family: cmsfont;font-size: 0.75rem; margin-right: 5px; color: #373737}

.nav-tabs .nav-item{margin-bottom: 0;}



/*金沙集团1862cc成色_官方登录中心内容*/

.content-wrapper.product { border: 1px solid #e9eef4 }

.content-wrapper.product .content { padding: 1.5rem 1rem; background: #fff; }

.product-head .product-thumb { border: 2px solid #0577a9; height: 450px; overflow: hidden;display: flex;justify-content: center; }

.pronr-title{text-align: left;font-size: 24px;color: #5a5a5a; line-height: 32px;margin-bottom: 20px;}

.product-head { margin-bottom: 1.5rem; margin-top: 30px; }

.product-head .title { font-size: 18px; color: #050505; font-weight: 600; padding-bottom: 15px;  }

.product-head .ul-horizontal { list-style: none; margin: 0; padding: 0; }

.product-head .ul-horizontal li { color: #757575; line-height: 1.8rem; }

.product-head .ul-horizontal li span { width: 180px; display: inline-block; }

.product-head .pronr-feedback{padding: 40px; background: #f6f6f6;}

.product-head .form-feedback .btn{padding: 15px 30px;background:#0577a9; height: auto;}



@media(max-width:768px) {

    .product-head .pronr-feedback{padding: 20px;}

    .product-head .product-thumb { height: auto; }

}



.product-service { padding: 20px 0; }

.product-feedback { display: inline-block; background: #F3912C; color: #fff; padding: 6px 16px; }

.product-down { display: inline-block; background: #DD0804; color: #fff; padding: 6px 16px; }



.content-pro {  }

.content-pro .content-pro-title{background: #0676a8;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0; overflow: hidden; border-radius: 10px 10px 0 0;}

.content-pro h5{font-size: 16px;color: #5a5a5a; padding: 15px 10px; margin-bottom: 0;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.content-pro .box{padding: 20px; border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; overflow: hidden; border-radius: 0 0 10px 10px;}

.content-pro .pro-box{border: none;}

.content-pro .pro-box .img{overflow: hidden;border:2px solid #0676a8;}

.content-pro .pro-box  a{color: #898989;}

.content-pro .pro-box:hover h5 a{color: #0676a8;transition: all 0.3s;}

.content-pro .pro-box:hover h5{color: #0676a8;transition: all 0.3s;}



.content-news{margin-top: 30px;  }

.content-news .content-news-title{background: #0676a8;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0; overflow: hidden; border-radius: 10px 10px 0 0;}

.content-news .news-box{padding: 20px; border-left:1px solid #dddddd;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; overflow: hidden; border-radius: 0 0 10px 10px;}

.content-news .news-col{border-bottom: 1px dashed #c6c6c6; padding-bottom: 15px; margin-top: 5px;margin-bottom: 15px;}

.content-news .news-col h4 a{color: #414141;font-size: 18px;}

.content-news .news-col h4 a:hover{ color: #0676a8;transition: all 0.3s; }

.content-news .news-col p{ font-size: 14px;color: #7d7878; padding-left: 20px;display: -webkit-box;

overflow: hidden;

text-overflow: ellipsis;

word-wrap: break-word;

white-space: normal !important;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical; }

.content-news .news-col h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;}



/*文章内容*/

/*#region newsnr-container*/

/*#region newsnr-container*/

.newsnr-container{padding:30px 0; margin-bottom: 40px; }

.newsnr-container .title { font-size: 1.5rem; color: #000; text-align: center; }

.newsnr-container .content {font-family: 'Poppins', sans-serif;  color: #595959; line-height: 1.8rem; padding: 0; }

.newsnr-container .content p { margin-bottom: 0; }

.newsnr-container .summary { padding-bottom: 20px; text-align: center; margin: 30px 0; font-size: 15px; color: #595959; border-bottom: 1px dashed #000; }

.newsnr-container .summary span { margin-right: 15px; }

.newsnr-container .social a{border-radius: 0;}

.content-other{background: #e3e3e3;padding: 25px; font-size: 16px;color: #0172aa;}

.content-other a{color: #3d3d3d;}

.content-other a:hover{ color: #0172aa;transition: all 0.3s; }



.hot-pro { height: 100%; }

.hot-pro .hot-pro-title{background: #0577a9;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0;}

.hot-pro h4{font-size: 16px;color: #5a5a5a; padding: 15px 10px; margin-bottom: 5;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.hot-pro .box{padding: 20px;}

.hot-pro .pro-box .img{overflow: hidden;border:3px solid #f0f0f0;}

.hot-pro .pro-box  a{color: #898989;}

.hot-pro .pro-box:hover h4 a{color: #0577a9;transition: all 0.3s;}

.hot-pro .pro-box:hover h4{color: #0577a9;transition: all 0.3s;}



.hot-news {padding: 20px 10px;}

.hot-news-title{background: #0577a9;color: #fff;padding: 13px 16px;font-size: 18px;margin-bottom: 0;}

.hot-news .news-box .img{overflow: hidden;}

.hot-news .news-box .title{margin-top: 10px; font-size: 18px;color: #2d2c2c; line-height: 22px; margin-bottom: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hot-news .news-box .title a{font-size: 18px;color: #2d2c2c;}

.hot-news .news-box .desc{font-size: 14px;color: #aaaaaa;line-height: 30px;border-bottom: none;margin-bottom: 20px;display: -webkit-box;

overflow: hidden;

text-overflow: ellipsis;

word-wrap: break-word;

white-space: normal !important;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;}

.hot-news .news-box .title:hover a{color: #0577a9;transition: all 0.3s; }

.hot-news .news-box .title:hover{color: #0577a9;transition: all 0.3s; }



@media(max-width:768px) {

    .newsnr-container .news-left { padding-top: 1rem; padding-bottom: 0.5rem }

}

/*#endregion*/



/*其他内容*/

.pro-feedback h3{ font-size: 18px; color: #10539a;}

.content-subtitle { color: #484848; font-size: 18px; margin-bottom: 10px; font-weight: bold; }



/*#endregion*/





/*#region 其他*/

/*分页*/

.page-link { padding: .5rem 0.875rem; }

.page-item.active .page-link { color: #fff; background-color: #0577a9; border-color: #0577a9; }



/*留言*/

.product-head .feedback-title{ font-size: 18px;font-weight: bold; color: #52595d;text-align: center; padding-top: 20px; padding-bottom: 10px; }

.form-feedback .btn { color: #777; color: #fff; background: #dc6901;border-radius: 5px; }

.form-feedback .form-control{border-radius: 5px; background: #fff; color: #4b4b4b; border-color: #d7d7d7; }

.form-feedback .btn{height: 38px;padding: 6px 30px;}

.form-feedback .btn:hover{background:#0577a9 }



/*搜索*/

.search-group { width: 190px; height: 37px; margin-left: 0px; border: 1px solid #0577a9; background: #fff;}

.search-group .form-control { border: none; border-radius: 0px ;margin-right: 10px;}

.search-group .btn { border-left: 1px solid #0577a9; border-radius: 0px;height: 35px;  width: 35px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }

.search-group i { color: #0577a9; font-size: 1rem; }

.search-group .btn:hover{background: #0577a9;}

.search-group .btn:hover i{color: #fff;}





/*#表格*/

.table-wrapper table th, .table-wrapper table td { padding: 5px; vertical-align: middle; font-size: 14px; border: 1px solid #dee2e6; text-align: center; }

.table-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }

.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }

.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

@media (max-width: 575.98px) {

    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

}

@media(max-width:768px) {

    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

}

@media (max-width: 991.98px) {

    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

}

@media (max-width: 1500.98px) {

    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

}





/*#endregion*/



/*手机端底部菜单*/

.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #0577a9;z-index: 999;display: flex;border-top: 2px solid #fff;}

.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}

.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}

.mobile-nav .item:first-child{border-left: 0px;}

.mobile-nav .item a:before{font-family: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}

.mobile-nav .item span{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}

.mobile-nav .item span:before{font-family: cmsfont; font-size: 14px; color: #fff;display: block; line-height: 16px;}

.mobile-nav .mobile-nav-home:before{content: "\f80a";font-family: cmsfont; font-size: 14px;}

.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: cmsfont; font-size: 14px;}

.mobile-nav .mobile-nav-tel:before{content: "\f87a";font-family: cmsfont; font-size: 14px;}

.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: cmsfont; font-size: 14px;}



.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8);}

.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#FFF;}

.reveal-modal h2{font-size:20px;text-align:center;}

.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}

.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh; overflow-y:auto;}

.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;margin-top:0;}

.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;margin-top:0;}

.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}

.reveal-modal-pro .mb-pro-nav>li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}

.reveal-modal-pro .mb-pro-nav>li>a{padding-left:20px;}

.reveal-modal-pro .mb-pro-nav>li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}

.reveal-modal-pro .mb-pro-nav>li>span{padding-left:20px;}

.reveal-modal-pro .mb-pro-nav>li span{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}

.reveal-modal-pro .mb-pro-nav>li ul{display:none;}

.reveal-modal-pro .mb-pro-nav .hasul>span:after{content:'\f107';font-family:cmsfont;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}

.reveal-modal-pro .mb-pro-nav>li.active>a{font-weight:bold;background:#eee;}

.reveal-modal-pro .mb-pro-nav>li.active{background:#eee;border-bottom:3px solid #dadada;}

.reveal-modal-pro .mb-pro-nav>li ul li{border-top:1px dotted #ccc;font-size:12px;}

.reveal-modal-pro .mb-pro-nav>li ul li a{padding-left:36px;}

.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:42px;padding: 15px; right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}



@media(max-width:768px) {

    .totop{z-index: 99;bottom: 60px;}

    footer {margin-bottom: 48px; }

}

<!--0.00021100044250488-->