html, body{background-color: #191919;} #mycarousel{ top: 0px; z-index: 0;width: 100%;} #mycarousel .web_info{position:absolute;width:80%;left:10%;bottom: 2%;z-index: 2;color: #fff; font-size: 18px;} .web_info_left,.web_info_right{width: 50%;} .web_info_left{float: left;} .web_info_right{float: right;text-align: right;} .carousel-control span { display: block; position: absolute; top: 50%; margin-top: -35px; width: 70px; height: 70px; z-index: 9; cursor: pointer; } .carousel-control:nth-of-type(1) span { background: rgb(68, 68, 68) no-repeat scroll center center; } .carousel-control:nth-of-type(2) span { background: rgb(68, 68, 68) no-repeat scroll center center; right: 0px; } #mycarousel .pro {text-align: center; position: absolute;width: 80%;height: 70%;left: 50%;top:50%;transform: translatex(-50%) translatey(-50%);} #mycarousel .pro .txt{text-align: center;} #mycarousel .item > a > img { min-width: 100%;display: inline-block;} #mycarousel .pro p:nth-of-type(2) { font-size: 35px; color: rgb(255, 255, 255); } #mycarousel .pro img.propic { width: 50%;display: inline-block;} #mycarousel .icon { display: block; animation: 1.5s ease 0s normal none infinite running andown; background: rgba(0, 0, 0, 0) no-repeat scroll center center; width: 26px; height: 90px; margin-left: -13px; position: absolute; bottom: 10px; left: 50%; } .carousel-indicators li {display: inline-block;width: 15px;height: 15px;text-indent: -999px;cursor: pointer;background-color: rgba(0,0,0,0.9);margin: 0 4px;border: 0;} .carousel-indicators .active {width: 15px;height: 15px;margin: 0 4px;background-color: #f90019;} .pro .font{max-width: 100%;} /*01*/ .i_problock1{width: 100%; background: rgba(0, 0, 0, 0) no-repeat 100% 100%;overflow: hidden;} .i_problock_con{position: relative;width: 100%;} .i_problock .pro_title strong{letter-spacing: 0;} .i_problock .pro_title strong,.phone_pro_title strong{color: #fff;font-size: 60px;} .i_problock .pro_title p,.phone_pro_title p{color: #585858;font-size: 34px;line-height:40px;} /*.i_problock .pro_con{margin:220px 0 0; }*/ .i_problock .pro_con ul{text-align: left;width: 100%;font-size: 0;} .i_problock .pro_con li{display: inline-block; width:50%;line-height: 30px; vertical-align: top;} .i_problock .pro_con li a{margin-bottom: 15px;font-size: 24px; color:#595959; display: inline-block;vertical-align: top; width: 100%;height: 100%;text-align: left;} .i_problock .pro_con li a:hover{ text-decoration: none; } .i_problock .pro_con li a:before{ display: inline-block; content: ""; width: 8px; height: 8px;vertical-align: middle; margin-right: 10px; background: no-repeat;background-size: 100% 100%; } .details {color: #f60001; font-size: 20px;display: inline-block;text-align: right;overflow: hidden;clear: both;transition:all 0.5s ease;float:left;} .icon_i1right{display: inline-block;width: 23px;height: 24px;margin-left: 20px;margin-top:-4px; vertical-align: middle;background: url(/uploads/image/raacimages/icon_right2.png) no-repeat 100% 100%;} .pro_title { position:absolute;right: 8%; top:120px; z-index:20} .pro_details {color: #fff; font-size: 18px;display: inline-block;text-align: left;overflow: hidden;clear: both;transition:all 0.5s ease;float:left;border: 1px solid #f60001;padding: 10px 45px; transition: 0.1s; margin-top: 40px;} a.pro_details:hover {background-color:#f60001;color:#fff;} a.pro_details:hover .icon_i1right{background: url(/uploads/image/raacimages/icon_right2.png) no-repeat 100% 100%;} a.details:hover .index_about_tell{margin-left:0px;} .w_40{width: 35%;} .w_60{width: 65%;} .pro_pic{padding:0 46px;} .pro_pic .slider-nav{max-width:690px;} .pro_pic .slick-slide{ margin:5px 15px;} .pro_pic .slider-nav img{width: 215px;border:1px solid #fff;box-shadow: 0 0 5px #000;} .pro_pic .slick-prev:before,.pro_pic .slick-next:before{content: '';display: inline-block;width: 46px;height: 46px; } .pro_pic .slick-prev:before{background:#fff no-repeat 0px center; } .pro_pic .slick-next:before{background:#fff no-repeat -136px center; } .pro_pic .slick-prev,.pro_pic .slick-next{width: 46px;height: 46px;margin-top: -23px;z-index: 222;} .pro_pic .slick-prev{left: -46px;} .pro_pic .slick-next{right: -46px;} .pro_pic .slick-prev:hover:before{background:#ffc656 no-repeat -46px center} .pro_pic .slick-next:hover:before{background:#ffc656 no-repeat -92px center} .slider-for img{width: 60%;} .phone_pro_title{display: none;} .phone_pro_num{display: none;} .text_left{text-align: left;} .text_right{text-align: right;} .index_problock{ padding-top:60px;background-color: #191919;} /*02*/ .i_problock2{ background: #191919 url(/uploads/image/raacimages/bg1.jpg) no-repeat 100% 100%; background-size:100% 100%;overflow: hidden;} .i_problock .pro_pic:not(:last-child){padding:0;} .i_problock2 .pro_title p{text-align:left} .index_proimg{width: auto; display: inline-block;} .i_problock2 .pro_p{margin: 15% 50% 3% 13%; } /*03*/ .i_problock3{background: #191919 url(/uploads/image/raacimages/bg2.jpg) no-repeat 100% 100%;background-size:100% 100%;overflow: hidden; } .i_problock3 .pro_title{left:8%;right:auto;text-align:left} .i_problock3 .pro_title p{text-align:left} .i_problock3 .pro_p{margin: 6% 6% 3% 0; float: right;} /*04*/ .i_problock4{background: #191919 ;overflow: hidden;} .i_problock4 .pro_title{text-align:left;background-color:#000;padding: 170px 220px;margin-top: 70px;} .i_problock4 .pro_p{margin: 6% 0 6% 0; } .i_problock5{background:#191919 ;overflow: hidden;} .i_problock5 .pro_title{left:8%;right:auto;text-align:left;background-color:#000;padding: 85px;margin-top: 70px;} .i_problock5 .pro_title p{text-align:left} .i_problock5 .pro_p{margin: 0 0 6% 0; float: right;} .i_problock6{background: #191919 url(/uploads/image/raacimages/bg5.jpg) no-repeat 100% 100%;background-size:100% 100%;overflow: hidden;} .i_problock6 .pro_title{text-align:right;} .i_problock6 .pro_title strong{ color: #fff;} .i_problock6 .pro_title p{text-align:right;} .i_problock6 .pro_con{margin: 10% 13% 45% 0;} .weixin_details{ color: #fff; font-size: 20px; display: inline-block; text-align: left; overflow: hidden; clear: both; transition: all 0.5s ease; float: left; transition: 0.1s; margin-top: 150px; } .footer-mobile{display:none;} .index_about{position: relative; padding-top: 60px; max-width: 1920px; margin: 0 auto; background: linear-gradient(to bottom, #9c9c9c,#fdfdfd);} .icon_aboutus{position: absolute;left:50%;top:0px;width:93px;height: 93px;margin-left: -45px; background: no-repeat center center / 100% 100%;} .index_about_con{padding:8% 6%;} .index_about_text{width: 100%;float: left;text-align: left; padding:0 6%;z-index: 10;position: relative;} .aboutus_zh{font-size: 25px;line-height: 25px; color:#000;} .aboutus_en{font-size: 48px;line-height: 60px; color: #e60012;font-weight: bold; padding:25px 0 35px} .aboutus_intro{width: 100%; margin-top:50px;font-size: 18px;line-height:48px;text-align: justify;color:#595959;} .index_about_tell{color: #8c6200;position: relative;padding-left: 380px;margin-top: 120px;background: url(/uploads/image/raacimages/telbg.png) no-repeat 0px;background-size: auto 100%; margin-left: -60px; } img.about_gsimg{max-width: 100%;} .index_about_line{position: absolute;left: 0;top:50%; width: 253px;height: 1px;background: #8c6200;} .index_about_ps{font-size: 40px;line-height: 55px; font-weight: bold;color: #f90019;text-align: left;} .index_about_number{font-size: 25px;line-height: 35px;color: #f90019; text-align: left;} .video_news{padding:0 6%;background-color: #fff;} .video_img{text-align:center} .index_videobg{background:#191919 ;padding-bottom: 50px;background: url(/uploads/image/raacimages/videoblack.jpg) repeat-x ;background-position:bottom} .videos{margin:0 auto; text-align:center; max-width:1398px;} .video_title{width:100%;text-align:left;font-weight:bold; margin-bottom: 60px; } .video_title span{font-size:80px; color:#fff; line-height: 80px;} .video_con{ margin-top:85px;width:100%;background:#000 url(/uploads/image/raacimages/videobgs.jpg) no-repeat 0px;background-size: 100% 100%;} .videos .bars{text-align:left;} .websale{ display: -webkit-box; width:100%;background:#000} .websale_con{width:80%; margin:60px auto;text-align:center;} .websale_con img:hover{transform: scale(1.1)} .right_car{position:absolute;right:0;z-index:20;margin-top:-20%;} .index_news{padding:50px 6%;background-color: #fff;} .index_news_title{width:100%;display: flex;margin:0 auto;} .index_news_title:before,.index_news_title:after{width: auto; flex:1; display: inline-block;content: '';height: 8px;margin-top: 46px; background: repeat;vertical-align: middle;} .news_title_box{color: #c29900;padding: 0 40px;display: inline-block; vertical-align: middle;text-align: center;} .inews_title_zh{font-size:46px;line-height: 60px; color: #c29900;font-weight: bold;} .inews_title_en{font-size:34px;line-height: 40px; color: #a4a4a4;font-weight: lighter;word-spacing: 2px;} .index_news_list{width: 100%;margin-top: 50px; margin-bottom: 100px;} .index_news_list li{width: 50%;float: left;margin-bottom: 35px;} .index_news_list li a{display: block;width: 100%; padding:12px 10% 12px 15%;color:#000;z-index: -1;} .index_news_list li a:hover{background-color: #c29900;} .news_date{width: 20%; color: #c29900;font-weight: lighter; } .news_date .mouth,.news_date .day{font-size:38px;line-height: 38px;vertical-align: middle; position: relative;} .news_info{width: 80%;} /*.mouth:after{content: '▶';display: inline-block;vertical-align: top; line-height: 38px; color:#c29900;padding:0 5px;font-size: 14px; }*/ .day {padding-left: 15px;} .mouth:after{ content:'';/*▶display: inline-block;*/vertical-align: top; line-height: 38px; color:#c29900;/*padding:0 5px;*/font-size: 14px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #c29900; border-bottom: 5px solid transparent; position: absolute; top: 50%; margin-top: -5px; right: -10px; } .year{font-size: 12px;margin-top:5px; letter-spacing: 2px; display:block;border:1px solid #c29900;width: 108px;height: 20px;text-align: center;line-height: 20px; } .news_title{font-size: 20px;line-height: 38px;height: 38px; color: #2d2d2d;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_detail{font-size: 14px;line-height: 25px;height: 25px; color: #acacac;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index_news_list li a:hover .news_date, .index_news_list li a:hover .news_info, .index_news_list li a:hover .mouth:after, .index_news_list li a:hover .year, .index_news_list li a:hover .news_title, .index_news_list li a:hover .news_detail{color: #fff!important;} .index_news_list li a:hover .year{border-color: #fff;} .index_news_list li a:hover .mouth:after{ border-left: 5px solid #fff; } .carousel-indicators{width: 48%;margin-left: 0;text-align: right;} .swiper-pagination-bullet{width:15px;height:15px;opacity: 0.8;} .swiper-pagination-bullet-active{background-color:#f90019} .swiper-slide{cursor:pointer;} .swiper-slide i{width:100px;height:100px; cursor:pointer;background-image:url(/uploads/image/raacimages/play.png);background-repeat:no-repeat;position:absolute;z-index:10;top:calc(50% - 50px);left:calc(50% - 50px);background-size:100% 100%;} .swiper-slide i:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); } .videotitle{width:100%;font-size:30px; position:fixed;z-index:100;color:#fff;text-align:center;top:calc(50% - 350px);display:none} .videobgss{background-color:rgba(0,0,0,0.8);position:fixed;z-index:100;top:0;left:0;width:100%;height:100%; display:none} .videoiframe{width:50%;height:500px;position:fixed;z-index:999;left:calc(50% - 25%);top:calc(50% - 250px);display:none} .auto-container { position:static; max-width:90%; padding:0 15px; margin:0 auto; width:100% } .main-footer { background-color: #000; display: flex; } .main-footer .bg { background-size:auto } .main-footer .footer-column { position: relative; margin-bottom: 50px; padding:100px 0 10px } .main-footer .footer-column { position:relative; margin-bottom:50px } .main-footer .footer-widget { position:relative } .main-footer .widget-title { position:relative; color:#fff; margin-bottom:30px; font-size: 18px; font-weight: bold; } .main-footer .widget-content { position:relative } .main-footer .widget-content .text { color:#fff; font-size:18px; margin-top:60px; } .main-footer .widget-content .b_link a{ color:#fff; font-size:30px; letter-spacing: 2px; } .user-links { position:relative } .user-links li { position:relative; font-size:16px; line-height:60px; color:#fff; font-weight:400; } .user-links li:last-child { margin-bottom:0 } .user-links li a { position:relative; display:inline-block; color:inherit; -webkit-transition:all 300ms ease; transition:all 300ms ease } .user-links li a:hover { color:#f90019; } /*@media (max-width: 1599px) and (min-width: 1400px){ .carousel-inner > .item > a > img{min-height: 720px;}*/ .pro .font{max-width:80%;} .i_problock .pro_title strong{font-size: 80px; line-height: 80px;} .i_problock .pro_title p{ margin-top:40px; } .i_problock .pro_con li a{font-size: 22px;} .aboutus_zh{font-size: 25px;line-height: 25px;} .aboutus_en{font-size: 40px;line-height: 40px;} .index_about_line{width: 200px;height: 1px;} .index_about_img{width: 60%;float: left;position: absolute;right: 0;z-index:0; text-align:right;} .news_title_box{padding: 0 30px;} .inews_title_zh{font-size:40px;line-height: 50px; color: #c29900;font-weight: bold;} .inews_title_en{font-size:28px;line-height: 32px; color: #a4a4a4;font-weight: lighter;word-spacing: 2px;} .index_news_list{width: 100%;margin-top: 40px; margin-bottom:80px;} .index_news_list li{width: 50%;float: left;margin-bottom: 35px;} .index_news_list li a{display: block;width: 100%; padding:12px 10% 12px 15%;color:#000;z-index: -1;} .index_news_list li a:hover{background-color: #c29900;} .news_date{width: 20%; color: #c29900;font-weight: lighter;margin-right: 4%; } .news_date .mouth,.news_date .day{font-size:28px;line-height: 28px;vertical-align: middle;} .news_info{width:76%;} .mouth:after{ line-height: 28px; padding:0 5px;font-size: 14px; } .year{font-size: 12px;margin-top:5px;width: 100%;} .news_title{font-size: 20px;line-height: 30px;height: 30px; } .news_detail{font-size: 14px;line-height: 25px;height: 25px;} /* } */ @media (min-width: 991px) and (max-width: 1500px){ .carousel-inner > .item > a > img{min-height: 550px;} #mycarousel .pro p:nth-of-type(2){font-size: 30px;} .pro .font{width: 60%;margin-top: 20px;} .i_problock .pro_title::after{margin-top: 15px;} .i_problock .pro_con{margin:40px 0 0 0;} .details{padding:8px 15px;margin-top: 20px;} .pro_pic .slider-nav{max-width:450px;} .pro_pic .slider-nav img{width: 210px;} .pro_pic .slick-slide{ margin:5px 15px;} .carousel-inner > .item > a > img{min-height: 720px;} .i_problock .pro_title strong{font-size: 45px;} .i_problock .pro_title p{font-size:22px;line-height:30px;} .i_problock .pro_con li a{font-size: 16px;} .pro_pic .slider-for{margin-top: 40px;margin-bottom: 10px;} .index_about{padding-top: 45px;background-position:center 45px; } .icon_aboutus{width: 60px;height: 60px;margin-left: -30px; background: no-repeat center center / 100% 100%;} .aboutus_zh{font-size: 25px;line-height: 30px;} .aboutus_en{font-size: 40px;line-height: 45px;} .aboutus_intro{width: 90%; margin-top:30px;font-size: 16px;line-height:30px;} .index_about_tell{padding-left:320px;margin-top:30px;} .index_about_line{width: 80px;height: 1px;} .index_about_ps{font-size: 25px;} .index_about_number{font-size: 18px;line-height: 18px;} .index_about_number:before{ width:16px;height: 16px;line-height: 16px;} .index_about_img{width: 50%;float: left;} .news_title_box{padding: 0 30px;} .inews_title_zh{font-size:40px;line-height: 50px; color: #c29900;font-weight: bold;} .inews_title_en{font-size:28px;line-height: 32px; color: #a4a4a4;font-weight: lighter;word-spacing: 2px;} .index_news_list{width: 100%;margin-top: 40px; margin-bottom:80px;} .index_news_list li{width: 50%;float: left;margin-bottom: 35px;} .index_news_list li a{display: block;width: 100%; padding:8px 12px;color:#000;z-index: -1;} .index_news_list li a:hover{background-color: #c29900;} .news_date{width: 20%; color: #c29900;font-weight: lighter;margin-right: 4%; } .news_date .mouth,.news_date .day{font-size:20px;line-height: 20px;vertical-align: middle;} .news_info{width:76%;} .mouth:after{ line-height: 20px; padding:0 5px;font-size: 14px; } .year{font-size: 12px;margin-top:5px;width: 100%;} .news_title{font-size: 20px;line-height: 30px;height: 30px; } .news_detail{font-size: 14px;line-height: 25px;height: 25px;} } @media (max-width: 991px){ /* #mycarousel .item>a>img{min-height:420px;max-width: 200%; margin-left: -50%;}*/ #mycarousel .item>a>img{max-width: 100%;-webkit-user-drag: none;} #mycarousel {top:45px} .carousel-indicators li{width:8px; height:8px;} .carousel-indicators .active{width:8px; height:8px;} .video_title{font-size:16px; padding-left:20px; margin-bottom:0} .video_title span{font-size:25px; padding-right:10px;line-height:30px;} .video_con{width: 50%; margin: 0 auto; margin-top: 30px;} .videos{padding-bottom: 30px;} .swiper-slide i{width:50px; height:50px;top: calc(50% - 25px); left: calc(50% - 25px);} .videoiframe{width:90%;height:260px;left: calc(50% - 45%); top: calc(50% - 130px);} .videotitle{top: calc(50% - 160px);font-size:16px;overflow: hidden; text-overflow: clip;} .websale_con{margin: 30px auto;} .i_problock3,.i_problock4,.i_problock5{margin-top:0;} .w_40,.w_60{float: none;width: 100%;} .i_problock1{background-image:none;background-color: #fff;} .i_problock .phone_pro_title strong{font-size:22px;} .i_problock .phone_pro_title p{font-size: 16px;line-height:22px;} .i_problock .phone_pro_title::after{margin-top: 10px;} .i_problock .pro_con{margin:0;padding:0 6% 6%;} .details{padding:0;margin:20px auto;font-size: 14px;display: block;width: 100%;height: 60px;line-height: 60px;} a.details:hover{margin-left: auto;} .i_problock .pro_con li{width: 50%;line-height: 22px;} .i_problock .pro_con li a{font-size: 14px;margin-bottom: 2px;} .i_problock .pro_con li a{font-size: 14px;} .slider-for img{width: 100%;margin:0 auto;} .i_problock_con{padding:20px 10px 0;} .pro_pic .slider-nav{max-width:100%;margin:0 auto;} .pro_pic .slick-prev{left: 0px;} .pro_pic .slick-next{right: 0px;} .pro_pic{width: 80%;margin: 0 auto;} .pro_pic .slick-slide{margin:5px 15px;} .pro_pic .slider-for{margin-bottom: 10px;} .pro_pic{padding:0 30px;} .pro_pic .slick-prev:before, .pro_pic .slick-next:before{width: 30px;height: 30px;} .pro_pic .slick-prev, .pro_pic .slick-next{width: 30px;height: 30px;margin-top: -15px;} .pro_pic .slick-prev:before,.pro_pic .slick-next:hover:before{background:#ffc656 no-repeat -56px center; } .pro_pic .slick-next:before{background:#ffc656 no-repeat -98px center; } .pro_pic .slick-prev{left:-30px;} .pro_pic .slick-next{right:-30px;} .phone_pro_num{display: block;font-size: 36px;line-height: 40px; text-align: center;color: #ebebeb;font-weight: bold;margin:5px 0;} .phone_pro_num:before,.phone_pro_num:after{content: "";display: inline-block;width: 20px;height: 2px;background-color:#ebebeb;vertical-align: middle;margin:0 10px; } .index_problock{margin-top:0;} .i_problock_text{margin-top: 20px;} .i_problock .pro_title p{ margin-top:10px;text-align:left; line-height: 20px;} .pro_details{ padding: 3px 10px; font-size: 14px; margin-top: 10px; } .icon_i1right{width: 18px; height: 18px; background-size: 100% 100%;} .videos .bars{padding-left:20px;padding-top:10px;} .pro_title{ position: relative;top:0; margin-right: 0; margin-bottom: 10px;} .i_problock .pro_title strong{font-size:18px;line-height: 25px; letter-spacing: 0;} .phone_pro_title{text-align: center;display: block;} .i_problock .phone_pro_title::after{margin:4px auto 15px auto;} .i_problock2 .pro_con{padding: 0 6% 6%;} .pro_con{float: none;width: 100%;} .i_problock2{ background-size:100% auto; background-position:center;} .i_problock .pro_pic:not(:last-child){text-align: center;margin-top:20px;} .weixin_details{margin-top:20px; margin-bottom:30px;color:#000; font-size:16px;} .i_problock6 .pro_con{padding:0 6% 6%;} .i_problock6 .i_problock_con{padding-top:0} .i_problock6 .pro_title p{text-align:right} .index_videobg{background-position: center 210px;padding-bottom: 0px;background-size: cover;} .i_problock4 .pro_title{padding: 6%; margin-top: 20px; width: 88%; margin: 0 auto; left: 6%; right: 6%;} .i_problock5 .pro_title{padding: 6%; margin-top: 20px; width: 88%; margin: 0 auto; left: 6%; right: 6%;} .websale_con{width:30%} .footer-ul{display:none;} .footer-mobile{display:block;} .main-footer .footer-column{text-align:center;padding-top: 10px; margin-bottom: 10px;} .main-footer .widget-content .text{margin-top:30px;} .right_car {width:20%} .b_logo{ width: 50%; display: inline-block;} .index_about_con{padding:8% 10px;} .index_about{padding-top: 0px;margin-top: 45px;background-image: none;overflow:visible;} .icon_aboutus{width: 40px;height: 40px;margin-left: -20px;top:-20px;z-index: 2; background: no-repeat center center / 100% 100%;} .index_about_text ,.index_about_img{float:none;width: 100%;} .index_about_text{margin-top: 20px;} .aboutus_zh{font-size: 18px;line-height: 20px;} .aboutus_en{font-size: 28px;line-height: 30px;} .aboutus_intro{width: 100%; margin-top:20px; margin-bottom:20px;font-size: 15px;line-height:24px;} .index_about_tell{padding-left:190px;margin-top:10px; margin-left:0;} .index_about_line{width: 60px;height: 1px;} .index_about_ps{font-size: 16px; line-height:20px;} .index_about_number{font-size: 24px;line-height: 24px;} .index_about_number:before{ width:20px;height: 20px;line-height: 20px;} .index_about_img{width: 100%;float: left; position:inherit} img.about_gsimg{width: 100%;max-width: 100%;margin-top:10px;} img.icon_iaboutus{width: 25px;height: 25px;} .index_news{padding:50px 10px;} .news_title_box{padding: 0 10px;} .inews_title_zh{font-size:22px;line-height: 30px; color: #c29900;font-weight: bold;} .inews_title_en{font-size:14px;line-height: 16px; color: #a4a4a4;font-weight: lighter;word-spacing: 2px;} .index_news_title:before, .index_news_title:after{margin-top:20px;} .index_news_list{width: 100%;margin-top: 20px; margin-bottom:40px;} .index_news_list li{width: 100%;float: none;margin-bottom:10px;} .index_news_list li a{display: block;width: 100%; padding:8px;color:#000;z-index: -1;} .index_news_list li a:hover{background-color: #c29900;} .news_date{width: 22%; color: #c29900;font-weight: lighter;margin-right: 4%; } .news_date .mouth,.news_date .day{font-size:20px;line-height: 20px;vertical-align: top;} .news_info{width:74%;} .mouth:after{ right: -12px; } .year{font-size: 12px;margin-top:2px;width: 100%;} .news_title{font-size: 16px;line-height: 25px;height:25px; } .news_detail{font-size: 14px;line-height: 22px;height:22px;} } @media (min-width: 320px) and (max-width: 767px){ #mycarousel .pro p:nth-of-type(2){font-size:18px;line-height: 25px;margin-top: 10px;margin-bottom: 15px;} .carousel-control span{width: 35px;height: 35px;} .carousel-control:nth-of-type(1) span,.carousel-control:nth-of-type(2) span{background-size: 35px 35px;} .web_info_left,.web_info_right{float:none;text-align: center;width: 100%;} } @media (max-width: 320px){ #mycarousel .pro p:nth-of-type(2){font-size: 18px;line-height: 30px;} .carousel-control span{width: 35px;height: 35px;} .carousel-control:nth-of-type(1) span,.carousel-control:nth-of-type(2) span{background-size: 35px 35px;} .web_info_left,.web_info_right{float:none;text-align: center;width: 100%;} }