.con{ width: 1200px; margin: 0px auto; } .con1{ padding: 20px; box-sizing: border-box; background: #fff; margin: 20px auto 0px; } /*body{background: url(/uploads/image/sttimages/100.jpg) #f2f2f2 center top no-repeat;padding: 100px 0px 0px 0px;}*/ .con0 img{max-width: 100%;margin-top:20px;} .clear { clear:both; } .con1 .focus{position:relative;width:760px;height:385px;background-color:#000;float: left;} .con1 .focus img{width:760px;height:385px;} .focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;} .focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;} /*.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} */ /*.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#b0b0b0;font:12px/15px "\5b8b\4f53";text-decoration:none;text-align:center;outline:0;float:left;background:#d9d9d9;} */ /*.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;} */ .focus .fpic{position:absolute;left:0px;top:0px;} .focus .d1fbt{overflow:hidden;zoom:1;height:16px;z-index:10;} .focus .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:45px;line-height:45px;background:rgba(0,0,0,0.6); filter:progid:dximagetransform.microsoft.gradient( gradienttype = 0,startcolorstr = '#80000000',endcolorstr = '#80000000')\9;display:block;text-align:left;} .focus .shadow a{text-decoration:none;color:#fff;font-size:14px;overflow:hidden;margin-left:10px;} .focus .fcon{position:relative;width:100%;float:left;display:none;background:#000 } .focus .fcon img{display:block;} .focus .fbg{bottom:10px;right:40px;position:absolute;height:21px;text-align:center;z-index:200;} .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focus .d1fbt a{position:relative;display:inline;width:10px;height:10px;border-radius:50%;margin:0 5px;color:#b0b0b0;font:12px/15px "\5b8b\4f53";text-decoration:none;text-align:center;outline:0;float:left;background:#0166b6;} .focus .d1fbt .current,.focus .d1fbt a:hover{background:#fff;} .focus .d1fbt img{display:none} .focus .d1fbt i{display:none;font-style:normal;} /* 首页新闻轮播图banner */ .banner{ float: left; position: relative; width:760px; height: 435px; overflow: hidden; width: 760px; } .banner-list{ position: absolute; right: 15px; bottom: 20px; z-index: 15; } .banner-list li{ width: 7px; height: 7px; text-align: center; line-height: 20px; float: left; background: #fff; margin-right: 10px; border-radius: 50%; } .banner-list li a{color:#333;font-size: 0px;} .banner-list li.active{ background: #1673cf; color: #fff; } .banner-list li.active a{ color: #fff; } .banner-img img{ width:760px; height: 435px; } .banner-img li{ position: relative; } .banner-img .bg{ height: 54px; width: 100%; position: absolute; left: 0; bottom: 0; opacity: 0.7; filter:alpha(opacity=70); background: #000; z-index: 10; } .banner-img .text{ position: absolute; left: 0; bottom: 0; height: 54px; line-height: 54px; color: #fff; z-index: 11; padding-left: 10px; font-size: 16px; } .banner-img span{position:absolute;left:0;bottom:0;background: rgba(0,0,0,0.5);display:block;width:100%;height: 50px;line-height: 50px;padding-left: 20px;} .banner-img span a{font-size:16px;color:#fff} /*列表li公共样式*/ li.item{ height: 38px; line-height: 38px; /* border-bottom: 1px dashed #d4d4d4; */ padding-left:20px; position: relative; /*width: 100%;*/ } .con2_left .bd ul{margin:50px 0px 0px 0px;} .con2_left_1 .bd ul.no{margin: 10px 0px 0px 0px;} .con2 .con2_left li.item i.icon_j{ display: inline-block; width: 4px; height: 4px; top: 50%; position: absolute; left: 0; background: #2b5aaa; margin-top: -2px; font-size: 0px; } .con2 .con2_left li.item.hot1{padding:0px 0px 0px 45px;} .con2 .con2_left li.item.hot1 .icon_j{font-size:10px;width:40px;height:20px;line-height:20px;color:#fff;font-weight:bold;text-align:center;display:inline-block;background: #e2892a;border-radius: 3px;margin-top: -10px;} .twolist{display:none;} .newslist{margin:50px 0px 0px 0px;} .twolist ul{display:none;} .newslist li{height:39px;line-height:39px;position:relative;padding: 0px 0px 0px 20px;} .newslist li a{color:#333;font-size:16px;} /* .newslist li:after{display: inline-block;width: 4px;height: 4px;top: 50%;position: absolute;left: 0;background: #2b5aaa;margin-top: -2px;content:'';} */ .newslist li .li_time{float:right;font-size:14px;color:#666;} .newslist li .li_title{width:calc(100% - 100px);display: inline-block;} .con2_left_1 .bd ul.hide{display: none!important;} .newslist li .hot1{display:none;} .newslist li.hot .hot1{display:inline-block;} .newslist li i.icon_j{display: inline-block;width: 4px;height: 4px;top: 50%;position: absolute;left: 0;background: #2b5aaa;margin-top: -2px;font-size: 0px;} .con3_left .bd ul{margin:0;} li.item a{ color: #333333; display: block; font-size: 16px; /* line-height: 22px; */ } li.item a span.li_title{ display: inline-block; width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 100px); } li.item a span.li_time{ display: inline-block; /* float: right; */ position: absolute; /* bottom: 0; */ /* line-height: 40px; */ right: 0; font-size: 14px; color: #666666; /* top: calc(50% - 11px); */ /* vertical-align: middle; */ } li.item a em{padding: 0 7px;line-height: 18px;margin-left: 10px;word-break: initial;background:green;color:#fff;text-transform: uppercase;font-size: 12px;/* font-style: oblique; */border-radius: 2px;display:inline-block;width:38px;height:20px;background: center center no-repeat;vertical-align: text-bottom;box-sizing: border-box;} li.item a em.new{background: url(/uploads/image/sttimages/new.png) center center no-repeat;} /* li.item:hover{ border: 1px solid #0166b6; background: #e8f2fb; padding: 0px 20px 0px 30px; } */ li.item:hover a{ color: #0166b6; } li.item:hover i.icon_j{ /* left:15px; */ } /*首页标题样式*/ .i_bt{ height:35px; /* padding-top: 5px; */ border-bottom: 1px solid #54a3e1; position: relative; } .i_bt a.more{ float: right; color: #666; } .i_bt a.more:hover{ color: #0166b6; } .i_bt h3{ float:left; color:#666; font-weight: normal; font-size: 16px; font-size: 18px; font-weight: bold; color: #2b5aaa; } .i_bt:before{ content: ""; display: block; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #2b5aaa; position: absolute; bottom:0px; left: 30px; } /*选项卡 标题样式*/ .slidetxtbox{ position: relative; } .slidetxtbox .hd{ height: 40px; /* padding-top: 5px; */ /*line-height: 45px;*/ border-bottom: 2px solid #2b5aaa; font-size: 0px; } .slidetxtbox .hd ul{ float: left; font-size: 0px; } .slidetxtbox .hd ul li { display: inline-block; /* position:relative; */ color: #666; cursor: pointer; font-size: 16px; font-size: 18px; color: #666; color: #595959; font-weight: bold; width: 110px; height: 40px; text-align: center; line-height: 40px; } .slidetxtbox .hd ul li:after{background:#bababa;width:1px;height:20px;} .slidetxtbox .hd ul li a{ font-size: 18px; color: #666666; font-weight: normal; display: block; position:relative; font-weight: bold; } .slidetxtbox .hd ul li:before{ content: ""; display: block; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #2b5aaa; position: absolute; bottom: -12px; left: 30px; display: none; } .slidetxtbox .hd ul li a:after{ display: block; content: ""; width: 0px; height: 20px; border-right: 1px solid #bababa; position: absolute; right: 0px; top: 10px; } /* .slidetxtbox .hd ul li:last-of-type:after{ display: none; } */ .slidetxtbox .hd ul li.on>a{ background: #2b5aaa; color: #fff; } .slidetxtbox .hd ul li.on:after{display:none;} .slidetxtbox .hd ul li.on{ color: #2b5aaa; } .slidetxtbox .hd ul li.on:before{ /* display: block; */ } .slidetxtbox .bd a.more{ color: #666; position: absolute; right:10px; top:5px; } .slidetxtbox .bd a.more:hover{ color: #0166b6; } .slidetxtbox .hd ul li dl{position:absolute;top:72px;display: none;} .slidetxtbox .hd ul li dd{float:left;width:110px;height:30px;line-height:30px;background:#f4f4f4;margin:0px 10px 0px 0px;} .slidetxtbox .hd ul li dd a:after{display:none;} .slidetxtbox .hd ul li dd.on{background:#2b5aaa;} .slidetxtbox .hd ul li dd:hover{background:#2b5aaa;} .slidetxtbox .hd ul li dd.on a{color:#fff;} .slidetxtbox .hd ul li dd:hover a{color:#fff;} .slidetxtbox .hd ul li.on dl{display:block;} .con1_right{ float: right; width: 380px; height: 435px; overflow: hidden; } .con1_right li.item{ height: 42px; line-height: 42px; height: 68px; line-height: 24px; padding: 10px 0 10px 0px; box-sizing: border-box; max-height: 68px; height: 67px; border-bottom: 1px solid #d4d4d4; } .con1_right li.item:last-child{border-bottom:0;} .con1_right li.item:last-child{padding:10px 0px 0px 0px;} .con1_right li.item a{/* line-height: 24px; */width: 390px;} .con1 .con1_right li.item i.icon_j{display:none;} .con1_right li.item a span.li_title{ white-space:normal; width:100%; /* display: inline; */ /* width: 82%; */ vertical-align: middle; width: 310px; position: absolute; top: 50%; transform: translatey(-50%); } .con1_right li.item.hot a span.li_title,.con2_left li.item.hot a span.li_title{color:red;font-weight:bold} .con1_right li.item a span.li_time{top:calc(50% - 11px)} .con2{ padding-top: 20px; } .con2_left{ float: left; /* width: 365px; */ width: 783px; padding: 20px; box-sizing: border-box; background: #fff; height: 440px; } .con2_left li.item a span.li_time{line-height:36px} .con2_middle{ float: left; width: 365px; } .con2_right{ float:right; width: 400px; padding-bottom: 5px; /* border-bottom: 1px dashed #d4d4d4; */ overflow: hidden; background: #fff; padding: 20px; box-sizing: border-box; height: 440px; overflow: hidden; } .con2_right li.item{padding:20px 0px;height: 68px;max-height: 68px;} .con2_right li.item:last-child{border:0;} .con2_right li.item a span.li_title{width:100%;} .con2_right .i_bt:before { /* left: 45px; */ } .picscroll-left{ width:370px; position:relative; margin: 0 auto; } .picscroll-left .hd{ border: none; height: 0; position:0; } .picscroll-left .hd .prev,.picscroll-left .hd .next{ display: block; width: 15px; height: 15px; border-left: 1px solid #666; border-bottom: 1px solid #666; cursor:pointer; position: absolute; top: 40%; } .picscroll-left .hd .prev:hover,.picscroll-left .hd .next:hover{ border-left: 1px solid #0166b6; border-bottom: 1px solid #0166b6; } .picscroll-left .hd .prev{ left:-15px; transform: rotate(45deg); } .picscroll-left .hd .next{ right:-15px; transform: rotate(-135deg); } /*.picscroll-left .hd .prevstop{ } .picscroll-left .hd .nextstop{ background-position:-60px -50px; }*/ /*.picscroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picscroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: 0 -9px no-repeat; } .picscroll-left .hd ul li.on{ background-position:0 0; }*/ .picscroll-left .bd{padding:15px 0;padding: 42px 0 42px;overflow: hidden;} .picscroll-left .bd ul{ overflow:hidden; zoom:1; } .picscroll-left .bd ul li{margin: 0 1px;float:left;_display:inline;overflow:hidden;text-align:center;} .picscroll-left .bd ul li .pic{ text-align:center; } .picscroll-left .bd ul li .pic img{width:77px;height:77px;display:block;margin: 0 auto;width: 96px;height: 96px;} .picscroll-left .bd ul li .title a{line-height:25px;color: #666;font-size: 12px;display:block;font-size: 14px;color: #333333;line-height: 35px;} .con3_left{height:265px;} .con3_left .hd ul li:nth-child(3){width:150px;} .con3_left .bd{margin:5px 0px 0px 0px;} .con3_right .bd{margin:15px 0px 0px 0px;} .con3_right .bd li{border:0;font-size:20px;font-weight:bold;color:#333333;line-height: 54px;padding: 0px;height: 54px;} .con3_right .bd li img{vertical-align:middle;margin: 0px 20px 0px 0px;} .con3_right li.item:last-child{padding:0px;} .con3_right li.item a span.li_title{width:auto;} .con3_right{height:265px;border: 0;} .con3_right .bd .ul_1 li{float:left;width:50%;height: auto;text-align: center;max-height: unset;} .con3_right .bd .ul_1 li a{display:block;width:100%;} .con3_right .bd .ul_1 li img{width: 140px;height: auto;display: block;margin: 0 auto;} .con3_right .bd .ul_1 li .li_title{font-size:16px;display:block;position: relative;font-weight: normal;height: 20px;transform: translatey(0px);top: 0px;line-height: 20px;margin: 5px 0px 0px 0px;} /*专题banner*/ .zhuanti{ display:flex;justify-content:space-between; } .zhuanti a{ height:110px; overflow:hidden; } .zhuanti ul li a{ display: block; width: 100%; } .zhuanti .imgbox{margin-right:30px;} .zhuanti .imgbox:last-child{margin-right:0} .zhuanti img{/* height:140px; *//* width:100%; */} /*专题集锦*/ .con3{ margin: 0 auto 30px; } .con3 ul.zt_list{ font-size: 0; padding: 30px 0px; } .con3 ul.zt_list li{ display:inline-block; margin-right:30px; width: 275px; height:180px; overflow: hidden; } .con3 ul.zt_list li:last-of-type{ margin-right: 0; } .con3 ul.zt_list li a{ display:block; width:100%; height: 100%; } .con3 ul.zt_list li a img{ width: 100%; height: 100%; transition: all 1s; transform: scale(1.0); } .con3 ul.zt_list li:hover a img{ transform: scale(1.2); } /* .con4{ } .con4 .con4_left{ float: left; width: 465px; margin-right:30px; } */ .i_bt a{ float:left; color:#666; font-weight: normal; font-size: 16px; font-size: 18px; font-weight: bold; color: #2b5aaa; } .con4 .con4_left,.con4_right{ padding-top: 25px; float: left; width: 886px; } .con4_left ul.zt_list{ font-size: 0; padding: 25px 0px; } .con4_left ul.zt_list li{ display:inline-block; margin-right:30px; width: 275px; height:180px; overflow: hidden; } .con4_left ul.zt_list li:last-of-type{ margin-right: 0; } .con4_left ul.zt_list li a{ display:block; width:100%; height: 100%; } .con4_left ul.zt_list li a img{ width: 100%; height: 100%; transition: all 1s; transform: scale(1.0); } .con4_left ul.zt_list li:hover a img{ transform: scale(1.2); } .con4 .con4_middle{ float: left; width:465px; } .con4 .con4_right{ float: right; width: 280px; } .con4 .con4_right ul{ font-size: 0; padding: 21px 0 20px 0px; border-bottom: 1px dashed #d4d4d4; padding: 16px 0; padding-top: 0; } .con4 .con4_right ul li{ display: inline-block; border-bottom: 1px dashed #d4d4d4; width: 104px; border-right: 1px dashed #d4d4d4; text-align: center; padding: 21px 0px 17px 0px; width: 93px; box-sizing: border-box; } .con4 .con4_right ul li:nth-child(3n){ border-right: none; } .con4 .con4_right ul li:nth-child(4),.con4 .con4_right ul li:nth-child(5),.con4 .con4_right ul li:nth-child(6){ border-bottom: none; padding-bottom: 0; } .con4 .con4_right ul li:nth-child(2),.con4 .con4_right ul li:first-of-type{ padding-top: 0; } .con4 .con4_right ul li a{ display: block; color: #666; color: #333333; font-size: 12px; font-weight: bold; } .con4 .con4_right ul li a span{ display: block; } .con4 .con4_right ul li a .icon_span{ width:75px; height: 43px; overflow: hidden; margin: 0px auto; margin-bottom: 5px; text-align:center; line-height:43px } .con4 .con4_right ul li a .icon_span img{max-width:100%;max-height:100%;vertical-align:middle;} .con5{ padding-top: 30px; } .banxuebox .hd h4{ width: 248px; height: 109px; line-height: 109px; text-align: center; color: #fff; font-size: 24px; float:left; background: url(/uploads/image/sttimages/bx_bg.jpg) no-repeat; display: none; } .banxuebox .hd ul{ float: left; font-size: 0; } .banxuebox .hd ul li{ display: inline-block; width: 298.6px; height: 77px; border: 1px solid #1673cf; border-left: none; padding: 15px 0px; cursor: pointer; } .banxuebox .hd ul li:first-of-type{border-left:1px solid #1673cf} .banxuebox .hd ul li span.bx_icon{ display: block; width: 53px; height: 45px; margin: 0 auto; background: url(/uploads/image/sttimages/bx_icons.png) no-repeat; } .banxuebox .hd ul li .bx_span1{ display: block; margin-top:5px; color: #666; line-height: 30px; text-align: center; font-size: 16px; color: #333; font-weight: bold; } .banxuebox .hd ul li:nth-child(2) span.bx_icon{ background-position:-54px 0px; } .banxuebox .hd ul li:nth-child(3) span.bx_icon{ background-position:-105px 0px; } .banxuebox .hd ul li:nth-child(4) span.bx_icon{ background-position:-149px 0px; } .banxuebox .hd ul li:nth-child(5) span.bx_icon{ background-position:-195px 0px; } .banxuebox .hd ul li.on{ background: #f4f4f4; border-bottom:1px solid #f4f4f4; } .banxuebox .hd ul li:first-of-type.on span.bx_icon{ background-position:0px -42px; } .banxuebox .hd ul li:nth-child(2).on span.bx_icon{ background-position:-54px -42px; } .banxuebox .hd ul li:nth-child(3).on span.bx_icon{ background-position:-105px -42px; } .banxuebox .hd ul li:nth-child(4).on span.bx_icon{ background-position:-149px -42px; } .banxuebox .hd ul li:nth-child(5).on span.bx_icon{ background-position:-195px -42px; } .banxuebox .bx_con{ background: #f4f4f4; padding: 30px 0px 20px 30px; position: relative; } .banxuebox .bx_con1{ padding-left: 0px; } .jc_scorll2{ position:relative; margin: 0 auto; width: 1140px; } .jc_scorll2 .bhd{ border: none; height: 0; position:0; } .jc_scorll2 .bhd .bprev, .jc_scorll2 .bhd .bnext{ display: block; width: 15px; height: 15px; /*border-left: 1px solid #666; border-bottom: 1px solid #666;*/ cursor:pointer; position: absolute; top:45%; } .jc_scorll2 .bhd .bprev:hover, .jc_scorll2 .hd .bnext:hover{ /*border-left: 1px solid #0166b6; border-bottom: 1px solid #0166b6;*/ } .jc_scorll2 .bhd .bprev{ left:-15px; /*transform: rotate(45deg);*/ width: 20px;height: 25px;background: url(/uploads/image/sttimages/icon-left.png) left center no-repeat;background-size: contain; } .jc_scorll2 .bhd .bnext{ right: -20px; /*transform: rotate(-135deg);*/ z-index: 99; width: 20px;height: 25px;background: url(/uploads/image/sttimages/icon-right.png) right center no-repeat;background-size: contain; } .jc_scorll2 .bhd .bprev:hover{background: url(/uploads/image/sttimages/icon-left1.png) left center no-repeat;background-size: contain;} .jc_scorll2 .bhd .bnext:hover{background: url(/uploads/image/sttimages/icon-right1.png) right center no-repeat;background-size: contain;} .banxuebox ul.sj_list{ font-size: 0; } .banxuebox ul.sj_list li{ background: #fff; width: 183px; background: #fff; margin-right: 20px; display: inline-block; padding: 15px; } .banxuebox ul.sj_list li a{ color: #666; } .banxuebox ul.sj_list li a .js_img{ display: block; margin: 0 auto; display: block; width: 106px; /* height: 106px; */ /* border-radius: 50%; */ overflow: hidden; height: 148.4px; } .banxuebox ul.sj_list li a .js_img img{ margin: 0 auto; display: block; width: 100%; height: 100%; transition: all 1s; transform: scale(1.0); overflow: hidden; } .banxuebox ul.sj_list li a .js_img:hover img{ transform: scale(1.2); } .banxuebox ul.sj_list li a .js_name{ font-size: 16px; margin: 10px 0px; text-align: center; display: block; } .banxuebox ul.sj_list li a .js_summary{ line-height: 25px; height: 125px; overflow: hidden; } .banxuebox ul.sj_list li .js_more{ display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; background: #c2c2c2; border-radius: 15px; color: #fff; margin: 0 auto; font-size: 12px; } .banxuebox ul.sj_list li .js_more:hover{ background: #1673cf; } /*2*/ .banxuebox ul.banci_list{ font-size: 0; padding-left:15px; } .banxuebox ul.banci_list li{ display: inline-block; width:350px; height: 195px; margin-right: 30px; position: relative; } .banxuebox ul.banci_list li:nth-child(3n){ margin-right: 0; } .banxuebox ul.banci_list li:first-of-type{margin-bottom: 30px;} .banxuebox ul.banci_list li:nth-child(2){margin-bottom: 30px;} .banxuebox ul.banci_list li:nth-child(3){margin-bottom: 30px;} .banxuebox ul.banci_list li .bc_img{ display: block; width: 350px; height: 195px; overflow: hidden; } .banxuebox ul.banci_list li .bc_img img{ width: 100%; height: 100%; } .banxuebox ul.banci_list li .bc_title{ height: 30px; line-height: 30px; background: rgba(0,0,0,0.7); color: #fff; padding-left: 20px; display: block; position: absolute; bottom: 0; left: 0; width:330px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*3*/ .con5 .focus{position:relative;width:440px;height:340px;background-color:#000;float: left;margin-right:30px;height: 286px;width: 550px;} .con5 .focus img{width:440px;/* height:340px; */height: 287px;width: 100%;} .hezuobox .jd_right li:last-child{border-bottom:0} .jd_right{ float: right; width: 675px; width: 550px; margin-right: 30px; } .jd_right .i_bt{ line-height:0px; height: 20px; padding-top: 5px; } .jd_right .jd_rtop .i_bt:before{ display: none; } .jd_right .jd_summary{ padding:5px 0px 10px 0px; line-height: 22px; height: 88px; overflow: hidden; color: #666; } .jd_right .jd_bt2:before{ left: 42px; } .hezuo a{/* font-weight:400; *//* font-size: 18px; */} .banxuebox .hezuobox{padding-bottom: 5px;} .hezuobox #certify{width: 460px;height: 200px;float:left;margin-left: 45px;} /*4*/ .jc_scorll{ width:1100px; position:relative; margin: 0 auto; } .jc_scorll .bhd{ border: none; height: 0; position:0; } .jc_scorll .bhd .bprev,.jc_scorll .bhd .bnext{ display: block; width: 15px; height: 15px; /* border-left: 1px solid #666; border-bottom: 1px solid #666; */ cursor:pointer; position: absolute; top: 40%; } .jc_scorll .bhd .bprev:hover,.jc_scorll .hd .bnext:hover{ /* border-left: 1px solid #0166b6; border-bottom: 1px solid #0166b6; */ } .jc_scorll .bhd .bprev{ left:-15px; /* transform: rotate(45deg); */ background: url(/uploads/image/sttimages/icon-left.png) center center no-repeat; width: 20px; height: 20px; background-size: contain; } .jc_scorll .bhd .bnext{ right:-15px; /* transform: rotate(-135deg); */ background: url(/uploads/image/sttimages/icon-right.png) center center no-repeat; width: 20px; height: 20px; background-size: contain; } .jc_scorll .bhd .bprev:hover{background: url(/uploads/image/sttimages/icon-left1.png) center center no-repeat;background-size: contain;} .jc_scorll .bhd .bnext:hover{background: url(/uploads/image/sttimages/icon-right1.png) center center no-repeat;background-size: contain;} .jc_scorll .bbd{ padding:15px 0; } .jc_scorll .bbd ul{ } .jc_scorll .bbd ul li{ margin:0 35px; float:left; overflow:hidden; text-align:center; width: 150px;} .jc_scorll .bbd ul li .pic{ text-align:center; } .jc_scorll .bbd ul li .pic img{ width:150px; height:200px; display:block; margin: 0 auto; box-shadow: 0px 0px 10px #333;} .jc_scorll .bbd ul li .title a{ line-height:30px; color: #666;font-size: 14px; display:block; padding-top: 10px; } /*5*/ footer{ background: #2b5aaa; color: #fff; text-align: center; padding: 20px 0px 0px 0px; } footer .f_con{ width: 100%; margin: 0 auto; font-size: 12px; line-height: 50px; background: #214997; } footer p{ font-size: 12px; line-height: 50px; } footer .f_con a{font-size: 12px;color:#fff} footer img{ margin: 0px 10px; } footer .f_con img{vertical-align:middle;margin: -1px 0px 0px 20px;} /*弹出窗口*/ body{ position: relative; } #fabg{ background-color:rgba(102,102,102,0.8); position: absolute; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; display: none; } #fadiv{ display: block; position:fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9999; display: none; } #fadiv a{ display: block; } #fadiv a img{ width: auto; height: auto; } #fadiv .faclose{ position: absolute; font-size: 24px; color: #000; right: -20px; top: -30px; } .container .z_more{float:right;color: #2b5aaa;font-size: 12px;font-weight: normal;line-height: 40px;} .container .z_more:hover{color:#1673cf;} .banner_z{padding:30px 0px 0px 0px;} .banner_z img{width:100%;} .showy{position: fixed;bottom:0px;right: 0px;max-width:300px;} .showy img{width: 100%;} .showy .close{width:15px;height: 15px;background: url(/uploads/image/sttimages/gzclose1.png) center center no-repeat;display: block;position: absolute;right: 5px;top:15px;} .leftimg{position: fixed;top:50%;transform: translatey(-50%);z-index: 99999999999;right: 0;} .leftimg .close{position:absolute;right: 4px;top:0px;font-size: 20px;color: #fff;line-height: 20px;cursor: pointer;} @media(max-width:1024px){ .showy{display: none;} .banner_z{padding: 0px;width: 92%!important;margin: 0 auto;} .zhuanti{width:92%!important;} /*body{background: url(/uploads/image/sttimages/100.jpg) #f2f2f2 center top no-repeat;background-position-x: -400px;background-size: 1000px;padding: 13.2vw 0px 0px 0px;}*/ }