.left{ width: 12%; } /*右侧*/ .navbar_nav{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; line-height: 50px; display: block; } .navbar_nav li{ float:left; position: relative; display: block; } /* .navbar_nav li:after{ content: ""; width: 0; height: 2px; background: orangered; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } */ /* .navbar_nav li:hover:after{ width: 100%; } */ .navbar_nav li a{ text-decoration: none; height: 100%; padding: 0 25px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #ccc; font-size: 16px; } .navbar_nav li:hover a{ color: orangered; } .navbar_nav li.dropdown{ display: inherit; position: relative; } .navbar_nav li.dropdown .jt{ width: 20px; height: 20px; background: no-repeat; background-size: 100% 100%; display: block; } .navbar_nav li.dropdown .dropdown_menu{ z-index: 999; display: none; position: absolute; top:50px; width: 100%; background: #fff; box-shadow: 0 5px 20px rgba(167,165,165,0.38); width: 120%; left: -17.5%; } .navbar_nav li.dropdown .dropdown_menu a{ font-size: 14px; color: #666; padding: 0 10px; line-height: 40px; text-align: center; background: #fff; border-bottom:1px solid #ccc; } .navbar_nav li.dropdown:hover .dropdown_menu{ display: block; background: #f3f3f3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .navbar_nav li.dropdown:hover .dropdown_menu a{ color: #666; } .navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color: #fff; background: orange; } /*白色背景的头部*/ .on{ background: #fff; border-bottom: 1px solid #ccc; } .on .navbar_nav li a{ color: #333; } .on .navbar_nav li:hover a{ color: orangered; } #navtoggle{ display: none; } body{ font-size:.9rem; padding:0;margin:0; letter-spacing: .05rem; } /* 媒体查询,窗口缩放后,固定banner图大小 */ @media screen and (max-width:1200px){ #k1_imgn{ width:1200px; } .swipe_box{ width:1200px; } .swipe_box .swipe_img{ width:1200px; } .banner .suo{ width:1200px; } .k2_img{ width:1200px; } } a{ color:#555; /*color:rgb(8,80,177);*/ } .haeder_top{ width:100%; height:3rem; background: rgb(4,68,183); color:rgb(212,219,222);; line-height: 3rem; font-size:.8rem; } .header_box{ width:70%; height:100%; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top_left{ width:40%; height:100%; color: #f9f9f9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top_right{ width:60%; height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bj_left1_xle{ position:absolute; top: 17px; left: 50%; z-index: 9; width: 100%; text-align: center; transform: translatex(-50%); font-size: 2.1rem; font-weight: bold; background-color: #fff; color: rgb(4,68,184); } .top_right ul{ width:100%; height:70%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top_right ul li{ height:55%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding:0 .4rem; } .top_right ul li a{ color: #f9f9f9; } .li_bor{ border:2px solid rgb(212,219,222);; border-top:none; border-bottom:none; } .header_bottom{ width:100%; height:8rem; overflow: hidden; } .header_bottom_box{ width:1200px; height:100%; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom_box_left{ width:850px; height:80%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .bottom_box_right{ width:200px; height:80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .bottom_box_leftbox{ margin:20px 0 0 190px; width:450px; height:80%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .leftbox_top{ width:100%; font-size:1.15rem; } .leftbox_bottom{ height:1.3rem; padding:.2rem 1rem; text-align: center; line-height: 1.5rem; color:#fff; font-size: .85rem; background: rgb(4,68,184); margin-bottom:1.5rem; } .bt_bor{ position: relative; width:38%; height:80%; padding-right:2%; border-right:1px solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bt_bor h3{ position: absolute; bottom: -29px; left: 20px; width: 100%; font-size: 22px; font-family: 楷体; letter-spacing: 10px; } .header_img1{ width:260px; height:3.8rem; } .box_right_left{ /* width:8rem; */ height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_right_right{ height:50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b1{ width:100%; } .header_img2{ width:3rem; height:3rem; } .b2{ width:100%; white-space: nowrap; font-weight: 900; font-size: 1.2rem; } .endinfo{ background: rgb(244,244,244); width:100%; line-height: 80px; text-align: center; font-weight: 700; overflow: hidden; } .endbox{ width:1200px; margin:0 auto; color:rgb(10,66,186); } /* 选项卡列表 */ /* 选张卡 1start */ .tabs > div { margin-top:45px; background: white !important; } .row{ width:100%; padding-top:.6rem; /* background: rgb(231,231,231); */ overflow: hidden; } .horizontal { /* .tabs ul */ font-size:1rem; width:1200px; list-style: none outside none; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom:1rem; } .utwo{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:rgb(118,118,118); } .utwo li{ width:120px; height:2.5rem; text-align: center; line-height: 2.5rem; font-weight: 700; cursor: pointer; } .utwo li:hover{ background:rgb(4,68,183); color:#fff; -webkit-transition: .5s; transition: .5s; } .horizontal li{ width:133px; background: white; display: inline-block; -webkit-transition: .7s; transition: .7s; } .horizontal li a{ display: block; padding: 14px 24px; text-decoration: none; } .horizontal li:hover { background: rgb(4,68,183); border-bottom: 4px solid #68a697; } .horizontal li:hover a { color: white; } .active { background: rgb(4,68,183) !important; border-bottom: 4px solid #68a697 !important; } .active .tit { color: #fff !important; } .horizontal li{ padding:.2rem; height:2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .horizontal li a{ display: block; width:100%; height:100%; text-align: center; line-height: 2.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:rgb(118,118,118); font-weight: 700; } .banner{ width:100%; margin:2rem 0; overflow: hidden; } .moddle{ width:1200px; margin:0 auto; } .k1_img{ width:100%; height:25rem; } .k1_img3{ width:100%; height:300px; } .k1_imgn{ width:100%; height:550px; } .k1_img1{ width:1200px; height:500px; } .info{ width:100%; background: rgb(4,68,183); } .info_box{ width:1200px; height:100%; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .info_headerbox{ width:100%; height:5rem; padding:2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .xian{ width:550px; height:.1rem; background: #fff; } .xian2{ background: #ededed; } .info_info{ width:250px; height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:#fff; } /* .info_info2{ padding:0; } */ .t1{ width:300px; font-size:1.5rem; font-weight: 900; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .t{ font-size:1.5rem; font-weight: 900; } .t11{ color:black; } .t2{ width:300px; font-weight: 700; font-size: 1.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; white-space: nowrap; } .t2_small{ font-size:.8rem; } .t22{ color:black; } .tnow{ font-size:1.8rem; font-weight: 900; padding-top:.5rem; } .tnow2{ padding-bottom:2rem; color:rgb(189,190,191); font-size: .8rem; } .pos{ color:#fff; } #pos{ white-space: nowrap; font-weight: 700; position: absolute; right:0;top:3rem; font-size: 1rem; } #pos a{ color:#fff; transition: color .6s; } #pos:hover a{ color: #f40; } .pos2{ color:rgb(4,68,183);; } .pos a{ display: block; position: absolute; right:0rem;top:3rem; font-size:1rem; font-weight: 700; color:rgb(4,68,183);; } .info_list{ width:100%; padding-bottom:2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .info2{ color:black; } .info_list_box{ width:32%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: #fff; padding-bottom:1rem; } .in_top{ width:100%; height:60%; } .b_xianbox{ width:100%; height:.15rem; background: rgb(243,244,243); margin-bottom:.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b_xian{ width:7%; height:100%; background: rgb(115,133,197); } .biaoti{ width:92%; height:3rem; line-height: 3rem; padding-left:1rem; font-weight: 900; color:rgb(41, 42, 43); font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_bottom{ width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;; font-weight: 700; } .k3_img{ width: 383px; height: 297px; } .in_center{ width:90%; margin:0 auto; color:#666; } .in_btn{ padding:0.4rem; border:1px solid #ccc; margin:.5rem 0 .5rem 1.3rem; font-size:.9rem; color:rgb(212,219,222); } .in_btn:hover a{ color: #eee; } .info2{ background: #fff; } .list{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom:2rem; } .list_box{ width:250px; height:180px; } .list_img{ width:100%; height:100%; } .list_box_active{ border:.15rem solid rgb(4,68,183); } .list_box2{ width:200px; height:300px; } .list2_img{ width:100%; } .qiye{ width:1200px; margin:0 auto; padding-bottom:2rem; overflow: hidden; background: rgb(238,238,238); } .qiye_header{ width:100%; height:350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .qiye_header_left{ width:50%; height:100%; } .qiye_header_left img{ width:100%; height:100%; } .qiye_header_right{ width:50%; height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .qiye_title{ width:100%; padding:1.5rem 0 0 3.8rem; font-size:2.3rem; font-weight: 900; color:#000; } .qiye_title2{ width:85%; margin:0 auto; margin-top:-4rem; text-indent: 1rem; color:rgb(0,68,185); font-size: 1.6rem; } .qiye_center{ width:70%; margin:0 auto; letter-spacing:normal; line-height: 1.7rem; font-size:1rem; overflow:hidden; margin-top:-5rem; text-overflow: ellipsis; text-indent: 1.3rem; margin-left:2rem; } .qiye_last{ padding-top:2rem; width:100%; height:150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .qiye_last_box{ width:23%; height:120%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .qiye_last_box_top img{ width:100%; height:100%; } .qiye_last_box_bottom{ width:100%; height:20%; background: rgba(126,126,126,0.6); position: absolute; left:0;top:90%; color:#fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition:.8s; transition:.8s; } .qiye_last_box_bottom:hover{ background: rgba(116,116,116,1); } .last{ width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgb(244,244,244); } .lassp{ width:1200px; height:100%; overflow: hidden; } .last_box{ width:1200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .last_box_left{ width:42%; height:100%; position: relative; } .last_box_right{ width:42%; height:100%; position: relative; } .last_box_lefttop{ width:100%; height:50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom:.1rem solid rgb(213,213,213); } .t{ font-size:1.8rem; padding-top:.8rem; } .a{ color:rgb(4,68,183); font-weight: 700; padding-top:1.8rem; } .reve{ font-size: .8rem; color:rgb(206,206,206); font-weight: 700; position: absolute; left:0;top:52px; } .last_box_bottom{ width:100%; height:300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .href{ width:100%; height:80px; display: flex; justify-content:space-around; align-items: center; margin:2rem 0 2rem 0; background: #fff; } .href_box{ width:1200px; height:120px; margin:0 auto; display: flex; flex-wrap:wrap; justify-content: flex-start; align-items: center; } .href_box_top{ width:150px; height:30%; } .href_box_bottom{ width:100%; height:45px; background: rgb(244,244,244); display: flex; text-indent: 1rem; justify-content: flex-start; align-items: center; } .href_small_box:nth-child(1){ margin:0; } .href_small_box{ margin:0 .5rem; } .href_box_bottom a{ color:rgb(100,100,100); } .last1{ width: 240px; height:150px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .last2{ margin-left:100px; } .last1_box{ width:200px; height:100%; } .new_pos{ width:4rem; height:3rem; /* background: rgb(4,68,183); */ background: rgb(54,55,56); position: absolute; left:20px;top:0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:#fff; font-size:.8rem; } .new_posm{ background: rgba(4,68,183,0.5); } .housr{ font-size:1rem; font-weight: 900; text-align: center; } .new_center_img{ width:100%; /* height:7rem; */ } .new_center_img img{ width:100%; height:100%; } .new_center_txt{ width:100%; text-align: center; font-size: 1rem; } .v{ width: 185px; padding-bottom:2rem; margin-top:1.5rem; font-size: 1.1rem; color:#555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .last1_box img{ width:100%; height:100%; } /* 底部开始 */ .end{ width:100%; padding-bottom:2rem; background: rgb(8,80,177); overflow: hidden; } .end_box{ width:1080px; margin:0 auto; padding-top:1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .end_smallbox{ height:3.5rem; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .end_smallbox a{ color: #f9f9f9; } .end_smallbox a:hover{ color:rgb(214, 118, 71); -webkit-transition: .5s; transition: .5s; } .end_last{ width:1080px; height:150px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .end_last_left{ width:700px; height:100%; padding-left: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .l1{ width:100%; height:60px; } .l2{ width:100%; color:rgb(212,219,222); font-size:1rem; font-weight: 700; padding-left:.5rem; } .l1_img{ width:300px; } .end_last_right{ width:calc(1080px - 700px); height:60%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:rgb(212,219,222); text-align: center; } .endlast1{ margin-left:50px; } /* .endlast2{ margin-left:40px; } */ .end_img{ width:100px; height:100px; } /* 底部结束 */ /* 选项卡1 end */ /* 选项卡2 start */ .tabs2{ width:100%; } .tabs2_info{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; padding-bottom:3rem; } .pl{ width:300px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .info_left{ width:300px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .info_left_none{ display: block; } .left_top{ width:100%; height:50px; border-bottom:.05rem solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgb(8,80,177); color:#fff; font-size:1rem; font-weight: 700; padding:0 .8rem; } .left_top img{ width:1.5rem; height:1.5rem; cursor: pointer; } .left_list{ width:100%; background-color: rgb(243,244,243); padding: 1rem 0; } .left_list_box{ width:90%; margin:0 auto; height:50px; border-bottom:.5px dashed #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flx{ width: 135px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; /* justify-content: space-around; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:#777; text-align: left; } .flx_active{ color:black; } .yun{ display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width:1rem; height:1rem; border-radius: .5rem; background: rgb(164,165,166); margin-right:.5rem; color: #eee; text-align: center; line-height: 1rem; } .sp{ background: rgb(0,194,35); color:#fff; } .ji11{ width:2rem; height:2rem; } .info_right{ width:850px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .info_right_top{ width:100%; height:40px; padding: 0 38px; margin-left:-4px; } .info_right_top input{ display: block; width:95%; height:40px; border: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .info_right_top img{ width:2rem; height:2rem; position: absolute; right:12%;top:5px; } .info2_list{ width:100%; margin-top:20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info2_list_box{ width:220px; margin:20px 0 0 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border:.1rem solid #ccc; -webkit-transition: 1s; transition: 1s; } .list2_active{ background: rgb(8,80,177); color:#fff; border: .1rem solid #eee; } .list2_active .info2_list_tp{ border-bottom: 0; } .list2_active .info2_list_bt{ color: #f9f9f9; } .info2_list_tp{ width:90%; height:150px; margin-top:10px; border-bottom:1px dashed #ccc; } .listimg{ width:100%; height:100%; } .info2_list_bt{ width: 85%; height: 40px; color: #666; line-height: 40px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* tabs2的二级页面 start*/ .tabs2_none{ display: none; } .tabs2_none_list{ width:100%; padding:2rem 0 5rem 0; } .tabs2_none_box{ width:1200px; margin:0 auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabs_bleft{ width:600px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabs_bleft img{ width:309px; border:.1rem solid #ccc; } .tabs_bright{ width:600px; height:220px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .returntabs2{ width:150px; height:55px; line-height: 55px; font-size:1.5rem; color:rgb(226, 36, 92); font-weight: 900; -webkit-transition: .5s; transition: .5s; } .returntabs2:hover{ color:rgb(130, 235, 13); } .tabs_bright div{ width:100%; } .tabs2_end{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgb(240,241,240); } .tabs2_end_edit{ width:900px; margin: 15px auto; font-size: 16px; } .aboute_chanpx{ width: 1200px; margin: 10px auto; } .aboute_chanpx>div{ float: left; width: 47%; box-sizing: border-box; line-height: 30px; color: #fff; font-weight: 600; background-color: rgb(240,241,240); } .aboute_chanpx>div span{ display: inline-block; width: 140px; height: 50px; background-color: rgb(4,68,183); font-size: 1.1rem; text-indent: 1rem; line-height: 50px; } .aboute_chanpx::after{ content: ""; display: block; clear: both; } .aboute_chanpx_l{ margin-right: 6%; } .aboute_chanpx_ner{ width: 1200px; margin: 0 auto; } .aboute_chanpx_ner>div{ float: left; } .aboute_chanpx_ner::after{ content: ""; display: block; clear: both; } .aboute_chanpx_ner>div .info2_list_box{ margin: 15px 10px; } .aboute_chanpx_ner .aboute_chanpx_ner_l{ width: 564px; margin-right: 71px; } .aboute_chanpx_ner .aboute_chanpx_ner_r{ width: 564px; } .aboute_chanpx_ner .aboute_chanpx_ner_r a{ display: inline-block; margin:0 15px; box-sizing: border-box; } .aboute_chanpx_ner .aboute_chanpx_ner_r a .info2_list_box .info2_list_bt{ width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .aboute_chanpx_ner .aboute_chanpx_ner_l a{ display: inline-block; margin:0 15px; box-sizing: border-box; } .tabs2_txt{ width:1200px; margin:0 auto; padding-bottom:5rem; line-height: 2rem; } /* tabs2的二级页面 end*/ /* 选项卡2 end */ /* 选项卡3 start */ .tabs3_none{ display: none; } .returntabs3{ width:150px; height:55px; line-height: 55px; font-size:1.1rem; color:rgb(226, 36, 92); font-weight: 900; -webkit-transition: .5s; transition: .5s; } .returntabs3:hover{ color:rgb(130, 235, 13); } /* 选项卡3 end */ /* 选项卡4 start */ .fenye{ width:250px; height:30px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; line-height: 25px; padding-bottom:3rem; } .fen_box{ width:250px; height:30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; line-height: 25px; } .f1{ width:50px; height:25px; font-size: .8rem; color:rgb(134,150,230); border:1px solid rgb(4,68,183); } .arr{ background: rgb(4,68,183); color:#fff; } .num{ width:25px; height:25px; border:1px solid rgb(4,68,183); } .tabs4_block{ display:block; } .tabs4_none{ display:none; } .tabs4_none_box{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom:.1rem solid #ccc; text-align: center; position: relative; } .return{ width:150px; height:55px; line-height: 55px; font-size:1.1rem; color:rgb(226, 36, 92); font-weight: 900; position: absolute; right:0;top:0; -webkit-transition: .5s; transition: .5s; cursor: pointer; } .return:hover{ color:rgb(130, 235, 13); } .tabs4_none_title{ width:100%; height:30px; line-height: 30px; } .tabs4_none_bottom{ width:100%; padding:1rem 0; } .tabs4_info{ width:100%; padding-bottom:3rem; overflow: hidden; } .tabs4_list{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabs4_box{ overflow: hidden; margin-bottom: 30px; width:260px; margin-left:30px; border:.1rem solid #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabs4_top{ width:99.5%; height:180px; } .tabs4_top img{ width:100%; height:100%; } .tabs4_bottom{ width:100%; height:30px; padding-bottom:30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tabs4_title{ text-align: center; width:100%; font-weight: 900; padding:.5rem 0 0 .5rem; font-size: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tabs4_center{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width:100%; text-align: center; padding-left:.5rem; margin-top:.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tabs4_bottom{ width:90%; margin-bottom:2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .tabs4_box_img{ width:1.5rem; height:1.5rem; } .eye{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* 选项卡4 end */ /* 选项卡5 start */ /* 新闻中心二级 start */ .tabs5_none{ display: none; } /* 新闻中心二级 end */ .tabs5_list{ width:100%; overflow: hidden; } .tabs5_list_box{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list_box_list{ width:100%; height:180px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin:2rem 0; } .list_box_list:nth-child(1){ margin-top:0; } .lists_left{ width:300px; height:100%; } .lists_left img{ width:100%; height:100%; } .lists_right{ width:850px; height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lists_top{ width:100%; } .lists_center{ width: 80%; /* height: 100px; */ overflow: hidden; font-weight: 700; font-size: 1rem; line-height: 2rem; color: #999; } /* 选项卡5 end */ /* 选项卡6 start */ .tabs6_none{ display: none; } /* 选项卡6 end */ /* 选项卡7 start */ .block{ background: rgb(4,68,183); color:#fff; } .active2{ background: rgb(4,68,183); color:#fff; } .wenhua{ width:100%; overflow: hidden; padding-bottom:3rem; } .wenhua_list{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wenhua_box{ width:240px; height:200px; margin-left:120px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wentop{ width:100%; height:180px; } .wentop img{ width:100%; height:100%; } .wen_bottom{ width:100%; text-align: center; } .list2{ padding:5rem 0 10rem 0; } .tabs33{ width::100%; padding:5rem 0 10rem 0; } .tabs33_box{ width:1200px; margin:0 auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .center_box{ width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .center_box_l{ width:40%; float:left; margin-bottom:40px; } .center_box_l img{ width:100%; border-radius:10px; overflow:hidden; } .center_box_eal .b{ width:40%; float:left; font-size:20px; margin-bottom:40px; } .center_box_eal .b_r{ margin-right:7%; } .center_box_eal .b_l{ margin-left:7%; } .center_box_eal .b .t{ font-size:26px; } .t{ width:100%; color:rgb(64,65,67); font-weight: 900; font-size:2.2rem; padding-bottom:.5rem; } .ts{ width:100%; color:rgb(64,65,67); font-weight: 900; font-size:2.2rem; padding-bottom:.5rem; text-align: center; } .b{ width:100%; margin:1rem 0; font-size:1.2rem; } .bs{ width:100%; margin:1rem 0; font-size:1.2rem; text-align: center; } /* 选项卡7 end */ /* 选项卡8 start */ .tabs2,.tabs3,.tabs4,.tabs6,.tabs7.tabs8,.tabs9{ width:100vw; background: #fff; } .aboute{ width:100%; height:100px; overflow: hidden; margin-top:-88px; margin-bottom:3rem; } .aboute_box{ width:1200px; height:100%; margin:0 auto; position: relative; } .aboute_top{ width:140px; height:50px; background: rgb(4,68,183); text-indent: 1rem; line-height: 50px; color:#fff; font-weight: 900; font-size: 1.1rem; } .aboute_bottom{ width:100%; padding:0 1rem; height:50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgb(234,235,236); } .aboute_bottomleft{ height:98%; border-bottom:2px solid rgb(4,68,183); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgb(4,68,183); } .aboute_bottomright{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:rgb(134,135,136); } .color{ color: rgb(4,68,183); font-size: .9rem; } .jiesao{ width:100%; overflow: hidden; } .jiesao_box{ width:1080px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .jie_img{ width:700px; height:500px; } .jie_img img{ width:100%; height:100%; } .jie_txt{ width:100%; margin:8rem 0 8rem 0; text-indent: 2rem; line-height: 2rem; } .jie_txt2{ margin:3rem 0 8rem 0; } /* 选项卡8 end */ /* 选项卡9 start */ .tsbs9_list{ width:100%; overflow: hidden; /*padding-bottom:3rem;*/ } .tsbs9_listbox{ width:1200px; margin:0 auto; } .tb_one{ width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tb_one_left{ height:240px; margin-left:200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tb_one_left2{ margin-left:100px; } .op{ width:240px; height:240px; } .tb_one_right{ width:60%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* .tb_one_right_d{ padding-left:100px; } */ .tb_title{ color: rgb(4,68,183); font-weight: 700; font-size:1.1rem; } .tsbs9_listbox ul{ display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tsbs9_listbox ul li{ width:100%; height:2rem; font-weight: 700; line-height: 2rem; color:#555; -webkit-transition: .5s; transition: .5s; } .tiao_box{ width:100%; margin:2rem 0; } .tiao_title{ width:100%; text-align:center; color: rgb(4,68,183); font-weight: 700; font-size:1.1rem; } .tiao_boxc{ width:100%; height:2px; margin-top:.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .x1{ width:48%; height:100%; background: #ccc; } .x2{ width:4%; height:100%; background: rgb(4,68,183); } .x22{ background: rgb(0,170,0); } .list_bao{ width:80%; margin:0 auto; padding-bottom:3rem; color:rgb(138,209,141); } .list_infotxt{ width:100%; text-indent: 3rem; line-height: 2rem; color:rgb(117,202,203); } .new{ width:70%; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ma{ width:150px; height:150px; -webkit-transition: 1s; transition: 1s; } .ma:hover{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } .tb_title2{ color:#000; font-size:1.5rem; } .dblma{ width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dblma_left{ width:50%; height:100%; } .dblma_right{ width:50%; margin-left:50px; } .right_last{ width:200px; /* height:150px; */ } .right_last img{ width:100%; height:100%; } .right_last:hover img{ animation:myfirst .6s; -moz-animation:myfirst .6s; /* firefox */ -webkit-animation:myfirst .6s; /* safari and chrome */ -o-animation:myfirst .6s; /* opera */ } @keyframes myfirst{ 0%{ transform: rotatez(0deg); } 10%{ transform: rotatez(-10deg); } 30%{ transform: rotatez(10deg); } 60%{ transform: rotatez(-10deg); } 90%{ transform: rotatez(10deg); } 100%{ transform: rotatez(0deg); } } /* 选项卡9 end */ /* 改 */ .bj{ position: relative; width:1200px; margin:2rem auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bj_left{ width:46%; height:5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; border-bottom:.1rem solid #ccc; } .bj_left2{ width:100%; color:#999; padding:.5rem .9rem 0 0; } .bj_left1{ padding:.5rem .5rem 0 0; font-size: 1.8rem; font-weight: 900; } .bj_left11{ padding-left:.5rem; color:rgb(4,68,184); } .bj_cen{ width:8%; height:5rem; text-align: center; line-height: 5rem; border:.1rem solid #ccc; font-size:2.5rem; font-weight: 900; color:rgb(4,68,184); } .bj_right{ width:46%; height:5rem; margin-top: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-top:.1rem solid #ccc; margin-top: -1px; } .bj_right_txt{ padding-left:.5rem; width:100%; font-size: 1.3rem; color:rgb(55,190,55); } .bnlist{ width:1200px; margin:0 auto; } .bnlist_box{ width:100%; padding-bottom:2.5rem; border-bottom:.1rem dashed #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bnlist_box:nth-last-child(1){ border:none; } .bnlist_boxp{ padding-top:2.5rem; margin-bottom:3rem; } .bnlist_box1{ width:10%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bnlist_box1 img{ width:130px; height:auto; } .bnlist_box2{ width:45%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bnlist_box2_text{ width:100%; /* height:100px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } .ty2{ margin-left:150px; } .bnlist_txt1 span{ color:rgb(55,190,55); } .bnlist_txt1{ width:100%; font-size: 1.8rem; font-weight: 900; } .bnlist_txt2{ width:100%; color:#bbb; font-size: 1.1rem; font-size: .9rem; } .bnlist_txt3{ width:100%; margin-top:1rem; font-size: 1rem; line-height: 2rem; } .bnlist_box3{ width:45%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bnlist_box33{ width:35%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bnlist_box3_img{ width:300px; } .bnlist_box3_img img{ width:100%; height:auto; } .liu{ margin:1rem 0; padding:1rem 0; width:100%; height:13rem; background: rgb(4,68,184); margin-bottom:3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .liu_box{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .liu_left{ width:200px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .liu_left_box{ width:100px; height:100px; background: #fff; color:rgb(4,68,184); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .liu_f{ width:100px; height:100px; margin-top:1rem; text-align: center; padding-left:1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 1.5rem; font-weight: 900; } .liu_xian{ width:1200px; overflow: hidden; margin-left:-7%; height:.5rem; background: #fff; } .liu_right{ width:1000px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .liu_right_left{ width:980px; height:3rem; position: absolute; left:220px;top:0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .liu_right_left2{ width:980px; height:3rem; position: absolute; left:300px;top:3.38rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .liu_right_top{ position: absolute; left:220px;top:-1rem; width:80%; height:3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 9999; } .liu_right_top2{ position: absolute; left:300px;top:5.5rem; width:80%; height:3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 9999; } .left1{ width:200px; height:50%; border-left:.1rem solid #fff; } .liu_list{ width:200px; height:70%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .liu_list2,.liu_list3{ width:250px; } .liu_list_info{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around; color:#fff; font-size:1.5rem; font-weight: 900; } .left2{ width:250px; height:50%; border-left:.1rem solid #fff; } .left3{ width:250px; height:50%; border-left:.1rem solid #fff; } .left4{ width:100px; height:50%; border-left:.1rem solid #fff; } .liu_bor1{ width:2rem; height:2rem; background: #fff; text-align: center; line-height: 2rem; border-radius: 1rem; color:rgb(4,68,184); font-size: 1rem; margin-left:-0.85rem; margin-right:1rem; } .liu_bor4{ margin-left:-0.7rem; } .van-swipe__indicators i{ opacity: 1; background: #ccc; } .banner{ width:100%; overflow: hidden; } .swipe{ width:100%; } .swipe_img{ width:100%; /* height:100%; */ } .banner_last{ width:100%; padding:1rem 0 3rem 0; background: rgb(244,244,244); } .banner_last_box{ width:1200px; margin:0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack:distribute; justify-content:space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner_last_boxleft{ width:500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner_last_boxright{ width:700px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner_1{ width:100%; font-size: 1rem; margin-top:.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:rgb(115,115,115) } .banner_txt{ padding-left:2rem; color: #222; } /* 滚动图 */ .contain { width: 1100px; margin: 0 auto; overflow: hidden; margin-top:-1rem; padding-bottom:3rem; } .single { padding-left:20px; width: 100%; height: 100%; position: relative; } .pre { position: absolute; text-align: center; left:-60px;top:80px; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; } .pre:hover { background-color: rgba(0, 0, 0, 0.8); } .pre::before { content: ""; width: 12px; height: 12px; border: solid #fff; border-width: 2px 0 0 2px; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); position: absolute; left: 60%; top: 50%; } .next { position: absolute; right:50px;top:80px; width: 20px; height: 50px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; } .next:hover { background-color: rgba(0, 0, 0, 0.8); } .next::before { content: ""; width: 12px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); position: absolute; left: 30%; top: 50%; } .single ul { white-space: nowrap; display: inline-block; } .single ul li { width:366px; display: inline-block; vertical-align: center; -webkit-transition: .5s; transition: .5s; }