.banner{background:url(/cctgroup/resource/cms/2017/12/2017120510270596531.jpg) top center no-repeat;height:352px;} #banner{position:relative;} .box1_left{width: 685px;padding-top:10px;} .box1_right{width: 515px;} .box_top{padding:70px 0;} /*椤甸潰椤堕儴鏂囧瓧*/ .art_intro{padding: 3em 9em;} .art_intro .txt{line-height: 30px;font-size: 16px;color: #333;text-indent:2em;} /*鍥剧墖鏂伴椈*/ .newsBox{width:100%;position:relative;} .newsBox .HB{overflow:hidden;} .newsBox .HB .autoPlay li{float:left;position:relative;width:100%;} .newsBox .HB .autoPlay li .Image img{display:block;width:100%;height:380px;} .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 h3 a{font-size: 22px;font-weight: normal;line-height: 42px;height:42px;overflow:hidden;display:block;} .list_wrap .summary{line-height: 32px;font-size: 16px;color: #919191;padding: 5px 0 10px;border-bottom: 1px solid #dcdcdc;margin-bottom: 10px;text-indent:2em;} .list li{color: #333;overflow: hidden;width: 100%;text-indent:1em;background:url(/cctgroup/resource/cms/2017/10/dian.png) 0 17px no-repeat;height:38px;*height:32px;} .list li a{float: left;font-size: 16px;color: #333;line-height: 38px;*line-height:32px; -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 17px no-repeat;} .list li:hover a{color: #2373d2;} .box1{background: #f7f7f7 url(/cctgroup/resource/cms/2017/10/df.png) top center no-repeat;padding:80px 0;} #box2{padding:70px 0;} /*璐d换瀹炶返*/ .shiJian{overflow: hidden;} .shiJian li{float: left;width: 278px;margin-right: 30px;position: relative;} .shiJian li p{width: 278px;height: 339px;overflow: hidden;} .shiJian li img{width: 278px;height:339px;display: block;} .shiJian li span{display: block;text-indent: 1em;background: #f5f5f5 url(/cctgroup/resource/cms/2017/11/dfsd.png) bottom right no-repeat;} .shiJian li span a{line-height: 62px;font-size: 24px;color: #005495;cursor: default;} .shiJian li .bg{display: block;position: absolute;width: 100%;background-color: rgba(0,0,0,0.6);height: 340px;top: 0;left: 0;display: none;} .shiJian li .bg span{border: 1px solid #fff700;width: 100px;margin: 160px auto;color: #fff;border-radius: 10px;} /*绀句細璐d换鎶ュ憡*/ .baoGao{overflow: hidden;} .baoGao li{overflow: hidden;float: left;width: 48%;margin: 0 10px;border: 1px solid #eee;position:relative;} .baoGao li img{float: left;width: 45%;height:378px;object-fit:cover;} .baoGao li .baoGaoText {width: 54%;} .baoGao li .baoGaoText p{padding: 20px 20px;line-height: 30px;px;} .baoGao li .baoGaoText a{display: block;position:absolute;right: 20px;bottom: 15px;} .picScroll-left{position: relative;} .picScroll-left .hd a{display: none;position: absolute;width: 40px;height: 40px;z-index: 9999;top: 50%;} .picScroll-left .hd a.next{right:0;background: url(/cctgroup/resource/cms/2017/11/youjiantou.png) center center no-repeat;} .picScroll-left .hd a.prev{left:0;background: url(/cctgroup/resource/cms/2017/11/zuojiantou.png) center center no-repeat;} .picScroll-left:hover .hd a{display: block;} @media only screen and (min-width: 321px) and (max-width: 1024px){ .box_top,#box2{width:96%;margin:0 auto;padding: 1rem 0;} .art_intro .txt{line-height: 3rem;font-size: 1.6rem;} .shiJian li{float: none;width: 70%;margin: 1rem auto !important;border: 1px solid #696969;border-radius: 2rem;font-weight: bold;} .shiJian li p{display: none;} .shiJian li span{text-align: center;text-indent: 0;border-radius: 2rem;} .shiJian li span a{line-height: 3rem;font-size: 1.7rem;} .shiJian li .bg{display: none !important;} .shiJian li .bg span{display: none;} .box1_left{width: 96%;float:none;margin:0 auto;} .box1_right{width: 96%;float:none;margin:0 auto;} .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 a.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: 2rem;height:auto;margin-top:1rem;} .list_wrap .summary{line-height: 2.6rem;font-size: 1.4rem;m;padding: 1rem 0;padding-bottom: 1rem;margin-bottom: 1rem;} .list li{line-height: 3rem;width: 100%;text-indent: 1em;background:url(/cctgroup/resource/cms/2017/10/dian.png) 0 center no-repeat;height: 3rem;overflow: hidden;} .list li a{font-size: 1.6rem;} .list li span{display:none;} .art_intro{padding:1rem 2rem;} .box1{padding:1rem 0;} .baoGaoPhone{display:block;} .picScroll-left{display:none;} .baoGaoPhone li{margin: 1rem;border: 1px solid #eee;padding: 10px;} .baoGaoPhone li img{display: block;width: 90%;margin: 0 auto;} }