*{ 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; } .clearfix{clear: both;} .top_bg{ background: #f4f4f4; height: 40px; width: 100%; } .top{ width: 1200px; margin: 0 auto; height: 40px; } .top_left{ float: left; font-size: 12px; color: #333333; line-height:40px; } .topRights{ float: right; font-size: 12px; line-height:40px; } .topRights a{ color: #333333; margin-left: 10px; } .topRights a:hover{ color: #004e92; } .topRights a img{ margin-right: 5px; } .logo img{ width: 1200px; margin: 0 auto; display: block; } .nav{background:#1b1b1b;width: 100%;height: 50px;} .nav_n{width:1200px;margin: 0 auto;height:50px;text-align: center;} .nav_n a{line-height:50px;color:#fff;font-size: 16px; height:50px;float: left; width:150px;} .nav_n a:hover{background: #004e92;color: #fff;} .ban_tel{ background: url(../images/1_02.jpg) center 0 no-repeat; width: 100%; height: 80px; } .biaoti_a{ color: #333; text-align: center; font-size: 30px; margin-top: 60px; } .bt_line{ background: url(../images/3.png) center 0 no-repeat; width:392px; height:16px; display: block; margin: 0 auto; } .biaoti_b{ margin: 0 auto; text-align: center; font-size:14px; color: #999; } .us_m{ width: 1200px; margin: 0 auto; margin-top:40px; } .us_left{ float: right; width: 543px; height: 303px; overflow: hidden; border:5px solid #eee; } .us_left img{ width: 100%; height: 303px; } .us_right{ width:610px; float: left; } .us_biaoti{ font-size: 26px; color: #333; font-weight: bolder; } .about_us{ color: #666; font-size: 14px; line-height: 26px; margin-top:10px; } .us_right a{ width: 178px; height:50px; background: #004e92; display: block; color: #fff; font-size: 16px; line-height:50px; text-align: center; } .us_right a:hover{ border: 1px solid #004e92; color:#004e92; background: #fff; } .us_contact{ background: url(../images/7.png) center 0 no-repeat; width: 1200px; margin: 0 auto; height: 263px; overflow: hidden; margin-top: 35px; } .us_contact a{ width: 120px; height: 32px; line-height: 32px; display: block; color: #fff; margin-top: 100px; margin-left: 650px; background: #333; text-align: center; } .us_contact a:hover{ background: #d9161b; } .pro_m{ width: 1200px; margin: 0 auto; margin-top:20px; } .pro_fenlei{ width: 190px; height: 48px; border: 1px solid #dcdcdc; text-align: center; line-height: 48px; display: block; float: left; margin: 6px 55px; color: #666; } .pro_fenlei:hover{ background: #004e92; color: #fff; } .pro_all{ width: 1200px; margin-top: 30px; overflow: hidden; } .pro_allss{ overflow: hidden; } .pro_allss>div{ float: left; margin-left:34px; width: 376px; } .pro_one1{ width: 376px; } .pro_one1 img{ width: 368px; height: 276px; border: 1px solid #004e92; overflow: hidden; margin: 0 auto; margin-top: 3px; display: block; } .pro_mz{ width: 376px; text-align: center; line-height: 40px; height: 40px; color: #333;font-size: 16px; margin-bottom:20px; } .pro_one1:hover .pro_mz{ background: #0168b5; color: #fff; transition: 1s; } .pro_img{ width: 376px; height: 284px; border: 1px solid #dcdcdc; } .tempWrap{ width: 1200px!important; } .youshi_bac{ background: url(../images/bac_02.jpg) center 0 no-repeat; width: 100%; height: 500px; overflow: hidden; margin-top: 40px; } .youshi_m{ width: 1200px; margin: 0 auto; margin-top: 30px; } .youshi1{ background: url(../images/4.png) center 0 no-repeat; width: 390px; height: 270px; float: left; overflow: hidden; margin-right: 15px; color: #333; font-size: 20px; text-align: center; padding-top: 128px; } .youshi1 span{ font-size: 14px; color: #666; } .youshi1:nth-child(2){ background: url(../images/5.png) center 0 no-repeat; } .youshi1:nth-child(3){ background: url(../images/6.png) center 0 no-repeat; margin-right: 0px; } .youshi1:hover{ background: url(../images/44.png) center 0 no-repeat; transition: 1.2s; color: #fff; } .youshi1:hover span{ color: #fff; transition: 1.2s; } .youshi1:nth-child(2):hover{ background: url(../images/55.png) center 0 no-repeat; } .youshi1:nth-child(3):hover{ background: url(../images/66.png) center 0 no-repeat; } .news_m{ width: 1200px; margin: 0 auto; margin-top: 50px; } .news_left{ background: url(../images/8.png) center 0 no-repeat; width: 212px; height: 334px; overflow: hidden; padding-left: 20px; float: left; } .news_f{ width: 62px; height:30px; text-align: center; line-height:30px; float: left; color: #fff; margin-top: 152px; margin-right: 5px; } .news_f:hover{ color: #fff; border-bottom: 2px solid #fff; } .news_la{ width: 98px; height: 26px; line-height: 26px; text-align: center; display: block; color: #fff; margin-top:80px; border: 1px solid #fff; } .news_la:hover{ color: #004e92; background: #fff; } .news_right{ width: 952px; float: right; } .news_one{ height: 110px; width: 952px; border-bottom: 1px dashed #b3b3b3; display: block; padding-top: 20px; } .news_riqi{ width: 75px; float: left; font-size: 28px; color: #333; text-align: center; line-height: 26px; } .news_riqi span{ font-size: 16px; } .news_neirong{ width: 845px; float: right; } .news_bt{ color: #333; font-size: 16px; } .news_nn{ color: #666; font-size: 14px; margin-top: 10px; } .news_one:hover .news_riqi{ color: #004e92; } .news_one:hover .news_riqi span{ color: #004e92; } .news_one:hover .news_bt{ color: #004e92; } .news_one:hover .news_nn{ color: #004e92; } .foot_bg{ background: #333; width: 100%; height: 262px; padding-top: 40px; overflow: hidden; margin-top: 60px; } .foot_m{ width: 1200px; margin: 0 auto; } .foot_m img{ float: left; } .rexian{ float: left; font-size: 14px; line-height: 28px; color: #fff; margin-left: 30px; margin-top: 26px; } .rexian span{ font-size:16px; font-weight: 600; } .foot_nav{ float: right; width: 260px; border-left: 1px solid #fff; height: 160px; padding-top: 10px; padding-left: 38px; } .foot_nav a{ display: block; color: #fff; float: left; margin-left: 10px; line-height: 28px; width: 100px; } .rexian a{ color: #fff; } .foot_copy{ text-align: center; line-height: 50px; color: #666; } .foot_copy a{ color: #666; } .nav_foot{ font-size: 16px; color: #fff; margin-left: 8px; font-weight: 600; margin-bottom: 10px; } .foot_nav a:hover{ color: #004e92; } /*.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; overflow: hidden; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curmbs-1 b { border-left: 10px solid #0168b5; 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: #0168b5; 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 #0168b5; 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 #0168b5; } .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: #0168b5; } .p14-left-nav-1-nav dt.sidenavcur:after, .p14-left-nav-1-nav dt:hover:after { border-color: #0168b5; } .p14-left-nav-1-nav-one>dl{ display: none; } .cbgg-01 { border: 1px solid #0168b5; text-align: center; color: #000; } .cbgg-01 .tit { color: #fff; font-size: 18px; background: #0168b5; 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 { font-size: 14px; display: block; text-align: left; line-height: 28px; padding: 10px; } .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{ position: relative; } .leftnav-z1-list dt img { width: 100%; display: block; height: 214px; } .leftnav-z1-list dt p{ position: absolute; width: 100%; height: 214px; top: 0; left: 0; background: rgba(0,0,0,0.3); padding: 20px; display: block; margin: 0; transform: scale(0); transition: 0.3s linear; } .leftnav-z1-list dt p label{ width: 56px; height: 56px; border-radius: 50%; background: #b5a40f; display: table; text-align: center; padding: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .leftnav-z1-list dt p label i{ color: #fff; display: block; border: 1px solid #ddd; border-radius: 50%; font-size: 20px; width: 100%; height: 100%; line-height: 33px; } .leftnav-z1-list dt a:hover p{ transform: scale(1); transition: 0.3s linear; } .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: #0168b5; } /*详情*/ /* 垂直居中 */ .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: 86px; 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: #0168b5; } .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: #0168b5; 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: #0168b5; border-color: #0168b5; } .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: #0168b5; } .zxlb-1n-ts-01-list dl:hover { border-color: #0168b5; } /**/ .tl-fdh-02 { height: 55px; background: #fff; margin-bottom: 20px; overflow: hidden; } .tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover { background: url(../image/p16-icon6.png) no-repeat bottom center #0073cb; border-color: #0073cb; } .tl-fdh-02 li { width: 20%; height: 55px; font-size: 18px; line-height: 55px; text-align: center; float: left; border-right: 1px solid #d8d8d8; box-sizing: border-box; background: #f4f4f4; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a { display: block; height: 55px; color: #333; } .tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a { color: #fff; } .p12-aboutinfo-1 { display: inline-block; width: 100%; background: #fff; margin-bottom: 38px; } .p12-aboutinfo-1-nr { padding: 0 0 20px; } .endit-content { line-height: 28px; } .k12-gl-gslb-3nf1-1-01-left{ overflow: hidden; } .k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n){ margin-right: 0; } .k12-gl-gslb-3nf1-1-01-left dl { width: 24%; float: left; margin-right: 16px; background: #f0f0f0; } .k12-gl-gslb-3nf1-1-01-left dt { border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff; } .k12-gl-gslb-3nf1-1-01-left dt img { display: block; width: 100%; } .k12-gl-gslb-3nf1-1-01-left dd { height: 50px; font-size: 14px; line-height: 50px; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f0f0f0; } .k12-gl-gslb-3nf1-1-01-left dd a { color: #4b4a4a; }