@charset "utf-8"; /* CSS Document */ /*2020.02.10 */ .fl { float: left; } .fr { float: right; } .pos { position: relative; } .container { width: 1170px; margin: 0 auto; } .top { /*position: absolute; left: 0px; top: 4px; background: url(../images/tbg.png) repeat right top;*/ background: #9b0404; width: 100%; z-index: 1; } .wc-top { height: 160px; } .logo { width: 610px; height: 117px; } .logo img { margin-top: 40px; } .top-right { /*width: 245px;*/ margin-top: 55px; } .top-right .search { background: url(../images/ss.png) no-repeat center center; width: 32px; height: 32px; float: left; position: relative; } .top-right .search form{ position: absolute; overflow: hidden; height: 35px; right: 0px; top: 0px; width:0%; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; } .top-right .search:hover form{ width:240px; } .top-right .search input.inp-text { width: 100%; height: 35px; border: 0; padding: 0 32px 0 12px; background: rgba(0, 0, 0, .3); color: #ffffff; box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); font-size: 15px; } .top-right .search input.inp-but { position: absolute; width: 32px; height: 32px; border: 0; right: 0px; top: 0px; background: url(../images/ss.png) center center no-repeat; } .top-right .search input.inp-text::-moz-placeholder { color:#fff; opacity:1 } .top-right .search input.inp-text:-ms-input-placeholder { color:#fff } .top-right .search input.inp-text::-webkit-input-placeholder { color:#fff } .top-right .lang { text-align: right; float: left; height: 32px; line-height: 32px; color: #fff; font-size: 16px; } .top-right .lang a { color: #fff; font-size: 16px; margin: 0 12px; } .top-right .lang a:last-child { margin-right:0px; } /*top end*/ .wc-menu { /* border-top:1px solid #3a3538; */ background: #fff url(../images/libg.png) repeat-x left top; } .wc-menu ul { /*转化为table 并且,宽度百分百,*/ display: table; width: 100%; /* border-right:1px solid #3a3538; */ background: url(../images/libg.png) repeat-y right top; } .wc-menu ul li { /* border-left:1px solid #3a3538; */ background: url(../images/libg.png) repeat-y left top; position: relative; /*居中并且转为table-cell*/ text-align: center; display: table-cell; /*float: left;*/ list-style: none; } .wc-menu ul li.last { background: none; } .wc-menu ul li.last a { background: none; } .wc-menu ul li a { font-size: 16px; color: #333; padding: 19px 0; display: block; text-transform: uppercase; /*transition: all 0.2s;*/ text-decoration: none; font-weight: bold; } .wc-menu ul li a.active, .wc-menu ul li a:hover, .wc-menu ul li a.active, .wc-menu ul li a.move, .wc-menu ul li a.selected, .wc-menu ul li a.parent { background: #930303; color: #fff; } .wc-menu ul li .ernav { position: absolute; left: 0px; top: 60px; background: #930303; width: 100%; z-index: 11; display: none; } .wc-menu ul li .ernav ul { border: none; } .wc-menu ul li .ernav ul li { float: none; display: block; /*二级下拉有影响,需要转化为块状*/ background: none; text-align: left; border: none; border-bottom: 1px solid #85102d; line-height: 30px; } .wc-menu ul li .ernav ul li a { font-size: 16px; text-align: center; background: none; box-shadow: none; border-radius: 0; color: #fff; margin: 0; display: block; padding: 7px 15px; border-bottom: none; font-weight: normal; } .wc-menu ul li .ernav ul li a:hover { background: #b91212; color: #fff; border-bottom: none; } /*menu End*/ .banner { /*height: 692px;*/ } /* 本例子css */ .banner .slideBox { overflow: hidden; position: relative; } .banner .slidetop .hd { height: 28px; overflow: hidden; position: absolute; right: 0px; bottom: 25px; z-index: 1; } .banner .slidetop .hd ul { overflow: hidden; zoom: 1; float: left; } .banner .slidetop .hd ul li { float: left; margin: 0 6px; width: 29px; height: 28px; line-height: 14px; text-align: center; background: url(../images/diand.png) no-repeat center center; cursor: pointer; color: transparent; } .banner .slidetop .hd ul li.on { background: url(../images/dian.png) no-repeat center center; } .banner .slidetop .bd { position: relative; height: 100%; z-index: 0; } .banner .slidetop .bd li { zoom: 1; vertical-align: middle; } .banner .slidetop .bd img { max-width: 100%; } .yin { position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 1; } .ban-text { position: absolute; left: 0px; bottom: 28px; z-index: 1111; width: 880px; } .ban-text h4 { /*color: #fff; font-weight: bold; font-size: 42px; line-height: 60px;*/ } .ban-text h4 a { color: #fff; font-weight: bold; font-size: 28px; text-decoration: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ban-text a.more { display: block; color: #fff; font-size: 16px; width: 130px; line-height: 45px; background: #9b0404; border-radius: 5px; text-decoration: none; text-align: center; margin-top: 20px; } /*banner end*/ /* newbg */ .newsbg { min-height: 550px; background: #fff; padding: 50px 0 0; } /*.newsbg .new-top{ background: url(../images/newbg.png) no-repeat left center; }*/ .nt-top { /*background: url(../images/shomebg.png) no-repeat left center; height: 66px;* /*border-bottom: 1px solid #990000;*/ } .nt-top .nt-tit { font-size: 24px; color: #990000; /*padding-left: 90px;*/ padding-top: 9px; } .nt-top .nt-tit img{ margin-right: 10px; width: 150px; } .nt-top .nt-more a { font-size: 16px; /*color: #0f4c81;*/ color: #999; text-decoration: none; transition: all 0.5s; display: block; padding: 0px 15px; margin-top: 20px; } .nt-top .nt-more a:hover { background: none; color: #ae3c3c; } /*.new-top { background: url(../images/tb5.jpg) no-repeat left center; height: 64px; }*/ .new-con { padding-top: 25px; } .new-right { width: 540px; } .new-right ul { } .new-right ul li { font-size: 16px; color: #333; line-height: 30px; background: url(../images/redd.png) no-repeat left 15px; padding-left: 15px; margin-bottom: 15px; } .new-right ul li a { text-decoration: none; /*float: left;*/ color: #333; display: block; /*width: calc(100% - 120px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ } .new-right ul li a:hover { color: #990000; } .new-right ul li span { float: right; color: #999; margin-left: 10px; } .new-left { width: 600px; } /* 本例子css */ .new-left .slideBox { width: 600px; overflow: hidden; position: relative; } .new-left .slideBox .bd { position: relative; height: 100%; z-index: 0; } .new-left .slideBox .bd li { zoom: 1; vertical-align: middle; } .new-left .slideBox .bd img { width: 600px; height: 300px; display: block; } /* 下面是前/后按钮代码,如果不需要删除即可 */ .new-left .slideBox .prev { position: absolute; left: 520px; bottom: 30px; } .new-left .slideBox .next { position: absolute; left: 560px; bottom: 32px; } .new-left .b-tt { height: 84px; background: #990000; padding: 20px 125px 20px 35px; } .new-left .b-tt ul li a { color: #fff; text-decoration: none; font-size: 16px; line-height: 25px; width: 400px; display: block; overflow: hidden; } /* newbg end */ /* noticebg */ .noticebg { background: url(../images/nobg.jpg) no-repeat center center; min-height: 638px; background-size: cover; padding: 40px 0; } .notice-con { padding-top: 22px; } .notice-one, .notice-two, .notice-three { background: url(../images/nebg.png) no-repeat left top; width: 386px; height: 474px; padding: 15px 30px; float: left; margin-right: 6px; } .notice-three { margin-right: 0px; } .notice-top { border-bottom: 1px dotted #ae3c3c; padding-bottom: 14px; padding-top: 12px; } .notice-top .notice-tit { font-size: 18px; font-weight: bold; color: #990000; } .notice-top .notice-tit img { vertical-align: -6px; } .notice-top .notice-more a { display: block; font-size: 14px; color: #999; } .notice-top .notice-more a:hover { color: #ae3c3c; } .notice-onecon ul { padding-top: 21px; } .notice-onecon ul li { margin-bottom: 29px; } .notice-onecon ul li a { text-decoration: none; } .notice-onecon ul li a img { width: 108px; height: 60px; float: left; } .notice-onecon ul li a p { float: right; width: 246px; margin-top: -4px; } .notice-onecon ul li a p span { font-size: 16px; color: #333; line-height: 25px; } .notice-onecon ul li a p i { font-style: normal; color: #333; display: block; font-size: 16px; } .notice-onecon ul li a:hover p span { color: #ae3c3c; } .notice-twocon { } .notice-twocon ul { padding-top: 15px; } .notice-twocon ul li { margin-bottom: 22px; padding-bottom: 4px; border-bottom: 1px solid #ddd; /*padding-left: 15px; background: url(../images/redd.png) no-repeat left 10px;*/ } .notice-twocon ul li .date{ width: 60px; } .notice-twocon ul li .date p{ font-weight: bold; font-size: 18px; padding-bottom: 0px; text-align: center; } .notice-twocon ul li .date span{ text-align: center; padding: 3px 0; font-size: 14px; display: block; } .notice-twocon ul li .date-tt{ width: 487px; padding-left:20px; } .notice-twocon ul li a { font-size: 16px; color: #333; text-decoration: none; } .notice-twocon ul li a:hover { color: #ae3c3c; } .notice-threecon { } .notice-threecon ul { padding-top: 19px; } .notice-threecon ul li { margin-bottom: 24px; } .notice-threecon ul li .li-da { text-align: center; background: #e1e1e1; width: 50px; height: 46px; } .notice-threecon ul li .li-da p { font-size: 18px; font-weight: bold; color: #990000; padding-top: 3px; } .notice-threecon ul li .li-da span { display: block; color: #fff; background: #333333; font-size: 12px; height: 18px; margin-top: 3px; } .notice-threecon ul li .li-ta { width: 255px; } .notice-threecon ul li .li-ta a { display: block; font-size: 16px; color: #333; line-height: 25px; } .notice-threecon ul li .li-ta a:hover { color: #ae3c3c; text-decoration: none; } /* noticebg end*/ .workbg { background: #fff; min-height: 444px; padding-top: 32px; } .workbg2 { background: #fff; min-height: 430px; padding-top: 32px; } .workbg .work-one, .workbg .work-two, .workbg .work-three { width: 555px; margin-right: 50px; float: left; } .workbg2 .work-one2 { width: 370px; float: left; margin-right: 28px; } .workbg2 .work-onecon { width: 370px; margin-right: 28px; float: left; } .workbg2 .work-onecon .wo-tt { background: url(../images/ttbg.png) repeat left top; width: 100%; position: absolute; left: 0px; bottom: 0px; } .workbg2 .work-onecon .wo-tt a { color: #fff; font-size: 16px; line-height: 25px; display: block; padding: 10px 10px; text-decoration: none; width:100%; } .workbg2 .work-onecon .wo-tt a:hover { color: #fff; } .workbg2 .work-onecon ul { padding-top: 0; } .workbg2 .work-onecon .baogao ul li{ padding: 15px 0; border-bottom: 1px dotted #ccc; } .workbg2 .work-onecon .baogao ul li:first-child { padding-top: 0; } .workbg2 .work-onecon .baogao a.btit{ font-size: 18px; display: block; margin-bottom: 10px; color: #333; text-decoration: none; font-weight: bold; } .workbg2 .work-onecon .baogao a.btit:hover{ color: #ae3c3c; } .workbg2 .work-onecon .sem-tt { } .workbg2 .work-onecon .sem-tt p{ font-size: 16px; color: #333; line-height: 26px; } .workbg2 .work-onecon .sem-tt p img{ margin-right: 10px; } .workbg2 .work-twocon { width: 370px; float: left; } .workbg2 .work-two { width: 370px; margin-right: 28px; float: left; } .workbg2 .work-three { width: 370px; margin-right: 0px; float: left; } .workbg { background: #fff; min-height: 430px; padding-top: 32px; } .workbg .work-one, .workbg .work-two, .workbg .work-three { width: 555px; margin-right: 50px; float: left; } .workbg .work-one2 { width: 370px; float: left; margin-right: 28px; } .workbg .work-onecon { width: 555px; margin-right: 28px; float: left; } .workbg .work-onecon .wo-tt { background: url(../images/ttbg.png) repeat left top; width: 100%; position: absolute; left: 0px; bottom: 0px; } .workbg .work-onecon .wo-tt a { color: #fff; font-size: 16px; line-height: 25px; display: block; padding: 10px 10px; text-decoration: none; width:100%; } .workbg2 .work-onecon .wo-tt a:hover { color: #fff; } .workbg .work-onecon ul { padding-top: 0; } .workbg .work-onecon .baogao ul li{ padding: 25px 0; border-bottom: 1px dotted #ccc; } .workbg .work-onecon .baogao ul li:first-child { padding-top: 0; } .workbg .work-onecon .baogao a.btit{ font-size: 18px; display: block; margin-bottom: 10px; color: #333; text-decoration: none; font-weight: bold; } .workbg .work-onecon .baogao a.btit:hover{ color: #ae3c3c; } .workbg .work-onecon .sem-tt { } .workbg .work-onecon .sem-tt p{ font-size: 16px; color: #333; line-height: 26px; } .workbg .work-onecon .sem-tt p img{ margin-right: 10px; } .workbg .work-twocon { width: 370px; float: left; } .workbg .work-two { width: 370px; margin-right: 28px; float: left; } .workbg .work-three { width: 555px; margin-right: 0px; float: left; } .workbg .work-three { margin-right: 0px; } .workbg .work-one .nt-more a, .workbg .work-two .nt-more a, .workbg .work-three .nt-more a { padding: 0; margin-top: 17px; } .workbg .work-one .nt-more a:hover, .workbg .work-two .nt-more a:hover, .workbg .work-three .nt-more a:hover { background: none; color: #ae3c3c; } /*.workbg .ntw1 { background: url(../images/hdic1.png) no-repeat left center; } .workbg .ntw2 { background: url(../images/hdic3.png) no-repeat left center; } .workbg .ntw3 { background: url(../images/hdic5.png) no-repeat left center; } .workbg .ntw4 { background: url(../images/hdic7.png) no-repeat left center; } .workbg .ntw5 { background: url(../images/hdic4.png) no-repeat left center; } .workbg .ntw6 { background: url(../images/hdic2.png) no-repeat left center; } .meit .ntw7 { background: url(../images/hdic8.png) no-repeat left center; } .meit .ntw7 { background: url(../images/newbg.png) no-repeat left center; } */ .ntw3ul ul { padding-top: 15px; } .ntw3ul ul li { margin-bottom: 7px; } .work-imgcon { width: 370px; height: 188px; } .work-imgcon img { width: 370px; height: 188px; } .work-imgcon .wo-tt { background: url(../images/ttbg.png) repeat left top; width: 100%; position: absolute; left: 0px; bottom: 0px; } .work-imgcon .wo-tt a { color: #fff; font-size: 16px; line-height: 25px; display: block; padding: 10px 10px; text-decoration: none; width: 100%; } .work-oul { /*padding-top:28px;*/ } .work-oul ul li { padding-left: 10px; background: url(../images/redd.png) no-repeat left 10px; margin-bottom: 10px; } .work-oul ul li.first { padding-left: 0; background: none; margin-bottom: 24px; } .work-oul ul li a { font-size: 16px; color: #333; line-height: 25px; display: block; width: 260px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .work-oul ul li span{ font-size: 16px; color: #333; line-height: 25px; float: right; } .work-oul ul li a:hover { color: #ae3c3c; text-decoration: none; } .work-oul ul li.first a:hover { color: #fff; } .work-onecon { padding-top: 21px; } /* tebg */ .tebg { background: url(../images/tebg.jpg) no-repeat center center; min-height: 454px; background-size: cover; padding-top: 50px; } .tebg .picScroll-top { overflow: hidden; position: relative; } .tebg .picScroll-top .hd { overflow: hidden; position: absolute; right: 5px; top: 5px; z-index: 1; } .tebg .picScroll-top .hd ul { overflow: hidden; zoom: 1; float: left; } .tebg .picScroll-top .hd ul li { width: 40px; color: transparent; height: 40px; line-height: 40px; text-align: center; background: url(../images/jj1.png) no-repeat center center; cursor: pointer; } .tebg .picScroll-top .hd ul li.on { background: url(../images/j1.png) no-repeat center center; } .tebg .picScroll-top .bd { position: relative; height: 100%; z-index: 0; } .tebg .picScroll-top .bd li { zoom: 1; position: relative; vertical-align: middle; } .tebg .picScroll-top .bd .li-img { background: #fff; border: 9px solid #fff; border-radius: 10px; box-shadow: 3px 5px 6px 0px #7e1111; width: 302px; margin-bottom: 10px; padding-bottom: 5px; margin-top: 10px; margin-left: 5px; height: 347px; } .tebg .picScroll-top .bd .li-img img { width: 285px; height: 330px; border-radius: 10px; } .tebg .picScroll-top .bd .li-tt { width: 700px; position: absolute; left: 370px; top: 10px; } .tebg .picScroll-top .bd .li-tt h4 { color: #fff; font-size: 32px; font-weight: normal; margin-bottom: 10px; } .tebg .picScroll-top .bd .li-tt span { color: #fff; font-size: 14px; line-height: 21px; display: block; } .tebg .picScroll-top .bd .li-tt p { color: #fff; font-size: 16px; line-height: 25px; margin-top: 10px; } .tebg .picScroll-top .bd .li-tt a { color: #fff; font-size: 14px; display: block; margin-top: 20px; width: 130px; height: 50px; line-height: 50px; text-align: center; border: 2px solid #fff; } /* tebg end */ .meit { background: #fff; min-height: 480px; padding: 32px 0 40px; } .meit .ac-xtop .nt-tit{ margin-right: 30px; } .meit .ac-xtop .nt-tit.active{ } .meit .nt-more{ position: absolute; right: 0; top: 0; } .meit .nt-more a{ margin-top: 0px; } .mei-left { /*width:854px;*/ } .mei-left ul { padding-top: 20px; } .mei-left ul li { float: left; /*width:284px; height:160px;*/ width: 390px; height: 220px; } .mei-left ul li a { display: block; /*width:284px; height:160px;*/ width: 390px; height: 220px; overflow: hidden; } .mei-left ul li a img { width: 390px; height: 220px; transition: all 1.5s; transform: scale(1.0); } .mei-left ul li a:hover img { transition: all 1.5s; transform: scale(1.2); } .mei-left ul li.li1 { background: #df5a2c; padding: 40px 25px 25px; position: relative; } .mei-left2 ul li.li1{ background:#f7a182; } .mei-left ul li.li1 i { position: absolute; left: -29px; top: 100px; border-left: 10px solid transparent; border-right: 19px solid #df5a2c; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } .mei-left ul li.li1:hover { background: #d64715; } .mei-left ul li.li2 { background: #709536; padding: 40px 25px 25px; position: relative; } .mei-left2 ul li.li2{ background:#a4d15c; } .mei-left ul li.li2 i { position: absolute; right: -29px; top: 90px; border-left: 19px solid #709536; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; z-index: 1; } .mei-left ul li.li2:hover { background: #79b41c; } .mei-left ul li.li3 { background: #3966b0; padding: 40px 25px 25px; position: relative; } .mei-left2 ul li.li3 { background: #4a84e3; } .mei-left ul li.li3 i { position: absolute; left: 165px; top: -29px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 19px solid #3966b0; } .mei-left ul li.li3:hover { background: #1e54ac; } .mei-left ul li.li1 a, .mei-left ul li.li2 a, .mei-left ul li.li3 a { color: #fff; font-size: 16px; text-decoration: none; /*width:234px; height:95px;*/ width: 240px; height: 140px; } .mei-left ul li.li1 a span, .mei-left ul li.li2 a span, .mei-left ul li.li3 a span { display: block; margin-top: 10px; } .mei-right { width: 284px; padding-top: 23px; } .mei-rtop { height: 74px; background: #7741c8; padding: 0 20px; } .mei-rtop h4 { line-height: 74px; color: #fff; font-size: 32px; float: left; } .mei-rtop a { padding-top: 18px; float: right; } /* wc-link */ /*.wc-link{ background: #f5f5f5; min-height:88px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; }*/ .wc-link ul { border-right: 1px solid #ddd; height: 88px; } .mei-right ul li { /*float: left;*/ border: 1px solid #ddd; text-align: center; height: 88px; width: 100%; background: #fbfbfb; margin-bottom: 10px; } .mei-right ul li a { display: block; text-decoration: none; text-align: center; } .mei-right ul li a span img { display: inline-block; padding-top: 14px; } .mei-right ul li a p { color: #333; font-size: 16px; margin-top: 10px; text-align: center; } .mei-right ul li a span img:hover { animation: 1s ease-in-out 0s normal none 1 running doudong1; } @keyframes doudong1 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(90deg); } 100% { transform: rotateY(0deg); } } .footer { background: url(../images/fbg.jpg) no-repeat center center; min-height: 165px; padding-top: 25px; background-size: cover; padding-bottom: 20px; } .footer p { color: #fff; line-height: 25px; font-size: 14px; } .footer p a { color: #fff; } /*.wc-copyEnd*/ .f-link { width: 200px; margin: 0px 50px; text-align: center; } .f-link ul li { padding: 5px 15px; } .f-link ul li:last-child { border-right: none; } .f-link ul li a { color: #fff; font-size: 16px; } .f-zhong { width: 150px; margin: 0px 15px; text-align: center; } .f-zhong ul li { padding: 5px 15px; text-align: left; } .f-zhong ul li a { color: #fff; font-size: 16px; } .f-logo { width: 197px; margin-top: 20px; text-align: right; }