/* 轮播图 */ .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; } .slideBox .hd{ width: 100%; height:22px; overflow:hidden; position:absolute; left:0; bottom:40px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center; margin: 0 auto;display: flex;align-items: center;justify-content: center; } .slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 5px; overflow:hidden; line-height: 99999; cursor:pointer; background: url(../images/inban_icon1.png) no-repeat center center; background-size: 100% auto; } .slideBox .hd ul li.on{ width:20px; height:20px; background: url(../images/inban_icon2.png) no-repeat center center; background-size: 100% auto; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ width:100%; height:auto; display:block; } .floor1,.floor2,.floor3,.floor4,.floor5,.floor6,.floor7,.floor8{ width: 100%; height: auto; overflow: hidden; } .floor1{ height: 972px; background: url(../images/bg_floor1.jpg) no-repeat center top; background-size: 100% 972px; } .floor2{ height: 840px;background: #fff; } .floor3{ height: auto; } .floor4{ height: auto; } .floor5{ height: 930px; overflow: hidden; background: #fff; } .floor6{height: auto; background: #fff; } .floor7{height: 784px;background: #f3f3f3; } .in_tit{ width:100%; height: auto; overflow: hidden; text-align: center; margin: 70px auto 0 0; } .in_tit .titText{ display: inline-block; margin: 0 auto; position: relative; } .in_tit .titText .Text{ width:100%; height: 50px; line-height: 50px; overflow: hidden; text-align: center; color: #333; } .in_tit .titText .Text1{ font-size:34px; font-weight: bold; } .in_tit .titText .Text2{ font-size:20px; height: 28px; line-height: 28px; text-transform: uppercase; color: #666; } .inbox1Text{ width:100%; height: 50px; line-height: 50px; overflow: hidden; } .inbox1Text1{ line-height: 50px; font-size:34px; color: #666; } .inbox1Text1 span{ line-height: 50px; font-weight: bold; } .inbox1Text1 span.text1{ font-size:26px; color: #ad050d; } .inbox1Text1 span.text2{ font-size:20px; color: #004483; } .inbox1Text2{ width:100%; height: 50px; line-height: 50px; overflow: hidden; font-size:22px; color: #333; } .in_box1main{ overflow: hidden; margin-top: 20px; } .in_box1Item{ width: 368px;height: auto; overflow: hidden; float: left;margin-left: 45px; } .in_box1Item:nth-child(1){ margin-left: 0; } .in_box1Item .tit,.in_box1Item .info{ width: 100%; height: auto; overflow: hidden; } .in_box1Item .tit{ display: flex; align-items: center; } .in_box1Item .tit .sort,.in_box1Item .tit .text{ display: inline-block; height: 32px;line-height: 32px; } .in_box1Item .tit .sort{ background: #ad050d; color: #f9f9fb; font-size: 25px; font-weight: bold; padding: 0 10px; } .in_box1Item .tit .text{ flex: 1; color: #333;font-size: 20px;padding-left: 10px;border-bottom: dashed 1px #004483; } .in_box1Item .info{ color: #333;font-size: 16px; line-height: 24px;margin-top: 20px; } .in_box1bot{ width: 100%;height: auto; overflow: hidden;margin-top: 40px; } .in_box1botItem{ width: 410px;height: auto; overflow: hidden; } .in_box1botItem:nth-child(1){ width: 674px; float: left; } .in_box1botItem:nth-child(2){ width: 410px; float: right; } .in_box1botItem .img,.in_box1botItem .info{ width: 100%; height: auto; overflow: hidden; } .in_box1botItem .info p{ padding: 5px 0; line-height: 32px; color: #333; font-size: 20px; font-weight: bold; padding-left: 20px; position: relative; } .in_box1botItem .info p::before{ position: absolute;left: 0;top: 18px;z-index: 1;width: 8px;height: 8px;overflow: hidden; background: #004483;border-radius: 50%;content: ''; } .in_box1botItem .img{ margin-top: 40px; position: relative; } .in_box1botItem .img img{ max-width: 100%; } .in_box1botItem .img .btn{ position: absolute;left: 50%;top: 50%; margin: -40px 0 0 -40px; z-index: 1;width: 80px;height: 80px;overflow: hidden; } .in_box1botItem .img .btn img{ width: 80px;height: 80px;overflow: hidden; } .in_box1botItem .img .e_video{ width: 408px; height: 282px;overflow: hidden; } .inBox2{ width:100%; height: 532px; position:relative; } .inBox2 .bd{ position:relative; height: 532px; } .inBox2 .prev,.inBox2 .next{ position: absolute; top: 50%; margin-top: -20px; left:-68px; display: block; width: 40px; height: 40px; background:#004483; z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px; } .inBox2 .next{ left:auto; right:-64px; } .inBox2 .prev .arrow_le,.inBox2 .next .arrow_fr{ width: 14px; height: 14px; border-color: #fff; border-width: 2px; } .inBox2 .prev .arrow_le{ margin-left: 6px; } .inBox2 .next .arrow_fr{ margin-right: 6px; } .inBox2 .prevStop,.inBox2 .nextStop{ background:#d2d2d2; } .inBox2 .prevStop .arrow_le,.inBox2 .nextStop .arrow_fr{ border-color: #000;} .inBox2 .scrollWrap{ margin: 0 -12px; } .inBox2List{ overflow:hidden; height: 534px; zoom:1;} .inBox2List li{ width:282px; height: 530px; margin: 0 11px; position:relative; cursor: pointer; float:left; display:inline; border: solid 1px #e4e4e4; margin-top:2px; } .inBox2List li .pic,.inBox2List li .pic img{ width: 282px; height: 282px; overflow: hidden; } .inBox2List li .tit,.inBox2List li .info, .inBox2List li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; } .inBox2List li .tit{ line-height: 36px; color: #333; font-size: 22px; margin-top: 25px; padding: 2px 0; height: 36px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .inBox2List li .tit a{ line-height: 36px; color: #333; font-size: 22px; } .inBox2List li .info{ height: 78px } .inBox2List li .info p{ padding: 3px 0; line-height: 20px; color: #999; font-size: 16px; padding-left: 16px; position: relative; height: 20px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .inBox2List li .info p::before{ position: absolute;left: 0;top: 10px;z-index: 1;width: 6px;height: 6px;overflow: hidden; background: #004483;border-radius: 50%;content: ''; } .inBox2List li .btn{ margin-top: 24px; } .inBox2List li .btn a{ display: block; width:114px; height: 40px; line-height: 40px; color: #ad050d; font-size: 14px; border: solid 1px #ad050d; border-radius:20px; text-align: center; } .inBox2List li:hover .tit,.inBox2List li:hover .tit a{ color: #ad050d; } .inBox2List li:hover .info p::before{ background: #ad050d; } .inBox2List li:hover .btn a{ background: #ad050d; color: #fff; } .videoMain{ width: 1200px; height: 610px; margin: 0 auto; position: relative; } .videoBox1 { width: 960px; height: 610px; position: relative; overflow: hidden; position: absolute; left: -360px; top: 0; z-index: 2; } .videoBox1Wrap { z-index: 1; white-space: nowrap; width: 960px; height: 610px; } .videoBox1Wrap li {position:relative; display: inline; width: 960px; height: 610px; overflow: hidden; } .videoBox1Wrap li .thumb { width: 960px; height: 610px; overflow: hidden; } .videoBox1Wrap li .btn { position: absolute;left: 50%;top: 50%; margin: -53px 0 0 -53px; z-index: 1;width: 106px;height: 106px;overflow: hidden; } .videoBox1Wrap li .btn img{ width: 106px;height: 106px;overflow: hidden; } /* .videoBox1 .prev,.videoBox1 .next{ position: absolute; top: 50%; margin-top: -20px; left:0; display: block; width: 40px; height: 40px; background:#004483; z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px; } .videoBox1 .next{ left:auto; right:0; } .videoBox1 .prev .arrow_le,.videoBox1 .next .arrow_fr{ width: 14px; height: 14px; border-color: #fff; border-width: 2px; } .videoBox1 .prev .arrow_le{ margin-left: 6px; } .videoBox1 .next .arrow_fr{ margin-right: 6px; } .videoBox1 .prevStop,.videoBox1 .nextStop{ background:#d2d2d2; } .videoBox1 .prevStop .arrow_le,.videoBox1 .nextStop .arrow_fr{ border-color: #000;} */ .videoBox1 .prev,.videoBox1 .next{ position: absolute; top: 50%; margin-top: -20px; left:0; display: block; width: 40px; height: 40px; background:#d2d2d2; z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px; } .videoBox1 .next{ left:auto; right:0; } .videoBox1 .prev:hover,.videoBox1 .prevStop,.videoBox1 .nextStop, .videoBox1 .next:hover{ background: #004483; } .videoBox1 .prev .arrow_le,.videoBox1 .next .arrow_fr{ width: 14px; height: 14px; border-color: #000; border-width: 2px; } .videoBox1 .prev .arrow_le{ margin-left: 6px; } .videoBox1 .next .arrow_fr{ margin-right: 6px; } .videoBox1 .prev:hover .arrow_le,.videoBox1 .prevStop .arrow_le,.videoBox1 .nextStop .arrow_fr, .videoBox1 .next:hover .arrow_fr{ border-color: #fff; } .videoBox1 .e_video{ width: 960px; height: 610px; position: relative; overflow: hidden; background:#999; } .videoRight{ width:960px; height: 610px; position: relative; margin-top:-10px; position: absolute; right: -360px; top: 0; z-index: 3; } .videoRight .pic{ width: 470px; height: 300px;overflow: hidden; float: left; margin:10px 0 0 10px; } .videoRight .pic img{ width: 470px; height: 300px;overflow: hidden; } .videoRight .info{ position: absolute; top:50%;left: 50%; z-index: 1; margin: -129px 0 0 -204px; width: 408px; height: 258px; overflow:hidden; background:rgba(173,5,13,0.8); } .videoRight .info .text{ width: 100%; height: auto; overflow: hidden; line-height: 56px; color: #fafaf9; text-align: center; } .videoRight .info .text1{ line-height: 56px; font-size: 28px;margin-top: 38px; } .videoRight .info .text2{ line-height: 84px; font-size: 50px; } .videoRight .info .text3{ line-height: 56px; font-size: 22px; } .inBox3{ width:100%; height: 392px; position:relative; } .inBox3 .bd{ position:relative; height: 392px; } .inBox3 .prev,.inBox3 .next{ position: absolute; top: 50%; margin-top: -20px; left:-68px; display: block; width: 40px; height: 40px; background: #004483; z-index: 9; overflow: hidden;display: flex;align-items: center;justify-content: center;border-radius: 5px; } .inBox3 .next{ left:auto; right:-64px; } .inBox3 .prev .arrow_le,.inBox3 .next .arrow_fr{ width: 14px; height: 14px; border-color: #fff; border-width: 2px; } .inBox3 .prev .arrow_le{ margin-left: 6px; } .inBox3 .next .arrow_fr{ margin-right: 6px; } .inBox3 .prevStop,.inBox3 .nextStop{ background:#d2d2d2; } .inBox3 .prevStop .arrow_le,.inBox3 .nextStop .arrow_fr{ border-color: #000;} .inBox3 .scrollWrap{ margin: 0 -12px; } .inBox3List{ overflow:hidden; height: 394px; zoom:1; } .inBox3List ul{} .inBox3List li{ width:282px; height: 390px; margin: 0 11px; position:relative; cursor: pointer; float:left; display:inline; border: solid 1px #e4e4e4; margin-top:2px; } .inBox3List li .pic,.inBox3List li .pic img{ width: 282px; height: 200px; overflow: hidden; } .inBox3List li .tit,.inBox3List li .info, .inBox3List li .btn { width: 90%; height: auto; overflow: hidden; margin: 0 auto; } .inBox3List li .tit{ height: 36px; line-height: 36px; color: #333; font-size: 22px; margin-top: 25px; padding: 2px 0; margin-top: 24px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .inBox3List li .tit a{ line-height: 36px; color: #333; font-size: 22px; } .inBox3List li .info{ padding: 3px 0; height: 60px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .inBox3List li .info,.inBox3List li .info p{ line-height: 30px; color: #999; font-size: 16px;} .inBox3List li .btn{ margin-top: 12px; } .inBox3List li .btn a{ display: block; width:100%; height: 30px; line-height: 30px; color: #ad050d; font-size: 16px; text-align: right; } .inBox3List li:hover .tit,.inBox3List li:hover .tit a{ color: #ad050d; } .aboutBox{ width: 1200px; height: 930px; margin: 0 auto; position: relative; } .inBox4Le{ width: 960px; height: 580px; position: absolute; left: -360px; top: 0; z-index: 2; } .inBox4Ri{ width: 1032px; height: auto; position: absolute; right: -360px; bottom: 0; z-index: 3; } .inBox4Ri li{ width: 320px; height: 190px; overflow: hidden; float: left; margin: 22px 0 0 24px; background: url(../images/inbox4listbg.jpg) no-repeat; background-size:100%; } .inBox4Ri li .pic{ width: 100%; height: 90px; overflow: hidden; margin-top: 30px; display: flex; align-items: center; justify-content: center; } .inBox4Ri li .pic img{ max-width: 90px; max-height: 90px; overflow: hidden; } .inBox4Ri li .tit{ width: 100%; height: auto; overflow: hidden; text-align: center; line-height: 40px; color: #fff; font-size: 19px; } .inBox4Ri li .tit a{ line-height: 36px; color: #333; font-size: 22px; } .inBox4Ri li .tit2{ width: 100%; height: 190px; overflow: hidden; display: flex; align-items: center; justify-content:center; line-height: 40px; color: #fff; font-size: 30px; font-weight: bold; } .inBox4Ri li .tit2 a{ line-height: 36px; color: #333; font-size: 22px; } .inBox4{ width: 90%; height: auto; float: right; margin-right: 22px; } .inBox4 .Boxtit{ width: 100%; height: auto; font-weight: bold; text-align: right; line-height: 50px; color: #333; font-size: 34px; } .inBox4 .Boxtit2{ width: 100%; height: auto; text-align: right; line-height: 28px; text-transform: uppercase; color: #666; font-size: 20px; } .inBox4Info{ position: absolute; right: -126px; top: 164px; z-index: 1; width: 1116px; height: 636px; overflow: hidden; background: #f3f3f3; } .inBox4Info .con{ width: 500px; height: auto; overflow: hidden; float: right; margin-top: 70px; margin-right: 148px; } .inBox4Info .con .tit,.inBox4Info .con .btn{ width: 100%; height: auto; overflow: hidden; } .inBox4Info .con .tit{ text-align: justify; text-indent: 2em; letter-spacing: 1px; } .inBox4Info .con .tit,.inBox4Info .con .tit p{ line-height: 36px; color: #666666; font-size: 18px; } .inBox4Info .con .btn{ margin-top: 14px; } .inBox4Info .con .btn a{ display: block; width:114px; height: 40px; line-height: 40px; color: #ad050d; font-size: 14px; border: solid 1px #ad050d; border-radius:20px; text-align: center; float: right; } .inBox4Info .con .btn:hover a{ background:#ad050d; color: #fff; border: solid 1px #ad050d; } .newInTit{ width: 100%; height: auto; text-align: center; line-height: 32px; color: #333; font-size: 22px; } .newBox{ position: relative; width:1200px; height: 370px; margin-top: 50px; } .newImgList { float: left; position: relative } .newImgList li, .newImgList img { display: block; width: 540px; height: 370px; } .newImgList li { display: none; position: absolute; left: 0; top: 0 } .newImgList .first { display: block } .newImgList li .pic,.newImgList li .pic img{ width: 540px; height: 370px; overflow: hidden; } .newImgList li .con{ position: absolute; right: 0; top:0; z-index: 1; width: 240px; height: 370px; overflow: hidden; background: rgba(0,68,131,0.8); } .newImgList li .tit,.newImgList li .info, .newImgList li .btn { width: 84%; height: auto; overflow: hidden; margin: 0 auto; } .newImgList li .tit{ line-height: 30px; color: #fff; font-size: 22px; font-weight: bold; margin-top: 40px; height: 60px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newImgList li .tit a{ height: 60px; overflow: hidden; line-height: 30px; color: #fff; font-size: 22px; font-weight: bold; } .newImgList li .info{ margin-top: 10px; height: 108px; } .newImgList li .info,.newImgList li .info p{ line-height: 26px; color: #fff; font-size: 16px;} .newImgList li .btn{ margin-top: 24px; } .newImgList li .btn a{ display: block; width:114px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; border: solid 1px #fff; border-radius:20px; text-align: center; float: left; } .newImgList li .btn:hover a{ background:#ad050d; color: #fff; border: solid 1px #ad050d; } .newBoxTab { width: 612px; float: right } .newBoxTab li { width: 100%; height: 90px; overflow: hidden; margin-top: 50px; } .newBoxTab li:first-child{ margin-top: 0; } .newBoxTab a { text-decoration: none; display: block; position: relative; width: 100%; height: 90px; display: flex; align-items: center; } .newBoxTab a .time { width: 90px; height: 90px; overflow: hidden; background: rgba(0,68,131,1); text-align: center; } .newBoxTab a .time .text{ width: 100%; height: auto; overflow: hidden; text-align: center; } .newBoxTab a .time .text1{ line-height: 40px; color: #fff; font-size: 32px; font-weight: bold; margin-top: 12px; } .newBoxTab a .time .text2{ line-height: 24px; color: #fff; font-size: 16px; } .newBoxTab a .info{ flex: 1; margin-left: 24px; } .newBoxTab a .info .tit,.newBoxTab a .info .desc{ width: 100%; height: auto; overflow: hidden; } .newBoxTab a .info .tit{ height: 30px; line-height: 30px; color: #333; font-size: 22px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; } .newBoxTab a .info .desc{ height: 48px; line-height: 24px; color: #666; font-size: 16px; margin-top: 16px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newBoxTab li:hover a .info .tit{ color: #ad050d; } .newBoxTab .on a .info .tit{ color: #ad050d; } .coopTit{ width: 100%; height: auto; text-align: center; line-height: 32px; color: #333; font-size: 22px;} .coopTit span{ color: #ad050d; font-weight: bold; } .coopList{ width: 100%; height: auto; overflow: hidden; margin-top: 20px; } .coopList li,.coopList li .pic{ width: 176px; height: 90px; overflow: hidden; } .coopList li{ margin: 26px 0 0 28px; float: left; } .coopList li:nth-child(6n+1){ margin-left: 0; } .coopList li .pic{ display:flex; align-items:center; justify-content: center; } .coopList li .pic img{ margin:0; max-width:176px; max-height:90px; overflow:hidden; } .floatvideobg{ display:none; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.5); } .floatvideo{ display:none; position:fixed; top:50%; left:50%; margin:-250px 0 0 -400px; z-index:999999; width: 100%; height: 500px; width: 800px; overflow:hidden; background:#000; } .videoclose{ position:fixed; top:50%; left:50%; margin:-275px 0 0 375px; z-index:99999999; width: 50px; height: 50px; overflow:hidden; } .videoclose img{ width: 50px; height: 50px; overflow:hidden; }