.pic_news{width: 690px;} .txt_news{width: 490px;} #txtNews{height:367.67px;overflow:hidden;} #findWrong{position:fixed;right:10px;bottom:50px;z-index:99999;} .copyright{padding:20px 0px 42px 0;} .pcBox{background:#fff;position:fixed;width:68px;height:68px;left:0;top:50%;text-align:center;box-shadow:0 0 8px #eee;z-index:99999;display:none;} .pcBox a{font-size:22px;color:#d90104;width:44px;display:inline-block;line-height:26px;margin-top:8px;} /*1920*/ @media only screen and (min-width:1560px)and (max-width: 1920px){ .pcBox{width:88px;height:88px;left:7%;} .pcBox a{font-size:30px;color:#d90104;width:60px;display:inline-block;line-height:36px;margin-top:8px;} } .eightBox{position:fixed;bottom:50px;right:0;z-index:990;} .eightBox p{font-size:20px;color:#000;text-align:right;cursor:pointer;padding-right:20px;} .eightBox img{width:100%;} /**70鍛ㄥ勾start***/ .img70Nian{width:100%;} /**70鍛ㄥ勾end****/ .newsBox1{width:100%;position:relative;margin-bottom:30px;} .newsBox1 .HB{overflow:hidden;} .newsBox1 .HB .autoPlay li{float:left;position:relative;width:100%;height:580px;} .newsBox1 .HB .autoPlay li .Image{height:100%;} .newsBox1 .HB .autoPlay li .Image img{display:block;width:100%;height: 100%;object-fit:cover;} .newsBox1 .PLAYbtn{position:absolute;bottom:14px;z-index:60;width:100%;text-align:center;} .newsBox1 .PLAYbtn ul li{display:inline-block;width:12px;height:12px;background:#dadada;margin-right:.5em;border-radius:50%;cursor:pointer;text-indent:99em;overflow:hidden;} .newsBox1 .PLAYbtn ul li.on{background:#950000;border-radius:8px;} .newsBox1 .prev, .newsBox1 .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 32px; background: url(/cctgroup/uiFramework/commonResource/image/2021011813433657000.png) no-repeat center; filter: alpha(opacity=50); opacity: 0.5; } .newsBox1 .next{ left:auto; right:3%; background: url(/cctgroup/uiFramework/commonResource/image/2021011813443621779.png) no-repeat center } .newsBox1 .prev:hover, .newsBox1 .next:hover{ filter:alpha(opacity=100);opacity:1; } /*banner*/ .banner{width: 100%;overflow: hidden;position: relative;} .banner_box{width: 2560px;position: absolute;left: 50%;margin-left: -1280px;height:100%;} .banner_box .wrap,.banner_box .wrap .bd,.banner_box .wrap .bd .tempWrap,.banner_box .wrap .bd ul{height: 100%;} .banner_box .bd ul li{height: 100%;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;margin:0 auto;} .banner_box .bd ul li video{display: block;margin: 0 auto;object-fit:fill;height: 100%;width: 100%;} .banner_box .wrap .hd{position: absolute;bottom: 10px;left: 50%;float: left;} .banner_box .wrap .hd ul li{width: 15px;height: 15px;border-radius: 50%;background-color: #fff;float: left;text-indent: 99px;overflow: hidden;margin: 0 5px;} .banner_box .wrap .hd ul li.on{background-color: #0068b7;} /*notice*/ .notice_box{display:none;} .notice_box{width: 100%;height: 60px;overflow: hidden;} .notice_box .ton{float: left;line-height: 60px;font-size: 20px;padding-left: 50px;background: url(/cctgroup/resource/cms/2017/10/ton.png) left center no-repeat;} .notice_box .wrap{float: left;width: 1010px;} .notice_box .wrap .bd ul{height: 60px;} .notice_box .wrap .bd ul li{float: left;line-height: 60px;width: 500px;margin-right:5px;} .notice_box .wrap .bd ul li a{color: #333;font-size: 16px;} .notice_box .wrap .bd ul li span{color: #888;margin-left: 10px;} .notice_box .notice_more{line-height: 60px;color: #0068b7;font-size: 16px;float: right;} .company{position: absolute;bottom: 10px;left: 50%;font-size: 20px;font-weight: bold;color: #fff;line-height: 32px;text-align: right;margin-left: 180px;text-shadow: 2px 2px 20px #000;} .company span{font-size:14px;color:#fff;font-weight:normal;} /*鍥剧墖鏂伴椈*/ h2.tit{text-align: center;margin: 40px 0 50px;} h2.tit a{font-size: 36px;color: #2373d2;} .newsBox{width:100%;position:relative;margin-bottom:40px;} .newsBox .HB{overflow:hidden;} .newsBox .HB .autoPlay li{float:left;position:relative;width:100%;height:388px;} .newsBox .HB .autoPlay li .Image{height:100%;} .newsBox .HB .autoPlay li .Image img{display:block;width:100%;height: 100%;} .newsBox .HB .autoPlay li .Title{position:absolute;bottom:0;left:0;z-index:30;width:100%;background:rgba(0,0,0,.5)} .newsBox .HB .autoPlay li .Title{background-image:url(/cctgroup/resource/cms/2017/11/xiaoHui.png)\9;} .newsBox .HB .autoPlay li .Title a{display:block;line-height:40px;font-size:16px;color:#fff;text-indent:1em} .newsBox .PLAYbtn{position:absolute;bottom:14px;right:15px;z-index:60} .newsBox .PLAYbtn ul li{display:inline-block;width:9px;height:9px;background:#fff;margin-right:.5em;border-radius:50%;cursor:pointer;text-indent:99em;overflow:hidden;} .newsBox .PLAYbtn ul li.on{width:9px;height:9px;border:1px solid #0068b6;background:#0068b6;} .list_wrap.tab_con {margin-bottom: 40px;} .list_wrap h3 a{font-size: 22px;font-weight: normal;line-height: 22px;height:22px;overflow:hidden;display:block;} .list_wrap .summary{line-height: 32px;font-size: 16px;color: #919191;padding: 5px 0;border-bottom: 1px solid #dcdcdc;text-indent:2em;} .list li{color: #333;line-height: 36px;overflow: hidden;width: 100%;text-indent:1em;background: url(/cctgroup/resource/cms/2017/10/dian.png) 0 18px no-repeat;} .list li a{float: left;font-size: 16px;color: #333; -o-transition: all .2s ease-out 0s; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; } .list li span{color: #888;float: right;text-indent: 0; -o-transition: all .2s ease-out 0s; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; } .list li:hover{background: url(/cctgroup/resource/cms/2017/10/dian_lan.png) 0 18px no-repeat;} .list li:hover a,.list li:hover span{color: #2373d2;} /*瑙嗛鍒囨崲tab*/ .vidTab{width: 100%;border-bottom: 1px solid #e0e0e0;height: 32px;margin-bottom:15px;} .vidTab li{float: left;height: 30px;margin-right: 20px;line-height:30px;} .vidTab li a{font-size: 20px;color: #333;padding-right: 7px;} .vidTab li.on{border-bottom: 3px solid #0068b6;} .vidTab li.on a{color: #0068b6;font-size: 24px;line-height:22px;} .tab_tit{width: 100%;border-bottom: 1px solid #e0e0e0;height: 32px;margin-bottom:15px;} .tab_tit li{float: left;height: 30px;margin-right: 20px;line-height:30px;} .tab_tit li a{font-size: 20px;color: #333;padding-right: 7px;} .tab_tit li.on{border-bottom: 3px solid #0068b6;} .tab_tit li.on a{color: #0068b6;font-size: 24px;line-height:22px;} /*瑙嗛鏂伴椈*/ .videoBox .HB .autoPlay li img{width: 490px;height:320px;} .videoBox .HB .autoPlay li{position: relative;height:320px;} .videoBox .HB .autoPlay li .mengCeng{position: absolute;left: 0;top: 0;} .videoBox .HB .autoPlay li:hover .mengCeng{display: block;} .videoBox .HB .autoPlay li span{display:block;text-indent: 1em;position:absolute;bottom:0;width: 100%;background: rgba(0,0,0,.3);} .videoBox .HB .autoPlay li span a{line-height: 36px;font-size:16px;color:#fff;} .videoBox .PLAYbtn{position:relative;} .videoBox .PLAYbtn ul{} .videoBox .PLAYbtn a{display: block;width: 99px;height: 99px;background-color: #eee;position: absolute;bottom: 100px;z-index: 9;display:none;} .videoBox:hover .PLAYbtn a{display:block;} .videoBox .PLAYbtn a.prev{left:5px;background:url(/cctgroup/resource/cms/2017/11/left.png) center center no-repeat;} .videoBox .PLAYbtn a.next{right:5px;background:url(/cctgroup/resource/cms/2017/11/right.png) center center no-repeat;} /*闆嗗洟涓氬姟*/ #box{margin-top:40px;} .box1{background-color:#f7f7f7;overflow: hidden;padding:30px 0;} .ywTit a{line-height: 56px;font-size: 24px;color: #333;font-weight: normal;} .yw .ywCon{position: relative;width: 100%;height: 100%;overflow: hidden;} .yw .ywCon .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: transform .3s ease-in-out;-moz-transition: transform .3s ease-in-out;-webkit-transition: transform .3s ease-in-out;} .yw .ywCon:hover .bg{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .yw .ywCon a{display: none;} .yw .ywCon img.icon{display: none;} .yw .ywCon .ywSum{display: none;} .yw .ywCon .ywName{position: absolute;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff;} .leftYw .ywCon .ywName{top: 10px;left: 20px;} .centerYw .ywCon .ywName{top: 10px;right: 20px;width:75px;} .rightYw .ywCon .ywName{bottom: 10px;right: 20px;} .rightYw .ywCon.con2 .ywName{left: 20px;width: 170px;} .yw .ywCon:hover .conBg{width: 100%;height: 100%;background: rgba(0,44,78,0.75);position: relative;background-image:url(/cctgroup/resource/cms/2017/11/yebg.png)\9;background-repeat:repeat-x;} .leftYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;} .leftYw .ywCon:hover img.icon{display: block;margin: 0 auto;padding-top: 30px;} .leftYw .ywCon:hover .ywName{position: inherit;display: block;margin: 0 auto;border-bottom: 3px solid #cf0808;width: 90px;text-align: center;margin-left: 108px;margin-bottom: 30px;} .leftYw .ywCon:hover .ywSum{display: block;margin: 50px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;text-align: center;} .leftYw{width: 356px;height: 483px;} .centerYw{margin-left: 15px;} .centerYw .ywCon{width: 498px;height: 234px;} .centerYw .ywCon.con2{margin-top: 15px;} .centerYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;} .centerYw .ywCon:hover img.icon{float: left;margin: 30px 0 10px 180px;display: block;} .centerYw .ywCon:hover .ywName{position: inherit;float: right;margin: 40px 140px 10px 0;border-bottom: 3px solid #cf0808;width: 90px;text-align: center;} .centerYw .ywCon:hover .ywSum{display: block;margin: 0px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;padding: 10px 0;margin-bottom: 10px;text-align:center;} .rightYw .ywCon{width: 338px;height: 234px;} .rightYw .con2{margin-top: 15px;background: #002c4e url(/cctgroup/resource/cms/2017/11/jia.png) center 70px no-repeat;width: 338px;height: 234px;} .rightYw .con2:hover{background: #17446a url(/cctgroup/resource/cms/2017/11/jia.png) center 70px no-repeat;} .rightYw .con2 .more{display: block;text-align: center;padding-top: 145px;font-size: 16px;color: #fff;} .rightYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;} .rightYw .ywCon:hover img.icon{float: left;margin: 30px 0 0px 90px;display: block;} .rightYw .ywCon:hover .ywName{position: inherit;margin: 58px 80px 0px 0;border-bottom: 3px solid #cf0808;width: 90px;text-align: center;float: right;} .rightYw .ywCon:hover .ywSum{display: block;margin: 0px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;padding: 10px 0;text-align: center;} /*涓撻*/ .box2{padding:40px 0;} .scroll{width:1222px;overflow:hidden;} .scroll .hd{height:239px;} .scroll .hd ul li{float: left;margin:50px 0;padding-right:29px;width: 387px;height: 140px;position:relative;} .scroll .hd ul li .mengceng{position:absolute;width: 387px;height: 140px; z-index:2;background:rgba(0,44,78,0.5);} .scroll .hd ul li:hover .mengceng{display:none;} .scroll .hd ul li img{width: 387px;height: 140px; -o-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .scroll .hd ul li img:hover{box-shadow: 0 0 15px #b7b7b7;} .scroll .bd ul{text-align: center;} .scroll .bd ul li{display: inline-block;margin: 0 5px;border-radius: 50%;background-color: #d2d2d2;width:20px;height:20px;text-indent:99em;overflow:hidden;} .scroll .bd ul li.on{background-color: #0068b6;} /*鑲$エ淇℃伅*/ .col_2{color:red;} .col_9{color:green;} .gupiao{height: 46px;background: #d2e2ed;width: 100%;position: fixed;bottom: 0;z-index: 999;display:none;} .gupiao .gu_box{width: 1222px;margin: 0 auto;overflow: hidden;} .gupiao .gu_box .txt{float: left;line-height: 46px;font-size: 20px;color: #333;font-weight: bold;padding-right: 15px;} .gupiao .gu_box .bd{float: left;width: 1060px;} .gupiao .gu_box .bd ul li{height: 46px;overflow: hidden;} .gupiao .gu_box .bd ul li b{line-height: 46px;font-weight: normal;font-size: 16px;color: #333;} .gupiao .gu_box .bd ul li span{line-height: 46px;font-size: 16px;} .gupiao .gu_box .bd ul li span b{font-weight: bold;} .gupiao .gu_box .hd{float: right;height: 46px;width: 46px;position: relative;} .gupiao .gu_box .hd a.prev{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #d3d3d3;position: absolute;right: 0;top: 10px;} .gupiao .gu_box .hd a.next{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #2284c8;position: absolute;right: 0;bottom: 10px;} /*鏂拌偂绁?022-02-15*/ .gupiaoNews{height: 46px;background: #d2e2ed;width: 100%;position: fixed;bottom: 0;z-index: 999;} .gupiaoNews .gu_box{width: 1222px;margin: 0 auto;overflow: hidden;} .gupiaoNews .gu_box .txt{float: left;line-height: 46px;font-size: 20px;color: #333;font-weight: bold;padding-right: 15px;} .gupiaoNews .gu_box .bd{float: left;width: 1060px;} .gupiaoNews .gu_box .bd ul li{height: 46px;overflow: hidden;} .gupiaoNews .gu_box .bd ul li div{width:33%;} .gupiaoNews .gu_box .bd ul li em{line-height: 46px;font-weight: normal;font-size: 14px;} .gupiaoNews .gu_box .bd ul li span{line-height: 46px;font-size: 16px;color: #333;padding-right:8px;} .gupiaoNews .gu_box .bd ul li span b{font-weight: bold;} .gupiaoNews .gu_box .hd{float: right;height: 46px;width: 46px;position: relative;} .gupiaoNews .gu_box .hd a.prev{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #d3d3d3;position: absolute;right: 0;top: 10px;} .gupiaoNews .gu_box .hd a.next{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #2284c8;position: absolute;right: 0;bottom: 10px;} .videoPlayBox{display:block;width:100%;height:100%;} .videoPlayBox .play{width:36px;height:36px;position:absolute;left:50%;top:50%;margin:-18px 0 0 -18px;z-index:90;cursor:pointer;} .videoPlayBox .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:80;} /*鎵嬫満绔牱寮弒tart*/ @media only screen and (min-width: 321px) and (max-width: 1024px){ .jiantou{display:none !important;} #findWrong{display:none;} .tabPhone{display:block !important;} .tab_tit{display:none;} .notice_box{padding: 1rem 2%;box-sizing: border-box;height: auto;} .notice_box .ton{float: left;line-height: 3rem;font-size: 2.2rem;padding-left: 42px;width: 0%;height: 3rem;overflow: hidden;} .notice_box .wrap{float: left;width: 87%;overflow: hidden;} .notice_box .wrap .bd ul{height: 3rem;} .notice_box .wrap .bd ul li{line-height: 3rem;width: 100%;} .notice_box .wrap .bd ul li a{font-size: 2rem;} .notice_box .wrap .bd ul li span{font-size: 2rem;} .notice_box .notice_more{line-height: 3rem;font-size: 2rem;display: none;} .pic_news,.txt_news{float: none;width: 100%;box-sizing: border-box;padding: 0 1%;} .list_wrap.tab_con {margin-bottom: 0px;} h2.tit{margin: 1rem 0;} h2.tit a{font-size: 2.2rem;line-height:3rem;} .list li{line-height: 3.6rem;width: 100%;text-indent: 1.5rem;background:url(/cctgroup/resource/cms/2017/10/dian.png) 0 center no-repeat;height: 3.6rem;overflow: hidden;} .list li a{font-size: 1.8rem;width: 85%;} .list li span{font-size: 1.2rem;width: 15%;} /*瑙嗛鏂伴椈*/ #txtNews{display:none;} .videoBox{display:none;} .tab_tit{width: 100%;height: 3rem;box-sizing: border-box;margin-top: 2rem;} .tab_tit li{float: left;height: 3rem;margin-right: 1%;text-align: center;} .tab_tit li a{font-size: 1.8rem;color: #333;} .tab_tit li.on a{font-size: 1.8rem;line-height:1.8rem;} .top_list{padding-bottom:0rem !important;} /*闆嗗洟涓氬姟*/ .leftYw,.centerYw,.rightYw{display: none !important;} .phoneYw{display: block !important;} .phoneYw li{overflow: hidden;padding: 1rem 2%;border: 1px solid #f3f3f3;border-radius: 1rem;background-color: #fff;width:45%;float:left;margin-bottom: 0.5rem;} .phoneYw li img{width: 22%;} .phoneYw li .text{width: 70%;padding-left: 5%;} .phoneYw li .text h3 a{line-height: 2rem;font-size: 1.6rem;color: #cf0808;border-bottom: 3px solid #cf0808;} .phoneYw li .text p a{line-height: 2rem;font-size: 1.2rem;color: #333;display: block;padding-top: 1rem;} .newsBox {display:none;} .swiper-container{display:block !important;} .swiper-wrapper .swiper-slide{position:relative;z-index:0} .swiper-wrapper .swiper-slide img{display:block;width:100%;height:24rem;} .swiper-wrapper .swiper-slide .artTit{display:block;width:100%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;font-size:1rem;line-height:2.2rem;} .swiper-pagination{text-align:right;right:0 !important;width:auto !important;left: auto !important;} .list_wrap h3 a{font-size: 1.8rem;line-height: 2.6rem;height:auto;overflow:hidden;} .list_wrap .summary{line-height: 2.2rem;font-size: 1.4rem;} .box,.box1{box-sizing: border-box;padding: 0 3%;} /*涓撻*/ .scroll{display:none;} .gupiao{display:none !important;} #box{margin-top:1rem} .box2{padding:1rem 0;} } @media only screen and (min-width: 100px) and (max-width: 768px){ .gupiaoNews{display:none;} .copyright{padding:20px 0;} .newsBox1 .HB .autoPlay li{height:22vh;} .eightBox{width:180px;} } /*鎵嬫満绔牱寮 end*/ /*鍏氬缓100鍛ㄥ勾 body{background:url(/cctgroup/uiFramework/commonResource/image/2021062414552364911.jpg) no-repeat top center;padding-top:180px;} .top{background:transparent;padding:0;} .top .comwidth{background:#f1f1f1;width:1182px;padding:15px 20px;} body{background-size:150% auto;padding-top:15vw;} .top .comwidth{width:auto;} .nav{background:none;} .nav .comwidth{background:#0068b7 linear-gradient(90deg, #0063af, #004b85);} */ .notice h2.tit{background:#fff;margin:0 auto;padding:40px 0 50px;} .notice h2.tit a{color:#d90104;display:block;line-height:48px;cursor:pointer;padding:0 18px;} .icon_BTN .comwidth{background:#fff;} .newsBG{background:#fff;} @media only screen and (min-width: 321px) and (max-width: 1024px){ .notice h2.tit{margin:0;padding:1em 0;} }