*{ margin: 0; padding: 0; } a{ text-decoration: none; } a:hover{ text-decoration: none; color: #333; } body{ font-family: "微软雅黑"; min-width: 1200px; } ul{ list-style: none; } .top1{ width: 100%; } .nav{ /* box-shadow: 0px 2px 3px #ccc;*/ width: 1200px; margin: auto; } .nav>img{ float: left; } .nav>ul{ margin-bottom: 0; font-size: 0; float: right; } .nav>ul>li{ display: inline-block; font-size: 16px; position: relative; } .nav>ul>li>a{ display: block; text-align: center; color: #464646; overflow: hidden; height: 102px; width: 98px; line-height: 102px; border-top: 3px solid #fff; } .nav span{ float: right; } .nav>ul>li:nth-child(1)>a{ border-left: 0; } .nav>ul>li:last-child>a{ border-right: 0; } .nav>ul>li>a:hover{ border-top: 3px solid #730000; /* background:#0058b7; color: #fff;*/ transition: 0.3s linear; } .clear{ clear: both; } .more{ position: absolute; left: 0; top: 111px; width: 150px; z-index: 999; background: #fff; display: none; } .more a{ display: block; height: 44px; overflow: hidden; line-height: 44px; font-size: 14px; color: #808080; border: 1px solid #dcdcdc; margin-bottom: -1px; text-align: center; font-size: 15px; transition: all 0.3s linear 0s; } .jianjie{ width: 1182px; margin: auto; overflow: hidden; height: 117px; background: url(../image/1.png)center 0 no-repeat; position: relative; margin-top: -57px; z-index: 100; } .jianjieLeft{ float: left; color: #fff; width: 243px; padding-top: 32px; padding-left: 21px; } .jianjieLeft span{ font-size: 16px; font-family: 思源黑体 CN Medium; text-transform: uppercase; } .jianjieLeft div{ font-size: 27px; font-family: 思源黑体 CN Medium; margin-top: 1px; } .jianjie>a{ float: right; width: 909px; color: #555555; font-size: 12px; line-height: 26px; margin-top: 19px; margin-right: 16px; } .myProduct{ width: 100%; overflow: hidden; height: 236px; background: url(../image/images/3_03.jpg)center 0 no-repeat; } .products{ overflow: hidden; width: 1200px; margin: auto; margin-bottom: 30px; } .productss{ display: flex; flex-wrap: wrap; overflow: hidden; } .productss a{ display: block; border: 1px solid #730000; margin-bottom: 30px; margin-left: 24px; width: 276px; } .productss>a>img{ width: 276px; height: 238px; } .productss div{ overflow: hidden; } .productss span{ display: block; color: #333333; text-align: left; height: 44px; font-size: 16px; line-height: 44px; padding: 0 16px; } .productss span img{ float: right; margin-top: 7px; } .myabout{ width: 100%; overflow: hidden; height: 750px; background: url(../image/images/4_02.jpg)center 0 no-repeat; } .myabout>div{ overflow: hidden; width: 1200px; margin: auto; margin-bottom: 30px; } .myaboutLeft{ float: left; overflow: hidden; } .myaboutLeft>span{ font-size: 30px; display: block; color: #fff; margin-top: 122px; margin-bottom: 12px; } .myaboutLeft i{ font-size: 26px; color: #fff; font-style: normal; } .myaboutLeft p{ font-size: 12px; color: #fff; width: 573px; line-height: 27px; margin-top: 45px; } .myabouts{ overflow: hidden; } .myaboutss{ display: flex; flex-wrap: wrap; overflow: hidden; } .myaboutss a{ margin-left: 11px; width: 201px; margin-top: 77px; } .myaboutss img{ width: 201px; height: 263px; border: 2px solid #730000; } .myaboutRight{ float: right; width: 306px; overflow: hidden; } .myaboutRight a{ display: block; color: #fff; margin: auto; margin-top: 213px; width: 87px; height: 87px; text-align: center; line-height: 87px; text-transform: uppercase; } .myaboutRight div{ font-size: 12px; width: 293px; margin: auto; line-height: 28px; margin-top: 12px; } .wenhua{ width: 100%; background: #e4e5e9; overflow: hidden; } .wenhuatop{ width: 100%; overflow: hidden; height: 256px; background: url(../image/images/5_03.jpg)center 0 no-repeat; } .wenhuas{ width: 1200px; margin: auto; overflow: hidden; } .wenhuas a{ display: block; width: 372px; float: left; margin-left: 42px; background: #fff; margin-bottom: 60px; height: 455px; transition: 0.2s linear; } .wenhuas a:nth-child(1){ margin-left: 0; } .wenhuas img{ width: 372px; height: 274px; } .wenhuas span{ display: block; font-weight: 700; color: #333333; font-size: 18px; padding-left: 16px; margin-top: 23px; margin-bottom: 9px; } .wenhuas i{ font-size: 12px; color: #777777; font-style: normal; padding-left: 17px; margin-bottom: 12px; display: block; } .wenhuas p{ font-size: 12px; color: #555555; width: 338px; margin: auto; line-height: 24px; } .wenhuas a:hover span{ color: #730000; transition: 0.2s linear; } .zixun{ width: 100%; overflow: hidden; height: 419px; background: url(../image/images/6_02.jpg)center 0 no-repeat; text-align: center; } .zixun span{ color: #fff; font-size: 42px; display: block; margin-top: 102px; margin-bottom: 12px; } .zixun i{ color: #f1f1f1; font-size: 25px; font-style: normal; margin-bottom: 59px; display: block; } .zixun div{ width: 720px; height: 53px; margin: auto; border: 2px solid #989898; position: relative; } .zixun input:nth-child(1){ display: block; float: left; color: #aaaaaa; width: 660px; height: 50px; background: none; border: 0; padding-left: 27px; outline: none; } .zixun input:nth-child(2){ display: block; float: left; width: 25px; height: 25px; background: url(../image/6.png)center 0 no-repeat; border: 0; margin-top: 11px; outline: none; margin-left: 14px; } .mybottom{ width: 100%; overflow: hidden; position: relative; background: #e4e5e9; height: 290px; } .mybottom>div{ width: 1200px; margin: auto; overflow: hidden; padding-top: 59px; } .mybottom>div>img:nth-child(1){ float: left; margin-top: 41px; margin-left: 23px; margin-right: 35px; } .mybottom>div>img:nth-child(3){ float: right; } .mybottomLeft{ float: right; color: #111111; margin-left: 28px; margin-top: 15px; } .mybottomLeft span{ display: block; } .mybottomLeft label{ font-size: 24px; } .mybottomLeft div{ font-size: 13px; margin-bottom: 5px; } .mybottomLeft>a{ font-size: 12px; color: #fff; width: 113px; height: 33px; display: block; background: #730000; text-align: center; line-height: 33px; border-radius: 9px; margin-top: 13px; } .bottomsRight{ float: left; border-right: 1px solid #CBCBCB; width: 181px; height: 211px; text-align: center; } .bottomsRight span{ color: #111111; display: block; margin-bottom: 17px; font-weight: 700; font-size: 16px; margin-top: 26px; } .bottomsRight a{ display: block; color: #111111; font-size: 14px; margin-top: 9px; } .bottomsRights{ float: left; border: 1px solid #CBCBCB; border-top: 0; border-bottom: 0; width: 245px; height: 211px; text-align: center; } .bottomsRights span{ color: #111111; display: block; margin-bottom: 9px; font-weight: 700; text-align: left; padding-left: 46px; font-size: 16px; margin-top: 26px; } .bottomsRights div{ overflow: hidden; } .bottomsRights a{ display: block; color: #111111; float: left; width: 50%; font-size: 14px; margin-top: 9px; } .bottomsRights a:nth-child(2n){ text-align: left; padding-left: 9px; } .bottomsRights a:nth-child(2n+1){ text-align: left; padding-left: 48px; } .bottoms{ line-height: 59px; text-align: center; background: #730000; } .bottoms a{ color: #fff; font-size: 12px; } /*.izl-rmenu{position:fixed;left:86%;bottom:10px;padding-bottom:73px;background:url(../image/r_b.png) 0px bottom no-repeat;z-index:999;} .izl-rmenu .btn{display:block;width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-qq{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;} .izl-rmenu .btn-qq:hover{background-color:#488bc7;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background:url(../image/r_wx.png) 0px 0px no-repeat;background-color:#78c340;} .izl-rmenu .btn-wx:hover{background-color:#58a81c;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(../image/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-top{background:url(../image/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} */ /**/ .blk-main { width: 1200px; margin: 0 auto; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curmbs-1 b { border-left: 10px solid #730000; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 span { font-family: 宋体; height: 46px; line-height: 46px; padding: 0px 5px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 a{ color:#666; } .blk-xs { width: 240px; } .blk { margin-bottom: 20px; } .fl { float: left; } .p14-left-nav-1-tit { background: #730000; height: 75px; } .p14-left-nav-1-tit h3 { margin: 0; height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .p14-left-nav-1-nav-one h3 { height: 50px; line-height: 50px; background: url(../image/p14-icon5.png) no-repeat right center #730000; margin: 0; margin-bottom: 2px; } .p14-left-nav-1-nav-one h3.sidenavcur, .p14-left-nav-1-nav-one h3:hover { background: url(../image/p14-icon2.png) no-repeat right center #730000; } .p14-left-nav-1-nav-one h3 a { display: block; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #fff; } .p14-left-nav-1-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-left-nav-1-nav dl { padding: 2px 0 4px; margin-bottom: 0; } .p14-left-nav-1-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; } .p14-left-nav-1-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-weight: 400; } .p14-left-nav-1-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .p14-left-nav-1-nav dt.sidenavcur a, .p14-left-nav-1-nav dt:hover a { color: #730000; } .p14-left-nav-1-nav dt.sidenavcur:after, .p14-left-nav-1-nav dt:hover:after { border-color: #730000; } .p14-left-nav-1-nav-one>dl{ display: none; } .cbgg-01 { border: 1px solid #730000; text-align: center; color: #000; } .cbgg-01 .tit { color: #fff; font-size: 18px; background: #730000; height: 71px; padding-top: 18px; text-align: center; overflow: hidden; } .cbgg-01 .tit i { color: #fff; display: block; font: 12px Arial; text-align: center; font-size: 14px; line-height: 18px; text-transform: uppercase; font-style: normal; } .leftlx { width: 220px; text-align: center; font-family: "Microsoft Yahei","微软雅黑"; font-size: 14px; padding: 10px; display: block; margin-bottom: 20px; } .leftlx p { padding-top: 10px; line-height: 25px; } .leftlx .dianh .dianhua span { font-size: 24px; } .leftlx a{ color: #666; } .blk-sm { width: 930px; } .fr { float: right; } .b { clear: both; } .leftnav-z1-tit { margin: 0; height: 50px; line-height: 50px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; font-size: 24px; } .leftnav-z1-tit span { display: inline-block; height: 50px; border-bottom: 1px solid #003e71; font-weight: 600; color: #666; } .leftnav-z1-list{ overflow: hidden; } .leftnav-z1-list dl { width: 30.9%; border: 1px solid #dedede; margin-bottom: 15px; background: #fff; float: left; margin-right: 2%; box-sizing: border-box; } .leftnav-z1-list dt img { width: 100%; display: block; height: 214px; } .leftnav-z1-list dd { padding: 6px 20px 6px 20px; } .leftnav-z1-list dd h4 { margin: 0; height: 45px; text-align: center; font-weight: normal; font-size: 18px; color: #154c64; line-height: 45px; } .leftnav-z1-list dd h4 a{ color: #666; } .leftnav-z1-list dl:hover { border-color: #730000; } /*详情*/ /* 垂直居中 */ .small-img{ display: flex; align-items:center; justify-content: center; } .clearfix:before, .clearfix:after{ display: table; line-height: 0; content: ""; } .magnifier{ width: 500px; position: relative; float: left; margin-bottom: 34px; } .magnifier-container{ width: 500px; height: 500px; overflow: hidden; position: relative; border: 1px solid #ddd; } .move-view{ width: 100px; height: 100px; position: absolute; background-image: url('../image/move-box.png'); } .images-cover{ height: 100%; width: 100%; position: relative; } .images-cover img{ position: absolute; } .magnifier-assembly{ height: 92px; overflow: hidden; position: relative; padding-left: 30px; padding-right: 30px; } .magnifier-btn{ position: absolute; font-family: "宋体"; width: 100%; top: 50%; left: 0; margin-top: -40px; } .magnifier-btn span{ line-height: 80px; height: 80px; width: 20px; background-color: #6e6e6e; color: #fff; display: block; z-index: 9998; text-align: center; font-size: 20px; cursor: pointer; border-radius: 3px; } .magnifier-btn .magnifier-btn-left{ float: left; } .magnifier-btn .magnifier-btn-right{ float: right; } .magnifier-line{ position: relative; overflow: hidden; height: 92px; } .magnifier-line ul{ display: block; font-size: 0; width: 10000%; position: absolute; left: 0; z-index: 9997; } .magnifier-line li{ float: left; width: 100px; cursor: pointer; } .magnifier-line ul > .active .small-img{ border-color: #bbb; } .small-img{ height: 78px; padding: 1px; margin: 5px; overflow: hidden; border: 1px solid #ddd; text-align: center; } .small-img img{ max-width: 100%; max-height: 100%; } .magnifier-view{ width: 100%; height: 100%; position: absolute; right: -105%; top: 0; z-index: 9999; background-color: #fff; display: none; overflow: hidden; } .magnifier-view img{ display: block; } .animation03{ transition: all 0.3s ease-in 0.1s; -ms-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s; -webkit-transition: all 0.3s ease-in 0.1s; -o-transition: all 0.3s ease-in 0.1s; } .detail{ overflow: hidden; } .detailLeft{ float: left; } .detailRight{ margin-left: 55px; float: left; width: 45%; overflow: hidden; line-height: 29px; overflow: hidden; } .detailRight>h1{ margin: 0; height: 50px; font-size: 20px; font-weight: normal; line-height: 50px; overflow: hidden; color: #333; border-bottom: 1px solid #eee; margin-bottom: 5px; } .p1-pro-showcase-1-txt-t1 { margin-bottom: 35px; overflow: hidden; } .p1-pro-showcase-1-txt-t1 i{ font-style: normal; } .p1-pro-showcase-1-txt-t1 b{ font-style: normal; } .p1-pro-showcase-1-txt-t1 strong{ font-style: normal; } .p1-pro-showcase-1-tle .p1-pho-1 { background: url(../image/VISkins-p1.png) no-repeat 0 -3px; min-height: 50px; padding-left: 44px; font-size: 20px; line-height: 30px; margin-left: 30px; margin-right: 50px; color: #730000; } .fl { float: left; } .p1-pho-1 span { display: block; font-size: 14px; line-height: 14px; color: #666; } .p1-pho-1 i { font-style: normal; } .fl { float: left; } .p1-pho-2 em { display: block; width: 122px; height: 35px; background: #730000; font-size: 16px; font-style: normal; color: #ffffff; text-align: center; line-height: 35px; } .p14-prodcontent-1>h4{ margin: 40px 0 15px 0; background: url(../image/100.jpg) no-repeat left center; padding-left: 34px; font: 24px "Microsoft YaHei"; color: #333333; } .p14-prodcontent-1>h4>i{ font: 16px "Arial"; color: #454545; font-style: normal; text-transform: uppercase; padding-left: 10px; } .zxlb-1n-ts-01-list dl { border: 1px solid #dedede; width: 100%; margin-bottom: 15px; padding: 22px 0 22px; background: #fff; display: inline-block; } .zxlb-1n-ts-01-list dt { width: 35%; float: left; margin-left: 22px; margin-right: 5.5%; } .zxlb-1n-ts-01-list dt img { width: 100%; margin: 0 auto; display: block; } .zxlb-1n-ts-01-list dd { width: 54%; float: left; } .zxlb-1n-ts-01-list dd h4 { height: 40px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 40px; margin-bottom: 5px; } .zxlb-1n-ts-01-list h4 a { display: block; color: #4b4a4a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zxlb-1n-ts-01-list-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #797979; margin-bottom: 28px; overflow: hidden; } .zxlb-1n-ts-01-list-deta { float: right; width: 134px; height: 40px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; } .zxlb-1n-ts-01-list-deta a{ color: #666; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta { background: #730000; border-color: #730000; } .zxlb-1n-ts-01-list dl:hover .zxlb-1n-ts-01-list-deta a { color: #fff; } .zxlb-1n-ts-01-list dl:hover h4 a { color: #730000; } .zxlb-1n-ts-01-list dl:hover { border-color: #730000; } .p14-prodcontent-1 img{ width:100%; }