/*产品banner*/ #sr-home.product{ position: relative; width: 100%; height: 900px; animation: none; } #sr-home .content{ position: relative; width: 100%; height: 100%; /* opacity: 1; */ background-color: rgba(187, 187, 187, 0.5); } #sr-home .content ul li{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; overflow: hidden; } #sr-home .content ul li.ban1{ /* background: url(../../../style/img/banner1.png) top center; background-size: cover; */ } #sr-home .content ul li.ban2{ /* background: url(../../../style/img/banner2.png) top center; background-size: cover; */ } #sr-home .content ul li.ban3{ /* background: url(../../../style/img/banner3.png) top center; background-size: cover; */ } #sr-home .content ul li header{ position: absolute; top: 0; left: 0; width: 100%; padding-top: 380px; z-index: 100; } #sr-home .content ul li header h1{ font-size: 50px; color: #fff; font-weight: bold; } #sr-home .content ul li header h1 .text-theme { color: #139542; } #sr-home .content ul li header p{ font-size: 20px; margin-top: 20px; color: #fff; } #sr-home .content ul li .bg_img { animation-name: none; background-position: 50% 55%; } /*#sr-home .content ul li img{ width: 100%; height: 100%; }*/ #sr-home .content ul li.active{ display: block; } #sr-home .content ul li.active .bg_img{ opacity: 1; animation: ani 4s linear; } #sr-home .content ul li.active header h1, #sr-home .content ul li.active header .lead { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } #sr-home .tab { position: absolute; bottom:38px; left: 50%; width:250px; height: 27px; margin-left: -125px; } @media (max-width: 767px) { #sr-home .tab { bottom: 24px; } } #sr-home .tab ul{ position: absolute; bottom: 0; left:45%; margin-left: -45px; width: 100px; } #sr-home .tab ul li{ float: left; width: 25%; height: 2px; background: #fff; } #sr-home .tab ul li.active{ background: #e57a10; } #sr-home .tab .btn{ position: absolute; top: 50%; /* width: 9px; */ /* height: 17px; */ line-height: 1; /* text-align: left; */ padding: 0; } #sr-home .tab .btn .fa { font-size: 23px; color: white; margin: 0; line-height: 1; position: relative; top: -2px; } @media (max-width: 767px) { #sr-home .tab .btn .fa { top: 0; } } #sr-home .tab .num{ position: absolute; font-size: 20px; height: 17px; top:40%; color: #fff; } #sr-home .tab .num.num_L{ left: 25px; } #sr-home .tab .num.num_R{ right: 40px; } #sr-home .tab .btn.left{ left: 0; /* background: url(../img/arrow_left.png) no-repeat; */ } #sr-home .tab .btn.right{ right: 16px; top: 50.5%; /* background: url(../img/arrow_right.png) no-repeat; */ } #sr-home .index_title{ position: absolute; bottom: 20%; left: 0; width: 100%; /* padding-top: 380px; */ } #sr-home .index_title h1{ font-size: 50px; color: #fff; font-weight: bold; } #sr-home .index_title p{ font-size: 20px; margin-top: 20px; color: #fff; } #sr-home .index_title .watch{ display: inline-block; width: 250px; height: 60px; line-height: 60px; color: #fff; background: #009c42; /* margin-top: 120px; */ } /*首页产品*/ #product{ position: relative; padding: 145px 0 129px 0; } #product .indexproduct{ position: relative; } #product .bgprc{ z-index: -1; position: absolute; top: 120px; right: 0; width: 608px; height: 232px; background: url(../img/prc.png) no-repeat; } #product p.title{ font-size: 30px; color: #dae0dc; } #product .indexproduct h3{ font-size: 30px; color: #2b2b2b; /*font-family: "楷体";*/ } #product .indexproduct .productTab{ margin-top: 70px; } #product .productTab ul { background-color: #000; } #product .productTab ul li{ z-index: 2; position: relative; width: 50%; /* float: left; */ cursor: pointer; /* margin-left: -1px; */ } #product .productTab ul li .i { display: block; width: 100%; height: 270px; background-repeat: no-repeat; background-size: cover; background-position: 50%; } #product .productTab ul li img{ width: 100%; height: 100%; } #product .productTab ul li .hide_title{ position: absolute; top: 4%; left: 3%; width: 94%; height: 92%; padding-top: 20%; text-align: center; background: rgba(0,0,0,0.5); } #product .productTab ul li .hide_title h2{ font-size: 35px; color: #fff; font-weight: bold; } #product .productTab ul li .hide_title .line{ display: block; width: 78px; height: 3px; background: #fff; margin: 16px auto; } #product .productTab ul li .hide_title p{ font-size: 20px; color: #fff; } #product .productTab ul li .hide_title p.p2{ /* display: none; */ opacity: 0; visibility: hidden; } #product .productTab ul li a.more{ position: absolute; bottom: -35px; left: 50%; margin-left: -150px; width: 300px; height: 70px; line-height: 70px; background: #01953f; color: #fff; text-align: center; opacity: 0; transition: 0.5s; } #product .productTab ul li:hover .hide_title { top: 0; left: 0; width: 100%; height: 100%; } #product .productTab ul li:hover .hide_title .p1{ display: none; } #product .productTab ul li:hover .hide_title .p2{ /* display: block; */ opacity: 1; visibility: visible; } #product .productTab ul li:hover a.more{ opacity: 1; } #product .productTab ul li:hover .hide_title .line { width: 100px; } .slider-nav { text-align: center; padding-top: 6em; } .slider-nav > div { display: inline-block; line-height: 1; vertical-align: top; min-height: 1em; } .slider-nav .swiper-pagination.swiper-pagination-fraction { position: static; width: auto; margin: 0 1em; font-size: 1.6em; font-style: normal } .slider-nav .swiper-pagination.swiper-pagination-fraction * { font-style: normal; } .slider-nav .swiper-pagination.swiper-pagination-fraction b { color: #01953f; font-size: 1.5em; font-weight: normal; } .slider-nav .pos_left, .slider-nav .pos_right { color: #01953f; font-size: 1.6em; padding-top: 8px; } .slider-nav .swiper-button-disabled { opacity: .5; color: #6fab88; } /*首页轮播样式*/ #dynamic{ padding: 100px 0 115px 0; background: #f3f5f4; } #dynamic p.title{ font-size: 30px; color: #dae0dc; } #dynamic .indexdynamic h3{ font-size: 30px; color: #2b2b2b; } #dynamic .indexdynamic .lunbobox{ position: relative; width: 100%; height: 511px; margin-top: 80px; } #dynamic .lunbobox .pic_lunbo{ z-index: 6; position: absolute; left: 0; top: 0; width: 640px; height: 450px; background-color: #000; } #dynamic .lunbobox .pic_lunbo ul{ width: 300%; overflow: hidden; } #dynamic .lunbobox .pic_lunbo ul li{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } #dynamic .lunbobox .pic_lunbo .dynamicBtn{ z-index: 2; position: absolute; left: 0; bottom: -30px; width: 167px; height: 60px; line-height: 60px; text-align: center; background: #01953f; } #dynamic .lunbobox .pic_lunbo .dynamicBtn span{ display: inline-block; width: 100%; font-size: 12px; color: #fff; } #dynamic .lunbobox .pic_lunbo .dynamicBtn span i{ font-size: 18px; font-style: normal; } #dynamic .lunbobox .pic_lunbo .dynamicBtn span em{ font-size: 18px; } #dynamic .lunbobox .pic_lunbo .dynamicBtn .btn{ position: absolute; top: 50%; margin-top: -8.5px; width: 9px; height: 17px; } #dynamic .lunbobox .pic_lunbo .dynamicBtn .btn.left{ left:20px; background: url(../img/arrow_left.png) no-repeat; } #dynamic .lunbobox .pic_lunbo .dynamicBtn .btn.right{ right: 10px; background: url(../img/arrow_right.png) no-repeat; } #dynamic .lunbobox .text_luobo{ z-index: 1; position: absolute; bottom: 0; right: 0; width: 690px; height: 450px; background: #25292c; overflow: hidden; } #dynamic .lunbobox .text_luobo ul{ width: 100%; height:300%; } #dynamic .lunbobox .text_luobo ul li{ width: 100%; height:33%; cursor: pointer; } #dynamic .lunbobox .text_luobo ul li .text_div{ width: 500px; margin: 0 auto; border-bottom: 1px solid #313538; padding:60px 0 22px 0; } #dynamic .lunbobox .text_luobo ul li .text_div h6{ font-size: 19px; color: #53575a; } #dynamic .lunbobox .text_luobo ul li .text_div p{ color: #6f7376; font-size: 14px; margin-top: 8px; } #dynamic .lunbobox .text_luobo ul li .text_div:hover{ border-bottom: 1px solid #01953F; } #dynamic .lunbobox .text_luobo ul li .text_div:hover h6{ color: #01953F; } #dynamic .lunbobox .text_luobo ul li .text_div:hover p{ color: #01953F; } #dynamic .lunbobox .dynamicTab{ z-index: 4; position: absolute; right: -114px; top: 50%; margin-top: 30px; width: 167px; height: 60px; line-height: 60px; text-align: center; background: #01953f; transform-origin: top; transform: rotate(90deg); } #dynamic .lunbobox .dynamicTab span{ display: inline-block; width: 100%; font-size: 12px; color: #fff; } #dynamic .lunbobox .dynamicTab span i{ font-size: 18px; font-style: normal; } #dynamic .lunbobox .dynamicTab span em{ font-size: 18px; } #dynamic .lunbobox .dynamicTab .btn{ position: absolute; top: 50%; margin-top: -8.5px; width: 9px; height: 17px; } #dynamic .lunbobox .dynamicTab .btn.left{ left:20px; background: url(../img/arrow_left.png) no-repeat; } #dynamic .lunbobox .dynamicTab .btn.right{ right:10px; background: url(../img/arrow_right.png) no-repeat; } /*首页产业链*/ /*新浪api部分*/ #sina{ padding: 10em 0 10em 0; background: #f3f5f4; } #sina .sina_pic{ position: relative; } #sina .sina_pic .sina_text{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 191px 0 0 317px; } #sina .sina_pic .sina_text h3{ font-size: 30px; color: #fff; } #sina .sina_pic .sina_text p{ font-size: 30px; color: #fff; } #sina .sina_pic .stock{ position: absolute; right:20px; top:50%; margin-top: 15px; margin-right: -80px; transform-origin: top; transform: rotate(90deg); font-size: 25px; color: #fff; letter-spacing: 24px; } #sina .sina_pic img{ height: 348px; } #sina .sina .sina_api{ position: relative; height: 348px; background: #fff; } #sina .sina .sina_api img { padding-top: 10px; } #sina .sina .sina_api .caret_r{ position: absolute; bottom: -20px; right: -20px; width: 60px; height: 60px; line-height: 60px; background: #01953f; text-align: center; cursor: pointer; color: #fff; } .sina_api .caret_r a { display: block; } /*首页合作伙伴*/ #partner{ padding: 105px 0; text-align: center; } #partner p.title{ font-size: 25px; color: #dae0dc; } #partner h3{ font-size: 30px; color: #2b2b2b; margin-top: 10px; } #partner .partner{ margin-top: 154px; } #partner .partner ul li{ height: 226px; line-height: 226px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; } #partner .partner ul li img{ display: inline-block; margin: auto; vertical-align: middle; } #partner .partner ul li:nth-child(6), #partner .partner ul li:nth-child(12), #partner .partner ul li:nth-child(18){ border-right: none; } #partner .partner ul li:nth-child(13), #partner .partner ul li:nth-child(14), #partner .partner ul li:nth-child(15), #partner .partner ul li:nth-child(16), #partner .partner ul li:nth-child(17), #partner .partner ul li:nth-child(18){ border-bottom: none; } /*首页联系方式*/ #information{ padding: 120px 0; background: #F3F5F4; } #information p.title{ font-size: 25px; color: #dae0dc; } #information h3{ font-size: 30px; color: #2b2b2b; margin-top: 10px; } #information .telphone{ margin-top: 118px; } #information .telphone ul li{ float: left; width: 33%; } #information .telphone ul li .img_tel{ width: 32px; float: left; } #information .telphone ul li .text_tel{ float: left; margin-left: 18px; } #information .telphone ul li .text_tel h6{ font-size: 18px; color: #535353; } #information .telphone ul li .text_tel h6 em.line{ display: inline-block; vertical-align: middle; width: 220px; height: 1px; margin-left: 15px; background: #EDEDED; } #information .telphone ul li .text_tel p{ font-size: 12px; margin-top: 16px; } #information .telphone ul li .text_tel p span{ margin-left: 23px; } #video_modal .modal-content { border-radius: 0; border: none; background-color: #000; padding: 0; } #video_modal .modal-body { padding: 0; } #video_modal button.close { position: absolute; right: -1em; top: 0; color: #fff; /* box-shadow: 0 3px 9px rgba(0,0,0,.5); */ box-shadow: none; opacity: 1; font-size: 2.5em; font-weight: 100; font-family: Helvetica,Arial,sans-serif; } @media (max-width: 767px) { #video_modal button.close { right: 0; top: -1.2em; } } /*手机端兼容*/ @media only screen and (min-width: 320px) and (max-width: 768px) { #sr-home.product{ height: 25rem; } #sr-home .index_title .watch{ width: 8rem; height: 3rem; line-height: 2.7rem; } #sr-home .content ul li header{ padding-left: 1em; padding-right: 1em; padding-top: 7rem; } #sr-home .content ul li header h1{ font-size: 20px; margin-top: 2rem; } #sr-home .content ul li header p{ font-size: 15px; margin-top: 5px; } #product{ padding: 5rem 0 4rem 0; } #product .bgprc{ display: none; } #product p.title{ padding-left: 1rem; } #product .indexproduct h3{ padding-left: 1rem; } #product .productTab ul li{ /* width: 100%; */ /* margin-bottom: 2rem; */ } #product .indexproduct .productTab{ margin-top: 3rem; } #product .productTab ul li .hide_title{ /* left: 0.8rem; */ /* top: 0.8rem; */ /* width: 95%; */ /* height: 90%; */ /* padding-top: 5rem; */ padding-top: 18%; } #product .productTab ul li .i { height: 120px; } #product .productTab ul li .hide_title h2 { font-size: 20px; } #product .productTab ul li .hide_title .line { margin: 6px auto; height: 2px; } #product .productTab ul li .hide_title p { font-size: 16px; } #product .productTab ul li a.more, #product .productTab ul li .hide_title p.p2 { display: none !important; } .slider-nav { padding-top: 2em; } .slider-nav .swiper-pagination.swiper-pagination-fraction, .slider-nav .swiper-pagination.swiper-pagination-fraction *, .slider-nav .swiper-pagination.swiper-pagination-fraction i, .slider-nav .swiper-pagination.swiper-pagination-fraction i * { font-size: 14px; line-height: 1; } .slider-nav .swiper-pagination.swiper-pagination-fraction b, .slider-nav .swiper-pagination.swiper-pagination-fraction b * { font-size: 20px; line-height: 1; } .slider-nav .pos_left, .slider-nav .pos_right { /* font-size: 1.6em; */ padding-top: 0; } #dynamic{ padding: 3rem 0 3.5rem 0; } #dynamic p.title{ padding-left: 1rem; } #dynamic .indexdynamic h3{ padding-left: 1rem; } #dynamic .indexdynamic .lunbobox{ height: 55rem; margin-top: 4rem; } #dynamic .lunbobox .pic_lunbo{ width: 100%; height: 24.25rem; } #dynamic .lunbobox .text_luobo{ width: 100%; height: 24.25em; } #dynamic .lunbobox .text_luobo ul li{ padding: 1rem; height: 33.3%; } #dynamic .lunbobox .text_luobo ul li:nth-child(1) .text_div:nth-child(1){ margin-top: 3rem; } #dynamic .lunbobox .text_luobo ul li:nth-child(2) .text_div:nth-child(2){ margin-top: 1.5rem; } #dynamic .lunbobox .text_luobo ul li .text_div{ width: 100%; padding:0 0 2rem 0; } #dynamic .lunbobox .pic_lunbo ul li img{ width: 100%; height: 100%; } #dynamic .lunbobox .dynamicTab{ transform: rotate(0deg); margin-top: 0; right: 0; top: 96%; } #chain .chain_top{ height: 20rem; } #chain .chain_top .chain_top_l{ width: 100%; } #chain .chain_top .chain_top_l img{ margin-left: 0; } #chain .chain_top .chain_top_r{ top: -10rem; width: 100%; height: 8rem; padding-left: 1rem; } #chain .chain_top .chain_top_r p{ margin-left: 0; } #chain .chain_top .chain_top_r h3{ margin-left: 0; } #chain .chain_bottom ul li .arrow_long{ display: none; } #chain .chain_bottom{ height: auto; } #sina{ padding:5rem 0; } #sina .sina_pic img{ display: none; } #sina .sina_pic{ padding-top: 5px; height: 9rem; background: #E57A10; } #sina .sina_pic .sina_text{ padding: 7px; } #sina .sina_pic .sina_text h3{ padding-left: 1rem; } #sina .sina_pic .sina_text p{ padding-left: 1rem; } #sina .sina_pic .stock{ display: none; } #sina .sina .sina_api .caret_r{ bottom: 0; right: 0; } #sina .sina .sina_api { height: 260px; } #information{ padding: 5rem 0; } #information .telphone{ margin-top: 4rem; } #information .telphone ul li{ width: 100%; padding-left: 1rem; margin-bottom: 1rem; } #information .telphone ul li .text_tel{ width: 80%; } #information .telphone ul li .text_tel p{ margin-top: 0; } #partner{ padding: 5rem 0; } #partner .partner{ margin-top: 5rem; } #partner .partner ul li{ height: 10rem; line-height: 10rem; } } /*iprd兼容*/ @media only screen and (min-width: 768px) and (max-width:1024px) { #sr-home.product{ height: 35rem; } #sr-home .index_title .watch{ width: 10rem; height: 4rem; line-height: 4rem; } #sr-home .index_title h1{ font-size: 4rem; } #sr-home .content ul li header{ padding-top: 15rem; } #product .productTab ul li .hide_title{ top: 1.5rem; left: 1.5rem; width: 95%; height: 92%; padding-top: 14rem; } #dynamic{ padding:6rem 0 12rem 0 ; } #dynamic .indexdynamic .lunbobox{ height: 76rem; } #dynamic .lunbobox .pic_lunbo{ height: 45rem; } #dynamic .lunbobox .text_luobo{ height: 37.5rem; bottom: -9.5rem; } #dynamic .lunbobox .dynamicTab{ top: 106%; } #dynamic .lunbobox .text_luobo ul li{ height: 33.3%; } #dynamic .lunbobox .text_luobo ul li .text_div{ padding:3rem 0 2rem 0; } #chain .chain_top .chain_top_l img{ margin: 0 auto; } #information .telphone ul li{ padding-left: 25rem; } #chain .chain_bottom ul li:hover{ height: 40rem; } #chain .chain_bottom ul li .chain_img{ height: 20rem; } } /*iprdpro兼容*/ @media only screen and (min-width: 1024px) and (max-width: 1200px) { #product p.title{ padding-left: 1rem; } #product .indexproduct h3{ padding-left: 1rem; } #product .bgprc{ width: 50rem; height: 18rem; } #product .productTab ul li .hide_title{ width: 93%; height: 89%; padding-top: 8rem; } #dynamic p.title{ padding-left: 1rem; } #dynamic .indexdynamic h3{ padding-left: 1rem; } #dynamic .lunbobox .pic_lunbo{ height: 37.5rem; } #dynamic .lunbobox .text_luobo{ right: 2px; bottom: -7.5rem; } #dynamic .lunbobox .dynamicTab{ margin-top: 0; right: -80px; top: 70%; } #dynamic .lunbobox .text_luobo ul li .text_div{ padding: 4rem 0 2rem 0; } #chain .chain_top .chain_top_r p{ margin-left: 10px; text-align: right; padding-right: 1rem; } #chain .chain_top .chain_top_r h3{ margin-left: 0; text-align: right; padding-right: 1rem; } #sina .sina .sina_api img{ height: 100%; } #sina .sina .sina_api .caret_r{ bottom: 0; right: 0; } #information .telphone ul li{ padding-left:1rem; } #information .telphone ul li .text_tel{ width: 22rem; } #chain .chain_bottom{ height: 477px; } }