*{ margin: 0; padding: 0; } a{ text-decoration: none; } a:hover{ text-decoration: none; color: #333; } body{ font-family: "微软雅黑"; min-width: 1200px; line-height: 24px; color: #464646; } .carousel-inner>.item>img { width: 100%; } ul{ list-style: none; } .top_bg{ color: #666; width: 100%; background:#f5f5f5; } .top{ width: 1200px; margin: 0 auto; height: 35px; } .top_left{ float: left; font-size: 14px; color: #666; line-height: 35px; } .topRights{ float: right; font-size: 14px; line-height:35px; } .topRights a{ color: #666; } .topRights a:hover{ color: #fbc002; } .logo{ width: 100%; overflow: hidden; } .logo img{ margin: 0 auto; display: block; } .nav{;width: 100%; background: #469d44; } .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:149px;} .nav_n a:hover{background: #fbc002;color: #fff;} .nav_n img{ float: left; margin-top: 22px; } .us_top{ background: url(../image/biaoti.png) center bottom no-repeat; font-size: 26px; height:59px; line-height: 97px; font-weight: bolder; text-align: center; color: #000; margin-top: 60px; } .us_ys{ width: 1200px; margin: 0 auto; margin-top: 30px; } .us_one{ float: left; background: url(../image/1.png) center bottom no-repeat; width: 285px; height: 379px; overflow: hidden; margin-left: 20px; } .us_one:nth-child(1){ margin-left: 0px; } .us_one:nth-child(2){ background: url(../image/2.png) center bottom no-repeat; } .us_one:nth-child(3){ background: url(../image/3.png) center bottom no-repeat; } .us_one:nth-child(4){ background: url(../image/4.png) center bottom no-repeat; } .us_a{ text-align: center; font-size: 16px; color:#000000; font-weight: bolder; margin-top:95px; } .us_b{ text-align: center; color: #5a5a63; margin-top:18px; line-height: 26px; } .us_one:hover .us_a{ color: #469d44; transition: 1s; } .us_one:hover .us_b{ color: #469d44; transition: 1s; } .us_m{ background: #fff; width: 1200px; margin: 0 auto; margin-top:40px; } .us_left{ width: 514px; height: 358px; overflow: hidden; float: left; } .us_left img{ width: 100%; height: 358px; } .us_right{ background: #f5f5f5; width: 686px; float: right; line-height: 24px; overflow: hidden; height: 358px; padding:20px 50px; } .gengduio{ width: 166px; height: 40px; line-height: 40px; text-align: center; display: block; background: #3e3e3e; border-radius: 5px; color:#fff; float: left; margin-right: 15px; } .us_about{ line-height: 28px; min-height: 260px; } .title_0001{ line-height: 60px; color: #469d44; font-weight: bolder; font-size:24px; } .gengduio:hover{ background: #469d44; color: #fff; } .pro_main{ width: 100%; background: #f1f1f1; overflow: hidden; margin-top: 60px; padding-bottom:50px; } .pro_top{ background: url(../image/biaoti_b.png) center bottom no-repeat; font-size: 26px; height:59px; line-height: 97px; font-weight: bolder; text-align: center; color: #000; margin-top: 60px; } .pro_m{ width: 1200px; margin: 0 auto; } .pro_all{ width: 1200px; overflow: hidden; } .pro_allss{ overflow: hidden; } .pro_allss>div{ float: left; margin-left:12px; width: 290px; } .pro_one1{ width: 290px; } .pro_one1 img{ width: 290px; height: 218px; overflow: hidden; margin-top:30px; display: block; } .pro_mz{ width: 290px; background: #fff; overflow: hidden; height: 150px; } .pro_name{ text-align: center; color: #333333; font-size: 18px; margin-top: 20px; font-weight: bolder; } .pro_a{ background: #eee; width: 135px; color: #424141; height: 38px; text-align: center; margin: 0 auto; line-height: 38px; margin-top: 20px; } .pro_one1:hover .pro_mz{ border:3px solid #489e46; border-top:0; } .pro_one1:hover img{ border:3px solid #489e46; border-bottom: 0px; } .pro_one1:hover .pro_a{ background: #489e46; color: #fff; } .zhong{ width: 100%; background:url(../image/zhong_02.jpg) center bottom no-repeat; height: 178px; overflow: hidden; } .zhong_m{ width: 1200px; margin: 0 auto; } .zhong_a{ font-size: 26px; color: #fff; margin-top: 64px; margin-left: 148px; } .zhong_b{ color: #fff; width: 829px; margin-left: 148px; margin-top: 5px; } .news_top{ background: url(../image/biaoti_c.png) center bottom no-repeat; font-size: 26px; height:59px; line-height: 97px; font-weight: bolder; text-align: center; color: #000; margin-top: 60px; } .foot_back{ background:#2d2d2d; overflow: hidden; padding: 40px 0; margin-top: 60px; } .foot_m{ width: 1200px; margin: 0 auto; } .foot_one{ float: left; } .foot_one img{ display: block; } .dizhi{ color: #fff; margin-top: 30px; line-height: 30px; } .dizhi a{ color: #fff; } .foot_two{ float: left; margin-left: 50px; } .foot_three{ float: right; text-align: right; color: #fff; margin-top: 45px; } /*.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 #469d44; 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: #469d44; 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 #469d44; 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 #469d44; } .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: #469d44; } .p14-left-nav-1-nav dt.sidenavcur:after, .p14-left-nav-1-nav dt:hover:after { border-color: #469d44; } .p14-left-nav-1-nav-one>dl{ display: none; } .cbgg-01 { border: 1px solid #469d44; text-align: center; color: #000; } .cbgg-01 .tit { color: #fff; font-size: 18px; background: #469d44; 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{ 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: #469d44; } /*详情*/ /* 垂直居中 */ .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: #469d44; } .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: #469d44; 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: #469d44; border-color: #469d44; } .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: #469d44; } .zxlb-1n-ts-01-list dl:hover { border-color: #469d44; } /**/ .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; } .xuanchuan_bj{ height: 569px; width: 100%; background: url(../images/bei_contat.jpg) center 0px no-repeat; overflow: hidden; } .tou_0000{ padding-top:70px; text-align: center; color: #fff; } .tou_0000 .bioat{ font-size: 36px; line-height: 50px; } .xuanchuan_bj .content{ width: 1230px; padding:50px 0; margin:0 auto; overflow: hidden; } .xuanchuan_bj .content .list_001{ color: #fff; width:25%; text-align: center; float: left; padding:30px; } .xuanchuan_bj .content .list_001 .tu img{ transition: 2s ease all; } .xuanchuan_bj .content .list_001 .title{ font-weight: bold; font-size: 16px; } .xuanchuan_bj .content .list_001 .tu img:hover{ transform: rotate(360deg); } .foot_000{ text-align: center; color: #fff; background: #1475cf; line-height: 70px; } .home_a{ background: url(../image/6.png)center 0 no-repeat; width: 100%; height: 1438px; overflow: hidden; } .home_aTop{ text-align: center; overflow: hidden; margin-top: 10rem; margin-bottom: 6rem; } .home_aTop span{ display: block; font-size: 95px; color: #e4e4e4; font-family: "Arial Bold"; text-transform: uppercase; font-weight: 700; line-height: 100%; } .home_aTop div{ font-size: 30px; color: #141414; font-weight: 700; line-height: 100%; margin-top: -59px; } .home_aTop img{ display: block; margin: auto; margin-top: 4rem; margin-bottom: 2rem; } .home_aTop p{ margin: 0; color: #464646; } .home_h{ max-width: 1200px; margin: auto; overflow: hidden; } .home_htop{ width: 100%; overflow: hidden; } .home_htop a{ display: block; overflow: hidden; background: #eeeeee; } .home_htop a>img{ width: 40%; float: left; } .home_htop .home_htopright{ float: right; width: 60%; overflow: hidden; padding: 0 3rem; padding-top: 4rem; } .home_htop .home_htopright label{ color: #181818; margin-bottom: 11px; cursor: pointer; } .home_htop .home_htopright p{ color: #464646; line-height: 26px; margin: 0 0 15px; } .home_htop .home_htopright div{ color: #464646; } .home_htop .home_htopright div img{ float: right; } .home_htop a label:hover{ color: #00A2EB; } .home_hs{ width: 100%; overflow: hidden; margin-bottom: 8rem; } .home_hs a{ display: block; float: left; width: 48%; margin-top: 2rem; padding-bottom: 2rem; } .home_hs a:nth-child(1){ border-bottom: 1px solid #ccc; } .home_hs a:nth-child(2){ border-bottom: 1px solid #ccc; } .home_hs a:nth-child(2n){ float: right; } .home_hs a label{ margin: 0; color: #464646; } .home_hs a div{ color: #818181; line-height: 25px; margin: 0.5rem 0; } .home_hs a span{ color: #787878; } .home_hs a label:hover{ color: #00A2EB; cursor: pointer; } .bottom{ width: 100%; background: #333333; overflow: hidden; } .news_all{ width: 1200px; margin: 0 auto; margin-top: 40px; } .news_left{ width: 478px; float: left; } .news_left_11{ background: url(../image/images/news.jpg) center 0 no-repeat; width: 278px; height: 80px; float: left; } .news_left_00{ float: right; text-align: center; line-height: 80px; background: #ff5b00; color: #fff; width:292px; font-size: 18px; } .news_left_top{ width:478px; } .news_tu{ width:478px; height: 294px; overflow: hidden; } .news_tu img{ width: 100%; height: 294px; } .news_riqi{ background: #469d44; width: 78px; height: 82px; float: left; } .news_ri{ font-size: 29px; color: #FFF; text-align: center; padding-top: 11px; } .news_nianyue{ color: #FFF; font-size: 12px; text-align: center; margin-top:7px; } .newss{ width:580px; float: right; } .news_bt{ color: #1a1a1a; font-size: 15px; margin-top:6px; } .news_bt a{ color: #464646; } .news_bt a:hover{ color: #e7b400; } .newss_ms{ color: #727272; font-size: 14px; line-height: 24px; margin-top: 5px; display: block; } .news_right_one{ padding-bottom: 20px; border-bottom:1px dashed #dfdfdf; margin-bottom: 22px; display: block; } .news_right_one:hover .news_riqi{ background: #e7b400; } .c{ clear: both; } .news_right{ width:685px; float: right; } .bottom{ margin-top:70px; width: 100%; padding:20px 0px; background: url(../image/index_29.jpg) center 0px no-repeat; } .bottomTop{ width: 1200px; margin:0 auto; padding-top: 25px; } .bottomTop a{ color: #fff; padding:0px 15px; } .di_na_1{ width: 723px; } .hamn_000{ overflow: hidden; width: 805px; padding-top: 50px; } .bottomTop .hamn_000 .list_01{ float: left; line-height: 43px; color: #fff; padding-left:45px; width:365px; } .copy_j{ text-align: center; padding:20px 0px; color: #fff; background: #12202b; } .copy_j a{ color: #fff; }