@charset "utf-8"; /* CSS Document */ /*全局样式-----------------------------------*/ body { margin: 0; padding: 0; } html { margin: 0; padding: 0; } div, img, p, li, ul,h2 { margin: 0; padding: 0; } li, ul { list-style-type: none; } input, textarea, button { -webkit-border-radius: 0; outline: none; padding: 0; margin: 0; font-family: inherit; -webkit-appearance:none; } a{ color:#353535; text-decoration: none;} a:hover{color:#ba0042; text-decoration: none;} .s_fl{ float:left} .s_fr{ float:right;} .mr30{ margin-right: 30px;} .mt30{ margin-top: 30px;} .w1170{ width: 1170px; margin: 0 auto;} /*-----------------------------------------------------------*/ /*头部LOGO布局-----------------*/ .logo{ height: 120px;} .logo_left{ float:left; width: 400px; height: 60px; margin-top: 30px;} .logo_right{ float:right; width:680px; height: 80px; margin-top: 20px;} /*导航布局---------------------*/ .nav{ height: 60px;} .nav ul{ color: #666666;} .nav ul li{ float: left; width: 167px; height: 60px; line-height: 60px; text-align: center; /* font-size: 26px; */ font-size: 22px; } .nav ul li a.nvchos{color:#ba0042; text-decoration: none; background: url(../img/nav_bgg.jpg) no-repeat bottom;} .nav ul li a{ display:block; color:#666; text-decoration: none;} .nav ul li a:hover{ color:#ba0042; text-decoration: none;} /* .nav ul li a:hover{ color:#ba0042; text-decoration: none; background: url(../img/nav_bgg.jpg) no-repeat bottom;} */ /*导航弹窗*/ .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #FFF; min-width: 167px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); text-align: center; line-height: 60px; z-index: 200; } .dropdown-content a {color: #353535; background: #FFF;} .dropdown-content a:hover {color: #353535; background: #eeeeee;} .dropdown:hover .dropdown-content { display: block; } /*广告BANNER------------------*/ .adall{ height: 400px; background:url(../img/yinybg.jpg) repeat-x top;} .adbaner{ width: 1170px; height: 400px; margin: 0 auto;} /*图片BV伟德下载----------------------------*/ .compnew{ /* height: 474px; */ height: 370px; margin-top: 30px;} .compimg{ float: left; /* height:474px; */ height:350px; width: 580px;} .comptext{ float:right; /* height:474px; */ height:350px; width: 570px;} .imgbof{ position: relative; width:570px; height: 404px;} .imgnews{ position: absolute; width: 71px; height: 67px; top: 0; left: 0;} .imgkuai{ width:146px; position: absolute; height: 36px; bottom: 0; right: 0; margin: 0 26px 26px 0;} .imgkuai span{ float:left; height: 34px; width: 34px; line-height: 34px; text-align: center; margin-right:14px; font-size: 22px;} .imgkuai span.imgk_a{ background:#ba0042; color:#FFF;} .imgkuai span.imgk_h{background:#FFF; color:#353535;} .imgtext{ height:70px; line-height:70px; background:#f7f7f7; padding: 0 24px;} .imgtext h2{ float:left; font-size: 22px; font-weight: normal;} .imgtext h2 a{color:#353535; text-decoration: none;} .imgtext h2 a:hover{ color:#ba0042; text-decoration: none;} .imgtext p{ float:right; color: #999;} /*bv伟德入口BV伟德下载、公示公告----------------------------*/ .ctnav{ height:49px; background: url(../img/newxgray.png) repeat-x bottom;} .ctlist{ height:425px;} .ctnav_l{ width:300px;} .ctnav_r{ width:150px; height: 49px; line-height: 49px; color: #999; /* font-size: 20px; */ font-size: 18px; text-align: right;} .ctnav_r a{color:#999;} .ctnav_r a:hover{color:#ba0042;} .ctnav_l ul{ color: #666666;} .ctnav_l ul li{ float: left; height: 49px; text-align:left; /* font-size: 24px; */ font-size: 20px; margin-right: 20px;} .ctnav_l ul li.nvchos{color:#ba0042; text-decoration: none; height: 49px; background: url(../img/nav_bgg.jpg) no-repeat bottom;} .ctlist ul{ overflow: auto;} .ctlist ul li{ display: block; /* height: 60px; margin-top: 15px; */ height: 50px; margin-top: 12px;} .ctlist ul li a span.sptime{float:left; /* height:60px; width: 70px; */ height:40px; width: 70px; padding: 5px 0; text-align: center; background: #F7F7F7;} .ctlist ul li a:hover span.sptime{ /* height:60px; width: 70px; */ height:40px; width: 70px; padding: 5px 0; text-align: center; background: #ba0042; color: #FFF;} .ctlist ul li a span.sptime h2{ /* line-height: 30px; */ line-height: 20px; font-size: 24px; font-weight:500;} .ctlist ul li a span.sptime p{ /* line-height: 30px; */ line-height: 20px; font-size: 14px; } .ctlist ul li span.sptext{ margin-left:25px; /* height: 70px;*/ height: 40px; width: 475px; float:right;} .ctlist ul li span.sptext h2{ /* line-height: 70px; */ line-height: 40px; font-size: 20px; font-weight:normal;} .ctlist ul li span.sptext p{line-height: 0px; font-size: 16px; color:#999;} /*----------------------------------------------------------------------------------*/ /*企业宣传片----------------------------*/ .corp{ /* height: 410px; */ height: 380px; background: #f7f7f7; margin-top: 30px;} .c_video{ height: 410px; width: 570px; padding-top:20px;} .v_title{ height: 66px; line-height: 66px; background: url(../img/videoxx.png) no-repeat left center; color: #999;} .v_title span{ font-size: 28px; color:#ba0042; margin: 0 10px 0 20px;} .v_title strong{ font-size: 20px; font-weight:normal;} /*bv伟德入口展示----------------------------*/ .prduct{ /* height:590px; */ height:460px; position: relative;} .pr_title{ /* height:60px; */ height:40px; margin: 50px 0;} .pr_title h2{font-size: 30px; color:#ba0042; text-align: center; background: url(../img/nav_text.png) no-repeat center; font-weight: normal;} .pr_title p{ font-size: 20px; text-align: center; color: #999;} .pr_img{ height: 370px;} .pr_img ul li{ float: left; width: 370px; height: 370px;} .pr_img ul li h2{ font-size: 20px; line-height:34px; font-weight: normal;} .pr_img ul li p{ font-size: 16px; line-height:24px;} .pr_img ul li p a{ color: #999; text-decoration: none;} .pr_img ul li p a:hover{ color: #ba0042; text-decoration: none;} .pr_spn{ height: 100px; margin: 0 auto; width:260px; margin-top: 30px;} .pr_spn ul li.spnver{width: 16px; height: 16px; background:#ba0042;} .pr_spn ul li{ float: left; width: 16px; height: 16px; background:#d6d6d6; margin-right: 26px; border-radius:30px; -moz-border-radius:30px; /* 老的 Firefox */} .pro_butn_l{ position: absolute; left:-100px; top: 220px;} .pro_butn_r{ position: absolute; right:-100px; top: 220px;} /*----------------------------------------------------------------------------------*/ /*员工风采----------------------------*/ .staff_bg{background:#f7f7f7; overflow: auto;} .staff{ height:590px; position: relative; } .staff_img{ height:410px;} .staff_img_c{ height: 410px; width: 500px; position: absolute; left: 300px; z-index: 100;} .staff_img_l{ height: 314px; width: 400px; position: absolute; left:0; top:150px; z-index: 99;} .staff_img_r{ height: 314px; width: 400px; position: absolute; right:0; top:150px; z-index: 98; } .staff_butn_l{ position: absolute; left:-100px; top: 280px;} .staff_butn_r{ position: absolute; right:-100px; top: 280px;} /*----------------------------------------------------------------------------------*/ /*友情链接----------------------------*/ .frieny{ /* height: 320px; background: #f7f7f7; */ height:20px; } .fr_img{ /* height: 130px; */ height: 20px; } .fr_img ul li{ float:left; /* height: 130px; width: 370px; */ height: 90px; width: 220px; } /*底部导航----------------------------*/ .footer{ height:130px; text-align: center; background:#f7f7f7; padding-top: 40px;} .footer p{ line-height: 30px; font-size: 16px;} /*客服介绍---------------------------*/ .tel_us{ width: 106px; height: 152px; position: absolute; right: 0; top: 400px;} .tels_usimg{position: relative;} .tel_link{ height: 100px; position: absolute; left: 0; /* top: 0; */ top: 50px;} .tel_link a{ display: block; height: 50px; line-height: 50px; width: 106px; display: block; cursor: pointer;} /*节日-左边---------------------------*/ /* .jr_left_us{ width: 318px; height: 477px; position: absolute; left: 0; top: 400px; z-index:300} */ .jr_left_us{ width: 300px; height: 533px; position: absolute; left: 0; top: 400px; z-index:300} .jr_left_usimg{position: relative;} /* 沉痛悼念!网站快速变黑白灰色 background:#545454; background:#c0c0c0; */ /* html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=5); -webkit-filter: grayscale(100%); } */