/*=index css===================================================================================*/ .slider{min-width:1000px;position:relative;height:800px;overflow:hidden;} .slider .bd{position:relative;z-index:0} .slider .bd ul{width:100% !important} .slider .bd li{width:100% !important;height:800px;overflow:hidden;text-align:center;background-size:cover;} .slider .bd li a{display:block;height:800px} .slider .hd{width:1060px;left:50%; margin-left:-530px;position:absolute;bottom:15px;overflow:hidden} .slider .hd ul{margin-left:50%} .slider .hd ul li{width:8px;height: 8px;display:block;margin:0 3px;background:#FFFFFF;float:left;color:#FFF;border-radius: 50%;cursor:pointer;filter:alpha(opacity=60);opacity:0.6} .slider .hd ul li.curr{filter:alpha(opacity=80);opacity:0.8} /*内容*/ .secw1{ padding-bottom: 25px; } .secw1 .w-cbox{ width:285px; height:468px; border:1px solid #eaeaea; } .secw1 .w-boxhd{ height:48px; border-bottom:1px solid #eaeaea; } .secw1 .boxhd-p{ line-height: 48px; font-size:18px; color: #333; font-family: '微软雅黑'; margin-left:15px; background:url(../images/boxhd_01.jpg) no-repeat left center; padding-left:28px; display: inline-block; } .secw1 .w-boxhd a{ line-height: 48px; padding-right:10px; font-size:14px; color: #888; } .w-dlist{ padding:20px 14px 0px 14px; } .w-dlist li{ width:100%; padding-bottom:20px; display: inline-block; } .w-dlist-l{ width:50px; height:50px; text-align:center; border:1px dashed #e0e0e0; float:left; background-color: #f7f7f7; box-sizing: border-box; padding-top: 3px; margin-right:12px; } .w-dlist-l p{ font-size:14px; color: #888; line-height: 20px; } .w-dlist-r{ font-size:14px; position: relative; } .w-dlist-r p{ /**width:185px;*/ color: #000; } .w-dlist-r span{ color: #969688 } .w-dlist-r em{ padding:2px 10px; color: #fff; font-style:normal; background-color: #008B66; position: absolute; right:0px; top:10px; border-radius: 3px } .w-yuyue{ padding:0px 14px; } .w-yuyue .tit{ height:32px; line-height:32px; font-size:14px; color: #000; text-align: center; background-color: #f7f7f7; margin-bottom: 17px } .w-yuyue .w-text{ width: 256px; height: 30px; border: 1px solid #999999; margin-bottom: 11px; padding-left: 20px; border-radius: 5px; } .w-yuyue .w-btn{ width:100%; height:32px; line-height: 32px; font-size:14px; color: #fff; display: inline-block; background-color: #008B66; border:none;outline: none } .secw1 .w-zbox{ width:586px; height:470px; margin:0px 20px; } .secw1 .zbon-tab{ width:100%; height:316px; border:1px solid #eaeaea; padding-bottom: 20px; } .secw1 .zbon-tab .tablist{ width:100%; margin-bottom: 15px; display: inline-block; } .secw1 .zbon-tab .tablist li{ width:33.2%; height:48px; line-height: 48px; text-align: center; font-size:16px; color: #333; float:left; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; cursor: pointer; } .secw1 .zbon-tab .tablist li:first-child{ border-left:none; } .secw1 .zbon-tab .tablist li.curr{ height:49px; border-top:1px solid #008B66; border-bottom:1px solid #fff; } .secw1 .tabCon{ padding:0px 25px; } .tabCon .tabcen{ display: none } .secw1 .tabCon ul li{ width:100%; line-height: 26px; display: inline-block; } .secw1 .tabCon ul li a{ font-size:14px; color: #333; font-family:"microsoft yahei"; } .secw1 .tabCon ul li p{ width:440px; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .secw1 .tabCon ul li p:hover{ color: #008B66; text-decoration: underline; } .secw1 .hotrec{ margin-top:5px; display: inline-block; } .secw1 .hotrec li{ width:290px; height:65px; text-align: center; float:left; margin-top:6px; font-family: '微软雅黑' } .secw1 .hotrec li.li1{ background-color: #a139a0; margin-right:6px; } .secw1 .hotrec li.li2{ background-color: #2873ac } .secw1 .hotrec li.li3{ background-color: #394aa1; margin-right:6px; } .secw1 .hotrec li.li4{ background-color: #28ac8e } .secw1 .hotrec li p{ padding-top:2px; font-size:27px; color:#fff; font-weight: bold; } .secw1 .hotrec li span{ font-size:12px; color:#fff; } .secw2{ height:458px; border:1px solid #eaeaea; } .secw2 .w-top{ width:1165px; padding:18px 20px 18px 15px; display: inline-block; } .tithd{ font-size:18px; color: #333; float:left; font-family: '微软雅黑' } .morehd{ font-size:14px; color: #888; float:right; margin-top:3px; } .morehd:hover{ text-decoration: underline; color: #008B66 } .secw2 .box1{ width:238px; height:365px; margin:0px 25px 0px 18px; } .secw2 .box1 img{ width:238px; height:365px } .secw2 .box2{ width:408px; margin-right:10px; } .secw2 .box2 .centbd{ margin-bottom: 25px; display: inline-block; } .secw2 .box2 .centbd .left{ width:112px; padding-right:15px; } .secw2 .box2 .centbd .left img{ width:112px; height:150px; } .secw2 .box2 .centbd .right{ width:280px; margin-left: 15px; } .secw2 .box2 .centbd .right h1{ width:278px; height:28px; line-height:28px; text-align:center; font-size:14px; color: #000; border:1px solid #eaeaea; } .secw2 .box2 .centbd .right h1 a{ color: #000; } .secw2 .box2 .centbd .right .ullike{ margin-top:8px; } .secw2 .box2 .centbd .right .ullike li{ width:100%; line-height: 24px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .secw2 .box2 .centbd .right .ullike li a{ font-size:14px; color: #333 } .secw2 .box2 .dashed{ padding-bottom:25px; border-bottom: 1px dashed #eaeaea; } .secw2 .box2 .centbd .right .ullike li a:hover{ color: #008B66; text-decoration: underline; } .secw2 .box3{ width:170px; margin-right:25px; } .secw2 .box3 h1{ width:168px; height:28px; line-height:28px; text-align:center; font-size:14px; color: #000; border:1px solid #eaeaea; background-color: #f7f7f7 } .secw2 .upscroll{ height:340px; margin-top:5px; } .secw2 .upscroll li{ margin-top:8px; } .secw2 .box4{ width:270px; margin-left: 25px; } .secw2 .box4 h1{ width:270px; height:28px; line-height:28px; text-align:center; font-size:14px; color: #000; border:1px solid #eaeaea; background-color: #f7f7f7 } .secw2 .box4 h1 a{ color: #000; } .ul-pub{ margin-top:10px; } .ul-pub li{ line-height: 26px; display: inline-block; } .ul-pub li span{ width:18px; height:16px; line-height: 16px; text-align: center; font-size:12px; color: #fff; background-color: #b6b6b6; float:left; margin-top:5px; } .ul-pub li .w-sel{ background-color: #008B66 } .ul-pub li p { width: 240px; margin-left: 10px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ul-pub li p a{ font-size:14px; color: #333; } .ul-pub li p a:hover{ color: #008B66; text-decoration: underline; } .w-adve{ height:103px; padding:25px 0px; clear: both; } .w-adve img{ width:1200px; height:auto; } .secw2 .box3 .bkqq{ height:300px; padding-top:5px; background:url(../images/step2_2_bg1.jpg) 0 15px no-repeat; } .secw2 .box3 .bkqq li{ height:47px; padding-left:60px; width:141px; line-height:20px; margin-top:6px; padding-top:1px; } .secw2 .box3 .bkqq li p{ color:#000 } .secw3{ height:429px; border:1px solid #eaeaea; margin-top: 58px; } .secw3 .boxbd{ width:270px; margin-left:28px; } .secw3 .boxbd .w-top{ width:100%; padding:15px 0px; display: inline-block; } .secw3 .w-bot{ display: inline-block; } .secw3 .tabul{ width:269px; border-top:1px solid #eaeaea; border-right: 1px solid #eaeaea; display: inline-block; } .secw3 .tabul li{ width:133px; height:32px; line-height: 32px; text-align: center; font-size:14px; color: #000; background-color: #f7f7f7; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; float:left; cursor: pointer; } .secw3 .tabul li a{ line-height: 29px; text-align: center; font-size:14px; color: #000; cursor: pointer; } .secw3 .tabul li.curr{ background-color: #fff; border-bottom:1px solid #fff; } .secw4{ height:400px; padding-bottom: 20px; margin-top: 58px; } .secw4 .lbox{ width:288px; height:398px; border:1px solid #eaeaea; margin-right:10px; } .secw4 .lbox .last{ width:260px; height:365px; margin:18px 0px 0px 15px; background-color: #f7f7f7; display: inline-block; background-color: #f7f7f7 } .secw4 .lbox .last .tit{ width:260px; height:103px; background:url(../images/box_04.jpg) no-repeat center; margin-bottom: 9px; } .secw4 .lbox .last .tit p{ width:100%; text-align: center; font-size:14px; color: #fff; margin-top:5px; font-family: '微软雅黑'; display: inline-block; } .secw4 .lbox .last dl{ margin:0px 10px 10px 10px; } .secw4 .lbox .last dl dt{ font-size:14px; color: #000; background: url(../images/box_05.jpg) no-repeat left center; padding-left:25px; } .secw4 .lbox .last dl dd{ font-size:14px; color: #888; padding-top: 8px } .secw4 .rbox{ width:898px; height:398px; border:1px solid #eaeaea; } .secw4 .rbox .album{ width:860px; margin:18px 0px 0px 23px; display: inline-block; } .al-box1{ width:238px; height:362px; position: relative; margin-right:8px; } .al-box1 img{ width:238px; height:362px; } .alb-bg{ width:100%; height:20px; line-height: 30px; background-color: #000; position: absolute; left:0px; bottom: 0px; opacity: 0.7; } .abl-con{ width:100%; height:20px; line-height: 20px; font-size:14px; color: #fff; text-align: center; position: absolute; left:0px; bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .al-box2{ width:238px; margin-right:8px; } .al-box2 .last1{ margin-bottom: 6px; display: inline-block; } .al-box2 .last1 .icon1{ width:114px; height:114px; float:left; position: relative; } .al-box2 .last1 .icon1 img{ width:114px; height:114px; } .al-box2 .text{ width:238px; height:114px; line-height: 114px; text-align: center; font-size:30px; color: #fff; font-weight: bold; font-family: '微软雅黑'; background-color: #d72525; margin-bottom:10px; } .al-box2 .last2{ width:238px; height:114px; position: relative; } .al-box2 .last2 img{ width:238px; height:114px; } .al-box3{ width:237px; margin-right:8px; } .al-box3 .last3{ width:238px; height:236px; position: relative; margin-bottom: 10px; } .al-box3 .last3 img{ width:238px; height:236px; } .al-box3 .last4{ width:238px; height:114px; position: relative; margin-bottom: 10px; } .al-box3 .last4 img{ width:238px; height:114px; } .al-box4{ width:115px; } .al-box4 .last5{ width:115px; height:114px; position: relative; margin-bottom: 10px; } .al-box4 .last5 img{ width:115px; height:114px; } .al-box4 .more{ padding:26px 27px; line-height: 30px; text-align: center; font-size:30px; color: #fff; font-weight: bold; font-family: '微软雅黑'; background-color: #d72525; display: inline-block; } .secw5{ height:380px; border:1px solid #eaeaea; margin-bottom: 20px; } .secw5 .w-top,.secw6 .w-top,.secw7 .w-top{ width:1165px; padding:18px 20px 35px 15px; display: inline-block; } .secw5 .box{ width:370px; height:265px; margin-left:28px; position: relative; background: url(../images/box_07.jpg) no-repeat center; } .secw5 .box .centbd{ margin:45px 28px 0px 28px; } .secw5 .box .centbd h1{ font-size:14px; color: #000 } .secw5 .box .centbd h1 strong{ padding-right:18px; } .secw5 .box .centbd .head{ width:89px; height:87px; position: absolute; right:17px; top:8px; } .secw5 .box .centbd i{ width:27px; height:23px; background: url(../images/box_08.jpg) no-repeat center; display: inline-block; margin:18px 0px; } .secw5 .box .centbd p{ width:100%; font-size:14px; color: #888; line-height:25px; } .secw5 .box .centbd .last{ width:100%; margin-top:15px; display:inline-block; } .secw5 .box .centbd .last span{ width:95px; float:left; } .secw5 .box .centbd .last a{ font-size:14px; color: #000; padding:2px 12px; border:1px solid #000; float:right; } .secw6{ height:335px; border:1px solid #eaeaea; margin-bottom: 25px; } .secw6 .w-top,.secw7 .w-top{ padding:18px 20px 30px 15px; } .secw6 .slideBox{overflow:hidden;zoom:1;padding-left:12px;position:relative} /*.secw6 .sPrev,.secw6 .sNext{position:absolute;left:0;top:10px;display:block;width:20px;height:228px;background:url(../images/arr.gif) 5px 50% no-repeat #114E8D} .secw6 .sNext{left:auto;right:5px;background:url(../images/arr.gif) -47px 40% no-repeat #114E8D} .secw6 .sPrev:hover,.secw6 .sNext:hover{} */ .secw6 .slideBox ul{overflow:hidden;zoom:1} .secw6 .slideBox ul li{margin:0 6px;float:left;_display:inline;overflow:hidden;text-align:center} .secw6 .slideBox ul li .pic{text-align:center} .secw6 .slideBox ul li .pic img{width:156px;height:198px;display:block} .secw6 .slideBox ul li .pic a:hover img{border-color:#999} .secw6 .slideBox ul li .title{line-height:28px; background:#008B66;color: #fff} .secw6 .slideBox ul li .title a{color:#FFF} .secw7{ height:235px; border:1px solid #eaeaea; margin-bottom: 38px; } .scrollx{width:1168px;height:130px;position:relative;overflow:hidden;margin-left:15px;} .scrollx .bd ul{overflow:hidden;zoom:1} .scrollx .bd ul li{margin:0 5px;float:left;_display:inline;overflow:hidden;text-align:center} .scrollx .bd ul li .pic{text-align:center} .scrollx .bd ul li .pic img{width:120px;height:90px;display:block;padding:2px;border:1px solid #ccc} .scrollx .bd ul li .pic a:hover img{border-color:#999} .scrollx .bd ul li .title{line-height:24px} /*--*/ .upscroll .tempWrap{ overflow: hidden; } .upscroll li{ display: block; } .upscroll a{ display: block; } .upscroll img{ display: block; width: 170px; height: 54px; } .secw2 .upscroll { height: 315px; margin-top: 5px; } .box3 .upscroll .tempWrap { height: 315px !important; } .leftImgs{ position: fixed; top: 22%; left: 8%; z-index: 999; } .leftImgs>img{ height: 325px; position: relative; } .chacha{ position: absolute; bottom: -31px; left: 38%; } .chacha img{ height: 33px; } @media screen and (max-width: 1450px){ .leftImgs{ left: 0;top: 25%; } .leftImgs>img{ height: 290px; } .chacha img{ height: 25px; } } .sub0{width: 180px;height:800px; background: rgba(254, 254, 254,0.9);border: 1px solid #ccd0d2;} .sub0 li{height: 50px;color:#13181b; font-size:26px; border-bottom:1px solid #eaeaea;text-align: center;} .sub0 a{line-height:46px;font-size:26px; color:#13181b; font-family:Arial, Helvetica, sans-serif; padding:0; display:inline-block;font-weight: 100;} .sub0 .title{line-height:26px;font-size:26px; color:#13181b; font-family:Arial, Helvetica, sans-serif; padding:0; display:inline-block;padding-top: 64px;padding-bottom: 85px;} .sub0 li:hover{background-color: #FFFFFF;} .map-info{ top: 195px; position: absolute; display: flex; z-index: 99; left: 50%; width: 1400px; margin: 0 auto; margin-left: -700px; } .map-info ul{ width: 100%; text-align: center; } .map-info ul li{ text-align: center; } .map-info .sub-title{ color: #003c6f; font-size: 29px; font-weight: bold; } .map-info .sub-info{ color: #000000; font-size: 21px; margin-left: 18px; } .map-info .line{ width: 15px; height: 55px; margin-top: 16px; background: #5385ae; } .env{ width: 100%; height: 780px; } .env .env-title{ font-size: 20px; color: #323232; font-weight: bold; } .env .poster{ margin-top: 95px; } .goods-slider{ height: 520px; } /*头部开始*/ .bodyCon08{background:none} .bodyCon08 .students{margin:0 auto;width:1100px;height:480px;position:relative;} .bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;} #four_flash{position:relative;width:1160px;height:400px; margin:0 auto;position:absolute;bottom:40px;} #four_flash .flashBg{width:1160px;height:360px; margin:0 auto;position:relative;overflow:hidden;} #four_flash .flashBg ul.mobile{width:2000%;height:360px; position:absolute;top:15; left:0;} #four_flash .flashBg ul.mobile li{float:left;width:540px;height:360px;color:#6C6E85;margin-right: 80px;text-align: center;} #four_flash .flashBg ul.mobile li:hover{ color: #999; } #four_flash .flashBg ul.mobile li img{width:140px;height:140px;display:block; margin:0 auto;border:10px solid #dadce3; border-radius:82px;} #four_flash .flashBg ul.mobile li dd{ font-size: 72px; width: 100%; line-height: 72px; text-align: center; color: #FFFFFF; margin-top: 130px; } #four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:250px; line-height:24px;margin-top:10px;} #four_flash .flashBg ul.mobile li a{ text-align: center; background: #c7c7c7; color: #000000; font-size: 12px; display: block; width: 100px; height: 30px; line-height: 29px; margin: 30px auto; border-radius: 10px; } #four_flash .but_left{ width: 28px; height: 32px; position: absolute; top: 155px; left: 0px; background: #575757; color: #c7c7c7; font-size: 20px; text-align: center; cursor: pointer; } #four_flash .but_right{ width: 28px; height: 32px; position: absolute; top: 155px; right: 0px; background: #575757; color: #c7c7c7; font-size: 20px; text-align: center; cursor: pointer; } .news{ background-color: #e3e3e3; max-width: 1920px; width: 100%; height: 540px; clear: both; } .news-box{ max-width: 1780px; width: 100%; height: 540px; margin: 0 auto; } .news-box .title{ max-width: 1700px; font-size: 28px; color: #323232; font-weight: bold; padding-top: 30px; margin: 0 auto; } .news-box span{ padding-left: 30px; } .news-box .news-lists{ height: 437px; position: relative; overflow: hidden; } .news-box .news-lists ul{ display: inline-flex; margin-top: 32px; width: 1725px; left: 0; position: absolute; } .news-box .news-lists ul li{ width: 315px; height: 405px; margin-right: 34px; } .news-box .news-image{ width: 315px; height: 255px; overflow: hidden; } .news-box .news-image img{ width: 315px; height: 255px; overflow: hidden; background: #1a78c5; } .news-box .ext-info{ width: 315px; height: 150px; padding: 25px 20px 10px 20px; background-color: #FFFFFF; } .news-box .ext-info .news-title{ height: 60px; font-size: 16px; color: #323232; font-weight: 600; border-bottom: 1px solid #323232; overflow: hidden; } .news-box .ext-info .times{ line-height: 30px; font-size: 16px; color: #323232; padding-top: 30px; font-weight: 600; } .world-map{ height: 532px; max-width: 1920px; width: 100%; background: url(/static/index/images/index-floor-map.png) no-repeat center top; background-size: auto 100%; } .qicheshichang{ height: 351px; max-width: 1920px; width: 100%; background: url(/static/index/images/index-floor-car1.jpg) no-repeat center top; background-size: auto 100%; font-size: 70px; text-align: center; color: #FFFFFF; padding: 60px 0; } .jidi{ height: 658px; width: 100%; max-width: 1920px; background: url(/static/index/images/index-floor-shili1.png) no-repeat center top; background-size: auto 100%; color: #FFFFFF; text-align: center; padding-top: 25px; font-size: 32px; letter-spacing: 6px; line-height: 70px; } .jidi .info img{ display: block; width: 50px; margin-right: 5px; height: 50px; padding: 6px; } .jidi .info{ width: 1200px; margin: 0 auto; text-align: left; } .jidi .info .title{ line-height: 55px; font-size: 41px; margin-bottom: 10px; display: block; text-align: center; font-weight: 600; padding-top: 25px; } .poster-main .poster-prev-btn,.poster-main .poster-next-btn { z-index: 999 !important; } .news-lists .but_left{ width: 28px; height: 32px; position: absolute; top: 220px; left: 0px; background: #575757; color: #c7c7c7; font-size: 20px; text-align: center; cursor: pointer; user-select: none; } .news-lists .but_right{ width: 28px; height: 32px; position: absolute; top: 220px; right: 0px; background: #575757; color: #c7c7c7; font-size: 20px; text-align: center; cursor: pointer; user-select: none; } @media screen and (max-width: 1920px) { .news-box { width: 100%; height: 540px; margin: 0 auto; } .news-box .news-lists{ width: 100%; overflow: hidden; height: 437px; margin: 0 auto; position: relative; } .news-lists .list-box{ width: 1712px; height: 437px; margin: 0 auto; overflow: hidden; position: relative; } } @media screen and (max-width: 1600px) { .news-box { width: 100%; height: 540px; margin: 0 auto; } .news-box .news-lists{ width: 100%; overflow: hidden; height: 437px; margin: 0 auto; position: relative; } .news-lists .list-box{ width: 1013px; height: 437px; margin: 0 auto; overflow: hidden; position: relative; } .env .env-title{ font-size: 20px; color: #323232; font-weight: bold; padding-left: 30px; } } @media screen and (max-width: 1000px) { .news-box { width: 100%; height: 540px; margin: 0 auto; } .news-box .news-lists{ width: 100%; overflow: hidden; height: 437px; margin: 0 auto; position: relative; } .news-lists .list-box{ width: 664px; height: 437px; margin: 0 auto; overflow: hidden; position: relative; } } .jidi .info .show-lists{ display: inline-flex; padding-top: 20px; } .jidi .info .show-lists li{ display: block; text-align: center; width: 25%; height: 150px; padding-top: 25px; line-height: normal; background: #0039a0; border-radius: 50%; margin: 0 10px; } .jidi .info .show-lists li span{ font-size: 22px; font-weight: bold; } .jidi .info .show-lists li p{ font-size: 18px; } .jidi .info .show-lists2{ width: 100%; } .jidi .info .show-lists2 li{ display: inline-flex; text-align: left; width: 100%; font-size: 28px; } .jidi .info .show-lists2 p{ width: 50%; display: -webkit-flex; } .jidi .info .show-lists2 span{ line-height: 50px; display: block; }