@charset "utf-8"; /* CSS Document */ /*--------------- 总体 ---------------*/ body{ position:relative; width:100%; font-family: "微软雅黑"; font-size: 14px; background:#ffffff; color:#777; overflow-x:hidden; } .en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; } .container{width: 100%;max-width: 1920px;margin: 0 auto;position: relative;height: auto;overflow: hidden;} a { text-decoration:none; } h3, h4, h5 { font-weight:normal; } .cl{clear: both} .blank{ clear: both; overflow: hidden} .blank10{height:10px; line-height: 10px; clear: both; overflow: hidden} .blank20{height:20px; line-height: 20px; clear: both; overflow: hidden} .blank40{height:40px; line-height: 40px; clear: both; overflow: hidden} .wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper-sub{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper2{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;} .mt50{margin-top: 50px;} .mt70{margin-top: 70px;} img{vertical-align: middle} .fl{float: left;} .fr{float: right;} .iflex{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;flex-flow:wrap} .ianimation{transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s;} header{width: 100%;overflow: hidden;height:auto;background: #fff;margin: 0 auto} .itop{height:auto;width: 100%;margin:0 auto;padding: 0;overflow: hidden;display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;} .itop_l{float: left;width: 31.25%;margin-top: 10px;} .itop_r{float: right;width:55%;display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between;margin-top: 5px;} .ilogo{float: left;height: auto;overflow: hidden; background:url("../images/top_bg.jpg")right center no-repeat;height:68px;padding:20px 0;width:50%;} .ilogo a:nth-of-type(2) img{margin-left:15px;} .isearch{float: right;width: 365px;height: 61px;background: #fff;margin-top:23px;position: relative} .isearch form input[type=submit]{background: url("../images/search_ico.png")center center no-repeat;width: 33px;height: 33px;position: absolute;left:15px;top:15px;border:0;cursor: pointer} .isearch form input[type=text]{width: calc(100% - 60px);position: absolute;left:60px;top:0;height:60px;line-height:60px; border:0;font-size: 16px;text-indent: 1em} .isearch form:before{position: absolute;left:60px;top:13px;height:40px;width:2px;background: #e4e4e4;display: inline-block;content: "";z-index: 3;} nav{background: #d61818;height: 60px;width: 100%;} nav ul{width:1200px;margin: 0 auto;} nav ul li{width: 10%;text-align: center;margin:0 auto;position:relative} nav ul li a{display: block;height: 60px;line-height: 60px;color: #fff;font-size:18px;} nav ul li:hover a{background: #c50b0b;} nav ul li.active a{background: #c50b0b;} /*--------------- banner ---------------*/ .banner_slider { width:100%; height:450px; position:relative; overflow:hidden; background:#fff; text-align:center; } .banner_slider .bd { width:1060px; position:absolute; left:50%; margin-left:-530px } .banner_slider .bd li { width:1060px; overflow:hidden; position:relative; } .banner_slider .bd li img { display:block; width:1060px; height:450px; } .banner_slider .tempWrap { overflow:visible !important } .banner_slider .tempWrap ul { margin-left:-1060px !important; } .banner_slider .hd { display:block; position:absolute; width:1060px; left:50%; margin-left:-530px; z-index:1; height:110px; bottom:0px; background:rgba(125,0,74,0.7) center 0; text-align:left; } .banner_slider .hd h2 { color:#fff; margin-left:20px; font-size:20px; margin-top:20px; margin-bottom:10px; } .banner_slider .hd p { color:#fff; margin-left:20px; text-align:left; } .banner_slider .pnBtn { position:absolute; z-index:1; top:0; width:100%; height:450px; cursor:pointer; } .banner_slider .prev { left:-50%; margin-left:-530px; } .banner_slider .next { left:50%; margin-left:530px; } .banner_slider .pnBtn .blackBg { display:block; position:absolute; left:0; top:0; width:100%; height:450px; background:#000; filter:alpha(opacity=50); opacity:0.7; } .banner_slider .pnBtn .arrow { display:none; position:absolute; top:40%; z-index:1; width:30px; height:87px; } .banner_slider .pnBtn .arrow:hover { filter:alpha(opacity=100); opacity:1; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {background-image:url("../eleimg/left-arrow.png");width:34px;height:84px;left:0px;top:45%; background-size: 100% 100%;z-index:2;left: auto;opacity: 0} .swiper-button-next.swiper-button-white{background-image: url("../eleimg/right-arrow.png");width:34px;height:84px;background-size: 100% 100%;right:0;left: auto} .swiper-container:hover .swiper-button-prev.swiper-button-white, .swiper-container:hover .swiper-button-next.swiper-button-white{opacity: 1} .swiper-slide img{width: 100%;height:100%} .phone_top{display: none;height:80px;padding:10px 0;background: #fff;position: relative;} .phone_top .logo{float: left;margin-left: 15px;margin-top: 15px;} .pc_top{width: 100%;height:auto;overflow: hidden;} .pc_top img{width: 100%;} .pc_top img.phb{display: none} header button { position:absolute; right:10px; top:35px; display:inline-block; width:45px; height:24px; line-height:10px;display: none; } header button span{display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #a00f0f} .part01{width: 100%;height: auto;overflow: hidden;} .part01-l{width:67.5%;margin-top:2%;} .part01-r{width:26%;padding:2%;background: #fff4f4;} .index-title{border-bottom: #c50b0b 1px solid;position: relative;padding-bottom: 15px;margin-bottom:30px;height:35px;} .index-title h2{font-size:26px;float: left;color: #000;text-indent:0.8em} .index-title span{float: right;font-size:18px;color: #c50b0b;margin-top: 8px;} .index-title h2:before{content: "";width: 10px;height: 18px;background: #c50b0b;position: absolute;left: 0;bottom:-5px;} .p1_two_l{width:57%;position: relative;} .p1_two_l div.wy_z{height:60px;background:rgba(0,0,0,0.6);line-height: 60px;position: absolute;left:0;bottom:0;z-index: 2;width:100%;} .p1_two_l div.wy_z h2{color: #fff;font-size: 16px;text-align: left;width:94%;padding-left:20px;} .p1-list{width: 40%;height:auto;overflow: hidden} .p1-list ul li{margin-bottom: 15px;} .p1-list ul li:last-of-type{margin-bottom: 0;} .p1-list ul li h2{font-size:18px;color: #333;display: -webkit-box;display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .p1-list ul li p{display: block;width: 100%;position:relative;margin-top:10px;font-size:16px;color:#bbb} .p1-list ul li p:before{content: "";display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom:3px;background:url("../eleimg/time_ico.png")top center no-repeat;width: 14px;height: 14px;background-position:0 0;} .p1-list ul li p:after{content:"";width: calc(100% - 120px);height: 1px;background: #c4c4c4;margin-top: 10px;float: right;} .p1-list ul li:hover h2{color: #c50b0b;} .p1-list ul li:hover p{color: #c50b0b;} .p1-list ul li:hover p:before{content:"";background:url("../eleimg/time_ico.png")top center no-repeat;background-position:100% 100%;} .p1-list ul li:hover p:after{content:"";background: #c50b0b;} .p1-r-list{width: 100%;height:auto;overflow: hidden} .p1-r-list ul li{margin-bottom: 15px;} .p1-r-list ul li:last-of-type{margin-bottom: 0;} .p1-r-list ul li h2{font-size:18px;color: #333;display: -webkit-box;display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2;line-height:34px;} .p1-r-list ul li p{display: block;width: 100%;position:relative;margin-top:10px;font-size:16px;color: #d6afaf} .p1-r-list ul li p:before{content: "";display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom:3px;background:url("../eleimg/time_ico2.png")top center no-repeat;width: 14px;height: 14px;background-position:0 0;} .p1-r-list ul li p:after{content:"";width: calc(100% - 120px);height: 1px;background: #d6afaf;margin-top: 10px;float: right;} .part02{width: 100%;margin-top:20px;height: auto;overflow: hidden;} .part02 ul{position: relative} .part02 ul li{width: 48%;border-bottom:#ddd 1px solid;padding-bottom:15px;margin-bottom:15px;height: auto;overflow: hidden} .part02 ul:before{background: #ddd;height:90%;width: 1px;position: absolute;left: 0;top: 0;right: 0;content: "";margin: 0 auto} .part02 ul li h2{width:83%;float: left;color:#333;font-size: 18px;display: -webkit-box;display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .part02 ul li h2:before{content:"";background: #5c5c5c;width: 6px;height: 6px;border-radius:50%;display: inline-block;margin-right: 10px;margin-bottom:3px;vertical-align: middle} .part07 ul li h2:before{content:"";background:url("../eleimg/party_ico.png")center center no-repeat;width:14px;height:14px;border-radius:50%;display: inline-block;margin-right: 10px;margin-bottom:3px;vertical-align: middle;border-radius:0} .part02 ul li p{width: 17%;float: right;color:#bbb;font-size: 16px;} .part02 ul li:hover h2{color:#c50b0b} .part02 ul li:hover p{color:#c50b0b} .part02 ul li:hover h2:before{background:#c50b0b} .part07 ul li:hover h2:before{content:"";background:url("../eleimg/party_ico.png")center center no-repeat;} .part02 ul li:nth-child(7){border-bottom: 0;} .part02 ul li:nth-child(8){border-bottom: 0;} .part03{background: url("../eleimg/p3_bg.jpg")center center no-repeat;width: 100%;height: 474px;overflow: hidden;position: relative;margin-top: 20px;} .part03 .index-title{margin-top: 25px;} .part03 ul li{width: 23%;text-align: center;overflow: hidden;background: #fff;margin-top:15px;} /* 如果最后一行是3个元素 */ .part03 ul li:last-child:nth-child(4n - 1) { margin-right: calc(23% + 8% / 3); } /* 如果最后一行是2个元素 */ .part03 ul li:last-child:nth-child(4n - 2) { margin-right: calc(46% + 16% / 3); } .part03 ul li img{width: 100%;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;} .part03 ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);} .part03 ul li div{padding:20px 15px;position:relative;border-top:#d61818 1px solid;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;} .part03 ul li div:before{content:"";position: absolute;left: 0;top:0;background: #d61818;height: 6px;width: 60px;z-index:1;} .part03 ul li div h2{font-size: 17px;color:#333;line-height:30px;text-align: left;margin: 0 auto} .part03 ul li div span{background: #d61818;text-align: center;color: #fff;width:60px;height:30px;line-height:30px;position: absolute;right: 0;bottom: 0;z-index: 2;} .part03 ul li:hover div{background: #d61818;} .part03 ul li:hover div h2{color: #fff} .part04{width: 100%;height: auto;overflow: hidden;position: relative;margin:30px auto} .part04-l{width: 45%;} .part04-r{width: 53%;} .part05{width: 100%;height: auto;overflow: hidden;position: relative;margin:0 auto} .part05 img{width: 100%;} .sslist{width: 100%;height:295px;overflow: hidden} .ssgy{width: 48%;margin-top:0px;} .ssgy ul{position: relative;height: 100%} .ssgy ul li{height: 100px;position: relative;width: 100%;} .ssgy ul li:first-of-type{position: absolute;left: 0;top:0;z-index: 2;} .ssgy ul li:last-of-type{position: absolute;left: 0;top:auto;bottom:0;z-index: 1;} .ssgy ul li img{width: 114px;height: 86px;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;} .ssgy ul li:first-of-type img{position: absolute;left: 0;top:105px} .ssgy ul li:last-of-type img{position: absolute;right:0;left: auto;top:auto;bottom:105px} .ssgy ul li h2{padding:15px 15px 25px 15px;height: 40px;line-height: 26px;color: #fff;font-size: 16px;background: #d61818;position: absolute;left: 0;top: 0;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;} .ssgy ul li:last-of-type h2{position: absolute;bottom: 0;top: auto} .ssgy ul li i{ transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s; position: absolute; left:20px;bottom:0;right: auto; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; margin-right:20px; border-color: #d61818 transparent transparent transparent; } .ssgy ul li:last-of-type i{ position: absolute; left:auto;top: 0;right: 0; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; margin-left:20px; border-color: transparent transparent #d61818 transparent; } .ssgy ul li:first-of-type:hover h2{top:10px} .ssgy ul li:last-of-type:hover h2{bottom:10px;} .ssgy ul li:first-of-type:hover i{bottom:-10px} .ssgy ul li:last-of-type:hover i{top:-10px;} .p4-list ul li{width: 100%;border-bottom:#ddd 1px solid;padding-bottom:15px;margin-bottom:15px;height: auto;overflow: hidden} .p4-list ul li h2{width:83%;float: left;color:#333;font-size: 18px;display: -webkit-box;display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .p4-list ul li h2:before{content:"";background: #5c5c5c;width: 6px;height: 6px;border-radius:50%;display: inline-block;margin-right: 10px;margin-bottom:3px;vertical-align: middle} .p4-list ul li p{width: 17%;float: right;color:#bbb;font-size: 16px;} .p4-list ul li:hover h2{color:#c50b0b} .p4-list ul li:hover p{color:#c50b0b} .p4-list ul li:hover h2:before{background:#c50b0b} .p4-list ul li:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;} .list-video ul li{width:31%;background: #f4f4f4;padding:0;height: auto;overflow: hidden;margin:10px auto 0 auto;position: relative} /* 如果最后一行是3个元素 */ .list-video ul li:last-child:nth-child(3n - 1) { margin-right: calc(31% + 7% / 2); } /* 如果最后一行是2个元素 */ .list-video ul li:last-child:nth-child(3n - 2) { margin-right: calc(31% + 74% / 2); } .list-video ul li img{width: 100%;height:209px;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;} .list-video ul li span{background: url("../eleimg/play_ico.png")center center no-repeat;width: 60px;height: 60px;position: absolute;left: 0;right: 0;top:-100%;z-index: 2;display: block;margin: 0 auto;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;} .list-video ul li:hover span{top: 30%} .list-video ul li:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);} .list-video ul li h2{background: #f4f4f4;padding:15px 20px;color: #333;line-height:32px;font-size: 18px;transition-duration: .3s;-webkit-transition-duration: .3s; -o-transition-duration: .3s;-ms-transition-duration: .3s; -moz-transition-duration: .3s;} .list-video ul li:hover h2{background: #c50b0b;color: #fff} .list-video ul li:hover{cursor:pointer} .videos{ position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-225px; width:800px; height:450px;z-index:9999;display:none;} .vclose { position:absolute;right:1%; top:-8%; cursor: pointer; } .theme-popover-mask {z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=40);display:none} .part07 {width: 100%;height:auto;margin:30px auto 0 auto;overflow: hidden;} .part06 .index-title{margin: 25px auto} .part08 .index_pic1{width: 100%;} .part08 .index_pic1 a#fg1{width: 50%;float: left;margin-left: 0;} .part08 .index_pic1 a#fg3 img{height:239px} .part08-list a{display: block;width: 24%;float: left;margin-left:1%;} .part08-list a#fg5{margin-top:18px;} .part08-list a#fg4{margin-top:18px;} .part08 .index_pic1 img{height: 239px;object-fit: cover} .part08 .index_pic1 a#fg1 img{height:497px;object-fit: cover} .part08 .index_pic1:nth-of-type(2){width: 24%;margin-left:1%;} .part08 .index_pic1:nth-of-type(3){width: 24%;margin-left:1%;} .part08 img{width: 100%;} footer{background: url("../eleimg/foot_bg.jpg")center center no-repeat;height:100px;padding:44px 0;text-align: center} footer p{color: #fff;font-size: 18px;margin-top:30px;} .sub{background: #f9f9f9;} .list-tt{background: none;height: auto;overflow:hidden} .list-tt ul li{margin-bottom: 20px;} .mbx{background: #fbf3de;width: 100%;padding:20px 0 ;text-align:left;font-size: 16px;color: #333;} .mbx_z a{margin: 0 5px;display: inline-block;line-height:30px;font-size:16px;color: #333;} .mbx_z:before{content: ""; display: inline-block;content: "";background: url("../eleimg/mbx-ico.png")center center no-repeat;vertical-align: middle;margin-bottom: 5px;margin-right: 10px;width: 14px;height: 21px;} .typename{color: #700000;font-size: 30px;border-bottom: #ddd 1px solid;margin-bottom:20px;padding-bottom: 20px;text-align: center;margin-top: 35px;height: auto;overflow: hidden} .list-tt-video ul li{margin-top: 20px;} .sub .list-bg{background: #ffffff;padding:0 30px} .list-list ul li{width: 100%;border-bottom: #ddd 1px solid;margin-bottom:20px;padding-bottom:20px;height: auto;overflow: hidden} .list-list ul li h2{color: #333;font-size: 16px;float: left;width: 83%;display: inline-block} .list-list ul li h2:before{content: "";background: #ccc;border-radius: 50%;display: inline-block;margin-right: 10px;margin-bottom:3px;width: 6px;height: 6px;} .list-list ul li p{width: 17%;text-align: right;float: right;color: #999;font-size: 14px;} .list-list ul li:hover h2{color: #c50b0b;} .list-list ul li:hover p{font-weight: bold;color: #c50b0b;} .list-list ul li:hover h2:before{content: ""; background:#c50b0b;} .list-list ul li:last-child{border-bottom: 0;} .list-list{margin-top:30px;} .article_t{text-align: center;width: 100%;height: auto;overflow: hidden;margin: 50px auto;} .article_t h1{font-size: 30px;color: #111;text-align: center;line-height: 36px} .article_t p{font-size: 16px;color: #999;margin-top: 15px;} .fck{width: 100%;height: auto;overflow: hidden;position: relative} .fck div,.fck p{ line-height: 30px !important; font-size: 16px !important; color: #2f2f2f;} .fck table tr td{border:#ddd 1px solid;padding: 12px !important;vertical-align:middle;} .p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; } .page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#c50b0b; color:#fff; } .page span{display:inline-block;} .p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_fun_d a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_fun_d:hover{ background: #c50b0b; color:#fff; } .p_fun_d a:hover,.p_fun_d.thisclass a { background:#c50b0b; color:#fff; } .page{text-align:center;width: 100%;clear: both;height: auto;overflow: hidden;padding: 50px 0} .page table{width: 100%;text-align: center;margin:0 auto;display:inline;} .page td{font-size: 16px !important} .page td .PrevDisabled{font-size: 16px !important;border:0 !important; background: #c50b0b;color: #333 !important;} .page td span{ margin: 0 5px !important;padding: 8px 12px !important;background: #eee !important; color: #333 !important;font-size: 16px !important;border:0 !important;} .page td a{ margin: 0 5px !important;padding: 8px 12px !important;background: #ddd !important;color: #333 !important;font-size: 16px !important;border:0 !important;} .page td a:link{background: #eee !important; border:0 !important; font-size: 16px !important;} .page td a:visited{ background: #eee !important; border:0 !important; font-size: 16px !important;} .page td a:hover{background: #c50b0b !important; border:0 !important; font-size: 16px !important;} .page td a:active{background: #c50b0b !important; border:0 !important;font-size: 16px !important;} .page .this-page{background: #c50b0b !important;color:#fff !important;} .videoIndex video{display: none;} @media screen and (max-width:1024px){ nav ul{width: 100%;} .wrapper{width: 96%;} .part01{display: block} .part01-l{width: 100%;} .part01-r{width: 96%;margin-top: 20px;} .part02 ul li h2{width: 100%;float: none;} .part02 ul li p{width: 100%;float: none;display: block;margin-left: 15px;margin-top: 10px;font-size: 14px;} .part03 ul li div{padding:25px 15px 35px 15px} .part03 ul li div h2{font-size: 16px;} .part04 .iflex:nth-of-type(1){display: block} .part04-l{width: 100%;} .part04-r{width: 100%;margin-top: 20px;} .ssgy{width: 40%;} .part08-list a{float: none;display: inline-block;margin-left: 2%;width: 48%;} .part08 .index_pic1 a#fg3 img{height: 155px} .part08 .index_pic1 a#fg1{margin-left: 0;width: 48%;float: none;display: inline-block} .part08-list a:nth-child(odd){margin-left: 0;} .part08 .index_pic1 a#fg5{display: none;} .part08 .index_pic1 img{height:155px} .part08 .index_pic1 a#fg1 img{height: 155px;} } @media screen and (max-width:820px){ .videos{width:640px;height:360px;margin-left:-320px;margin-top:-180px} .phone_top{display: block;} .pc_top img.phb{display: block} .pc_top img.pcb{display: none} header button{display: block} nav{display: none;height: auto;overflow: hidden} nav ul.iflex{display: block} nav ul li{width: 100%;} .part01-l .iflex{display:block} .p1_two_l{width:460px;margin: 0 auto} .p1-list{width:100%;margin-top: 20px;} .part03 ul li div{padding: 15px 15px 35px 15px} .list-video ul li h2{font-size: 16px;} .part08 a#fg4{margin-top: 11px;} .part08 a#fg6{margin-top: 11px;} .sub .list-bg{width: 92%;padding: 0 4%} } @media screen and (max-width:640px){ .videos{width:400px;height:225px;margin-left:-200px;margin-top:-112.5px} .fck img{width:100% !important;height:100% !important;} } @media screen and (max-width:480px){ .wrapper{width: 94%;} .part01{margin-top: 20px;} .index-title{padding-bottom:0;} .index-title h2{font-size: 20px;} .index-title span{margin-top: 0;} .p1_two_l{width: 400px;} .p1-list ul li h2{font-size: 16px;} .part02 ul.iflex{display: block;} .part02 ul li{width: 100%;} .part02 ul:before{content:"";display:none} .part03 ul li{width: 48%;} .list-tt ul li:last-child:nth-child(4n - 1){margin-right:0;} .list-tt ul li:last-child:nth-child(4n - 2){margin-right:0;} .part03{height: auto;background:none;} .part03 ul li div{background: #f4f4f4;} .ssgy{width: 48%;} .ssgy ul li h2{padding: 10px;height: 74px;} .ssgy ul li img{width: 90px;height: 68px;} .ssgy ul li i{bottom:-14px} .ssgy ul li:last-of-type i{top: -13px} .ssgy ul li:first-of-type img{top: 115px} .ssgy ul li:last-of-type img{bottom:112px} .p4-list ul li h2{width:100%;display: block;float: none;line-height:30px;font-size: 16px;} .p4-list ul li p{display: block;margin-top: 10px;margin-left: 10px;float: none;width: 100%;} .list-video ul li{width: 100%;} .part08 .index_pic1:nth-of-type(1){width: 100%;} .part08 .index_pic1:nth-of-type(2){width: 100%;margin-left: 0;margin-top: 11px;} .part08 .index_pic1:nth-of-type(3){display: none;} footer p{line-height: 30px} .p1-r-list ul li h2{font-size: 16px;} .part02 ul li h2{font-size: 16px;} .part03 ul li div h2{font-size: 14px;line-height:26px} .ssgy ul li h2{font-size: 15px;} .p1-r-list ul li p{font-size: 14px;} .p1-list ul li p{font-size: 14px;} .p1-list ul li p:after{content: "";display: none} .p1-r-list ul li p:after{content: "";display: none} .part03 .index-title{margin-top: 0;margin-bottom: 10px;} .part03 {margin-top: 0;} .part01-r{background:none;padding: 0;width: 100%;} .p4-list ul li p{font-size: 14px;} .list-tt-video ul li:last-child:nth-child(3n - 1){margin-right: 0;} .list-tt-video ul li:last-child:nth-child(3n - 2){margin-right: 0;} .sub .list-bg{width: 90%;padding: 0 5%} .list-list ul li h2{width: 100%;float: none;} .list-list ul li p{width: 100%;float: none;display: block;text-align: left;margin-top: 10px;} .article_t h1{font-size: 24px;line-height: 44px;} } @media screen and (max-width:390px){ .ssgy ul li img{width: 85px;height: 64px;} .ssgy ul li:first-of-type img {top:119px} .p1_two_l{width: 350px;} } @media screen and (max-width:375px){ .videos{width:320px;height:180px;margin-left:-160px;margin-top:-90px} .ssgy ul li img{width: 80px;height: 60px;} .ssgy ul li:last-of-type img{bottom:116px} .p1_two_l{width: 330px;} }