body{margin:0;font-size:12px;line-height:1; /*font-family:"Microsoft YaHei";*/} h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-size:12px;} p,dl,dd{margin:0;} ul,ol{margin:0;padding:0;list-style:none;} a{text-decoration:none;color:#333;} i,em{ font-style:normal;} strong,b{ font-weight:normal;} img{border:none;vertical-align:bottom;}.clearfix{*zoom:1;} /*ie7?????????*/ .clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;} table{border-spacing:0;border-collapse:collapse;} th,td{padding:0;text-align:left; vertical-align:top;} input{border:none;background:none;outline:none;} textarea{resize:none;} body{ overflow-x: hidden; min-width: 1000px; background: #f9f9f9} .content{ width: 1000px; margin: 0 auto; min-width: 1000px;} .zg_top{ width: 100%; height: 790px; position: relative; z-index: 10;} .zg_top_content{position: relative;} .zg_logo{ float: left; margin:21px 0 0 0} .zg_toplist{ width:300px ; height: 40px; float: left; margin-top: 32px; z-index: 10px;} .zg_toplist li a{ font:bold 16px/16px "Microsoft Yahei"; color: #ffffff;} .zg_number{ display: block; float: right; width: 170px; height: 70px; padding-top: 28px} .zg_number img{ float: left; margin-right: 10px} .zg_number a{ display: block; font:bold 20px/20px "Microsoft Yahei"; color: #ffffff } .zg_top_class{ font: 16px/16px "Microsoft Yahei"; margin: 32px 20px 0 20px; position: relative; float: left; color: #ffffff} .zg_top_class p{ font:bold 16px/16px "Microsoft Yahei"; color: #ffffff;cursor: pointer; } .list1{ width: 842px; height:47px ; background: url('../images/zg_top_class_list.png')no-repeat top center; position: absolute; top:30px;left: 0;} .list2{ width: 320px; height:47px ; background: url('../images/zg_top_class_list2.png')no-repeat top center; position: absolute; top:30px;left: 0; display: none; } .list3{ width:202px; height:47px ; background: url('../images/zg_top_class_list3.png')no-repeat top center; position: absolute; top:30px;left: 0; display: none; } .zg_top_class_list .up{ position: absolute; top: -25px; left: 70px; } .zg_top_class .down{ width: 13px; height: 8px; position: absolute; top:5px;right: -18px} .zg_top_class_list .down{ position: absolute; top: -8px; left: 30px;} .special{ position: absolute; top:-8px;left:28px;} .zg_top_class_listul li{ float: left; } .zg_top_class_listul li a{ display: inline-block; float: left; font: 12px/54px "Microsoft Yahei"; padding:0 6px 0 6px; color:#ffffff} .zg_top_class_listul li a:hover{ color:#fa8c4a; } .zg_toplist>p{ display: block; float: left;} .zg_toplist li{ float: left;margin-left: 36px; color: #ffffff; display: block } .zg_banner{ width: 100%; height: 638px; position: relative; } .bannerBox .hd{ position: relative; } .bannerBox .hd ul{ position: absolute; top: 590px; left: 460px; z-index: 10; } .bannerBox .hd ul li{ display:block; width:8px; height:8px; border-radius:8px; margin-right:10px; border: 1px solid #8c9fda; float: left; cursor: pointer; } .bannerBox .hd ul li.on{ width: 42px; height: 10px; background: #4bddd9; border: none; } .zg_top_content{position: relative; z-index: 1000;} .zg_logo{ float: left; margin:21px 0 0 0} .bannerBox{ position: absolute; left: 0;top: 0; width: 100%; height: 638px; } .bannerBox .bd ul li{ width: 100%; vertical-align: middle; } .banner_content{ position: relative; } /* 000000000000000000000000000 */ .banner_dh{ display: block; width: 100%; display: block; background: url('../images/banner_dhbg.jpg') no-repeat center top; height: 660px; } .banner_dh .content{ width: 1000px; height: 660px; margin: 0 auto; position: relative; background: url('../images/banner_dh.jpg') no-repeat center top; } .banner_dh .banner_dhtit1{ position: absolute; left: 40px; top: 186px; } .banner_dh .banner_dhtit2{ position: absolute; left: 447px; top: 215px; } .banner_dh .banner_dhtit3{ font-size: 20px; color: #0cfaec; text-align: center; width: 269px; height: 32px; border: 2px solid #0cdde3; line-height: 32px; position: absolute; left: 444px; top: 253px; } .banner_dh .banner_dhtit4{ font-size: 20px; color: #fff; width: 762px; height: 36px; /* background: url(../images/banner_dhtit4.png) no-repeat center; */ line-height: 36px; position: absolute; left: 139px; top: 440px; text-indent: 17px; } .banner_dh .banner_dha{ font-size: 26px; color: #fff; width: 352px; height: 57px; background: url(../images/banner_dha.png) no-repeat center; line-height: 57px; position: absolute; left: 342px; top: 528px; text-align: center; } .banner_dh .banner_dha:hover{ transform: scale(1.1); transition: .5s; } .banner_dh .banner_dhhead{ position: absolute; left: 735px; top: 165px; animation: scal 3s infinite; -webkit-animation: scal 3s infinite; -o-animation: scal 3s infinite; -moz-animation: scal 3s infinite; -ms-animation: scal 3s infinite; } @keyframes scal { 0% {-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } 50% {-webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05)} 100% {-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1)} } .b1_in span{ background: url('../images/newb1_btn.png') no-repeat top center; width:200px ; height: 50px; position: absolute; left: 410px; top: 470px; font: 20px/50px "Microsoft Yahei"; color: #ffffff; text-align: center; cursor: pointer; } .b1_in span:hover{ background: url('../images/newb1_btnh.png') no-repeat top center; } .banner2{ display: block; background: url('../images/banner2.jpg') no-repeat center bottom; width: 100%; height: 640px; overflow: hidden; z-index: 100;} .b2_in{ background: url('../images/banner2_in.jpg') no-repeat center bottom; width: 1000px; height: 640px; } .banner2_pic1{ position: absolute; left: 209px; top: 200px; } .banner2_pic2{ position: absolute; left: 201px; top: 275px; } .banner2_pic3{ position: absolute; left: 327px; top:396px; z-index: 10; } .banner2_pic4{ position: absolute; left:-24px; top:214px; } .banner3{ display: block; background: url('../images/banner3.jpg') no-repeat center bottom; width: 100%; height: 640px; overflow: hidden; z-index: 100; } .b3_in{ background: url('../images/banner3_in.jpg') no-repeat center bottom; width: 1000px; height: 640px; } .banner3_pic1{ position: absolute; left: 202px; top: 179px; } .banner3_pic2{ position: absolute; left: 10px; top: 238px; } .banner3_pic22{ position: absolute; left: 238px; top: 238px; } .banner3_pic3{ position: absolute; left: 74px; top: 352px; } .banner3_pic4{ width: 400px; height: 70px; background: #1fdcff; border-radius: 9px; position: absolute; left: 310px; top: 441px; font: 30px/70px "Microsoft Yahei"; color: #102da1; text-align: center; cursor: pointer; letter-spacing: 3px; } .banner3_pic4:hover{ background: #ffffff; color: #1fdcff; border-radius: 9px; } .banner4{ display: block; background: url('../images/banner4.jpg') no-repeat center bottom; width: 100%; height: 640px; overflow: hidden; z-index: 100; } .b4_in{ background: url('../images/banner4_in.jpg') no-repeat center bottom; width: 1000px; height: 640px; } .banner4_pic1{ position: absolute; top: 221px; left: 154px; } .banner4_pic2{ position: absolute; top: 136px; left: 195px; } .banner4_3{ position: absolute; top: 384px; left: 473px; width: 420px; } .bannerBox .bd .banner4_3 li{ float: left; margin-right: 25px; width: auto; } .banner4_3 li p{ font: 18px/26px "Microsoft Yahei"; color: #ffffff; width: 75px; } .banner4_3 li img{ margin-top: 16px; } .banner4_btn{ width: 340px; height: 58px; background: #fff719; border-radius: 58px; position: absolute; left: 330px; top: 500px; font:22px/58px "Microsoft YaHei"; color: #151215; text-align: center; cursor: pointer; } .banner4_btn:hover{ background: #ffffff; } .banner5{ display: block; background: url('../images/banner5.jpg') no-repeat center bottom; width: 100%; height: 640px; overflow: hidden; z-index: 100; } .b5_in{ background: url('../images/banner5_in.jpg') no-repeat center bottom; width: 1000px; height: 640px; } .b5_in .p1{ font:28px/28px "Microsoft Yahei"; color: #fff;position: absolute; top: 199px; left: 64px; } .b5_in .p1 span{ font-weight: bold; color: #fff600; } .b5_in .p2{ font:bold 57.34px/57.34px "Microsoft Yahei"; color: #fff;position: absolute; top: 264px; left: 24px; } .b5_in .p2 span{ color: #00fff0; } .b5_in .p3{ display: block; background: url('../images/banner5_1.png') no-repeat center bottom; width: 649px; height: 34px; font:28px/30px "Microsoft Yahei"; color: #fff;position: absolute; top: 404px; left: 177px; text-align: center; letter-spacing: 5px } .b5_in>span{ display: block; background:#fff; width: 300px; height: 60px; font:bold 26px/60px "Microsoft Yahei"; color: #0769fa;position: absolute; top: 480px; left: 350px; text-align: center; border-radius: 60px } .banner6{ display: block; background: url('../images/banner6.jpg') no-repeat center bottom; width: 100%; height: 640px; overflow: hidden; z-index: 100; } .b6_in{ background: url('../images/banner6_in.jpg') no-repeat center bottom; width: 1000px; height: 640px; } .b6_in .p1{ font:bold 55px/74px "Microsoft Yahei"; color: #fff; position: absolute; top: 190px; left: 44px; letter-spacing: 2px } .b6_in .p1 span{ font-weight: bold; color: #00fff6; } .b6_in .p2{ font:41.3px/41.3px "Microsoft Yahei"; color: #fff;position: absolute; top: 367px; left: 44px; letter-spacing: 2px } .b6_in div{ position: absolute; top: 449px; left: 44px; width: 628px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 15px 0 15px 10px; font:24px/40px "Microsoft Yahei"; color: #fff; } .b6_in div span{ display: inline-block; margin-left: -3px } /* 1111111111111 */ .part1{ padding: 71px 0 0 0; width: 100%; height: 775px; } .p1_tit div{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; text-align: center; letter-spacing: -1.5px; } .p1_tit div h1{ display: inline-block; font:bold 50px/50px "Microsoft Yahei"; color: #144269; /* margin-left: 315px; */ letter-spacing: -1.5px; } .p1_top{ margin-top: 26px; width: 1020px; position: relative; height: 142px; } .p1_top ul li{ float: left; width: 71px; height: 33px; border: 1px solid #d1d1d1; border-radius: 3px; margin: 9px 11px 0 0; text-align: center; font:16px/33px "Microsoft Yahei"; color: #333333; position: relative; cursor: pointer; } .p1_top ul .p1_hot:after{ content: " "; background: url('../images/hot.png') no-repeat center bottom; background-size: 100% 100%; width: 13px; height: 14px; position: absolute; top: -1px; right: -1px; } .p1_top .hide{ display: none; } .p1_top .on{ background: #18c1dc; } .p1_top .more{ position: absolute; top: 103px; left: 424px; font:16px/16px "Microsoft Yahei"; color: #858585; cursor: pointer; } .p1_top span{ display: inline; margin-left: 5px; } .p1_top div img{ vertical-align: middle; } .p1_top .less{ position: absolute; top: 103px; right: 360px; font:16px/16px "Microsoft Yahei"; color: #858585; cursor: pointer; display: none; } .class{ position: relative; } .class_in{ overflow: hidden; } /* .class_in>img{ margin: 240px 0 0 100px; } */ .slide8_8{ position: absolute; top: 0px; left: 0; width: 1000px; height: 366px; } .slide8_8 .bd ul{ background: url('../images/p1_l.png') no-repeat left top; width: 1000px; } .slide8_8 .bd li{ height: 61px; } .slide8_8 .bd li .l{ /* background: url('../images/p1_l.png') no-repeat center bottom; width: 300px; height: 61px; */ } .slide8_8 .bd li .r{ float: right; width: 700px; height: 60px; } /* .slide8_8 .bd li .l,.slide8_8 .bd li .r{ float: left; } */ .slide8_8 .bd li p{ float: left; height: 61px; } .slide8_8 .bd li .date{ font:16px/61px "Microsoft Yahei"; color: #ffffff; margin: 0 28px 0 20px; } .slide8_8 .bd li .classname{ font:16px/61px "Microsoft Yahei"; color: #ffffff; width: 200px; } .slide8_8 .bd li .time{ font:16px/60px "Microsoft Yahei"; color: #666666; margin: 0 50px 0 48px; } .slide8_8 .bd li .time span{ display: inline; width: 30px; height: 30px ; background: #636c76; color: #ffffff; font:18px/30px "Microsoft Yahei"; text-align: center; margin: 0 8px 0 8px; border-radius: 30px; } .slide8_8 .bd li .fire{ font:16px/60px "Microsoft Yahei"; color: #666666; } .slide8_8 .bd li .fire img{ vertical-align: middle; margin-right: 7px; } .slide8_8 .bd li a{ float: right; display: block; width: 95px; height: 30px; background: url('../images/p1_a.png') no-repeat center bottom; text-align: center; font:16px/30px "Microsoft Yahei"; color: #ffffff; margin: 18px 20px 0 0; } .slide8_8 .bd li a:hover{ background: url('../images/p1_ah.png') no-repeat center bottom; } .class .class_left{ background: url('../images/p1_l.png') no-repeat center bottom; width: 300px; height: 366px; position: absolute; left: 0; top: 0px; } .p1_btn{ display: block; background: url('../images/p1_btn.png') no-repeat center bottom; width: 351px; height: 74px; color: #ffffff; font:24px/74px "Microsoft Yahei"; position: absolute; top: 555px; left: 315px; text-align: center; } .p1_btn:hover{ background: url('../images/p1_btnh.png') no-repeat center bottom; } .part2{ background: url('../images/part2.jpg') no-repeat center top; width: 100%; position: relative; } .part2_in{ background: url('../images/part2_in.jpg') no-repeat center top; width: 1000px; padding: 70px 0; } .p2_tit{ background: url('../images/p2_tit.png') no-repeat center top; width: 970px; height: 73px; overflow: hidden; } .p2_tit h3{ color: #ffffff; font:bold 50px/50px "Microsoft Yahei"; margin: 7px 0 0 72px; letter-spacing: -1.5px; } .part2_in .cont{ margin-top: 20px } .part2_in .cont ul{ float: left; width: 170px; margin-top: 10px } .part2_in .cont ul li{ background: url('../images/p2_li.png') no-repeat center top; width: 170px; height: 60px; margin-top: 20px; font-size: 22px; text-align: center; color: #fff; line-height: 60px; opacity: .5; } .part2_in .cont ul .on{ opacity: 1; } .part2_in .cont .txt{ width: 815px; height: 410px; background: #fff; border-radius: 10px; background: #fff; float: right; position: relative; display: none } .part2_in .cont .txt1>p{ font-size: 18px; line-height: 30px; color: #2ea4eb; width: 355px; float: left; margin: 95px 0 0 50px } .part2_in .cont .txt1 .box1{ background: url('../images/p2_11.png') no-repeat center top; width: 310px; height: 110px; float: right; margin: 44px 45px 0 0 } .part2_in .cont .txt1 .box1 p{ font-size: 20px; color: #fff; line-height: 35px; text-align: center; padding: 20px 0 0 0 } .part2_in .cont .txt1 .box1 p span{ font-size: 34px; font-weight: bold; color: #ffeb3f; } .part2_in .cont .txt1 .box2{ background: url('../images/p2_12.png') no-repeat center top; width: 310px; height: 110px; float: right; margin: 20px 45px 0 0 } .part2_in .cont .txt1 a{ display: block; width: 248px; height: 48px; border: 1px solid #666666; float: left; position: absolute; top: 314px; left: 284px; font-size: 18px; line-height: 48px; color: #666666; text-align: center } .part2_in .cont .txt2 .l{ float: left; width: 376px; margin: 40px 0 0 27px } .part2_in .cont .txt2 .l h5{ height: 20px; font-size: 20px; line-height: 20px; color: #666666; font-weight: bolder; padding: 0 0 0 9px; margin: 0 0 26px 9px; border-left: 3px solid #3773ec } .part2_in .cont .txt2 .r{ float: left; width: 350px; margin: 40px 0 0 37px } .part2_in .cont .txt2 .r h5{ height: 20px; font-size: 20px; line-height: 20px; color: #666666; font-weight: bolder; padding: 0 0 0 9px; margin: 0 0 26px 9px; border-left: 3px solid #3773ec } .part2_in .cont .txt2 p{ text-align: center; font-size: 16px; line-height:20px ; color: #666; float: left; width: 100%; margin-top: 15px } .part2 .btn{ display: block; width: 390px; height: 75px; background: #fff; border-radius: 75px; margin: 35px auto 0; text-align: center; font-size: 24px; color: #2d8dc7; text-align: center; line-height: 75px; } .part2 .btn:hover{ background: #2d8dc7;color: #fff } /* 333333333333333 */ .part3{ padding: 70px 0 0 0; height: 546px; } .p3_tit{ background: url('../images/p3_tit.png') no-repeat center bottom; width: 890px; height: 73px; margin-left: 38px; overflow: hidden; } .p3_tit h3{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; margin: 8px 0 0 52px; letter-spacing: -1.5px; } .p3_cont{ width: 1100px; margin: 91px 0 0 65px; } .p3_cont li{ float: left; margin-right: 145px; position: relative; } .p3_cont li p{ font:bold 20px/30px "Microsoft Yahei"; color: #333333; text-align: center; margin-top: 22px; } .p3_cont li .long{ margin: 22px 0 0 -10px; } .p3_cont li a{ display: block; width: 98px; height: 30px; border: 1px solid #bfbfbf; font:16px/30px "Microsoft Yahei"; color: #666666; text-align: center; margin-top: 15px; } .p3_cont li div{ position: absolute; top: -60px; left: -65px; width: 238px; height: 380px; background: #00c2d6; cursor: pointer; } .p3_cont li div img{ margin: 25px 0 10px 89px; } .p3_cont li div h5{ font:bold 20px/20px "Microsoft Yahei"; color: #ffffff; text-align: center; } .p3_cont li div p{ font:16px/25px "Microsoft Yahei"; color: #ffffff; padding: 0 15px 0 15px; text-align: left; letter-spacing: 1px; margin-top: 10px; } .p3_cont li div a{ display: block; width: 100px; height: 32px; background: #fcef02; font:16px/32px "Microsoft Yahei"; color: #00c2d6; text-align: center; margin: 5px 0 0 68px; } /* 444444444444 */ .part4{ background: url('../images/part40.jpg') no-repeat center bottom; width: 100%; padding-bottom: 70px; } .p4_tit{ background: url('../images/p3_tit.png') no-repeat center bottom; width: 890px; height: 73px; margin-left: 38px; overflow: hidden; } .p4_tit h3{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; margin: 8px 0 0 93px; letter-spacing: -1.5px; } .p4_cont{ position: relative; width: 1000px; height: 603px; } .p4_cont li{ position: absolute; } .p4_cont .l1{ background: url('../images/p4_1.png') no-repeat center bottom; width: 159px; height:159px; top: 179px; left: 0; font:39.7px/159px "Microsoft Yahei"; color: #ffffff; text-align: center; } .p4_cont .l2{ background: url('../images/p4_2.png') no-repeat center bottom; width: 90px; height:74px; top: 375px; left: 53px; font:26px/30px "Microsoft Yahei"; color: #62dcda; text-align: center; padding-top:16px; } .p4_cont .l3{ background: url('../images/p4_3.png') no-repeat center bottom; width: 124px; height:91px; top: 103px; left: 274px; font:26px/30px "Microsoft Yahei"; color: #ffffff; text-align: center; padding-top:33px; } .p4_cont .l4{ background: url('../images/p4_4.png') no-repeat center bottom; width: 90px; height:72px; top: 267px; left: 213px; font:23px/27px "Microsoft Yahei"; color: #62dcda; text-align: center; padding-top:18px; } .p4_cont .l5{ background: url('../images/p4_5.png') no-repeat center bottom; width: 111px; height:84px; top: 407px; left: 253px; font:23.5px/29px "Microsoft Yahei"; color: #ffffff; text-align: center; padding-top:27px; } .p4_cont .l6{ background: url('../images/p4_6.png') no-repeat center bottom; width: 86px; height:69px; top: 163px; left: 463px; font:23.5px/29px "Microsoft Yahei"; color: #ffffff; text-align: center; padding-top:17px; } .p4_cont .l7{ background: url('../images/p4_7.png') no-repeat center bottom; width: 159px; height:98px; top: 272px; left: 373px; font:38px/38px "Microsoft Yahei"; color: #ffffff; text-align: center; padding-top:62px; } .p4_cont .l8{ background: url('../images/p4_8.png') no-repeat center bottom; width: 105px; height:105px; top: 100px; left: 605px; font:26px/105px "Microsoft Yahei"; color: #62dcda; text-align: center; /* padding-top:62px; */ } .p4_cont .l9{ background: url('../images/p4_9.png') no-repeat center bottom; width: 111px; height:111px; top: 430px; left: 539px; font:26px/111px "Microsoft Yahei"; color: #ffffff; text-align: center; /* padding-top:62px; */ } .p4_cont .l10{ background: url('../images/p4_10.png') no-repeat center bottom; width: 138px; height:103px; top: 241px; left: 678px; font:28px/35px "Microsoft Yahei"; color: #ffffff; text-align: center; padding-top:35px; } .p4_cont .l11{ background: url('../images/p4_11.png') no-repeat center bottom; width: 117px; height:97px; top: 126px; right: 41px; font:32px/40px "Microsoft Yahei"; color: #62dcda; text-align: center; padding-top:20px; } .p4_cont .l12{ background: url('../images/p4_12.png') no-repeat center bottom; width: 142px; height:108px; top: 376px; right: 0px; font:32px/40px "Microsoft Yahei"; color: #ffffff; text-align: center; padding-top:34px; } .p4_cont li div{ width: 191px; height: 202px; background: #1acacd; position: absolute; top: -33px; left: -24px; display: none; cursor: pointer; z-index: 100; } .p4_cont li div p{ font:16px/20px "Microsoft YaHei"; color: #ffffff; padding: 60px 10px 0 10px; z-index: 10; } .p4_btn{ display: block; background: url('../images/p1_btn.png') no-repeat center bottom; width: 351px; height: 74px; color: #ffffff; font:24px/74px "Microsoft Yahei"; text-align: center; margin-left: 318px; } .p4_btn:hover{ background: url('../images/p1_btnh.png') no-repeat center bottom; } /* 555555555555555555555 */ .part5{ padding-top: 50px } .p5_tit{ background: url('../images/p3_tit.png') no-repeat center bottom; width: 890px; height: 73px; margin-left: 38px; overflow: hidden; } .p5_tit h3{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; margin: 8px 0 0 115px; letter-spacing: -1.5px; } .p5_cont{ margin-top: 25px; height: 740px; background: #4f7aff; width: 1001px; } .p5_cont li{ float: left; width: 333px; height: 366px; border-right: 1px dotted #7295ff; position: relative; } .p5_cont li p{ font:bold 26px/26px "Microsoft Yahei"; color: #ffffff; text-align: center; } .p5_cont li span{ display: block; width: 200px; height: 44px; background: #fcef02; text-align: center; font:bold 18px/44px "Microsoft Yahei"; color: #4f7aff; border-radius: 44px; margin: 31px auto 0 auto; } .p5_cont .one{ border-bottom: 1px dotted #7295ff } .p5_cont .one>img{ margin: 78px 0 10px 134px } .p5_cont .three{ border-right:none; } .p5_cont .two>img{ margin: 44px 0 10px 134px } .p5_cont .one div{ width: 333px; height: 366px; background: #00c2d6; position: absolute; top :0; left: 0; display: none; cursor: pointer; } .p5_cont .two div{ width: 333px; height: 373px; background: #00c2d6; position: absolute; top :0; left: 0; display: none; cursor: pointer; } .p5_cont div img{ margin: 35px 0 10px 138px; } .p5_cont div h5{ font:bold 26px/26px "Microsoft Yahei"; color: #ffffff; text-align: center; } .p5_cont div p{ font: 16px/28px "Microsoft Yahei"; color: #ffffff; margin:15px 0 12px 0; text-align: left;padding-left: 48px; width: 246px; } .p5_cont div a{ display: block; width: 200px; height: 44px; background: #fcef02; text-align: center; font:bold 18px/44px "Microsoft Yahei"; color: #4f7aff; border-radius: 44px; margin: 12px auto 0 auto; } .p5_cont div a:hover{ background: #ffffff; } /* ad */ .ad{ background: url('../images/ad.jpg') no-repeat center bottom; width: 100%; height: 178px; margin-top: 69px; margin-bottom: 74px; } .ad_cont{ position: relative; } .ad1_1{ position: absolute; top: -51px; left: -108px; } .ad1_2{ margin: 24px 0 0 49px; } .ad_cont p{ color: #c0caff; font:40px/40px "Microsoft Yahei"; margin: 10px 0 0 126px; } .ad_cont p span{ display: inline-block; color: #fde907; font:bold 40px/40px "Microsoft Yahei"; } .ad_cont p em{ color: #fde907; } .ad_cont a{ display: block; position: absolute; right: 107px; top: 96px; width: 160px; height: 46px; background: #ffde00; color: #333333; font:24px/46px "Microsoft Yahei"; border-radius: 3px; text-align: center; } .ad_cont a:hover{ background: #ffffff; color: #4f7aff; } /* 6666666666666 */ .part6{ background: url('../images/part6.jpg') no-repeat center bottom; width: 100%; padding: 50px 0 70px 0 } .p6_tit{ background: url('../images/p6_tit.png') no-repeat center bottom; width: 747px; height: 65px; margin-left: 60px; padding: 8px 0 0 95px; } .p6_tit h3{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; letter-spacing: -1.5px; } .p6_tit p{ font:20px/20px "Microsoft Yahei"; color: #3488b0; margin: 20px 0 0 252px; } .p6_cont{ margin-top: 32px; width: 1050px; } .p6_cont li{ float: left; width: 236px; height: 219px; margin: 18px 18px 0 0; } .p6_cont li>p{ background: url('../images/p6_price.png') no-repeat center bottom; width: 210px; height: 39px; font:19px/39px "Microsoft Yahei"; color: #ffffff; padding-left: 10px; } .p6_cont li h5{ font:19px/19px "Microsoft Yahei"; color: #ffffff; margin: 12px 0 15px 0; text-align: center; font-weight: bold } .p6_cont .li1{ background: #26b9d8; } .p6_cont li img{ display: block; height: 45px; margin: 23px auto 0 } .p6_cont li a{ font-size: 16px; color: #fff; float: right; margin: 21px 15px 0 0 } .p6_cont .li2{ background: #2588fd; } .p6_cont .li3{ background: #7e59e9; } .p6_cont .li4{ background: #00dcc6; } .p6_cont .li5{ background: #00dcc6; } .p6_cont .li6{ background: #7e59e9; } .p6_cont .li7{ background: #2588fd; } .p6_cont .li8{ background: #26b9d8; } .p6_btn{ display: block; background: url('../images/p1_btn.png') no-repeat center bottom; width: 351px; height: 74px; color: #ffffff; font:24px/74px "Microsoft Yahei"; text-align: center; margin-left: 318px; margin-top: 39px; } .p6_btn:hover{ background: url('../images/p1_btnh.png') no-repeat center bottom; } /* 777777777777777777777 */ .part7{ background: url('../images/part7.jpg') no-repeat center bottom; width: 100%; height: 827px; padding: 81px 0 0 0; margin-bottom: 538px; } .p7_tit{ background: url('../images/p7_tit.png') no-repeat center bottom; width: 1045px; height: 73px; margin: 0 0 0 -49px; position: relative; } .p7_tit p{ font:20px/20px "黑体"; color: #ffffff; position: absolute; top: 76px; left: 366px; } .p7_cont{ margin-top: 68px; } .p7_cont div{ float: left; } .p7_1{ background: url('../images/p7_1bg.png') no-repeat center bottom; width: 322px; height: 211px; padding-right: 30px;position: relative; } .p7_1h{ background: url('../images/p7_1bgh.png') no-repeat center bottom; width: 322px; height: 211px; padding-right: 30px; position: absolute; top: 0; left: 0; } .p7_1h p,.p7_2h p,.p7_3h p,.p7_4h p{ font:16px/30px "Microsoft Yahei"; color: #ffffff; padding: 30px 20px 0 24px; } .p7_1 img{ margin: 34px 0 15px 134px; } .p7_1 h5{ font:26px/36px "Microsoft Yahei"; color: #ffffff; text-align: center; } .p7_2{ background: url('../images/p7_2bg.png') no-repeat center bottom; width: 322px; height: 211px; padding-left: 30px; margin-left: 296px; position: relative; } .p7_2h{ background: url('../images/p7_2bgh.png') no-repeat center bottom; width: 322px; height: 211px; padding-left: 30px; position: absolute; left: 0; top: 0; } .p7_2 img{ margin: 39px 0 15px 136px; } .p7_2 h5{ font:26px/36px "黑体"; color: #ffffff; text-align: center; margin-left: 10px; } .p7_3{ background: url('../images/p7_3bg.png') no-repeat center bottom; width: 322px; height: 211px; padding-right: 30px; margin-top: 98px; position: relative; } .p7_3h{ background: url('../images/p7_3bgh.png') no-repeat center bottom; width: 322px; height: 211px; padding-right: 30px; position: absolute; top: 0; left: 0; } .p7_3 img{ margin: 39px 0 15px 136px; } .p7_3 h5{ font:26px/36px "黑体"; color: #ffffff; text-align: center; margin-left: 10px; } .p7_4{ background: url('../images/p7_4bg.png') no-repeat center bottom; width: 322px; height: 211px; padding-left: 30px; margin-left: 296px; margin-top: 98px; position: relative; } .p7_4h{ background: url('../images/p7_4bgh.png') no-repeat center bottom; width: 322px; height: 211px; padding-left: 30px; position: absolute; left: 0; top: 0 } .p7_4 img{ margin: 39px 0 15px 136px; } .p7_4 h5{ font:26px/36px "黑体"; color: #ffffff; text-align: center; margin-left: 10px; } .p7_5{ background: url('../images/p7_5bg.png') no-repeat center bottom; width: 1000px; height:414px; padding-top: 90px; position: relative; } .p7_5h{ background: url('../images/p7_5bgh.png') no-repeat center bottom; width: 1000px; height:414px; padding-top: 90px; position: absolute; top: 0; left: 0; } .p7_5h p{ padding: 80px 50px 0 50px; font:16px/30px "Microsoft Yahei"; color: #ffffff; } .p7_5 h5{ font:26px/26px "黑体"; color: #ffffff; text-align: center; } .p7_5>p{ font:20px/20px "黑体"; color: #ffffff; text-align: center; margin: 22px 0 41px 0px; } .p7_51{ margin: 0 41px 0 27px; } .p7_51 p,.p7_52 p{ font:24px/24px "黑体"; color: #ffffff; text-align: center; margin-top: 17px; } .p7_1h,.p7_2h,.p7_3h,.p7_4h,.p7_5h{ display: none; cursor: pointer; } .p7_btn{ margin-top: 49px; } /* ad2222222222222222222 */ .ad2{ background: url('../images/ad2bg.jpg') no-repeat center bottom; width: 100%; height:219px; overflow: hidden; } .ad2_1{ background: url('../images/ad2_1.png') no-repeat center bottom; width: 160px; height:160px; float: left; margin-top: 34px; } .ad2_1 p{ font:bold 30.5px/30.5px "黑体"; color: #6d85f0; text-align: center; margin-top: 42px; } .ad2_1 span{ display: block; font:18.3px/18.3px "黑体"; color: #6d85f0; text-align: center; margin-top: 8px; } .ad2_1 a{ display: block; font: 12.2px/28px "黑体"; color: #ffffff; width: 79px; height: 28px; border-radius: 28px; background: #6d85f0; text-align: center; margin-top: 8px;margin-left: 39px; } .ad2_1 a:hover{ background: #fffc00; color: #6d85f0; } .ad2_2{ margin: 54px 0 0 23px; } .ad2_3{ margin: 13px 0 0 115px; } /* 888888888888888888888 */ .part8{ background: url('../images/part8.jpg') no-repeat center top; width: 100%; height: 2000px; } .part8_in{ background: url('../images/part8_in.jpg') no-repeat center top; width: 1000px; padding: 40px 0 55px 0; } .p8_tit{ background: url('../images/p8_tit.png') no-repeat center bottom; width: 713px; height:66px; font:bold 50px/50px "黑体"; color: #ffffff; padding: 7px 0 0 88px; margin: 0px 0 0 81px; } .p8_cont{} .p8_1{ margin-top: 45px; height: 227px; } .p8_1 .l{ background: url('../images/p8_1.png') no-repeat center bottom; width: 517px; height:242px; position: relative; float: left; } .p8_1 .l h5{ font:30px/30px "黑体"; color: #01c8fd; position: absolute; top: -17px; left: 137px; } .p8_1 .l .dl1{ position: absolute; top: 67px; left: 111px; width: 140px; } .p8_1 .l .dl1 dt{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 22px; } .p8_1 .l .dl1 dd{ font:16px/20px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_1 .l .dl2{ position: absolute; top: 105px; left: 288px; width: 170px; } .p8_1 .l .dl2 dd{ font:16px/20px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_1 .p8em{ position: absolute; top: 32px; left: 138px; animation: change 5s infinite; } .p8_1 .r{ float: left;width: 426px;padding: 45px 0 0 34px; } .p8_1 .r h5{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 24px; } .p8_1 .r p{ font:16px/24px "黑体"; color: #ffffff;width: 450px; } @keyframes change{ 0% {transform:translateX(0)} 50% {transform:translateX(250px)} 100% {transform:translateX(0)} } @-moz-keyframes change{ 0% {transform:translateX(0)} 50% {transform:translateX(250px)} 100% {transform:translateX(0)} } @-webkit-keyframes change{ 0% {transform:translateX(0)} 50% {transform:translateX(250px)} 100% {transform:translateX(0)} } @-o-keyframes change{ 0% {transform:translateX(0)} 50% {transform:translateX(250px)} 100% {transform:translateX(0)} } .p8_2{ margin-top: 57px; height: 262px; } .p8_2 .l{ float: left;width: 465px;padding: 36px 0 0 0; } .p8_2 .l h5{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 15px; } .p8_2 .l p{ font:16px/24px "黑体"; color: #ffffff;width: 450px; } .p8_2 .r{ background: url('../images/p8_2.png') no-repeat center bottom; width: 483px; height:262px; position: relative; float: right; } .p8_2 .r h5{ font:30px/30px "黑体"; color: #01c8fd; position: absolute; top: -18px; left: 134px; } .p8_2 .r .dl1{ position: absolute; top: 72px; left: 135px; } .p8_2 .r .dl1 dt{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 22px; } .p8_2 .r .dl1 dd{ font:16px/16px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_2 .r .dl2{ position: absolute; top: 110px; left: 310px; } .p8_2 .r .dl2 dd{ font:16px/16px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_2 .p8em{ position: absolute; top: 32px; left: 153px; animation: change 5s infinite; } .p8_3{ margin-top: 34px; height: 203px; width: 1110px; } .p8_3 .l{ background: url('../images/p8_3.png') no-repeat center bottom; width: 517px; height:203px; position: relative; float: left; } .p8_3 .l h5{ font:30px/30px "黑体"; color: #01c8fd; position: absolute; top: -17px; left: 131px; } .p8_3 .l .dl1{ position: absolute; top: 57px; left: 107px; width: 170px; } .p8_3 .l .dl1 dt{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 22px; } .p8_3 .l .dl1 dd{ font:16px/20px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_3 .l .dl2{ position: absolute; top: 95px; left: 285px; } .p8_3 .l .dl2 dd{ font:16px/16px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_3 .p8em{ position: absolute; top: 32px; left: 138px; animation: change 5s infinite; } .p8_3 .r{ float: left;width: 446px;padding: 56px 0 0 36px; } .p8_3 .r h5{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 24px; } .p8_3 .r p{ font:16px/24px "黑体"; color: #ffffff;width: 450px; } .p8_4{ margin-top: 60px; height: 252px; } .p8_4 .l{ float: left;width: 486px;padding: 48px 0 0 0; } .p8_4 .l h5{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 15px; } .p8_4 .l p{ font:16px/24px "黑体"; color: #ffffff;width: 486px; } .p8_4 .r{ background: url('../images/p8_4.png') no-repeat center bottom; width: 483px; height:252px; position: relative; float: right; } .p8_4 .r h5{ font:30px/30px "黑体"; color: #01c8fd; position: absolute; top: -18px; left: 128px; } .p8_4 .r .dl1{ position: absolute; top: 87px; left: 126px; } .p8_4 .r .dl1 dt{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 22px; } .p8_4 .r .dl1 dd{ font:16px/16px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_4 .r .dl2{ position: absolute; top: 126px; left: 273px; } .p8_4 .r .dl2 dd{ font:16px/16px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_4 .p8em{ position: absolute; top: 32px; left: 153px; animation: change 5s infinite; } .p8_5{ margin-top: 39px; height: 243px; width: 1110px; } .p8_5 .l{ background: url('../images/p8_5.png') no-repeat center bottom; width: 520px; height:242px; position: relative; float: left; } .p8_5 .l h5{ font:30px/30px "黑体"; color: #01c8fd; position: absolute; top: -17px; left: 119px; } .p8_5 .l .dl1{ position: absolute; top: 67px; left: 108px; } .p8_5 .l .dl1 dt{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 22px; } .p8_5 .l .dl1 dd{ font:16px/16px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_5 .l .dl2{ position: absolute; top: 105px; left: 286px; width: 170px; } .p8_5 .l .dl2 dd{ font:16px/20px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_5 .p8em{ position: absolute; top: 32px; left: 138px; animation: change 5s infinite; } .p8_5 .r{ float: left;width: 446px;padding: 50px 0 0 36px; } .p8_5 .r h5{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 24px; } .p8_5 .r p{ font:16px/24px "黑体"; color: #ffffff;width: 450px; } .p8_6{ margin-top: 60px; height: 20px; } .p8_6 .l{ float: left;width: 486px;padding: 44px 0 0 0; } .p8_6 .l h5{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 15px; } .p8_6 .l p{ font:16px/24px "黑体"; color: #ffffff;width: 486px; } .p8_6 .r{ background: url('../images/p8_6.png') no-repeat center bottom; width: 487px; height:202px; position: relative; float: right; } .p8_6 .r h5{ font:30px/30px "黑体"; color: #01c8fd; position: absolute; top: -18px; left: 128px; } .p8_6 .r .dl1{ position: absolute; top: 75px; left: 126px; } .p8_6 .r .dl1 dt{ font:bold 18px/18px "黑体"; color: #01c8fd; margin-bottom: 18px; } .p8_6 .r .dl1 dd{ font:16px/24px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_6 .r .dl2{ position: absolute; top: 115px; left: 273px; } .p8_6 .r .dl2 dd{ font:16px/16px "黑体"; color: #ffffff; margin-bottom: 12px; } .p8_6 .p8em{ position: absolute; top: 32px; left: 153px; animation: change 5s infinite; } .p8_in_a{ color: #01c8fd } .p8_btn{ margin-top: 227px; } /* 999999999999999999999999999 */ .part9{ padding: 68px 0 88px 0; } .part9 h3{ background: url('../images/p9_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 835px; height:73px; font:bold 50px/50px "Microsoft Yahei"; color: #144269; padding: 0 0 0 87px; margin-left: 20px; letter-spacing: -1.5px; } .p9_tit p{ color: #3488b0; font:20px/20px "Microsoft Yahei"; margin: 3px 0 0 310px; } .p9_cont{ /* background: url('../images/p9_cont.png') no-repeat center bottom; background-size: 100% 100%; */ width: 1000px; height:558px; margin-top: 50px; overflow: hidden; position: relative; } .p9_cont .bpic{ margin: 66px 0 0 18px; } .p9_cont .lpic{ margin: 16px 0 0 18px; } .p9_cont .lpic li{ float: left; margin-right: 8px; cursor: pointer; } .p9_txt{ background: url('../images/p9_txt.png') no-repeat center top; position: absolute; top: 0; right: 22px; width: 346px; height: 517px; /* padding: 93px 0 0 26px; */ } .p9_txt .t1{ display: none; width: 300px; margin: 50px auto 0 } .p9_txt .t1 a{ display: block; width: 178px; height: 28px; border: 1px solid #fffc00; border-radius: 28px; margin: 0 0 10px 112px; text-align: center; font-size: 16px; color: #fffc00; text-align: center; line-height: 28px; } .p9_txt .t1 a:hover{ background: #fffc00; color: #3a5fcc } .p9_txt span{ display: block; width: 50px; height: 4px; background: #ffffff; } .p9_txt h5{ color: #ffffff; font:bold 24px/24px "Microsoft Yahei"; margin: 20px 0 15px 0; } .p9_txt p{ color: #ffffff; font:16px/26px "Microsoft Yahei"; width: 300px; } /* 10 */ .part10{ padding: 0 0 72px 0; } .part10 h3{ background: url('../images/p10_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 820px; height:73px; font:bold 50px/50px "Microsoft Yahei"; color: #144269; text-align: center; margin-left: 65px; padding-left: 33px } .part10 .cont{ position: relative; margin-top: 65px; height: 490px; } .part10 .cont .c{ position: absolute; top: 168px; left: 353px; } .part10 .cont .l{ float: left; } .part10 .cont .l h4{ font-size: 28px; font-weight: bold; color: #6d9bfe; margin: 0 0 40px 55px } .part10 .cont .l dl{ margin-top: 20px } .part10 .cont .l dl dt{ width: 250px; height: 50px; border-radius: 50px; background: #6d98fe; background: -moz-linear-gradient(right, #6d98fe 0%, #70b2ff 100%); background: -webkit-gradient(linear, left , right, color-stop(0%,#6d98fe), color-stop(100%,#70b2ff)); background: -webkit-linear-gradient(right, #6d98fe 0%,#70b2ff 100%); background: -o-linear-gradient(right, #6d98fe 0%,#70b2ff 100%); background: -ms-linear-gradient(right, #6d98fe 0%,#70b2ff 100%); background: linear-gradient(to right, #6d98fe 0%,#70b2ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d98fe', endColorstr='#70b2ff',GradientType=0 ); font-size: 24px; text-align: center; line-height: 50px; color: #fff; margin: 0 0 16px 0 } .part10 .cont .l dl dd{ font-size: 16px; line-height: 26px; margin-left: 40px } .part10 .cont .l .dl2 dt{ width: 237px; } .part10 .cont .l .dl3 dt{ width: 156px; } .part10 .cont .r{ width: 390px; float: right; } .part10 .cont .r h4{ font-size: 28px; font-weight: bold; color: #2dcfcf; margin: 0 0 40px 55px } .part10 .cont .r dl{ margin-top: 20px } .part10 .cont .r dl dt{ width: 220px; height: 50px; border-radius: 50px; background: #27cbd0; background: -moz-linear-gradient(right, #27cbd0 0%, #64e3d3 100%); background: -webkit-gradient(linear, left , right, color-stop(0%,#27cbd0), color-stop(100%,#64e3d3)); background: -webkit-linear-gradient(right, #27cbd0 0%,#64e3d3 100%); background: -o-linear-gradient(right, #27cbd0 0%,#64e3d3 100%); background: -ms-linear-gradient(right, #27cbd0 0%,#64e3d3 100%); background: linear-gradient(to right, #27cbd0 0%,#64e3d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cbd0', endColorstr='#64e3d3',GradientType=0 ); font-size: 24px; text-align: center; line-height: 50px; color: #fff; margin: 0 0 16px 0 } .part10 .cont .r dl dd{ font-size: 16px; line-height: 26px; margin-left: 40px } .part10 .cont .r .dl2 dt{ width: 156px; } .part10 .cont .r .dl3 dt{ width: 220px; } /* 11 */ .part11{ background: url('../images/part11.jpg') no-repeat center bottom; background-size: 100% 100%; width: 100%; height:1056px; } .part11_in{ background: url('../images/part11_in.jpg') no-repeat center bottom; background-size: 100% 100%; width: 1000px; height:986px; padding: 70px 0 0 0; } .p11_tit h3{ background: url('../images/p11_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 830px; height:73px; font:bold 50px/50px "Microsoft Yahei"; color: #ffffff; padding: 0 0 0 94px; letter-spacing: -1.5px; margin-left: 18px; } /* ///////////////////////////////////////////////////////////// */ .slide{ margin-top: 10px; height: 397px; } .slide .hd{ position: relative; } .slide .prev{display:block;background:url("../images/p11_prev.png") no-repeat center bottom;background-size:100% 100%;width:60px;height:110px;position:absolute;top:177px;left:-75px;cursor:pointer;z-index:100;} .slide .prev:hover{ background: url('../images/p11_prevh.png') no-repeat center bottom; } .slide .next{ display: block; background: url('../images/p11_next.png') no-repeat center bottom; background-size: 100% 100%; width: 60px; height:110px; position: absolute; top: 177px; right: -75px; cursor: pointer; z-index: 100; } .slide .next:hover{ background: url('../images/p11_nexth.png') no-repeat center bottom; } .slide .bd li{ float: left; margin-right: 42px; cursor: pointer; } .slide .bd .h{ display: none; } .p11_txt div{ background: url('../images/p11_txtbg.png') no-repeat center bottom; background-size: 100% 100%; width: 987px; height:235px; overflow: hidden; display:none; } .p11_txt div .p1{ font: 36px/36px "宋体"; width: 36px; float: left; color: #ffffff; margin: 70px 0 0 73px; } .p11_txt div .p2{ font: 20px/20px "�??�??雅黑"; color: #ffffff; margin: 64px 0 0 147px; } .p11_txt div .p3{ font: 16px/26px "�??�??雅黑"; width: 815px; color: #ffffff; margin: 15px 0 0 147px; } .p11_btn{ display: block; width: 391px; height: 74px; border-radius: 74px; background: #ffffff; text-align: center; font:24px/74px "Microsoft Yahei"; color: #46ced4; margin: 126px 0 0 296px; } .p11_btn:hover{ background: #ffde00; color:#333333; } /* 12 */ .part12{ padding: 70px 0 72px 0;background: #ffffff; } .p12_tit h3{ background: url('../images/p12_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 839px; height:73px; font:bold 50px/50px "Microsoft Yahei"; color: #144269; padding: 0 0 0 95px; letter-spacing: -1.5px; margin-left: 16px; } .p12_cont{ position: relative; margin-top: 65px; margin-left: 271px; width: 440px; } .p12_cont .li{ position: absolute;width: 350px; } .p12_cont .l1{ position: absolute; top: 43px; left: -272px; } .p12_cont .l1 p{ font:bold 22px/30px "Microsoft Yahei"; color: #33a2cf; position: relative; top: -73px; left: 105px; } .p12_cont .li_in{ position: relative; } .p12_cont .li_ini{ height: 100px; position: absolute; top: 0; left: 0; } .p12_cont .li .h{ display: none; cursor: pointer; } .p12_cont .l1 .l1h{ background: url('../images/p12_l1h.png') no-repeat center bottom; background-size: 100% 100%; width: 258px; height:164px; font:16px/24px "Microsoft Yahei"; color: #ffffff; position: absolute; top: -66px; left: 0; z-index: 100; padding: 20px 44px 0 18px; } .p12_cont .l2{ position: absolute; top: 44px; /* right: 73px; */ right: -285px; } .p12_cont .l2 p{ font:bold 22px/30px "Microsoft Yahei"; color: #33a2cf; position: relative; top: -73px; left: 185px; } .p12_cont .l2 .l2h{ background: url('../images/p12_l2h.png') no-repeat center bottom; background-size: 100% 100%; width: 293px; height:184px; font:16px/24px "Microsoft Yahei"; color: #ffffff; position: absolute;top: -71px; left: 45px; z-index: 100; padding: 20px 18px 0 52px; } .p12_cont .l3{ position: absolute; top: 251px; /* right: 12px; */ right: -342px; } .p12_cont .l3 p{ font:bold 22px/30px "Microsoft Yahei"; color: #33a2cf; position: relative; top: -82px; left: 119px; } .p12_cont .l3 .l3h{ background: url('../images/p12_l3h.png') no-repeat center bottom; background-size: 100% 100%; width: 274px; height:184px; font:16px/24px "Microsoft Yahei"; color: #ffffff; position: absolute;top: -24px; left: 8px; /* left: 106px; */ z-index: 100; padding: 20px 18px 0 58px; } .p12_cont .l4{ position: absolute; top: 431px; left:33px; } .p12_cont .l4 p{ font:bold 22px/30px "Microsoft Yahei"; color: #33a2cf; position: relative; top:-31px; left: 49px; width: 500px; } .p12_cont .l4 .l4h{ background: url('../images/p12_l4h.png') no-repeat center bottom; background-size: 100% 100%; width: 440px; height:123px; font:16px/24px "Microsoft Yahei"; color: #ffffff; position: absolute;top: 11px; left: -45px; z-index: 100; padding: 20px 18px 0 18px; } .p12_cont .l5{ position: absolute; top: 245px; left:-277px; } .p12_cont .l5 p{ font:bold 22px/30px "Microsoft Yahei"; color: #33a2cf; position: relative; top:-82px; left: 93px; } .p12_cont .l5 .l5h{ background: url('../images/p12_l5h.png') no-repeat center bottom; background-size: 100% 100%; width: 300px; height:177px; font:16px/24px "Microsoft Yahei"; color: #ffffff; position: absolute;top: -11px; left: -64px; z-index: 100; padding: 20px 44px 0 18px; } .p12_btn{ margin-top: 150px; } /* youshi */ .youshi{ padding: 60px 0 60px 0 } .youshi_tit{ background: url('../images/youshi_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 1016px; height:73px; margin: 0 0 0 -10px; } .youshi_tit h3{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; text-align: center; padding: 5px 0 0 35px } .youshi .cont{ margin-top: 63px; position: relative; height: 580px; } .youshi .cont .c{ position: absolute; top: 0; left: 274px; } .youshi .cont ul{ position: relative; } .youshi .cont ul li{ position: relative; } .youshi .cont ul .l1{ width: 365px; height: 111px; background: url('../images/you_1bg.png') no-repeat center bottom; } .youshi .cont ul li img{ vertical-align: top; margin: 15px 15px 0 40px; float: left; } .youshi .cont ul li dl{ width: 216px; float: left; margin: 15px 0 0 0 } .youshi .cont ul li dd{ font-size: 16px; line-height: 26px; color: #666666; margin-top: 5px } .youshi .cont ul li dt{ font-size: 22px; color: #33a2cf; font-weight: bold; } .youshi .cont ul .l2{ position: absolute; top: 0; right: 0; width: 362px; height: 111px; background: url('../images/you_2bg.png') no-repeat center bottom; } .youshi .cont ul .l2 img{ margin: 15px 12px 0 88px; } .youshi .cont ul .l3{ position: absolute; top: 225px; left: 0; width: 362px; height: 111px; background: url('../images/you_3bg.png') no-repeat center bottom; } .youshi .cont ul .l3 dl{ width: 183px; } .youshi .cont ul .l4{ position: absolute; top: 198px; right: 0; width: 324px; height: 150px; background: url('../images/you_4bg.png') no-repeat center bottom; } .youshi .cont ul .l4 img{ margin: 15px 15px 0 83px; } .youshi .cont ul .l4 dl{ width: 183px; } .youshi .cont ul .l5{ position: absolute; top: 437px; left: 313px; width: 384px; height: 150px; background: url('../images/you_5bg.png') no-repeat center top; } .youshi .cont ul .l5 img{ margin: 53px 15px 0 3px; } .youshi .cont ul .l5 dl{ width: 300px; margin-top: 53px } .youshi .cont ul li div{ width: 320px; height: 184px; background: url('../images/p12_l1h.png') no-repeat center top; position: absolute; top: -22px; left: 0px; display: none } .youshi .cont ul li div p{ font-size: 16px; line-height: 24px; color: #fff } .youshi .cont ul .l1 div p{ width: 270px; margin: 20px 0 0 16px } .youshi .cont ul li:hover div{ display: block } .youshi .cont ul .l2 div{ width: 301px; height: 184px; background: url('../images/p12_l2h.png') no-repeat center top; position: absolute; top: -22px; left: 61px; } .youshi .cont ul .l2 div p{ width: 254px; margin: 20px 0 0 46px } .youshi .cont ul .l3 div{ width: 301px; height: 177px; background: url('../images/p12_l5h.png') no-repeat center top; position: absolute; top: -22px; left: 0px; } .youshi .cont ul .l3 div p{ width: 254px; margin: 20px 0 0 16px } .youshi .cont ul .l4 div{ width: 301px; height: 184px; background: url('../images/p12_l3h.png') no-repeat center top; position: absolute; top: -4px; left: 39px; } .youshi .cont ul .l4 div p{ width: 254px; margin: 20px 0 0 46px } .youshi .cont ul .l5 div{ width: 440px; height: 123px; background: url('../images/p12_l4h.png') no-repeat center top; position: absolute; top: 23px; left: -15px; } .youshi .cont ul .l5 div p{ width: 400px; margin: 15px auto 0 } /* fuwu */ .fuwu{ padding:0 0 00px 0 } .fuwu_tit{ background: url('../images/fuwu_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 763px; height:73px; margin: 0 auto; } .fuwu_tit h3{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; margin: 23px 0 0 74px } .fuwu .cont{ margin-top: 20px; position: relative; height: 725px; } .fuwu .cont .c{ position: absolute; top: 0; left: 268px; } .fuwu .cont ul{ position: relative; } .fuwu .cont ul li{ position: absolute; } .fuwu .cont ul li h5{ font-size: 24px; color: #2588fd; font-weight: bold; } .fuwu .cont ul li p{ font-size: 16px; line-height: 26px; color: #666; margin-top: 5px } .fuwu .cont ul li img{ margin-top: 10px } .fuwu .cont ul .l1{ width: 295px; top: 0; left: 0; } .fuwu .cont ul .l2{ width: 280px; top: 0; right: 0; } .fuwu .cont ul .l3{ width: 260px; top: 285px; left: 0; } .fuwu .cont ul .l4{ width: 280px; top: 285px; right: 0; } .fuwu .cont ul .l5{ width: 295px; top: 470px; left: 350px; } /* xinzi */ .xinzi{ padding: 00px 0 60px 0 } .xinzi_tit{ background: url('../images/xinzi_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 690px; height:94px; margin: 0 auto; } .xinzi_tit h3{ font:bold 48px/48px "Microsoft Yahei"; color: #144269; margin: 23px 0 0 120px } .xinzi ul{ margin: 0 0 0 60px; width: 1050px; } .xinzi ul li{ float: left; width: 247px; height: 313px; margin: 32px 70px 8px 0 } .xinzi ul .l1{ background: url('../images/xinzi_1.png') no-repeat center bottom; } .xinzi ul .l2{ background: url('../images/xinzi_2.png') no-repeat center bottom; } .xinzi ul .l3{ background: url('../images/xinzi_3.png') no-repeat center bottom; } .xinzi ul li p{ font:22px/33px "Microsoft Yahei"; color: #333; text-align: center; margin-top: 118px } .xinzi ul li span{ display: block; width: 190px; height: 45px; background: url('../images/xinzi_sp1.png') no-repeat center bottom; font:bold 28px/45px "Microsoft Yahei"; color: #fff; text-align: center; margin: 46px auto 0 } .xinzi ul .l2 span{ background: url('../images/xinzi_sp2.png') no-repeat center bottom; } .xinzi ul .l3 span{ background: url('../images/xinzi_sp3.png') no-repeat center bottom; } .xinzi em{ float: right; margin: 8px 60px 0 0; font:16px/16px "Microsoft Yahei"; color: #333; } .xinzi a{ display: block; width: 489px; height: 62px; background: url('../images/xinzi_btn.png') no-repeat center top; font:30px/62px "Microsoft Yahei"; color: #fff; text-align: center; margin: 70px auto 0 } .xinzi a:hover{ background: url('../images/xinzi_btnh.png') no-repeat center top; } /* 13 */ .part13{ background: #f2f2f3; padding: 71px 0 70px 0; } .p13_tit h3{ background: url('../images/p13_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 816px; height:73px; font:bold 50px/50px "Microsoft Yahei"; color: #144269; padding: 0 0 0 118px; letter-spacing: -1.5px; margin-left: 35px; } .p13_cont{ margin-top: 61px; width: 1050px; } .p13_cont li{ width: 120px; height: 185px; background: #e2e9ec; padding-top: 55px; margin-right: 6px; float: left; position: relative; } .p13_cont li img{ margin: 0 0 20px 14px; } .p13_cont li p{ font:18px/18px "Microsoft Yahei"; color: #333333; text-align: center; } .p13_cont li div{ width: 153px; height: 251px; background: #2e91c8; position: absolute; top: -29px; left: -17px; padding-top: 45px; z-index: 100; display: none; cursor: pointer; } .p13_cont li div h5{ font:bold 24px/24px "Microsoft Yahei"; color: #ffffff; text-align: center} .p13_cont li div span{ display: block; width:120px ; height: 2px; background: #58a7d3; margin: 11px 0 17px 18px} .p13_cont li div p{ font: 16px/24px "Microsoft Yahei"; color: #ffffff; text-align: left; margin-left: 12px; } .p13_cont li div a{ width: 95px; height: 30px; display: block; font: 14px/30px "Microsoft Yahei"; color: #ffffff; border: 1px solid #ffffff; text-align: center; margin: 26px 0 0 28px } .p13_btn{ display: block; width: 340px; height: 74px; border: 2px solid #2e91c8; border-radius: 74px; font: 24px/74px "Microsoft Yahei"; color: #2e91c8; text-align: center; margin: 72px 0 0 330px; } .p13_btn:hover{ background: #18c1dc; color: #ffffff; width: 344px; height: 78px; border:none; border-radius: 78px; } /* 14 */ .part14{ width: 100%; padding: 70px 0 60px 0 }.p14_tit{ background: url('../images/p14_tit.png') no-repeat center bottom; background-size: 100% 100%; width: 847px; height:73px; margin: 0 auto; } .p14_tit h3{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; margin: 23px 0 0 74px } .part14 .cont{ width: 1000px; border-top: 1px dashed #b6d3fd; margin-top: 50px } .part14 .top{ width: 834px; height: 56px; margin: -28px 0 0 194px } .part14 .top li{ width:168px; height: 48px; float: left; margin: 0 37px 0 0; border: 1px solid #0d6df9; background: #fff; font: 20px/48px "Microsoft Yahei"; color: #0d6df9; text-align: center; cursor: pointer; } .part14 .top .on{ background: #0d6df9; color: #fff } .part14 .pic{ margin: 35px 0 0 -45px } /* 15 */ .part15{ background: url('../images/part15.jpg') no-repeat center bottom; padding: 0 0 0 0; height: 640px; width: 100%; } .part15 .left{ float: left; width: 520px; margin-top: 118px } .part15 .left>h3{ font:bold 40px/40px "Microsoft Yahei"; color: #ffffff; margin-left: 77px; } .part15 .left ul{ margin-top: 35px } .part15 .left ul li{ margin-top: 15px } .part15 .left ul li a{ float: left; } .part15 .left ul li p{ width: 370px; font-size: 20px; line-height: 35px; color: #fff; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .part15 .left ul li .btn{ float: right; width: 118px; height: 33px; border: 1px solid #49d2d5; border-radius: 5px; font-size: 20px; line-height: 33px; text-align: center; color: #49d2d5 } .part15 .left ul li:hover .btn{ background: #49d2d5; color: #000425 } .part15 .left ul li:hover p{ color: #49d2d5 } .zg_part15_right{ margin: 67px 0 0 0; float: right; width: 431px; height: 457px; background: url('../images/frombg.png') no-repeat center bottom; padding: 43px 0 0 0; } .zg_part15_right p{ font:bold 38px/38px "Microsoft Yahei"; color: #ffffff; text-align: center; } .zg_part15_right>img{ margin: 20px 0 0 82px; } .zg_part15_right form{ margin-top: 19px; overflow: hidden; } .zg_part15_right form div{ width: 317px; height: 58px; background: #ffffff; margin: 17px 0 0 68px; } .zg_part15_right form input{ width: 250px; height: 58px; padding: 0; font: 17px/58px "Microsoft Yahei"; color: #ababab; } .zg_part15_right form .part15_right_btn{ display: block; width: 317px; height: 58px; background: #3a61cc; border-radius: 4px; margin: 3px 0 0 68px; text-align: center; color: #ffffff; font: 18px/58px "Microsoft Yahei"; cursor:pointer; } .zg_part15_right form .part15_right_btn1{ width: 1px; margin: 0 auto 0; height: 1px; position: relative; top: -15px; z-index: -1; } .yan{ position: absolute; top: 76px !important; left: -39px !important; } .zg_part15_right form .part15_right_btn:hover{ background: #112f7f; } /* footer */ .zg_footer{ width: 100%; background: #070b0f; overflow: hidden;} .zf_footer_tele{ width: 362px; height: 67px; font:bold 48px/67px "Arial"; color: #fff;float: left; margin-top: 70px} .zg_footer_ul1{ float: left; margin: 72px 0 55px 53px} .zg_footer_ul1 li{ float: left; margin-left:20px ; text-align: center} .zg_footer_ul1 li a{ display: block; width: 168px; height: 55px; border: 2px solid #dedede; border-radius:55px ; font: 24px/55px "Microsoft Yahei"; color: #dedede; } .zg_footer_ul2{ width: 1200px; margin-bottom: 45px} .zg_footer_ul2 li{ position: relative; width:331px ; float: left;} .zg_footer_ul2 li p{ font: 16px/28px "Microsoft Yahei"; color: #dedede; width: 225px; float: left; position: absolute; left: 127px; top: 33px } .zg_footer_ul2 li img{float: left;} .copy { width: 1000px; text-align: center; font-size: 14px; font-family: "Microsoft YaHei"; color: #9d9e9f; padding-top: 20px; line-height: 32px; border-top: 1px solid #cecfd0;} .copy>p{ color: #9d9e9f; font: 14px/18px "Microsoft Yahei"; color: #dedede;; } .copy a, .copy h1 { color: #9d9e9f; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: normal; display: inline; } .copy a, .copy h1 { color: #9d9e9f; font-size: 14px; font-family: "Microsoft YaHei"; font-weight: normal; display: inline; } .flex_left{ background:url("../images/flex.png") no-repeat center bottom; width: 163px; height:431px ; /*overflow: hidden;*/ position: fixed; left: 10px; top: 20%; z-index: 1000; padding-top: 38px; } .flex_left_close{ position: absolute; right: 4px; top: 72px; } .flex_left>p{ display: block; width: 50px; font:bold 20px/25px "Microsoft Yahei"; color: #ffffff; float: left; margin-top: 38px; } .flex_left>span{ display: block; width: 90px; font:bold 24px/50px "Microsoft Yahei"; color: #4bd7d6; float: left; margin:38px 0 0 10px; } .flex_left ul{ margin-top: 107px; } .flex_left ul li a,.flex_left ul li{ display: block; margin-top: 11px; width: 163px; height: 40px; text-align: center; font:bold 16px/40px "Microsoft Yahei"; color: #ffffff; } .flex_left ul li span{ font:bold 20px/40px "Microsoft Yahei"; color: #fcff00; } .flex_left ul li p{ font:bold 16px/40px "Microsoft Yahei"; color: #ffffff; } .flex_left ul .last{ margin-top: 13px; } .fix_right { width: 316px; background: url(../images/fix_right_13.png) no-repeat center; height: 55px; padding: 12px 0px; position: fixed; right: 0px; top: 150px; text-align: center; font-size: 20px; line-height: 55px; color: #fff; overflow: hidden; z-index: 1000; } .fix_right p { width: 100%; height: 100%; overflow: hidden; position: relative; padding-left:30px; } .fix_right p:after { content: ""; background: #fff; position: absolute; width: 316px; height: 316px; left: 0px; left: 0; top: 0; bottom: 0; opacity: 0; margin: auto; border-radius: 50%; transform: scale(1); animation: 1s btn ease-in-out infinite; } @keyframes btn { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } @-webkit-keyframes btn { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .fix_right { width: 316px; /* background: url(../images/fix_right_14.png) no-repeat center; */ height: 55px; padding: 12px 0px; position: fixed; right: 20px; top: 150px; text-align: center; font-size: 20px; line-height: 55px; color: #fff; overflow: hidden; z-index: 1000; } .fix_right p { width: 100%; height: 100%; overflow: hidden; position: relative; padding-left:30px; } .fix_right p:after { content: ""; background: #fff; position: absolute; width: 316px; height: 316px; left: 0px; left: 0; top: 0; bottom: 0; opacity: 0; margin: auto; border-radius: 50%; transform: scale(1); animation: 1s btn ease-in-out infinite; } @keyframes btn { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 0; }} @-webkit-keyframes btn { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(1); opacity: 0; }} .flex_left .right{ width: 44px; height: 160px; background: url(../images/flex_right.jpg) no-repeat center; position: absolute; top: 146px; left: 172px; cursor: pointer; } .flex_left .right .on{ display: none } .flex_left .right img{ position: absolute; top: 125px; left: 15px; display: block } /* 弹窗 */ #new_center{ width: 420px; height:481px ; background: url('../images/center.png') no-repeat top center; position: fixed; top :5%; left: 40%; overflow: hidden; z-index: 1500; } #new_center>span{ font:italic 24px/24px "Microsoft YaHei"; color: #ffffff; display: block; text-align: center; margin: 10px 0 0 0 } .center_close{ margin: -29px 0 0 344px; cursor: pointer; } #new_center form{ margin: 130px 0 0 60px;width: 330px; } #new_center form label{ font:20px/20px "Microsoft YaHei"; color: #ffffff; float: left; margin: 27px 11px 0 0; } #new_center form div{ margin-top: 18px; width: 246px ; height: 38px; border: 2px solid #c8b0ff; border-radius: 3px; float: left; } #new_center form div input{ width: 210px; height: 36px; font:18px/36px "Microsoft YaHei"; color: #e0d7ef;margin-left: 21px; background: none; border: none; outline: none; } .new_btn{ width: 296px; height: 62px; background: url('../images/ct_btn.png') no-repeat top center; font:bold 28px/62px "Microsoft YaHei"; color: #ffffff; text-align: center; letter-spacing: 5px; margin: 27px 0 0 4px;cursor: pointer; border: none; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #cccccc; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cccccc; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #cccccc; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #cccccc; } /* tan */ .tan{ width: 446px; height:528px ; background: url('../images/tan.png') no-repeat top center; position: fixed; top: 10%; left: 36%; z-index: 10000; } .tan_close{ margin: 16px 0 0 362px; cursor: pointer; } .tan>p{ margin: 132px 0 0 0; font:bold 24px/24px "Microsoft YaHei"; color: #ffffff; text-align: center } .tan>.p2{ margin: 7px 0 0 0; font:13px/20px "Microsoft YaHei"; color: #ffffff; text-align: center } .tan>p span{ color: #ffea01; } .tan form{ margin: 5px 0 0 60px } .tan form label{ font:20px/38px "Microsoft YaHei"; color: #ffffff; } .tan form input{ width: 236px; height: 38px; border: 2px solid #c9abff; border-radius: 3px; margin-top: 20px; padding-left: 10px; color: #e2d8ff; font:16px/38px "Microsoft YaHei"; } .tan input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #e2d8ff; font:16px/38px "Microsoft YaHei"; } .tan input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #e2d8ff; font:16px/38px "Microsoft YaHei"; } .tan input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #e2d8ff; font:16px/38px "Microsoft YaHei"; } .tan input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #e2d8ff; font:16px/38px "Microsoft YaHei"; } .tan .tanbtn{ width: 296px; height: 62px; background: url('../images/tan_btn.png') no-repeat top center; padding: 0; border: none; margin-top: 30px; margin-left: 10px; color: #ffffff; font:bold 28px/62px "Microsoft YaHei"; text-align: center;cursor: pointer; } .new1{ background: #ffffff; width: 100%; padding-top: 69px } .new1_tit{ background: url('../images/new1_tit.png') no-repeat center bottom; width: 1007px; height: 73px; margin-left: -17px; } .new1_tit h3{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; /* letter-spacing: -1.5px; */ margin-left: 70px } .new1_tit p{ font:20px/20px "Microsoft Yahei"; color: #3488b0; text-align: center; margin: 30px 0 0 0px; } .new1 .cont{ margin-top: 57px; } .new1 .cont>div{ margin-top: 15px; border: 2px dashed #488df3; border-radius: 10px; cursor: pointer; } .new1 .cont .on{ background: #488df3 } .new1 .cont>div>span{ display: block; width:56px ; height: 56px; border-radius: 50%; font:bold 30px/56px "Microsoft Yahei"; color: #fff; text-align: center; background: #488df3; float: left; margin: 30px 18px 50px 20px } .new1 .cont>.on>span{ background: #fff; color: #488df3; } .new1 .cont>div dl{ float: left; width: 876px; } .new1 .cont>div dt{ font:bold 24px/30px "Microsoft Yahei"; color: #488df3; margin-top: 30px } .new1 .cont>.on dt{ color: #fff; } .new1 .cont>div dt em{ display: block; width: 44px; height: 3px; background: #488df3; margin-top: 15px } .new1 .cont>.on dt em{ background: #fff; } .new1 .cont>div dd{ font: 18px/30px "Microsoft Yahei"; color: #666666; margin-top: 14px; margin-bottom: 22px } .new1 .cont>.on dd{ color: #fff; } .new1 .cont>div ul{ margin:0 0 35px 23px } .new1 .cont>div ul li{ float: left; margin: 0 10px 0 0 } .new1 a{ display: block; background: url('../images/new_btn.png') no-repeat center bottom; width: 354px; height: 75px; margin: 33px auto 0; font:26px/75px "Microsoft Yahei"; color: #fff; text-align: center; } .new1 a:hover{ border-radius: 75px; background: #3773ec } .new2{ background: #ffffff; width: 100%; padding: 69px 0 50px 0 } .new2_tit{ background: url('../images/new2_tit.png') no-repeat center bottom; width: 632px; height: 127px; margin: 0 auto 70px; } .new2_tit h3{ font:bold 50px/60px "Microsoft Yahei"; color: #144269; /* letter-spacing: -1.5px; */ margin-left: 70px } .new2_tit p{ font:20px/20px "Microsoft Yahei"; color: #3488b0; text-align: center; margin: 30px 0 0 0px; } .new2 .content>img{ display: block; margin: 70px auto 30px } .new2 .cont{ width:473px ; height: 114px; background: url('../images/new2_bg.png') no-repeat center top; margin: 0 0 0 264px; position: relative; } .new2 .cont .p1{ position: absolute; top: 10px; left: 0; width:173px ; height: 60px; font:22px/60px "Microsoft Yahei"; color: #fff; text-align: center } .new2 .cont .p2{ position: absolute; top: 11px; left: 244px; width:230px ; height: 80px; font:22px/30px "Microsoft Yahei"; color: #fff; text-align: center } .new2 .cont2{ width:1000px ; height: 452px; border: 4px solid #488df3; margin: 0 0 0 -4px; border-radius: 10px } .new2 .cont2 h5{ font:bold 24px/34px "Microsoft Yahei"; color: #488df3; margin: 43px 0 0 130px } .new2 .cont2 dl{ float: left; margin-top: 28px } .new2 .cont2 dl dt{ margin: 0 auto; width:180px ; height: 80px; font:22px/80px "Microsoft Yahei"; color: #fff; background: #488df3;border-radius: 80px; text-align: center } .new2 .cont2 dl dd{ width:180px ; margin-top: 24px; font:22px/22px "Microsoft Yahei"; color: #666; } .new2 .cont2 dl dd img{ display: inline-block; margin: 0 10px 0 0 } .new2 .cont2 .dl1{ margin-left: 93px } .new2 .cont2 .dl2{ width: 446px; } .new2 .cont2 .dl2 dd{ margin-left: 90px; width: 440px; } .new2 .cont2 .dl3 dt{ font:22px/32px "Microsoft Yahei"; color: #fff; padding-top: 10px; height: 70px; } .new2 .cont2 .dl3 dd{ width: 200px; } .new2 a{ display: block; background: url('../images/new_btn.png') no-repeat center bottom; width: 354px; height: 75px; margin: 33px auto 0; font:26px/75px "Microsoft Yahei"; color: #fff; text-align: center; } .new2 a:hover{ border-radius: 75px; background: #3773ec } .part1{ padding: 71px 0 0 0; width: 100%; height: 845px; } .p1_tit div{ font:bold 50px/50px "Microsoft Yahei"; color: #144269; text-align: center; letter-spacing: -1.5px; } .p1_tit div h1{ display: inline-block; font:bold 50px/50px "Microsoft Yahei"; color: #144269; /* margin-left: 315px; */ letter-spacing: -1.5px; } .p1_top{ margin-top: 26px; width: 1020px; position: relative; height: 142px; } .p1_top ul li{ float: left; width: 72px; height: 30px; border: 1px solid #d1d1d1; border-radius: 5px; margin: 10px 10px 0 0; text-align: center; font:18px/30px "Microsoft Yahei"; color: #333333; position: relative; cursor: pointer; } .p1_top ul .p1_hot:after{ content: " "; background: url('../images/hot.png') no-repeat center bottom; background-size: 100% 100%; width: 13px; height: 14px; position: absolute; top: -1px; right: -1px; } .p1_top .hide{ display: none; } .p1_top .on{ background: #37bfea; } .p1_top .more{ position: absolute; top: 103px; left: 424px; font:18px/18px "Microsoft Yahei"; color: #858585; cursor: pointer; } .p1_top span{ display: inline; margin-left: 5px; } .p1_top div img{ vertical-align: middle; } .p1_top .less{ position: absolute; top: 103px; right: 360px; font:18px/18px "Microsoft Yahei"; color: #858585; cursor: pointer; display: none; } .class{ position: relative; } .class_in{ overflow: hidden; } /* .class_in>img{ margin: 240px 0 0 100px; } */ .slide8_8{ position: absolute; top: 0px; left: 0; width: 1000px; height: 490px; } .slide8_8 .bd ul{ background: url('../images/p1_l.png') no-repeat left top; width: 1000px; } .slide8_8 .bd li{ height: 79px; border-bottom: 1px dashed #d5d5d5; overflow: hidden; } .slide8_8 .bd li .l{ /* background: url('../images/p1_l.jpg') no-repeat center top; */ width: 289px; height: 59px; margin-top: 10px; float: left; } .slide8_8 .bd li .r{ float: right; width: 700px; height: 60px; margin-top: 10px } /* .slide8_8 .bd li .l,.slide8_8 .bd li .r{ float: left; } */ .slide8_8 .bd li p{ float: left; height: 61px; } .slide8_8 .bd li .date{ font:18px/59px "Microsoft Yahei"; color: #ffffff; width: 55px; margin: 0 28px 0 20px; } .slide8_8 .bd li .classname{ font:18px/59px "Microsoft Yahei"; color: #ffffff; width: 150px; } .slide8_8 .bd li .time{ font:16px/60px "Microsoft Yahei"; color: #666666; margin: 0 50px 0 48px; } .slide8_8 .bd li .time span{ display: inline; width: 30px; height: 30px ; background: #37bfea; color: #fff; font:18px/30px "Microsoft Yahei"; text-align: center; margin: 0 8px 0 8px; border-radius: 5px; } .slide8_8 .bd li .fire{ font:18px/60px "Microsoft Yahei"; color: #e60012; } .slide8_8 .bd li .fire img{ vertical-align: middle; margin-right: 7px; } .slide8_8 .bd li a{ float: right; display: block; width: 95px; height: 30px; background: url('../images/p1_a.png') no-repeat center bottom; font:18px/30px "Microsoft Yahei"; color: #ffffff; margin: 16px 20px 0 0; } .class .class_left{ background: url('../images/p1_l.png') no-repeat center bottom; width: 300px; height: 366px; position: absolute; left: 0; top: 0px; } .p1_btn{ display: block; background: url('../images/p1_btn.png') no-repeat center bottom; width: 351px; height: 74px; color: #ffffff; font:24px/74px "Microsoft Yahei"; position: absolute; top: 650px; left: 315px; padding-left: 20px } .p1_btn:hover{ background: url('../images/p1_btnh.png') no-repeat center bottom; } .wenti{ padding: 60px 0 0px 0 } .wenti h3{ font:56px/56px "Microsoft Yahei"; text-align: center } .wenti h3 span{ font-weight: bold; color: #f86b48 } .wenti .tit p{ font:22px/22px "Microsoft Yahei"; text-align: center; margin-top: 30px; } .wenti .cont{ margin-top: 40px } .wenti .cont ul{ width: 1111px; } .wenti .cont ul li { float: left; width: 340px; margin: 0 0 38px 0 } .wenti .cont ul li>a{ float: left; } .wenti .cont ul li>a img{ border-radius: 8px } .wenti .cont ul li .right{ float: left; margin: 0px 0 0 10px; width: 150px; } .wenti .cont ul li .right a{ display: block; font: 16px/16px "Microsoft Yahei"; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 165px; height: 35px; } .wenti .cont ul li .right div{ margin-top: 28px } .wenti .cont ul li .right div span{ float: left; margin-right: 12px; font-size: 14px; color: #666; } .wenti .cont ul li .right div span img{ float: left; margin: 5px 6px 0 0 } .wenti .cont ul li .right div span em{ display: inline-block; font:12px/12px "Microsoft Yahei"; color: #333 } .zhuyi{ padding: 0 0 50px 0 } .zhuyi .txtbox{ width: 1111px; } .zhuyi .txt{ width: 313px; float: left; margin-right: 30px } .zhuyi .txt h5{ font:18px/18px "Microsoft Yahei"; color: #333 } .zhuyi .txt h5 a{ float: right; } .zhuyi .txt img{ margin-top: 20px } .zhuyi .txt ul{ margin-top: 12px; overflow: hidden; } .zhuyi .txt ul li{ height: 14px; margin-top: 18px; } .zhuyi .txt ul li a{ float: left; width: 195px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font:14px/14px "Microsoft Yahei"; color: #333; margin-left: 10px } .zhuyi .txt ul li span{ float: right; font:14px/14px "Microsoft Yahei"; color: #333; margin-right: 10px } /* 000 */ .zg_footer .top{ /* height: ; */ } .zg_footer .top div{ float: left; } .zg_footer .top .left{ margin-top: 46px } .zg_footer .top .cent{ width: 280px; margin-top: 46px } .zg_footer .top .cent p{ color:#fff; font-size:12px;font-family:"Microsoft Yahei"; text-align: center; letter-spacing: 15px; margin-top: 12px; margin-left: 10px } .zg_footer .top .cent p em{ letter-spacing: 1px; display: inline-block; margin-right: 15px; } .zg_footer .top .cent span{ display: block; text-align: center; color:#fff; font-size:16px;font-family:"Microsoft Yahei"; margin-top: 5px; letter-spacing: 2px; } .zg_footer .top .cent .p2{ width: 255px; text-align: left; } .zg_footer .top .cent .p2 span{ float: left; width: 40px; height: 1px; background: #b3b3b3; margin:7px 5px 0 8px } .zg_footer .top .cent .p2 .r{ float: right; margin: 0; margin-top: 8px } .zg_footer .top .cent .p2{ letter-spacing: 5px; margin-top: 8px } .zg_footer .top .right{ height: 95px; width: 800px; margin-top: 54px; padding-left: 25px; position: relative; } .zg_footer .top .right span{ float: left; color:#ffffff; font-size:22px;font-family:"Microsoft Yahei";font-weight: bold; margin: -4px 5px 0 0 } .zg_footer .top .right img{ position: absolute; top: 3px; left: 80px; } .zg_footer .top .right em{ display:inline-block; margin-top: -17px; color:#d0d0d0; font-size:14px;font-family:"Microsoft Yahei";line-height: 25px;text-indent:81px } /* 21-12-06 优化 lhr */ .banner21New1{display:block;background:url("../images/zg21_bannerNew1.jpg") no-repeat center bottom;width:100%;height:640px;overflow:hidden;z-index:100;} .banner21New1 .content{background:url("../images/zg21_Newcon1.jpg") no-repeat center bottom;width:1000px;height:640px;position:relative;} .banner21New1 .content .p1{border-radius:0 30px 30px 0;background-image:-moz-linear-gradient(90deg, rgb(255,162,0), rgb(255,124,0));background-image:-webkit-linear-gradient(90deg, rgb(255,162,0), rgb(255,124,0));background-image:linear-gradient(90deg, rgb(255,162,0), rgb(255,124,0));width:317px;height:57px;position:absolute;top:177px;left:0;font-size:30px;font-weight:600;color:#fff;line-height:57px;text-align:center;text-shadow:0 0 12px rgba(215,76,0,.6);vertical-align:middle;} .banner21New1 .content .p1 i{display:inline-block;width:10px;height:10px;background:#fff;border-radius:5px;margin:0 10px;box-shadow:0 0 12px rgba(215,76,0,.6);;vertical-align:middle;} .banner21New1 .content .p2{color:#fff;font-size:60px;font-weight:600;position:absolute;top:273px;left:0;letter-spacing:3px;} .banner21New1 .content .p2 span{color:#ffe400;font-size:60px;text-align:center;} .banner21New1 .content .p3{color:#fff;font-size:60px;font-weight:600;position:absolute;top:354px;left:0;letter-spacing:3px;} .banner21New1 .content .p4{height:55px;width:100%;background:url("../images/zg21_Newbg01.png") no-repeat left bottom;position:absolute;top:453px;left:0;color:#fff;font-size:20px;padding-left:18px;line-height:55px;} .zg21new_part1{width:100%;height:154px;background:#f7f7ff;} .zg21new_part1 ul{display:flex;justify-content:center;align-items:center;padding-top:30px;} .zg21new_part1 ul li{height:94px;border-right:2px solid #eaeaff;padding:0 25px;} .zg21new_part1 ul li.first{padding-left:0;} .zg21new_part1 ul li.last{border:0;padding-right:0;} .zg21new_part1 ul li img{margin-right:10px;} .zg21new_part1 ul li p{float:right;padding-top:12px;} .zg21new_part1 ul li p span{display:block;color:#333;font-size:24px;text-align:center;margin-bottom:10px;} .zg21new_part1 ul li p a{display:block;border-radius:18px;font-size:18px;color:#fff;text-align:center;background-image:-moz-linear-gradient(90deg, rgb(16,95,255), rgb(82,139,255));background-image:-webkit-linear-gradient(90deg, rgb(16,95,255), rgb(82,139,255));background-image:linear-gradient(90deg, rgb(16,95,255), rgb(82,139,255));width:107px;height:36px;line-height:36px;} .zg21new_part1 ul li p a:hover{animation:rubberBand .8s;} .zg21new_part2{width:100%;height:703px;background:url(../images/zg21_bg01.jpg) no-repeat center bottom;} .zg21new_part2 .content{padding-top:70px;} .zg21new_part2 .p3_tit h3{font:bold 50px/50px "Microsoft Yahei";color:#144269;margin:8px 0 0 90px;letter-spacing:-1.5px;} .zg21new_part2 .con{margin-top:24px;} .zg21new_part2 .left{width:322px;float:left;} .zg21new_part2 .left p{display:flex;justify-content:space-between;flex-wrap:wrap;} .zg21new_part2 .left p span{display:block;text-align:center;margin-bottom:10px;line-height:78px;color:#fff;font-size:20px;border-radius:6px;background:#3672ec;width:156px;height:78px;} .zg21new_part2 .left p .first{width:322px;height:78px;text-align:center;color:#fff;font-size:20px;line-height:78px;border-radius:6px;background:#3672ec;} .zg21new_part2 .left p span.on{border-radius:6px;background-image:-moz-linear-gradient(270deg, rgb(255,162,0), rgb(255,124,0));background-image:-webkit-linear-gradient(270deg, rgb(255,162,0), rgb(255,124,0));background-image:linear-gradient(270deg, rgb(255,162,0), rgb(255,124,0));text-shadow:0 0 12px rgba(215,76,0,.6);font-weight:600;} .zg21new_part2 .right{width:666px;height:340px;float:right;border:1px solid #3672ec;} .zg21new_part2 .right li{display:none;position:relative;width:666px;height:340px;} .zg21new_part2 .right li img{display:block;width:100%;height:100%;} .zg21new_part2 .right div{background:url(../images/zg21_bg02.png);width:666px;height:126px;position:absolute;left:0;bottom:0;} .zg21new_part2 .right div h5{font-size:18px;font-weight:600;line-height:18px;margin-top:20px;margin-left:30px;padding-left:15px;border-left:3px solid #fff;color:#fff;} .zg21new_part2 .right div p{margin:11px 40px 0 30px;color:#fff;font-size:14px;line-height:20px;text-align:left;} .zg21new_part2 .bottom{margin-top:41px;} .zg21new_part2 .bottom a{display:block;font-size:26px;text-align:center;line-height:74px;border-radius:40px;background-image:-moz-linear-gradient(90deg, rgb(55,115,236), rgb(49,223,245));background-image:-webkit-linear-gradient(90deg, rgb(55,115,236), rgb(49,223,245));background-image:linear-gradient(90deg, rgb(55,115,236), rgb(49,223,245));width:351px;height:74px;margin:0 auto;color:#fff;} .zg21new_part2 .bottom a:hover{border-radius:75px;background:#3773ec;} .zg21new_part3 .content{padding-top:80px;} .hiddenBox{position:relative;overflow:hidden;height:600px;margin-top:36px;} .hiddenBox .children{position:absolute;left:0;top:0;} .part3-top{margin-bottom:30px;width:1250px;} .part3-top li{float:left;text-align:center;} .part3-top li .zgflex{display:flex;flex-direction:column;justify-content:center;} .part3-top .first{padding-top:65px;width:243px;display:flex;justify-content:space-between;} .part3-top h5{color:#fff;font-size:15px;font-weight:600;text-align:center;} .part3-top p{color:#333;font-size:13px;line-height:1.846;text-align:center;} .part3-top .left1{border-radius:5px;background-image:-moz-linear-gradient(bottom, rgb(45,81,255), rgb(83,140,255));background-image:-webkit-linear-gradient(bottom, rgb(45,81,255), rgb(83,140,255));background-image:linear-gradient(to top, rgb(45,81,255), rgb(83,140,255));width:135px;height:195px;margin-right:15px;} .part3-top .left1 h5{margin-bottom:15px;} .part3-top .left1 p{color:#fff;} .part3-top .left2{border-radius:5px;background-image:-moz-linear-gradient(bottom, rgb(255,75,73), rgb(255,136,104));background-image:-webkit-linear-gradient(bottom, rgb(255,75,73), rgb(255,136,104));background-image:linear-gradient(to top, rgb(255,75,73), rgb(255,136,104));width:78px;height:195px;margin-right:15px;} .part3-top .l2{width:296px;margin-right:10px;} .part3-top .t{margin-bottom:20px;width:100%;height:45px;line-height:45px;color:#fff;border-radius:6px;background:#568eff;} .part3-top .left3{position:relative;float:left;width:133px;height:193px;background:#eff5ff;border-radius:5px;border:1px solid #568eff;margin-right:10px;} .part3-top .left3::after{content:"";width:8px;height:8px;background:#eff5ff;border-top:1px solid #568eff;border-right:1px solid #568eff;transform:rotate(45deg);display:block;position:absolute;right:-5px;top:50%;margin-top:-5px;} .part3-top .l3{width:252px;margin-right:10px;} .part3-top .l3 .t{background-image:-moz-linear-gradient(90deg, rgb(62,94,255), rgb(113,137,255));background-image:-webkit-linear-gradient(90deg, rgb(62,94,255), rgb(113,137,255));background-image:linear-gradient(90deg, rgb(62,94,255), rgb(113,137,255));} .part3-top .left4{position:relative;float:left;width:92px;height:193px;background:#eff5ff;border-radius:5px;border:1px solid #568eff;margin-right:10px;} .part3-top .left4::after{content:"";width:8px;height:8px;background:#eff5ff;border-top:1px solid #568eff;border-right:1px solid #568eff;transform:rotate(45deg);display:block;position:absolute;right:-5px;top:50%;margin-top:-5px;} .part3-top .left5{position:relative;float:right;width:146px;height:193px;background:#eff5ff;border-radius:5px;border:1px solid #568eff;} .part3-top .left5::after{content:"";width:8px;height:8px;background:#eff5ff;border-top:1px solid #568eff;border-right:1px solid #568eff;transform:rotate(45deg);display:block;position:absolute;right:-5px;top:50%;margin-top:-5px;} .part3-top .l4{width:145px;margin-right:10px;} .part3-top .l4 .t{background-image:-moz-linear-gradient(90deg, rgb(0,139,236), rgb(0,169,255));background-image:-webkit-linear-gradient(90deg, rgb(0,139,236), rgb(0,169,255));background-image:linear-gradient(90deg, rgb(0,139,236), rgb(0,169,255));} .part3-top .left6{position:relative;width:143px;height:193px;background:#eff5ff;border-radius:5px;border:1px solid #568eff;} .part3-top .left6::after{content:"";width:8px;height:8px;background:#eff5ff;border-top:1px solid #568eff;border-right:1px solid #568eff;transform:rotate(45deg);display:block;position:absolute;right:-5px;top:50%;margin-top:-5px;} .part3-top .l5{width:238px;margin-right:10px;} .part3-top .l5 .t{background-image:-moz-linear-gradient(90deg, rgb(255,133,73), rgb(255,168,0));background-image:-webkit-linear-gradient(90deg, rgb(255,133,73), rgb(255,168,0));background-image:linear-gradient(90deg, rgb(255,133,73), rgb(255,168,0));} .part3-top .employment{position:relative;height:195px;text-align:center;} .part3-top .employment h6{border:1px#568eff solid;background:#e5efff;line-height:54px;transform:rotate(45deg);width:54px;height:54px;position:absolute;left:20px;bottom:69px;} .part3-top .employment h6 em{display:block;width:54px;height:54px;line-height:20px;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg);color:#333;font-weight:600;font-size:13px;} .part3-top .employment span{display:block;background-image:-moz-linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));background-image:-webkit-linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));background-image:linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));width:55px;height:35px;line-height:35px;border-radius:5px;color:#fff;font-weight:600;font-size:13px;position:absolute;right:84px;bottom:80px;} .part3-top .employment span::after{content:"";width:10px;height:10px;background:rgb(1,187,154);transform:rotate(45deg);display:block;position:absolute;right:-4px;top:50%;margin-top:-5px;} .part3-top .employment p{border-radius:5px;line-height:45px;background-image:-moz-linear-gradient(-90deg, rgb(129,171,255), rgb(86,142,255));background-image:-webkit-linear-gradient(-90deg, rgb(129,171,255), rgb(86,142,255));background-image:linear-gradient(-90deg, rgb(129,171,255), rgb(86,142,255));width:95px;height:45px;position:absolute;left:1px;top:0;color:#fff;} .part3-top .employment p:after{content:"";width:10px;height:10px;background:rgb(106,164,255);transform:rotate(45deg);display:block;position:absolute;right:50%;bottom:-4px;margin-right:-5px;} .part3-top .employment div{border-radius:5px;background-image:-moz-linear-gradient(bottom, rgb(255,74,26), rgb(253,138,26));background-image:-webkit-linear-gradient(bottom, rgb(255,74,26), rgb(253,138,26));background-image:linear-gradient(to top, rgb(255,74,26), rgb(253,138,26));width:68px;height:195px;color:#fff;font-size:15px;font-weight:600;position:absolute;right:0;bottom:0;} .part3-top .l6{width:407px;margin-right:10px;} .part3-top .l6 .t{background-image:-moz-linear-gradient(90deg, rgb(62,94,255), rgb(113,137,255));background-image:-webkit-linear-gradient(90deg, rgb(62,94,255), rgb(113,137,255));background-image:linear-gradient(90deg, rgb(62,94,255), rgb(113,137,255));} .part3-top .left7{position:relative;float:left;width:92px;height:193px;background:#caddff;border-radius:5px;border:1px solid #568eff;margin-right:10px;} .part3-top .left8{position:relative;float:left;width:146px;height:193px;background:#caddff;border-radius:5px;border:1px solid #568eff;} .part3-top .left9{position:relative;float:right;width:143px;height:193px;background:#caddff;border-radius:5px;border:1px solid #568eff;} .part3-top .left7::after, .part3-top .left8::after, .part3-top .left9::after{content:"";width:8px;height:8px;background:#caddff;border-top:1px solid #568eff;border-right:1px solid #568eff;transform:rotate(45deg);display:block;position:absolute;right:-5px;top:50%;margin-top:-5px;} .part3-top .process span{display:block;background-image:-moz-linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));background-image:-webkit-linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));background-image:linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));width:55px;height:35px;line-height:35px;border-radius:5px;color:#fff;font-weight:600;font-size:13px;position:absolute;right:0;bottom:92px;} .part3-top .process span::after{content:"";width:10px;height:10px;background:rgb(1,187,154);transform:rotate(45deg);display:block;position:absolute;right:-4px;top:50%;margin-top:-5px;} .part3-top .process{position:relative;width:150px;height:195px;float:right;} .part3-top .process h6{border:1px#568eff solid;background:#e5efff;line-height:54px;transform:rotate(45deg);width:54px;height:54px;position:absolute;left:20px;bottom:69px;} .part3-top .process h6 em{display:block;transform:rotate(-45deg);color:#333;font-weight:600;font-size:13px;} .part3-top .process span{display:block;background-image:-moz-linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));background-image:-webkit-linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));background-image:linear-gradient(90deg, rgb(0,177,100), rgb(1,187,154));width:55px;height:35px;line-height:35px;border-radius:5px;color:#fff;font-weight:600;font-size:13px;position:absolute;right:0;bottom:80px;} .part3-top .process span::after{content:"";width:10px;height:10px;background:rgb(1,187,154);transform:rotate(45deg);display:block;position:absolute;right:-4px;top:50%;margin-top:-5px;} .part3-top .process p{height:18px;line-height:12px;position:absolute;left:1px;bottom:40px;width:100%;color:#ff4040;background:url(../images/zg21_icon06.png) no-repeat left 42px center;text-indent:1em;} .part3-top .process div{border-radius:5px;background-image:-moz-linear-gradient(bottom, rgb(255,64,64), rgb(255,90,90));background-image:-webkit-linear-gradient(bottom, rgb(255,64,64), rgb(255,90,90));background-image:linear-gradient(to top, rgb(255,64,64), rgb(255,90,90));width:95px;height:40px;color:#fff;font-size:15px;line-height:40px;font-weight:600;position:absolute;left:1px;bottom:0;} .top2 .left3{position:relative;background:#caddff;} .top2 .left3::after{content:"";width:8px;height:8px;background:#caddff;border-top:1px solid #568eff;border-right:1px solid #568eff;transform:rotate(45deg);display:block;position:absolute;right:-5px;top:50%;margin-top:-5px;} .sliderDiv{margin:0 auto;position:relative;background:#0092ff;border-radius:9px;box-shadow:1px 1.732px 0 0 rgba(255,255,255,.16),inset 0 2px 6px 0 rgba(8,56,122,.33);width:300px;height:16px;line-height:16px;} .sliderDiv span{display:block;position:absolute;cursor:pointer;left:0;top:-13px;background:url("../images/zg21_icon05.png") no-repeat center top;width:42px;height:42px;vertical-align:middle;} .zg21new_part3 .btm{margin-top:70px;} .zg21new_part3 .btm h4{color:#333;font-size:36px;font-weight:600;text-align:center;margin-bottom:40px;} .zg21new_part3 .btm li{float:left;height:114px;} .zg21new_part3 .btm li:hover img{animation:swing .5s;} .zg21new_part3 .btm li img{float:left;} .zg21new_part3 .btm li p{float:left;width:108px;padding-left:10px;font-size:16px;color:#666;line-height:24px;padding-top:13px;} .zg21new_part3 .btm li.right p{width:97px;} .zg21new_part3 .btm li p.hr{line-height:74px;padding-top:0;} .btm-btn{display:block;background:url(../images/new_btn.png) no-repeat center bottom;width:354px;height:75px;margin:33px auto 70px;font:26px/75px "Microsoft Yahei";color:#fff;text-align:center;} .btm-btn:hover{border-radius:75px;background:#3773ec;} .new1 .cont > div{height:105px;overflow:hidden;} .new1 .cont div.on{height:auto;transition:.5s;} .part10 .content{padding-top:50px;} .zg21new_part4{width:100%;height:412px;background:url(../images/zg21_bg03.jpg) no-repeat center bottom;overflow:hidden;} .zg21new_part4 h3{color:#fff;font-size:42px;font-weight:600;text-align:center;margin-top:70px;} .zg21new_part4 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:44px;} .zg21new_part4 .list a{display:block;position:relative;border:1px #1261ff solid;margin-bottom:30px;padding-left:23px;border-radius:20px;background:#f6f9ff;width:293px;height:37px;line-height:37px;} .zg21new_part4 .list a span{display:block;position:absolute;right:-1px;top:-1px;color:#fff;font-size:16px;font-weight:600px;border-radius:20px;text-align:center;width:71px;height:39px;vertical-align:middle;line-height:39px;background:#1261ff;} .new2 .hoverdd{position:relative;} .new2 .cont2 dl dd.hoverdd a{background:#3773ec;position:absolute;left:0;top:0;margin:0 auto;width:213px;height:63px;font-size:20px;line-height:63px;border-radius:32px;} .new2 .cont2 dl dd.hoverdd div{display:none;position:absolute;left:50%;margin-left:-156px;bottom:-20px;background:url("../images/zg21_bg04.png") no-repeat center center;width:271px;height:194px;padding:22px 24px 43px;} .new2 .cont2 dl dd.hoverdd div img{display:block;width:100%;height:100%;padding:0;margin:0;} .new2 .cont2 dl dd.hoverdd:hover div{display:block;} .zg21new_part5{width:100%;height:834px;background:url(../images/zg21_bg05.jpg) no-repeat center bottom;background-size:100% 100%;} .zg21new_part5 .content{padding-top:70px;} .zg21new_part5 .fuwu_tit{margin-top:0;} .zg21new_part5 ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:34px;} .zg21new_part5 li{position:relative;border-radius:8px;background:#fff;box-shadow:0 2px 10px 0 rgba(14,81,219,.26);width:490px;height:142px;margin-bottom:15px;} .zg21new_part5 li.last{width:100%;} .zg21new_part5 li span{display:block;font-size:18px;font-weight:600;text-align:center;line-height:1.667;color:#fff;position:absolute;left:0;top:0;width:45px;height:41px;background:url("../images/zg21_bg06.png") no-repeat left top;} .zg21new_part5 li h4{text-align:center;color:#0e51db;font-size:22px;font-weight:600;text-align:center;padding-top:26px;} .zg21new_part5 li p{width:83%;margin:15px auto 0;font-size:18px;line-height:26px;text-align:center;height:44px;} .zg21new_part5 .bottom{margin-top:30px;} .zg21new_part5 .bottom a{display:block;margin:0 auto;text-align:center;color:#fff;font-size:26px;font-weight:600;text-align:center;background:url(../images/new_btn.png) no-repeat center bottom;width:354px;height:75px;line-height:75px;border-radius:40px;} .zg21new_part5 .bottom a:hover{border-radius:75px;background:#3773ec;} .zg21new_part6{width:100%;height:1185px;background:url(../images/zg21_bg07.jpg) no-repeat center bottom;} .zg21new_part6 .p10_tit{background:url(../images/new1_tit.png) no-repeat center bottom;background-size:100%;overflow:hidden;} .zg21new_part6 .p10_tit h3{text-align:center;height:66px;font:bold 50px/50px "黑体";color:#fff;margin-top:70px;} .zg21new_part6 p.p_tit{color:#fff;font-size:16px;line-height:26px;margin-top:10px;text-align:center;} .zg21new_part6_img{display:block;margin-top:9px;} .zg21new_part6 .itemBox{width:100%;margin-top:50px;} .zg21new_part6 .itemBox li{position:relative;border-radius:10px;background:#f5f5f5;width:303px;height:171px;} .zg21new_part6 .itemBox li a{display:block;width:100%;height:100%;} .zg21new_part6 .itemBox li img{display:block;width:100%;height:100%;} .zg21new_part6 .itemBox li span{display:block;background:#000;border-radius:0 0 10px 10px;font-size:14px;opacity:.8;width:301px;text-align:center;color:#fff;height:35px;line-height:35px;position:absolute;left:1px;bottom:1px;} .zg21new_part6 .itemBox .swiper-button-prev{width:32px;height:32px;background:url(../images/zg21_prev.png) no-repeat center top;} .zg21new_part6 .itemBox .swiper-button-next{width:32px;height:32px;background:url(../images/zg21_next.png) no-repeat center top;} /* 23-01-30 新增就业班板块 lhr */ .zg23_jyb{overflow:hidden;width:100%;height:270px;margin-top:39px;background:url("../images/zg23_jybimg01.jpg") no-repeat center top;} .zg23_jyb .con{width:1000px;min-width:1000px;margin:0 auto;padding-top:132px;text-align:center;} .zg23_jyb h5{color:#fff;text-indent:-50px;letter-spacing:1px;font-weight:normal;font-size:25px;} .zg23_jyb h5 span{color:#ecf171;font-weight:bold;} .zg23_jyb h5 b{font-weight:bold;} .zg23_jyb h5 b em{color:#ecf171;font-weight:bold;font-style:normal;font-size:29px;} .zg23_jyb p{height:39px;margin-top:25px;background:url("../images/zg23_jybimg02.png") no-repeat left -16px top;color:#fff;font-size:16px;} .zg23_jyb p a{display:inline-block;width:188px;height:36px;margin-left:12px;border:1px solid rgba(0, 0, 0, 0);border-radius:18px;background-image:-moz-linear-gradient( 90deg, rgb(253,108,71) 0%, rgb(240,145,51) 100%);background-image:-webkit-linear-gradient( 90deg, rgb(253,108,71) 0%, rgb(240,145,51) 100%);background-image:-ms-linear-gradient( 90deg, rgb(253,108,71) 0%, rgb(240,145,51) 100%);box-shadow:0 3px #f19225;color:#fff;text-align:center;font-weight:bold;font-size:18px;line-height:36px;} .zg23_jyb p b{font-weight:bold;}