.kv{ background: #666; height: 500px; overflow: visible; width: 100%; left: 0; top: 0;} .kv_slide{ top: 0; overflow: hidden; width: 100%; min-width: 1280px;} .pad_kv{ padding-top: 500px;} .col_mt{ margin-top: 45px;} .banner_foot h1{} .banner_foot{ background: no-repeat left center #000; height: 220px;} .banner_foot h1{ font-size: 32px; top:55px; right:120px; color:#fff;} .banner_foot .arr_blue_btn{ display: block; right: 185px; top:110px;} .b_unit{ width: 320px;} .b_unit .t_img{ height: 320px; background-color: #000;} .b_unit .col{ width: 50px; height: 50px; line-height: 50px; text-align: center; color:#fff; z-index: 1; left: 20px; bottom: 20px;} .b_unit .t_img img{ opacity: 0.85;} .b_unit .con_box{ background-color: #fff;} .b_unit .con_box .c{ border-left: 1px #e3e3e3 solid; height: 120px; padding: 20px;} .b_unit .con_box .date{ font-weight: bold; font-size: 10px; color: #6c6c6c; background: no-repeat left center; padding-left: 18px; line-height: 18px; height: 18px; margin-bottom: 6px;} .b_unit .con_box .con{ font-size: 16px; line-height: 32px; height: 96px; overflow: hidden;} .b_unit .play{ z-index: 2; width: 320px; height: 320px; display: block; background: no-repeat center center;} .ib_red .col{ background-color: #eb1c5b;} .ib_yel .col{ background-color: #e2a12f;} .ib_blue .col{ background-color: #2f72e2;} .ib_red:hover .col{ background-color: #fff; color: #eb1c5b;} .ib_yel:hover .col{ background-color: #fff; color: #e2a12f;} .ib_blue:hover .col{ background-color: #fff; color: #2f72e2;} .ib_red:hover .con_box{ background-color: #eb1c5b;} .ib_yel:hover .con_box{ background-color: #e2a12f;} .ib_blue:hover .con_box{ background-color: #2f72e2;} .b_unit:hover .t_img img{ opacity: 1;} .b_unit:hover .con_box .date,.b_unit:hover .con_box .con{color:#fff;} .b_unit:hover .con_box .date{ background-image: } .video_box .con_box .f{background: #fff; border-left: 1px #e3e3e3 solid; height: 160px;} .video_box .con_box .f .btn_unit{ width: 105px; border-right: 1px #e3e3e3 solid; text-align: center; color: #6c6c6c; height: 100px; overflow: hidden; line-height: 150px; background: no-repeat center top;} .video_box .con_box .f .agent{ background-image: ;} .video_box .con_box .f .journals{ background-image: ;} .video_box .con_box .f .service{ background-image: ;} .video_box .con_box .f .btn_unit:hover{ background-position: center -100px; color: #005bac;} .video_box .con_box .down{ border-top: 1px #e3e3e3 solid; height: 40px; padding: 10px 0; text-align: center;} .video_box .con_box .btn_down{display: inline-block; line-height: 40px; background: no-repeat right center; height: 40px; padding-right: 30px; color: #005bac;} .pro_cat{ min-width: 1280px; max-width: 1920px;} .pro_cat .u{ width: 16.66%; height: 320px; } .pro_cat .bg_img{ z-index: 800;} .pro_cat .h{ z-index: 810; display: none;} .pro_cat .curr{ display: block;} .pro_cat .txt{ z-index: 850;} .product{ min-width: 1280px; background: #fff;} .find_f{ padding: 50px 0; text-align: center;} /*首页调整.20200528*/ .m_nav{width:100%;top: 0;} .m_nav .nav_c a{padding: 0 30px;} .m_nav .nav_c a:first-child{padding: 0 40px;} @media only screen and (max-width:1599px){ .m_nav .nav_c a{padding: 0 25px;} .m_nav .nav_c a:first-child{padding: 0 30px;} } @media only screen and (max-width:1439px){ .m_nav .nav_c a{padding: 0 18px;} .m_nav .nav_c a:first-child{padding: 0 20px;} } @media only screen and (max-width:1279px){ .m_nav .nav_c a{padding: 0 15px;} .m_nav .nav_c a:first-child{padding: 0 15px;} } @media only screen and (max-width:1199px){ .m_nav .nav_c a{padding: 0 10px;} .m_nav .nav_c a:first-child{padding: 0 10px;} } .kv_slide{top: 80px;} .kv{position: relative;} .pad_kv{display:none;} .banner_foot{background: no-repeat center center #000;} /* banner */ .bannerbox { position: relative; width:100%; min-width:1280px; min-height:680px; overflow: hidden; } .bannerbox .pic{ position:relative; z-index:0; } .bannerbox .pic li{font-size: 0;display: block; min-height:680px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;} .bannerbox .pic img, .bannerbox .pic a{ width:100%; min-height:680px; display: block; } .bannerbox .prev, .bannerbox .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:45%;left:20px; background:url(/uploads/image/tvimages/icons.png) 0 0 no-repeat; cursor:pointer; filter:alpha(opacity=30);opacity:0.3; } .bannerbox .next{ left:auto; right:30px; background-position:-51px 0; } .bannerbox .prev:hover, .bannerbox .next:hover{ filter:alpha(opacity=100);opacity:1;background-position:0 0;} .bannerbox .next:hover{background-position:-51px 0;} .bannerbox .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:50px; line-height:50px; text-align:center;} .bannerbox .hd ul{ text-align:center; padding-top:5px; } .bannerbox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px;border-radius: 6px; margin:5px; background:rgba(255,255,255,0.3); overflow:hidden;line-height:9999px;} .bannerbox .hd ul .on{background:rgba(0,91,172,0.3);} /* 产品分类图片 */ .pro_cat{ width: 100%; max-width: 100%;z-index: 51; position: relative;background:#000 url(/uploads/image/tvimages/pro_bg.jpg) center bottom no-repeat; padding:40px 0;} .pro_list{ overflow:hidden; width:1280px; margin:0 auto;position: relative;} .pro_cat .prev,.pro_cat .next{ display:block; width:70px; height:70px; position:absolute; top:207px;right:33px; overflow:hidden;z-index: 1; cursor:pointer; background: 0 0 no-repeat;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;transition: opacity 0.25s ease;} .pro_cat .next{background-position:0 -70px;} .pro_cat a.prev:hover {background-position:0 0;filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;} .pro_cat a.next:hover {background-position:0 -70px;filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;} .pro_cat .bd{} .pro_cat .bd ul{ overflow:hidden; zoom:1; } .pro_cat .bd ul li{ width:426px;float:left; _display:inline; overflow:hidden; text-align:center; margin-right:1px; position:relative;font-size: 0;} .pro_cat .bd ul li .pic{ text-align:center; } .pro_cat .bd ul li .pic img{ width:426px; height:486px; display:block;} .pro_cat .bd ul li .pic i{ width:426px; height:486px; position:absolute; top:0; left:0; display:block; background-color:rgba(0,0,0,0.5);transition: background-color 0.25s ease;} .pro_cat .bd ul li:hover .pic i{ background-color:rgba(0,0,0,0.3);} .pro_cat .bd ul li .title{line-height: 24px;top: 0;position: absolute;margin: 22px 0 0 24px;color: #fff;font-size: 26px; text-align:left;} .pro_cat .bd ul li .title em{ display:none;font-size: 42px;font-family:arial narrow, arial, helvetica, sans-serif;font-style: normal;line-height: 100%;margin-top: 23px;} .pro_cat .bd ul li:hover .title em{ display:block;} .pro_cat .bd ul li .btn{ display:none; bottom:27px; left:32px; position:absolute;} .pro_cat .bd ul li .btn a{ display:block; padding:28px; border:1px solid #fff; color:#fff; font-size:20px;font-family:arial narrow, arial, helvetica, sans-serif;background-color: transparent; transition: background-color .25s ease;} .pro_cat .bd ul li .btn a:hover{ background:#fff; color:#000;} .pro_cat .bd ul li:hover .btn{ display:block;} /*视频*/ .video_warp{width: 100%; height:676px; padding-top:138px;background:#000 url(/uploads/image/tvimages/top-video-bg.jpg) center top no-repeat;background-size:100% 100%; margin-top: 0;} .video_con{ width:1280px; margin:0 auto;} .video_con .video{ width:880px;height: 495px;margin-top: 20px; position:relative;} .video_con .video video{ width:100%; height:100%;} .video_con .text{ width:320px; text-align:center; padding-top: 110px;} .video_con .text h4{font-size: 45px; font-size: 3.75vw; font-weight: 400; line-height: 4.0vw; letter-spacing: 2px; letter-spacing: 0.2vw; margin: 0 0 20px; margin: 0 0 1.6vw; text-align: center; color: #fff;} .video_con .text h4>span{ display: inline-block; font-size: 30px; font-size: 2.5vw; line-height: 42px; line-height: 3.5vw; letter-spacing: 0; margin: 0; padding-bottom: 20px; padding-bottom: 1.8vw; border-bottom: solid 1px #e20303;} .video_con .text p{font-size: 28px; font-size: 1.5vw; line-height: 32px; line-height: 2.8vw; color: #d9d9d9; margin: 0;} .video_con i{ position: absolute; top: 0; left: 0; background: url(/uploads/image/tvimages/play.png) no-repeat center center; width: 100%; height: 100%; cursor: pointer; z-index: 1; }