@charset "utf-8"; /* 引导页 */ .start { height: 100%; position: relative; } .start_load { position: absolute; z-index: 5; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background: #f7f8f9; } .start video { width: 100%; height: 100%; object-fit: cover; } .start_jump { position: absolute; z-index: 1; top: 0; right: 0; padding: 20px 15px 15px 15px; } .start_jump a { display: inline-block; margin-left: 15px; font-size: 14px; color: #fff; } .start_jump a i.fa { margin-right: 5px; } .start_jump a:hover { color: #e2be53; } .start_btn { position: absolute; z-index: 1; bottom: 20px; left: 50%; width:340px; margin-left:-170px; text-align: center; visibility: hidden; color: #fff; } .start_btn.active { visibility: visible; } /* .startBtn_bg img { width: 340px; } */ .startBtn_txtx { color: #fff; width: 180px; height: 45px; line-height: 45px; margin: 0 auto; font-size: 20px; border-radius: 50px; box-shadow: 0 0 10px #666; background-color: #e2be53; } .startBtn_bg { overflow: hidden; width: 0; } .start_btn.active .startBtn_bg { width: 100%; transition: width 0.6s ease-in-out; -webkit-transition: width 0.6s ease-in-out; -moz-transition: width 0.6s ease-in-out; -ms-transition: width 0.6s ease-in-out; -o-transition: width 0.6s ease-in-out; } .start_btn.active .startBtn_txtx { opacity: 1; transition: opacity 0.5s ease-in-out 0.4s; -webkit-transition: opacity 0.5s ease-in-out 0.4s; -moz-transition: opacity 0.5s ease-in-out 0.4s; -ms-transition: opacity 0.5s ease-in-out 0.4s; -o-transition: opacity 0.5s ease-in-out 0.4s; } .start_btn.active { visibility: visible; } .video_bg{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/videobg.jpg) no-repeat center center; background-size: cover; } .floatingAd .ad{z-index:100;background:none;position:absolute;display:none;} .floatingAd a{color:#000000; display:inline-block;text-decoration:none;} .floatingAd a img{border:0;} .floatingAd .close{display:none;} .floatingAd .opacity{position:absolute; top:0; width:100%; height:25px; filter:alpha(opacity = 20);} .opacity1{opacity:0.90; filter:alpha(opacity = 90);} .floatingAd .text{position:absolute; top:0; width:100%; height:25px; color:#000000; line-height:25px; } .floatingAd .text .button{position:relative;float:right;top:2px;right:2px;width:16px;height:16px; background:url("../images/close.png") no-repeat!important;cursor:pointer;} .floatingAd .text .title{position:relative;float:left;font-size:12px;margin-left:5px;} .header{width: 100%; min-width: 320px; height: 105px;} .header .container{width: 1315px; max-width: 100%; min-width: 1315px; height: 100%;} .header .logo{width: 156px; margin-top: 29px;} .header .logo img{display: block; width: 100%; height: auto;} .header .headernav{margin-top: 33px; margin-left: 30px;} .header .headernav .nav li{box-sizing: border-box; width: 85px; height: 40px; line-height: 40px; font-size: 15px; color: #3c3c3c; z-index: 99; text-align: center; position: relative;} .header .headernav .nav > .nLi{float: left; background: url(../images/line_03.png) no-repeat left;} .header .headernav .nav > .nLi h3 { margin-right: -1px;} .header .headernav .nav > .nLi h3 a{display: block;} .header .headernav .nav > .nLi1{background: none;} .header .headernav .nav > .nLi.on{color: #d7bd81;} .header .headernav .nav li.nLi4{width: 200px;} .header .headernav .nav > li > .second{padding-top: 10px; background-color: #fff;} .header .headernav .nav > li > ul > li h3{background-color: #d7bd81;} .header .headernav .nav > li > ul > li h3 a{font-size: 12px;} .header .headernav .nav > li h3:hover, .choice{background-color: #d7bd81; color: #fff;} .header .headernav .nav li.nLi4>ul li{width: 200px;} .header .headernav ul > li > ul{display: none;} .header .headernav ul > li.ons > ul{display: block;} .header .headernav .nav > li > ul > li ul{position: absolute; top: 0;right: -200px;} .header .headernav .nav > li > ul > li ul.knowledge{position: absolute; top: 0;right: -85px;} .header .headernav .nav > li.nLi5 > ul > li ul{position: absolute; top: 0;right: -90px;} .header .formbox{margin-top: 40px; position: relative;} .header .formbox input{box-sizing: border-box; width: 150px; height: 30px; line-height: 30px; padding: 0 10px; color: #5f5f5f; border-radius: 8px; border: 2px solid #d8d8d8;} .header .formbox button{width: 17px; height: 17px; background: url(../images/serach.png) no-repeat; background-size: cover; position: absolute; right:10px; top: 7px;} .phone{display: none; width: 100%; min-width: 320px; height: 60px; background-color: rgba(255, 255, 255, 0.5);} .phone .logo{width: 140px; margin-top: 8px;} .phone .logo img{display: block; width: 100%; height: auto;} .phone.lateral-menu-is-open { -webkit-transform: translateX(-66%);-moz-transform:translateX(-66%);-ms-transform:translateX(-66%)-o-transformtranslateX(-66%); transform: translateX(-66%); transition:all 0.4s ease 0s;} #cd-lateral-nav .formbox input{box-sizing: border-box; width: 100%;; height: 50px; line-height: 50px; padding: 0 10px; background-color: #333; font-size: 16px; color: #fff;} #index-banner{width: 100%; min-width: 320px; position: relative; overflow: hidden;} #index-banner .bg{width: 100%; height: 720px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;} #index-banner .bg a{ display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } #index-banner .img{display: none;} #index-banner .swiper-pagination-bullet{width: 15px; height: 15px; margin-right: 15px; border: 1px solid #fff; background-color: #fff; opacity: 1;} #index-banner .swiper-pagination-bullet-active{background-color: #d7bd81;} .index-news{width: 100%; min-width: 320px; padding: 50px 0;} .index-news .container{max-width: 1315px;} .index-news .in-news{width: 57%; max-width: 750px; height: 480px;} .index-news .in-news .in-ban{height: 100%; position: relative;} .index-news .in-news .bg{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .index-news .in-news .bg img{display: none;} .index-news .in-news .txt{box-sizing: border-box; width: 100%; padding: 20px; position: absolute; left: 0; bottom: 0; background-color: #d7bd81; opacity: 0.8;} .index-news .in-news .txt h2{color: #fff; line-height: 25px; font-size: 22px;} .index-news .in-news .swiper-button1{width: 50px; height: 50px; z-index: 30; background-size: cover;} .index-news .in-news .swiper-button-prev1{background-image: url(../images/j-01.png);} .index-news .in-news .swiper-button-next1{background-image: url(../images/j-02.png);} .index-news .in-news:hover .txt h2{text-decoration: underline;} .index-news .right{box-sizing: border-box; width: 43%; max-width: 565px; height: 480px; padding: 30px; background-color: #f8f8f8;} .index-news .right .box1{margin-bottom: 40px;} .index-news .right .box1 h1{font-size: 22px; margin-bottom: 20px;} .index-news .right .box1 h1 span{display: block; width: 75%; color: #3c3c3c; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .index-news .right .box1 h1 a{color: #d7bd81;} .index-news .right .box1 h1 a:hover{text-decoration: underline;} .index-news .right .box1 .nr{font-size: 18px; line-height: 25px; height: 100px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;} .index-news .right .box2 .hd{margin-bottom: 20px;} .index-news .right .box2 .hd ul li{float: left; box-sizing: border-box; width: 50%; height: 40px;border: 1px solid #ccc; line-height: 40px; text-align: center; font-size: 22px; color: #3c3c3c;} .index-news .right .box2 .hd ul li:nth-child(2){ border-left: none;} .index-news .right .box2 .hd ul li.on{border-bottom: none;} .index-news .right .box2 .bd ul li{line-height: 30px; font-size: 16px; color: #5f5f5f;} .index-news .right .box2 .bd ul li a{display: block; width: 70%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .index-news .right .box2 .bd ul li span{display: block;} .index-news .right .box2 .bd ul li a:hover{color: #d7bd81;} .index1{width: 100%; min-width: 320px; padding: 50px 0; background-color: #f8f8f8;} .index1 .container{max-width: 1315px;} .title{text-align: center; margin-bottom: 45px;} .title h1{text-transform : uppercase; font-size: 22px; color: #d7bd81;} .title h2{font-size: 22px; font-weight: bold; color: #3c3c3c; margin: 10px 0;} .title i{display: block; width: 157px; height: 12px; margin: 0 auto; background: url(../images/line1.png) no-repeat top center; background-size: cover;} .index1 ul li{float: left; width: 32%; height: 420px; margin: 0 0.65%; text-align: center; color: #fff; background-repeat: no-repeat; position: relative; background-position: center; background-size: cover;} .index1 ul li .bt{position: absolute; left: 0; top: 45%; width: 100%; font-size: 35px;} .index1 ul li .bt i{display: inline-block; width: 40px;; height: 40px; margin-left: 10px; position: relative; top: 8px; background-repeat: no-repeat; background-position: center; background-size: cover;} .index1 ul li .txt{position: absolute; left:0; bottom: 10%; width: 100%; font-size: 25px;} .index1 ul .li3{background-color: #3c3c3c;} .index1 ul .li3 .box{position: absolute; left: 0; top: 20%; width: 100%;} .index1 ul .li3 .box h1{font-size: 25px; margin-bottom: 25px;} .index1 ul .li3 .box .nr{width: 75%; margin: 0 auto; font-size: 18px;} .index1 ul .li3 .box .nr p{line-height: 30px;} .index1 ul .li3 .more{position: absolute; left: 0; bottom: 10%; width: 100%; color: #d7bd81; font-size: 25px;} .index1 ul .li3 .more a:hover{color: #fff; text-decoration: underline;} .footer{width: 100%; min-width: 320px; padding: 60px 0; background-color: #3c3c3c;} .footer .container{width: 1315px; max-width: 100%; min-width: 1315px; height: 100%;} .footer .bt{font-size: 22px; color: #bfbfbf; margin-bottom: 25px;} .footer .first{margin-bottom: 20px;} .footer .first1{margin-bottom: 10px;} .footer .wz{font-size: 20px; color: #000;} .footer .box{margin-right: 53px;} .footer .box:last-child{margin-right: 0;} .footer .box1 ul li{float: left;} .footer .box1 ul li a{display: block; width: 150px; height: 36px; line-height: 36px; text-align: center; border-radius: 5px; overflow: hidden; background-color: #d7bd81;} .footer .box1 ul .li1{margin-right: 53px;} .footer .box1 ul .li2 select{display: block; box-sizing: border-box; width: 226px; height: 55px; text-align: center; border: none; background-color: #d7bd81; border-radius: 5px;} .footer .box2 ul li{float: left; text-align: center;} .footer .box2 ul li img{width: 130px; height: 130px;} .footer .box2 ul .li1{margin-right: 53px;} .footer .box3 p{font-size: 18px; line-height: 25px; margin-bottom: 12px; color: #bfbfbf;} .footer .box3 p:last-child{margin-bottom: 0;} .footer .box3 p i{display: inline-block; width: 30px; height: 30px; margin-right: 10px; position: relative; top: 8px; background-repeat: no-repeat; background-position: center; background-size: cover;} .footer .box3 p .i1{background-image: url(../images/footer-03.png);} .footer .box3 p .i2{background-image: url(../images/footer-04.png);} .footer .box3 p .i3{background-image: url(../images/footer-05.png);} .bottoms{width: 100%; min-width: 320px; padding: 20px 0; font-size: 16px; color: #3c3c3c; text-align: center; background-color: #d7bd81;} /* 视频弹出层 */ .layerModel_wrapper{width:80%!important; max-width:800px;} .layerModel_content{width:100%!important; margin:0px auto;} #demo1{width:100%; max-width:800px; height:auto; background: #fff;display: none;text-align: center; position:relative;} #demo1 a{position:absolute; right:-25px; top:-25px; border-radius:50%; background:rgba(225,40,43,1.00); width:25px; height:25px; line-height:25px; color:#fff;} .inside-banner{width: 100%; min-width: 320px; height: 480px;} .inside-banner .bg{width: 100%; height: 480px; background-repeat: no-repeat; background-position: center; background-size: cover;} .inside-banner .bg img{display: none;} .home{width: 100%; min-width: 320px; padding: 40px 0; font-size: 14px;} .home .container{max-width: 1370px; padding-bottom: 15px; border-bottom: 1px solid #ccc;} .home .yellow{color: #e2be53;} .home a:hover{color: #e2be53;} .content{width: 100%; min-width: 320px; padding-bottom: 80px;} .content .container{max-width: 1370px;} .content .sidemenu{width: 22%; } .content .sidemenu .sidelist ul li{height: 80px; margin-bottom: 7px;} .content .sidemenu .sidelist ul li:last-child{margin-bottom: 0;} .content .sidemenu .sidelist ul li a{box-sizing: border-box; display: block; width: 100%; height: 100%; position: relative; padding-left: 35px; background-color: #f8f8f8; color: #3c3c3c;} .content .sidemenu .sidelist ul li a::before{content: " "; display: block; width: 15px; height: 100%; position: absolute;left: 0; top: 0; background-color: #3c3c3c; z-index: 1; opacity: 0;} .content .sidemenu .sidelist ul li h1{padding-top: 15px; font-size: 18px; font-weight: bold;} .content .sidemenu .sidelist ul li h2{padding: 8px 0 22px 0; font-size: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .content .sidemenu .sidelist ul li.on a{background-color: #d7bd81;} .content .sidemenu .sidelist ul li.on a::before{opacity: 1;} .content .sidemenu .sidelist ul li a:hover{background-color: #d7bd81;} .content .sidemenu .sidelist ul li a:hover::before{opacity: 1;} .content .sidemenu .zclist ul li{color: #3c3c3c;} .content .sidemenu .zclist ul li a{display: block; width: 100%; height: 100%;} .content .sidemenu .zclist ul li h1{box-sizing: border-box; height: 80px; margin-bottom: 7px; position: relative; padding-left: 35px; background-color: #f8f8f8;} .content .sidemenu .zclist ul li h1::before{content: " "; display: block; width: 15px; height: 100%; position: absolute;left: 0; top: 0; background-color: #3c3c3c; z-index: 1; opacity: 0;} .content .sidemenu .zclist ul li h1 h2{padding-top: 15px; font-size: 18px; font-weight: bold;} .content .sidemenu .zclist ul li h1 h3{padding: 8px 0 22px 0; font-size: 13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .content .sidemenu .zclist .second{display: none;} .content .sidemenu .zclist .second li h4 a{box-sizing: border-box; height: 45px; line-height: 45px; margin-bottom: 5px; padding-left: 35px;font-size: 16px; font-weight: bold; background-color: #f8f8f8;} .content .sidemenu .zclist .second li h4 i{display: inline-block; width: 16px; height: 16px; position: relative; top: 3px; margin-right: 10px; background-color: #3c3c3c;} .content .sidemenu .zclist .third{display: none;} .content .sidemenu .zclist .third li h5 a{box-sizing: border-box; height: 30px; line-height: 30px; padding-left: 60px;margin-bottom: 5px; font-weight: bold; font-size: 14px;background-color: #f8f8f8;} .content .sidemenu .zclist ul li h1:hover{background-color: #d7bd81;} .content .sidemenu .zclist ul li h1:hover::before{opacity: 1;} .content .sidemenu .zclist .second li h4 a:hover{background-color: #d7bd81;} .content .sidemenu .zclist .third li h5 a:hover{background-color: #d7bd81;} .content .sidemenu .zclist ul li.on h1{background-color: #d7bd81;} .content .sidemenu .zclist ul li.on h1::before{opacity: 1;} .content .sidemenu .zclist ul li.on .second{display: block;} .content .sidemenu .zclist ul li.on .active{display: block;} .content .sidemenu .zclist ul li.on .second .on1 h4 a{background-color: #d7bd81;} .content .sidemenu .zclist ul li.on .third .on2 h5 a{background-color: #d7bd81;} .content .nrbox{box-sizing: border-box; width: 75%; max-width: 1050px; padding: 60px; background-color: #f8f8f8;} .content .nrbox .nr::before, .content .nrbox .nr::after{content: ""; display: block; height: 0;clear: both; visibility: hidden;} .content .nrbox p{text-indent: 2em; font-size: 16px; line-height: 30px; color: #3c3c3c;} /*.content .nrbox p::before, .content .nrbox p::after{content: ""; display: block; height: 0;clear: both; visibility: hidden;}*/ .content .nrbox p img{max-width: 100%; width: auto; height: auto;} /* 企业简介 */ .content .about .bt{text-align: center; margin-bottom: 40px;} .content .about .bt h1{color: #000; font-size: 24px;} .content .about .bt h2{font-size: 14px; margin-top: 10px; color: #5f5f5f;} .content .about .nr .tops{margin-top: 20px;} /* 集团荣誉 */ .content .honor ul li{float: left; width: 47%; margin: 0 1.5%; margin-bottom: 30px;} .content .honor ul li .img img{display: block; width: 100%; height: auto;} .content .honor ul li .line{margin-top: 20px; padding-top: 15px; border-top: 1px solid #ccc;} .content .honor ul li h1{line-height: 25px; height: 50px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; color: #666;} /* 翻页 */ .sabrosus { padding:5px; margin:30px 3px 10px 3px; TEXT-ALIGN: center; font-size:14px;} .sabrosus a { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin:0px 3px; text-decoration:none; background:#fff;} .sabrosus a:hover{padding:5px 15px; background:#d7bd81; color:#fff; border: #d7bd81 1px solid;} .pagination a:active { padding:5px 15px; background:#d7bd81; color:#fff; border: #d7bd81 1px solid;} .sabrosus span.current { padding:5px 15px; background:#d7bd81; color:#fff; border: #d7bd81 1px solid; MARGIN-RIGHT:5px;} .sabrosus span.disabled { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin-right:5px; text-decoration:none;} /* 集团治理 */ .content .about .nr .wz{margin-top: 15px;} .content .about .nr .wz span{text-align: right; display: block;} /* 社会责任 */ .content .about5 ul li{box-sizing: border-box; padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .content .about5 ul li .boxs{height: 260px; overflow: hidden;} .content .about5 ul li .boxs .left{width: 55%; height: 100%; position: relative;} .content .about5 ul li .boxs .left h1{margin-bottom: 40px;} .content .about5 ul li .boxs .left h1 i{display: block; width: 30px; height: 30px; margin-right: 12px; background-color: #d7bd81;} .content .about5 ul li .boxs .left h1 span{font-size: 22px; line-height: 30px; color: #3c3c3c; transition:all 0.5s ease 0s;} .content .about5 ul li .boxs .left .nr p{color: #3c3c3c; line-height: 25px; height: 75px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .content .about5 ul li .boxs .left .more{position: absolute; left: 0; bottom: 0;} .content .about5 ul li .boxs .left .more a{font-size: 16px; color: #666;} .content .about5 ul li .boxs .right{box-sizing: border-box; width: 40%; height: 260px; transition: all 0.6s; overflow: hidden; border: 2px solid transparent;} .content .about5 ul li .boxs .right .bg{width: 100%; height: 100%; transition: all 0.6s; background-repeat: no-repeat; background-position: center; background-size: cover;} .content .about5 ul li .boxs .right img{display: none;} .content .about5 ul li:hover .boxs .left h1 span{color: #d7bd81;} .content .about5 ul li:hover .boxs .left .more a{color: #d7bd81;} .content .about5 ul li:hover .right{border-color: #d7bd81;} .content .about5 ul li:hover .right .bg{transform: scale(1.1, 1.1);} /* 新闻详情 */ .content .xq .bt{text-align: center; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #ccc;} .content .xq .bt h1{color: #000; font-size: 24px;} .content .xq .bt span{display: block; font-size: 14px; color: #3c3c3c; margin-top: 20px;} .content .xq .bt .bold{margin-top: 20px; font-size: 14px; color: #3c3c3c; font-weight: bold;} .content .xq .nr .tops{margin-top: 20px;} .content .xq .nr .yellow{text-align: center; color: #d7bd81;} .content .xzmu{font-size: 18px; font-weight: bold; color: #333; margin-top: 40px; padding-top: 20px; border-top: 1px solid #ccc;} .content .xzmu .left {position: relative;} .content .xzmu .left .box1{height: 28px; line-height: 28px;} .content .xzmu .left .box1 i{display: block;width: 28px;height: 28px;margin-right: 10px; background-color: #d7bd81;} .content .xzmu .left input{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; opacity: 0;} .content .xzmu .right .box2{margin-right: 40px;} .content .xzmu .right .box2 span{ margin-right: 15px;} .content .xzmu .right .box2 select{width: 170px; height: 48px; line-height: 48px; font-size: 16px; border: 1px solid #ccc;} .content .xzmu .right .xz{display: block; width: 160px; height: 48px; line-height: 48px; background-color: #d7bd81; text-align: center; border-radius: 5px;} /* 资源运作平台 */ .content .zbt{text-align: center; font-size: 24px; color: #d7bd81; margin-bottom: 40px;} /* 产业集团 */ .content .cate .links{padding-top: 30px; border-top: 1px solid #ccc;} .content .cate .links li{box-sizing: border-box; float: left; width: 48%; font-size: 20px; color: #3c3c3c; font-weight: bold; margin-bottom: 28px; text-align: center; } .content .cate .links li:nth-child(even){float: right;} .content .cate .links li a{display: block; width: 100%; height: 100%; padding: 13px 0; cursor: default; background-color: #d7bd81;} .content .cate .links li .alink{cursor: pointer;} .content .cate .links li .alink:hover{background-color: #3c3c3c; color: #d7bd81;} /* .content .cate .links li .caten{display: block; background-color: #d7bd81; cursor: pointer;} .content .cate .links li .caten:hover{background-color: #3c3c3c; color: #d7bd81;} */ /* 党建之窗 */ .content .views ul li{box-sizing: border-box; float: left; width: 47%; padding: 15px; margin: 0 1%; color: #3c3c3c; margin-bottom: 40px; background-color: #fff; border: 1px solid #f2f2f2;} .content .views ul li:nth-child(even){float: right;} .content .views ul li .img{overflow: hidden; border: 2px solid transparent; transition: all 0.6s;} .content .views ul li .img img{display: block; width: 100%; height: 250px; transition: all 0.6s;} .content .views ul li .xbt{margin: 10px 0; transition: all 0.6s; font-size: 16px; font-weight: bold; height: 42px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .content .views ul li .nr p{font-size: 14px; line-height: 25px;} .content .views ul li .thanmore{text-align: right; margin-top: 10px; font-size: 14px; padding-top: 10px; border-top: 1px solid #ccc;} .content .views ul li .thanmore a:hover{color: #d7bd81;} .content .views ul li:hover .img{border-color: #d7bd81;} .content .views ul li:hover .img img{transform: scale(1.1, 1.1);} .content .views ul li:hover .xbt{color: #d7bd81;} .content .cyy{margin: 0 20px; margin-bottom: 30px;} .content .cyy p{font-size: 18px;} .content .views2 ul li{box-sizing: border-box; float: left; width: 30%; padding: 15px; margin: 0 1.6%; color: #3c3c3c; margin-bottom: 40px; background-color: #fff; border: 1px solid #f2f2f2;} .content .views2 ul li .img{overflow: hidden; border: 2px solid transparent; transition: all 0.6s;} .content .views2 ul li .img img{display: block; width: 100%; height: auto; transition: all 0.6s;} .content .views2 ul li .xbt{margin: 10px 0; padding-bottom: 10px;text-align: center; border-bottom: 1px solid #ccc; transition: all 0.6s; font-size: 16px; font-weight: bold;} .content .views2 ul li .nr p{font-size: 14px; line-height: 25px; height: 75px; overflow: hidden;} .content .views2 ul li:hover .img{border-color: #d7bd81;} .content .views2 ul li:hover .img img{transform: scale(1.1, 1.1);} .content .views2 ul li:hover .xbt{color: #d7bd81;} .content .views3 ul li{box-sizing: border-box; width: 100%; margin-bottom: 40px; padding: 25px; background-color: #fff; border: 1px solid #f2f2f2;} .content .views3 ul li h1{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc;} .content .views3 ul li h1 i{display:block; width:30px; height:30px; margin-right: 15px; background-color: #d7bd81;} .content .views3 ul li h1 span{font-size: 18px; width:90%; line-height: 30px; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: bold; color: #3c3c3c; transition: all 0.6s;} .content .views3 ul li .box{color: #3c3c3c; font-size: 14px;} .content .views3 ul li:hover h1 span{color: #e2be53;} .content .views3 ul li .box a:hover{color: #d7bd81;} /* 新闻中心 */ .content .news ul li{box-sizing: border-box; width: 100%; margin-bottom: 40px; padding: 25px; color: #3c3c3c; background-color: #fff; border: 1px solid #f2f2f2;} .content .news ul li h6{font-size: 14px; margin-bottom: 15px;} .content .news ul li h6 i{display: block; width: 20px; height: 20px; margin-right: 15px; background-color: #d7bd81;} .content .news ul li .img{box-sizing: border-box; overflow: hidden;border: 2px solid transparent;} .content .news ul li .img img{display: block; width: 100%; height: auto; transition: all 0.6s;} .content .news ul li:hover .img{border-color: #d7bd81;} .content .news ul li .box2 {line-height: 25px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc;} .content .news ul li .box2 h1{font-weight: bold; font-size: 18px; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .content .news ul li .box2 .amore{font-size: 14px;} .content .news ul li .box2 .amore:hover{color: #d7bd81;} .content .news ul li:hover .img{border-color: #d7bd81;} .content .news ul li:hover .img img{transform: scale(1.1,1.1);} .content .news ul li:hover .box2 h1{color: #d7bd81;} .content .news2 ul li{box-sizing: border-box; padding: 30px 0; border-top: 1px solid #ccc; color: #3c3c3c; border-bottom: 1px solid #ccc;} .content .news2 ul li .box{height: 200px;} .content .news2 ul li .box .img {box-sizing: border-box; width: 35%; height: 200px; overflow: hidden; transition: all 0.6s; border: 2px solid transparent; } .content .news2 ul li .box .img .bg{width: 100%; height: 100%; background-position: center; transition: all 0.6s; background-repeat: no-repeat; background-size: cover;} .content .news2 ul li .box .img .bg img{display: none;} .content .news2 ul li .box .nr{width: 60%; height: 200px; position: relative;} .content .news2 ul li .box .nr h1{overflow: hidden; height: 50px; line-height: 25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size: 18px; font-weight: bold; transition: all 0.6s;} .content .news2 ul li .box .nr .di{bottom: 0; left: 0; position: absolute; width: 100%;} .content .news2 ul li .box .nr .di .dibox{font-size: 14px; color: #666;} .content .news2 ul li .box .nr .di .dibox .left em{display: inline-block; width: 18px; height: 18px; margin-right: 8px; background-color: #d7bd81;} .content .news2 ul li .box .nr .di .dibox a:hover{color: #d7bd81;} .content .news2 ul li:hover .box .img{border-color: #d7bd81;} .content .news2 ul li:hover .box .img .bg{transform: scale(1.1, 1.1);} .content .news2 ul li:hover .box .nr h1{color: #d7bd81;} .appendix{text-align: center; margin-top: 60px; padding-top: 30px; border-top: 1px solid #ccc;} .appendix a{display: inline-block; width: 357px; height: 40px; line-height: 40px; text-align: center; font-size: 18px;font-weight: bold;color: #3c3c3c;background-color: #d7bd81;} /* 联系我们 */ .content .lx .clogo{text-align: center;} .content .lx .clogo img{width: 156px; height: 50px;} .content .lxfs{margin: 70px 0 45px 0; padding-bottom: 20px; border-bottom: 1px solid #ccc;} .content .lxfs ul li{box-sizing: border-box; float: left;margin-right: 20px; font-size: 14px; line-height: 30px; color: #333;} .content .lxfs ul li:last-child{margin-right: 0;} .content .join .yellow{font-size: 28px; color: #d7bd81; font-weight: bold; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid #ccc;} .content .join .zp ul li{font-size: 18px; color: #3c3c3c; background-color: #ffff; transition: all 0.6s;} .content .join .zp ul li:hover{background-color: #dcdcdc;} .content .join .zp ul li:nth-child(1){background-color: #3c3c3c; font-weight: bold; color: #fff;} .content .join .zp ul li:nth-child(1):hover{background-color: #3c3c3c;} .content .join .zp ul li a{display: block;} .content .join .zp ul li .wz{float: left; display: block; padding: 15px 0;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; text-align: center;} .content .join .zp ul li .one{width: 36%;} .content .join .zp ul li .wz1{width: 16%; padding: 19px 0;} .content .zp1{padding-top: 25px; color: #3c3c3c; border-top: 1px solid #ccc; margin-top: 70px;} .content .zp1 .gray{color: #d7bd81;} .content .zp1 a:hover{color: #d7bd81;} .content .joinxq .bt{font-size: 24px; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #ccc;} .content .joinxq .tops{margin-top: 20px;} .stratebox{margin-bottom: 60px;} .stratebox:last-child{margin-bottom: 0;} .content .strate2 ul li{box-sizing: border-box; float: left; width: 25%; height: 210px; padding: 60px; font-size: 16px;} .content .strate2 ul li:nth-child(odd){background-color: #d7bd81; color: #3c3c3c;} .content .strate2 ul li:nth-child(even){background-color: #3c3c3c; color: #d7bd81;} .content .strate3 ul li{margin-bottom: 7px; display: flex; justify-content: space-between; align-items: center; background-color: #d7bd81; font-size: 17px;} .content .strate3 ul li::before, .content .strate3 ul li::after{display: none;} .content .strate3 ul li i{display: block; float: none; width: 60px; height: 60px; line-height: 60px; font-weight: bold; text-align: center; background-color: #3c3c3c; color: #d7bd81;} .content .strate3 ul li span{box-sizing: border-box; float: none; display: block; width: calc(100% - 60px); line-height: 22px; padding: 0.5%; text-align: center;} .content .strate5 ul{box-sizing: border-box; float:left; width: 48%;} .content .strate5 ul:nth-child(2){float: right;} .content .strate5 ul li{float: left; width: 100%; height: 60px; line-height: 60px; font-size: 18px; margin-bottom: 7px; background-color: #d7bd81;} .content .strate5 ul li i{display: block; width: 60px; text-align: center; background-color: #3c3c3c; color: #d7bd81;} .content .strate5 ul li span{display: block; width: calc(100% - 60px); text-align: center;} .content .strate5 ul:nth-child(2) i{float: right;} /* 政府信息公开 */ .info{margin-bottom: 40px;} .info ul li{padding: 20px 0; line-height: 25px; color: #3c3c3c; border-top: 1px solid #ccc;} .info ul li:last-child{border-bottom: 1px solid #cccc;} .info ul li h1{transition: all 0.6s; width: 85%;} .info ul li h1 i{display: block; width: 28px; height: 28px; margin-right: 20px; background-color: #d7bd81;} .info ul li h1 span{font-size: 18px; display: block; width: 80%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .info ul li h2 a{color: #d7bd81; font-size: 14px;} .info ul li h2 a:hover{text-decoration: underline;} .info ul li:hover h1{color: #d7bd81;} .content .infobox{background-color: #f8f8f8;} .content .ibt{padding: 15px 0; margin-bottom: 40px; font-size: 24px; text-align: center; color: #000; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .content .nr table{width: 100%;} .content .nr table tr{text-align: center; } .content .nr table tr th{font-size: 18px; border-bottom: 1px solid #ccc; padding: 15px 0;} .content .nr table tr td{font-size: 16px; padding: 15px 0; color: #666;} .content .info2 .ibt{margin-bottom: 15px;} .content .xq .sqh{text-align: center; font-size: 16px; margin: 25px 0 0 0; padding-top: 20px; border-top: 1px solid #ccc;} .content .xqfj a{display: block; width: 335px; height: 40px; line-height: 40px; margin: 60px auto 0 auto; text-align: center; background-color: #d7bd81; font-size: 18px; font-weight: bold; color: #3c3c3c;} .content .xqfj1{margin-top: 60px; border-top: 1px solid #ccc;} .content .xqfj1 a{margin: 30px auto 0 auto;} /* Welcome to Suncity Group */ .content .mostOneRun .serachbox{ margin-bottom:0;border-bottom:none} .content .mostOneRun .bt{padding: 20px 0; border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;text-align: center;} .content .mostOneRun .bt h1{color: #000;font-size: 24px;} .content .mostOneRun .list-title{padding: 15px 0;} .content .mostOneRun .list-title>div{width: 48%;display: inline-flex;justify-content: space-between;} .content .mostOneRun .list-title>div span{text-align: center;font-size: 18px;font-style: normal;font-weight: 700;} .content .mostOneRun .links{display: flex; flex-wrap: wrap; align-content: space-between;} .content .mostOneRun .cate .links { padding-top: 0;} .content .mostOneRun .links li{margin-bottom: 0;} .content .mostOneRun .links li>p{width: 100%;display: inline-flex;justify-content: space-between;color: #666666;} .content .nrbox.mostOneRun p{text-indent: 0;} .content .mostOneRun .nr .item-title{font-size: 24px;border-bottom: 1px solid #ccc;line-height: 44px;margin-bottom: 20px;font-weight: 700;} .content .mostOneRun .nr ul{border:1px solid #ccc ;margin-bottom: 60px;} .content .mostOneRun .nr ul li{border-bottom:1px solid #ccc ;} .content .mostOneRun .nr ul li:last-child{border-bottom: 0;} .content .mostOneRun .nr ul li.table-title{width: 100%;text-align: center;font-size: 28px;line-height: 90px;} .content .mostOneRun .nr ul li.table-item{font-size: 18px;line-height: 30px;display: flex;flex-wrap: nowrap;align-items: stretch;} .content .mostOneRun .nr ul li.table-item .table-item-title{box-sizing: border-box;width: 21%;color: #000;font-size: 20px;background-color: #DDDDDD;padding: 10px; display: flex;align-items: center;} .content .mostOneRun .nr ul li.table-item .table-item-content{box-sizing: border-box;width: 78%;padding: 10px 10px 10px 20px;font-size: 16px;line-height: 30px;color: #3c3c3c;} .content .mostOneRun #flowsheet_look{background-color: #d7bd81;width: 160px;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;} .content .mostOneRun .nr .item-content{margin-bottom: 60px;} .content .mostOneRun .nr table{border-collapse: collapse;text-align: center;line-height: 40px;} .content .mostOneRun .nr table th{background-color: #DDDDDD;padding: 0;} .content .mostOneRun .nr table tr td:first-child{background-color: #DDDDDD;} .content .mostOneRun .nr table tr td:nth-child(2){text-align: left;text-indent: 2em;} .content .mostOneRun .nr table,.content .mostOneRun .nr table tr th,.content .mostOneRun .nr table tr td{border: 1px solid #ccc ;} .content .mostOneRun .nr table a{font-weight: 700;} .content .mostOneRun .nr table a:hover{color: #d7bd81;} /* 检索 */ .serachbox{margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #ccc;} .serachbox .su{margin-right: 65px; } .serachbox .su span{font-size: 18px; margin-right: 10px;} .serachbox .su input{box-sizing: border-box; width: 230px; height: 32px; line-height: 32px;padding: 0 5px; background-color: #fff; border: 1px solid #ccc;} .serachbox .su select{box-sizing: border-box; width: 100px; height: 32px; background-color: #fff; border: 1px solid #ccc; font-size: 16px; color: #000;} .serachbox button{display: block; width: 72px; height: 32px; cursor: pointer; font-size: 18px; outline: none; border: none; background-color: #d7bd81; color: #5c5c55; border-radius: 5px;}