@charset "utf-8"; /* CSS Document */ .header { height: 100px; position: fixed; top: 0; left: 0; width: 100%; z-index: 3111; padding: 0 100px; } .header.header1 { background: #fff; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); } .header.header1 .container { border-bottom: 0; } .header.header1 .logo img.imggb { opacity: 1; } .header.header1 .logo img.imgga { opacity: 0; } .header.header1 .search img.imggb { opacity: 1; } .header.header1 .search img.imgga { opacity: 0; } .header.header1 .index_nav .hengxian { background: #333; height: 2px; } .header.header1 .index_nav > ul > li > a { color: #333; } .header.header1 .index_nav > ul > li .xl { background: rgba(0, 0, 0, 0.5); } .header .container { padding: 0; border-bottom: solid 1px rgba(255, 255, 255, 0.3); height: 100%; width: 100%; } .header .logo { top: 16px; left: 0px; z-index: 2; } .header .logo img.imggb { position: absolute; top: 0; left: 0; opacity: 0; } .header .search { position: absolute; right: 0; top: 40px; cursor: pointer; } .header .search img { width: 25px; height: 26px; } .header .search img.imggb { position: absolute; top: 0; left: 0; opacity: 0; } .header .index_nav { right: 90px; top: 0px; height: 100%; font-size: 0; } .header .index_nav .hengxian { background-color: #ffffff; width: 61px; height: 1px; position: absolute; left: 0; bottom: -1px; } .header .index_nav > ul { text-align: center; } .header .index_nav > ul > li { float: none; display: inline-block; height: 100px; position: relative; padding-left: 30px; padding-right: 30px; } .header .index_nav > ul > li:nth-child(1) { background: none; } .header .index_nav > ul > li > a { display: block; color: #fff; font-size: 18px; line-height: 100px; } .header .index_nav > ul > li .xl { width: 120px; position: absolute; top: 99px; left: 50%; margin-left: -60px; height: auto; background: rgba(255, 255, 255, 0.1); text-align: center; display: none; overflow: hidden; border-top: solid 1px #fff; } .header .index_nav > ul > li .xl li { border-top: solid 1px rgba(255, 255, 255, 0.2); } .header .index_nav > ul > li .xl li:nth-child(1) { border-top: 0; } .header .index_nav > ul > li .xl li a { color: #d6dee6; display: block; height: 44px; line-height: 44px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 14px; } .header .index_nav > ul > li .xl li a:hover { color: #fff; } .menu { font-size: 22px; position: absolute; right: 15px; top: 18px; color: #fff; border: solid 1px #fff; border-radius: 5px; padding: 5px; cursor: pointer; display: none; z-index: 1; } .menu.on { color: #333; border: solid 1px #333; } .hsbtm { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: none; } .menu_close { font-size: 14px; padding: 10px; background: #fff; color: #000; position: absolute; top: 0px; left: -39px; z-index: 11; display: none; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); } .search_b { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 99999; } .search_bG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; } .search_b .search { width: 54%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .search_b select { width: 30%; float: left; height: 44px; background: #fff; display: none; font-size: 18px; padding: 0px 2%; border: none; color: #666; margin-right: 2%; } .search_b input[type='text'] { width: 80%; box-sizing: border-box; height: 44px; line-height: 44px; background: #fff; font-size: 18px; padding: 0px 2%; float: left; border: 0; color: #666; margin-right: 2%; } .search_b input[type='button'] { float: left; width: 18%; height: 46px; border: 0; background: url(../images/fdj.svg) #024290 no-repeat center; background-size: 25px!important; cursor: pointer; } .search_b i { display: block; font-size: 94px; color: #fff; position: absolute; top: 0; right: 50px; cursor: pointer; font-style: normal; } .banner { width: 100%; overflow: hidden; } .banner .owl-theme .owl-controls { margin-top: 0; } .banner #owl-demo1, .banner #owl-demo2 { width: 102%; } .banner #owl-demo1 .video, .banner #owl-demo2 .video { width: 100%; height: 100%; -webkit-transform: scale(1.3); transform: scale(1.3); position: absolute; top: 0; left: 0; } .banner #owl-demo1 .item_abs, .banner #owl-demo2 .item_abs { position: absolute; top: 50%; width: 100%; margin-top: 60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .banner #owl-demo1 .item_abs .tit1, .banner #owl-demo2 .item_abs .tit1 { color: #ffffff; font-size: 30px; } .banner #owl-demo1 .item_abs .tit, .banner #owl-demo2 .item_abs .tit { font-size: 72px; color: #ffffff; } .banner #owl-demo1 .item_abs .cont, .banner #owl-demo2 .item_abs .cont { padding-top: 30px; } .banner #owl-demo1 .item_abs .cont .icon, .banner #owl-demo2 .item_abs .cont .icon { margin-left: 25px; margin-right: 25px; } .banner #owl-demo1 .item_abs .cont .icon:hover, .banner #owl-demo2 .item_abs .cont .icon:hover { -webkit-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg); } .banner #owl-demo1 .item_abs .btn1, .banner #owl-demo2 .item_abs .btn1 { padding-top: 35px; } .banner #owl-demo1 .item_abs .btn1 span, .banner #owl-demo2 .item_abs .btn1 span { background-color: rgba(255, 255, 255, 0.4); width: 160px; height: 50px; border-radius: 25px; line-height: 50px; color: #ffffff; font-size: 18px; } .banner #owl-demo1 .item_abs .btn1 span:hover, .banner #owl-demo2 .item_abs .btn1 span:hover { background: #5cabd2; } .banner #owl-demo1 .owl-dots, .banner #owl-demo2 .owl-dots { display: none !important; position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; } .banner #owl-demo1 .owl-dots .owl-dot, .banner #owl-demo2 .owl-dots .owl-dot { display: inline-block; float: none; margin-left: 12px; margin-right: 12px; width: 60px; height: 4px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #fff; } .banner #owl-demo1 .owl-dots .owl-dot.active, .banner #owl-demo2 .owl-dots .owl-dot.active { background: #f8cb00; } .banner #owl-demo1 .item, .banner #owl-demo2 .item { display: block; overflow: hidden; } .banner #owl-demo1 .item img, .banner #owl-demo2 .item img { width: 100%; } .banner .hengxian1 { left: 100px; right: 370px; bottom: 57px; height: 1px; background: rgba(255, 255, 255, 0.5); z-index: 2; } .banner .hengxian1.on .hengxian2 { -webkit-transition: all 4.5s ease-in-out; transition: all 4.5s ease-in-out; width: 100%; } .banner .hengxian1.on1 .hengxian2 { -webkit-transition: all 8.5s ease-in-out; transition: all 8.5s ease-in-out; width: 100%; } .banner .hengxian1 .hengxian2 { background: #5cabd2; height: 1px; width: 0; } .banner .banner_dot { right: 100px; bottom: 45px; color: #fff; font-size: 12px; z-index: 2; line-height: 26px; } .banner .banner_dot .sum { font-size: 12px; } .banner .banner_dot .cur { font-size: 18px; font-weight: bold; } .banner .banner_btn { right: 160px; bottom: 45px; z-index: 2; } .banner .banner_btn .prev { background: url(../images/zuojian4.svg) no-repeat center center #fff; width: 81px; height: 26px; border-radius: 13px; cursor: pointer; margin-right: 10px; background-size: 20px!important; } .banner .banner_btn .prev:hover { background: url(../images/zuojian1.svg) no-repeat center center #5cabd2; } .banner .banner_btn .next { background: url(../images/youjian44.svg) no-repeat center center #fff; width: 81px; height: 26px; border-radius: 13px; cursor: pointer; background-size: 20px!important; } .banner .banner_btn .next:hover { background: url(../images/youjian1.svg) no-repeat center center #5cabd2; } .pcshow { display: block !important; } .mobileshow { display: none !important; } .index_tit { position: relative; } .index_tit .yuandian { position: absolute; bottom: -8px; left: -15px; width: 24px; height: 24px; background: url(../images/yuandian.png) no-repeat center center; } .index_tit .tit { color: #333333; font-size: 36px; line-height: 36px; position: relative; z-index: 2; font-family: "xi"; } .index_tit .tit span.b { font-family: "zhengchang"; font-weight: normal; } .index_tit .tit1 { color: #333333; font-size: 30px; line-height: 30px; margin-top: 10px; position: relative; z-index: 2; font-weight: bold; } .container { width: 1230px; } .index_main { background: url(../images/diandianbg.jpg) no-repeat center center; background-size: cover!important; padding-top: 130px; padding-bottom: 50px; padding-left: 12%; padding-right: 12%; } .index_main .container { width: 100%; } .index_main .m_right { padding: 50px 50px 40px; background: #5cabd2; right: 0px; top: 40px; text-align: right; width: 330px; } .index_main .m_right .item { padding-top: 35px; padding-bottom: 25px; border-top: solid 1px rgba(255, 255, 255, 0.3); } .index_main .m_right .item:nth-child(1) { border: 0; } .index_main .m_right .item .tit { color: #fff; font-size: 24px; } .index_main .m_right .item .cont { color: #fff; font-size: 24px; margin-top: 10px; } .index_main .m_right .item .cont span { font-size: 60px; margin-right: 10px; } .index_main .m_left { float: left; } .index_main .m_left .map { position: relative; margin-left: 60px; } .index_main .m_left .map > img { width: 100%; } .index_main .m_left .map .item { position: absolute; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } .index_main .m_left .map .item:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main .m_left .map .item.on { opacity: 1; } .index_main .m_left .map .item img.vmid { margin-right: 5px; } .index_main .m_left .map .item1 { left: 68.18%; top: 36.66%; } .index_main .m_left .map .item2:nth-child(2) { left: 66.88%; top: 43.96%; } .index_main .m_left .map .item2:nth-child(3) { left: 66.99%; top: 32.28%; } .index_main .m_left .map .item2:nth-child(4) { left: 70.75%; top: 41.04%; } .index_main .m_left .map .item2:nth-child(5) { left: 72.63%; top: 46.88%; } .index_main .m_left .map .item2:nth-child(6) { left: 61.45%; top: 47.55%; } .index_main .m_left .map .item2:nth-child(7) { left: 52.57%; top: 46.35%; } .index_main .m_left .map .item2:nth-child(8) { left: 64.48%; top: 54.19%; } .index_main .m_left .map .item2:nth-child(9) { left: 48.39%; top: 51.93%; } .index_main .m_left .map .item2:nth-child(10) { left: 72.42%; top: 59.1%; } .index_main .m_left .map .item2:nth-child(11) { left: 74.72%; top: 12.36%; } .index_main .m_left .map .item2:nth-child(12) { left: 81.93%; top: 16.34%; } .index_main .m_left .map .item2:nth-child(13) { left: 78.27%; top: 65.74%; } .index_main .m_left .map .item2:nth-child(14) { left: 62.81%; top: 62.95%; } .index_main .m_left .map .item2:nth-child(15) { left: 24.25%; top: 32.67%; } .index_main .m_left .map .item2:nth-child(16) { left: 34.7%; top: 51.4%; } .index_main .m_left .map .item2:nth-child(17) { left: 44.83%; top: 65.74%; } .index_main .m_left .map .item2:nth-child(18) { left: 66.57%; top: 81.94%; } .index_main .m_left .map .item3:nth-child(19) { left: 70.54%; top: 25.1%; } .index_main .m_left .map .item3:nth-child(20) { left: 82.03%; top: 23.64%; } .index_main .m_left .map .item3:nth-child(21) { left: 78.58%; top: 30.55%; } .index_main .m_left .map .item3:nth-child(22) { left: 55.8%; top: 54.45%; } .index_main .m_left .map .item3:nth-child(23) { left: 77.12%; top: 55.38%; } .index_main .m_left .map .item3:nth-child(24) { left: 69.91%; top: 70.52%; } .index_main .m_left .map .item3:nth-child(25) { left: 61.55%; top: 71.85%; } .index_main .m_left .map .item3:nth-child(26) { left: 52.67%; top: 74.77%; } .index_main .m_left .map .item3:nth-child(27) { left: 75.24%; top: 74.24%; } .index_main .m_left .map .item3:nth-child(28) { left: 42.22%; top: 81.15%; } .index_main .m_left .map .item3:nth-child(29) { left: 57.06%; top: 82.61%; } .index_main .m_left .map .map_note { position: absolute; left: -10px; bottom: 20px; color: #333333; font-size: 14px; line-height: 32px; } .index_main .m_left .map .map_note .icon { width: 18px; margin-right: 10px; } .index_more { position: relative; } .index_more:before { content: ''; border-width: 1px; border-color: #5cabd2; border-style: solid; border-radius: 50%; position: absolute; top: 50%; margin-top: -29px; left: -29px; width: 58px; height: 58px; background: #5cabd2; } .index_more:after { content: ''; border-width: 1px; border-color: #5cabd2; border-style: solid; border-radius: 50%; position: absolute; top: 50%; margin-top: -29px; left: -29px; width: 58px; height: 58px; -webkit-animation: scale1 1s linear infinite; animation: scale1 1s linear infinite; } .index_more span.word { color: #333333; font-size: 16px; position: relative; z-index: 2; } .index_main1 { padding-top: 155px; padding-bottom: 180px; } .index_main1 .index_m1 { padding-top: 95px; } .index_main1 .index_m1 .cont { margin-right: 200px; color: #666666; } .index_main1 .index_m1 .cont .note { max-width: 750px; font-size: 16px; line-height: 28px; } .index_main1 .index_m1 .cont .note1 { color: #333333; font-size: 24px; margin-top: 10px; } .index_main1 .index_m1a { margin-top: 110px; width: 1600px; } .index_main1 .index_m1a .item:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main1 .index_m1a .item:hover .pic .pic_abs .more { background: url(../images/youjian1.svg) no-repeat center center #5cabd2; } .index_main1 .index_m1a .item .pic_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 65px 35px 0; } .index_main1 .index_m1a .item .pic_abs .tit { color: #333333; font-size: 30px; } .index_main1 .index_m1a .item .pic_abs .note { color: #333333; font-size: 18px; line-height: 24px; opacity: 0.2; } .index_main1 .index_m1a .item .pic_abs .more { position: absolute; bottom: 35px; left: 35px; background: url(../images/youjian44.svg) no-repeat center center #ffffff; width: 82px; background-size: 20px!important; height: 26px; border-radius: 13px; } .index_main2 .cont { margin-top: 100px; } .index_main2 .cont ul li { width: 16.66%; } .index_main2 .cont ul li:hover .pic img { -webkit-transform: scale(1); transform: scale(1); } .index_main2 .cont ul li:hover .pic .pic_abs { padding-top: 140px; } .index_main2 .cont ul li:hover .pic .pic_abs .more { opacity: 1; } .index_main2 .cont ul li .pic1 { background: #5cabd2; position: relative; } .index_main2 .cont ul li .pic1:hover .pic_abs1 { -webkit-transform: rotate(360deg) scale(1.1); transform: rotate(360deg) scale(1.1); } .index_main2 .cont ul li .pic1 .pic_abs1 { position: absolute; top: 50%; left: 50%; width: 90px; height: 90px; margin-top: -45px; margin-left: -45px; } .index_main2 .cont ul li .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main2 .cont ul li .pic .pic_abs { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-top: 180px; color: #fff; } .index_main2 .cont ul li .pic .pic_abs .tit { font-size: 36px; } .index_main2 .cont ul li .pic .pic_abs .tit1 { font-size: 16px; opacity: 0.5; } .index_main2 .cont ul li .pic .pic_abs .more { border-radius: 50%; display: block; margin: 0 auto; margin-top: 50px; background: url(../images/youjian1.svg) no-repeat center center rgba(255, 255, 255, 0.3); width: 50px; height: 50px; opacity: 0; background-size: 20px!important; } .index_main2 .cont ul li .pic .pic_abs .more:hover { background: url(../images/youjian1.svg) no-repeat center center rgba(255, 255, 255, 0.5); } .index_main3 { padding-top: 150px; } .index_main3 .index_m3 { padding-top: 45px; } .index_main3 .index_m3 .pic1 { width: 500px; } .index_main3 .index_m3 .pic1:before { content: ''; background-color: #f2f6f9; width: 370px; height: 230px; position: absolute; top: 90px; left: 190px; } .index_main3 .index_m3 .pic1 .pic { position: relative; z-index: 2; } .index_main3 .index_m3 .pic1 .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main3 .index_m3 .pic1 .pic:hover img { -webkit-transform: scale(1); transform: scale(1); } .index_main3 .index_m3 .cont { margin-right: 608px; padding-top: 80px; color: #666666; font-size: 16px; line-height: 28px; } .index_main3 .index_m3a { margin-top: 110px; } .index_main3 .index_m3a .item { width: 20%; border: solid 1px #cccccc; height: 200px; padding-top: 56px; background: #fff; border-left: 0; overflow: hidden; } .index_main3 .index_m3a .item .item_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #5cabd2; color: #fff; font-size: 16px; opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } .index_main3 .index_m3a .item .item_abs span { position: absolute; width: 80%; left: 10%; top: 50%; -webkit-transform: translatey(-50%); transform: translatey(-50%); } .index_main3 .index_m3a .item:nth-child(1) { border-left: solid 1px #ccc; } .index_main3 .index_m3a .item:hover { background: #5cabd2; } .index_main3 .index_m3a .item:hover .item_abs { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .index_main3 .index_m3a .item:hover .tit { color: #fff; } .index_main3 .index_m3a .item:hover .icon img.imggb { opacity: 1!important; -webkit-transform: scale(1); transform: scale(1); } .index_main3 .index_m3a .item:hover .icon img.imgga { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } .index_main3 .index_m3a .item .icon { width: 52px; height: 48px; } .index_main3 .index_m3a .item .icon img { width: 100%; } .index_main3 .index_m3a .item .icon img.imggb { top: 0; left: 0; opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } .index_main3 .index_m3a .item .tit { padding-top: 15px; text-align: center; color: #333333; font-size: 24px; } .index_main4 { padding-top: 175px; padding-bottom: 180px; } .index_main4 .index_tit .index_more { position: absolute; right: 0; top: 10px; } .index_main4 .cont { margin-top: 110px; } .index_main4 .cont .item { position: relative; } .index_main4 .cont .item:hover .pic img { -webkit-transform: scale(1); transform: scale(1); } .index_main4 .cont .item:hover .cont1 .tit a { color: #5cabd2; } .index_main4 .cont .item:hover .cont1 .more a { background: url(../images/youjian1.svg) no-repeat center center #5cabd2; } .index_main4 .cont .item .date { background-color: #5cabd2; width: 52px; height: 62px; text-align: center; color: #ffffff; position: absolute; top: 0; left: 40px; z-index: 2; } .index_main4 .cont .item .date .day { font-size: 30px; } .index_main4 .cont .item .date .month { font-size: 12px; } .index_main4 .cont .item .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main4 .cont .item .cont1 { background: #f2f6f9; padding: 30px 40px; } .index_main4 .cont .item .cont1 .tit { line-height: 26px; height: 78px; overflow: hidden; } .index_main4 .cont .item .cont1 .tit a { font-size: 18px; color: #333333; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .index_main4 .cont .item .cont1 .more { margin-top: 10px; } .index_main4 .cont .item .cont1 .more a { display: block; background: url(../images/youjian44.svg) no-repeat center center #ffffff; width: 61px; background-size: 20px!important; height: 22px; border-radius: 11px; } .footer { background: #f2f6f9; padding-top: 75px; padding-bottom: 70px; } .footer .footer_top { padding-bottom: 10px; } .footer .footer_top .share .item { margin-left: 20px; cursor: pointer; } .footer .footer_top .share .item img { width: 46px; } .footer .footer_top .cont { margin-right: 250px; line-height: 48px; } .footer .footer_top .cont ul li { width: 14.22%; } .footer .footer_top .cont ul li a { color: #999999; font-size: 16px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .footer .footer_top .cont ul li a:hover { color: #333333; } .footer .footer_mid { padding-top: 70px; padding-bottom: 60px; border-top: solid 1px #e0e3e6; border-bottom: solid 1px #e0e3e6; } .footer .footer_mid .ewm { width: 180px; height: 180px; overflow: hidden; } .footer .footer_mid .ewm img { display: none; width: 180px; } .footer .footer_mid .ewm img:nth-child(1) { display: block; } .footer .footer_mid .cont { margin-right: 250px; } .footer .footer_mid .cont .item { margin-top: 20px; } .footer .footer_mid .cont .item:nth-child(1) { margin-top: 0; } .footer .footer_mid .cont .item .tit { color: #999999; font-size: 14px; margin-bottom: 10px; } .footer .footer_mid .cont .item .note { color: #333333; font-size: 30px; } .footer .footer_mid .cont .item .note1 { font-size: 18px; } .footer .footer_mid .cont .item1 { color: #666666; font-size: 16px; margin-top: 25px; } .footer .footer_mid .cont .item1 a { color: #666666; } .footer .footer_mid .cont .item1 a:hover { color: #333; } .footer .copyRight { line-height: 22px; padding: 20px 0; color: #999999; font-size: 14px; } .footer .copyRight a { color: #999999; } .footer .copyRight a:hover { color: #333; } .ejbanner { position: relative; } .ejbanner > img { width: 100%; } .ejbanner .ejb_abs { position: absolute; top: 50%; margin-top: -70px; left: 0; width: 100%; padding: 0 15px; font-size: 0; } .ejbanner .ejb_abs .item { margin: 0 66px; } .ejbanner .ejb_abs .item:hover .icon, .ejbanner .ejb_abs .item.on .icon { background: rgba(255, 255, 255, 0.5); } .ejbanner .ejb_abs .item:hover .icon img, .ejbanner .ejb_abs .item.on .icon img { -webkit-transform: scale(1.1); transform: scale(1.1); } .ejbanner .ejb_abs .item .icon { border-radius: 50%; width: 150px; height: 150px; border: solid 1px rgba(255, 255, 255, 0.2); line-height: 150px; text-align: center; } .ejbanner .ejb_abs .item .tit { padding-top: 20px; color: #f2f6f9; font-size: 18px; } .ej_nav { height: 80px; position: relative; z-index: 222; } .ej_nav .ej_nav1 { background: #fff; box-shadow: 0px 2px 10px 0px #bdbdbd; height: 80px; } .ej_nav .breadCrumb { color: #5cabd2; font-size: 18px; line-height: 80px; } .ej_nav .breadCrumb img { margin-right: 3px; } .ej_nav .ej_nav_left { margin-right: 120px; } .ej_nav .ej_nav_left .swiper-slide { padding-right: 90px; width: auto; line-height: 78px; } .ej_nav .ej_nav_left .swiper-slide a { display: block; color: #333333; font-size: 16px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-bottom: solid 2px #fff; position: relative; z-index: 2; } .ej_nav .ej_nav_left .swiper-slide a:hover, .ej_nav .ej_nav_left .swiper-slide a.on { color: #5cabd2; border-bottom: solid 2px #5cabd2; } .ej_tit { color: #333333; font-size: 28px; font-weight: Bold; } .ej_tit div { display: inline-block; position: relative; } .ej_tit div span { position: relative; z-index: 2; } .ej_tit div:before { content: ''; position: absolute; width: 20px; height: 20px; top: 25px; left: -10px; z-index: 0; background: url(../images/yuandian3.png) no-repeat center center; } .fh_main { padding-top: 130px; padding-bottom: 130px; } .fh_main .fh_m { margin-top: 90px; } .fh_main .fh_m .fh_mleft { width: 580px; padding: 122px; } .fh_main .fh_m .fh_mleft .pic { width: 100%; height: 336px; } .fh_main .fh_m .fh_mleft .pic > img { width: 100%; height: 100%; position: relative; z-index: 2; } .fh_main .fh_m .fh_mleft .pic .pic_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item { position: absolute; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(1) { top: -100px; left: 50%; margin-left: -20px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(2) { top: 50%; margin-top: -50px; left: 360px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(3) { top: 320px; left: 260px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(4) { top: 290px; left: -65px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(5) { top: 25px; left: -55px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(5) .item_abs { left: -100px; text-align: right; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item .icon { position: relative; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item .icon:before { content: ''; width: 10px; height: 10px; background: url(../images/yuandian2.png) no-repeat center center; position: absolute; bottom: -20px; left: 50%; margin-left: -5px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item .item_abs { position: absolute; color: #5cabd2; font-size: 24px; top: 45px; left: 50px; width: 100px; } .fh_main .fh_m .fh_mleft .pic .pic_span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fh_main .fh_m .fh_mleft .pic .pic_span .sp1 { border: solid 2px #eee; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100%; -webkit-animation: scale2 infinite 5s linear; animation: scale2 infinite 5s linear; } .fh_main .fh_m .fh_mleft .pic .pic_span .sp1:nth-child(1) { -webkit-animation-delay: 1s; animation-delay: 1s; } .fh_main .fh_m .fh_mleft .pic .pic_span .sp1:nth-child(2) { -webkit-animation-delay: 2s; animation-delay: 2s; } .fh_main .fh_m .fh_mleft .pic .pic_span .sp1:nth-child(3) { -webkit-animation-delay: 3s; animation-delay: 3s; } .fh_main .fh_m .fh_mleft .pic .pic_span .sp1:nth-child(4) { -webkit-animation-delay: 4s; animation-delay: 4s; } .fh_main .fh_m .fh_mleft .pic .pic_span .sp1:nth-child(5) { -webkit-animation-delay: 5s; animation-delay: 5s; } .fh_main .fh_m .fh_mright { padding-top: 160px; margin-left: 660px; color: #333333; font-size: 18px; line-height: 48px; } .fh_main1 { background: #f2f6f9; padding: 100px 0 145px; } .fh_main1 .fh_m1 { padding-top: 115px; } .fh_main1 .fh_m1 .row { margin-left: -25px; margin-right: -25px; } .fh_main1 .fh_m1 .row .col-xs-6 { padding-left: 25px; padding-right: 25px; } .fh_main1 .fh_m1 .row .col-xs-6 .item { border-radius: 10px; background-color: #ffffff; width: 260px; height: 300px; padding-top: 60px; padding-left: 35px; padding-right: 35px; } .fh_main1 .fh_m1 .row .col-xs-6 .item:hover .icon img { -webkit-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg); } .fh_main1 .fh_m1 .row .col-xs-6 .item .icon { width: 120px; height: 120px; border-radius: 50%; background: #5cabd2; text-align: center; line-height: 120px; } .fh_main1 .fh_m1 .row .col-xs-6 .item .tit { color: #666666; font-size: 14px; margin-top: 35px; text-align: center; } .fh_main2 { padding-top: 100px; padding-bottom: 160px; } .fh_main2 .fh_m2 { padding-top: 80px; } .fh_main2 .fh_m2 .item:hover .pic img { -webkit-transform: scale(1); transform: scale(1); } .fh_main2 .fh_m2 .item:hover .cont { border: solid 1px #5cabd2; border-top: 0; background: #5cabd2; } .fh_main2 .fh_m2 .item:hover .cont .more { color: #fff; background: url(../images/baijian.png) no-repeat right center; } .fh_main2 .fh_m2 .item:hover .cont .tit a { color: #fff; } .fh_main2 .fh_m2 .item .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .fh_main2 .fh_m2 .item .cont { border: solid 1px #dcdcdc; border-top: 0; padding: 35px 25px; line-height: 30px; } .fh_main2 .fh_m2 .item .cont .more { color: #333333; font-size: 14px; padding-right: 35px; background: url(../images/heijian.png) no-repeat right center; } .fh_main2 .fh_m2 .item .cont .tit { margin-right: 120px; line-height: 30px; overflow: hidden; height: 30px; white-space: nowrap; text-overflow: ellipsis; } .fh_main2 .fh_m2 .item .cont .tit a { color: #333333; font-size: 18px; } .contact_main { padding-top: 90px; padding-bottom: 160px; } .contact_main .contact_nav { border-bottom: solid 1px #dcdcdc; padding-bottom: 30px; } .contact_main .contact_nav a { color: #999999; font-size: 24px; margin-right: 100px; } .contact_main .contact_nav a.on { font-size: 30px; color: #333; } .contact_main .contact_nav a:hover { color: #333; } .contact_main .contact_m { padding-bottom: 40px; padding-left: 60px; padding-right: 60px; padding-top: 20px; } .contact_main .contact_m .item { margin-top: 80px; } .contact_main .contact_m .item .tit { color: #5cabd2; font-size: 24px; font-weight: bold; } .contact_main .contact_m .item .note { color: #666666; font-size: 16px; line-height: 32px; margin-top: 15px; } .contact_main .contact_m .item .note span.b { color: #333; } .contact_main .contact_m1 .row { margin-left: -30px; margin-right: -30px; } .contact_main .contact_m1 .row .col-xs-12 { padding-left: 30px; padding-right: 30px; } .contact_main .contact_m1 .row .col-xs-12 .item { margin-top: 80px; border-radius: 6px; background-color: #f2f6f9; width: 100%; height: 300px; padding: 40px 60px 35px; } .contact_main .contact_m1 .row .col-xs-12 .item:hover { background: #5cabd2; } .contact_main .contact_m1 .row .col-xs-12 .item:hover .tit a { color: #fff; } .contact_main .contact_m1 .row .col-xs-12 .item:hover .note ul li { color: #fff; } .contact_main .contact_m1 .row .col-xs-12 .item:hover .more a { background: #fff; color: #5cabd2; } .contact_main .contact_m1 .row .col-xs-12 .item:hover .more a .icon { background: url(../images/lanjian.png) no-repeat center center; } .contact_main .contact_m1 .row .col-xs-12 .item .tit a { color: #5cabd2; font-size: 30px; } .contact_main .contact_m1 .row .col-xs-12 .item .note { margin-top: 30px; } .contact_main .contact_m1 .row .col-xs-12 .item .note ul li { width: 50%; color: #666666; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 16px; line-height: 36px; } .contact_main .contact_m1 .row .col-xs-12 .item .more { padding-top: 20px; } .contact_main .contact_m1 .row .col-xs-12 .item .more a { background-color: #5cabd2; width: 150px; height: 46px; text-align: center; color: #fff; font-size: 14px; line-height: 46px; display: block; } .contact_main .contact_m1 .row .col-xs-12 .item .more a .icon { width: 16px; height: 12px; background: url(../images/baijian.png) no-repeat center center; margin-left: 20px; } .web_map .map { position: relative; margin-left: 60px; } .web_map .map > img { width: 100%; } .web_map .map .item { position: absolute; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; cursor: pointer; } .web_map .map .item:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .web_map .map .item.on { opacity: 1; } .web_map .map .item img.vmid { margin-right: 5px; } .web_map .map .item1 { left: 68.18%; top: 36.66%; } .web_map .map .item2:nth-child(2) { left: 66.88%; top: 43.96%; } .web_map .map .item2:nth-child(3) { left: 66.99%; top: 32.28%; } .web_map .map .item2:nth-child(4) { left: 70.75%; top: 41.04%; } .web_map .map .item2:nth-child(5) { left: 72.63%; top: 46.88%; } .web_map .map .item2:nth-child(6) { left: 61.45%; top: 47.55%; } .web_map .map .item2:nth-child(7) { left: 52.57%; top: 46.35%; } .web_map .map .item2:nth-child(8) { left: 64.48%; top: 54.19%; } .web_map .map .item2:nth-child(9) { left: 48.39%; top: 51.93%; } .web_map .map .item2:nth-child(10) { left: 72.42%; top: 59.1%; } .web_map .map .item2:nth-child(11) { left: 74.72%; top: 12.36%; } .web_map .map .item2:nth-child(12) { left: 81.93%; top: 16.34%; } .web_map .map .item2:nth-child(13) { left: 78.27%; top: 65.74%; } .web_map .map .item2:nth-child(14) { left: 62.81%; top: 62.95%; } .web_map .map .item2:nth-child(15) { left: 24.25%; top: 32.67%; } .web_map .map .item2:nth-child(16) { left: 34.7%; top: 51.4%; } .web_map .map .item2:nth-child(17) { left: 44.83%; top: 65.74%; } .web_map .map .item2:nth-child(18) { left: 66.57%; top: 81.94%; } .web_map .map .item3:nth-child(19) { left: 70.54%; top: 25.1%; } .web_map .map .item3:nth-child(20) { left: 82.03%; top: 23.64%; } .web_map .map .item3:nth-child(21) { left: 78.58%; top: 30.55%; } .web_map .map .item3:nth-child(22) { left: 55.8%; top: 54.45%; } .web_map .map .item3:nth-child(23) { left: 77.12%; top: 55.38%; } .web_map .map .item3:nth-child(24) { left: 69.91%; top: 70.52%; } .web_map .map .item3:nth-child(25) { left: 61.55%; top: 71.85%; } .web_map .map .item3:nth-child(26) { left: 52.67%; top: 74.77%; } .web_map .map .item3:nth-child(27) { left: 75.24%; top: 74.24%; } .web_map .map .item3:nth-child(28) { left: 42.22%; top: 81.15%; } .web_map .map .item3:nth-child(29) { left: 57.06%; top: 82.61%; } .web_map .map .map_note { position: absolute; left: -10px; bottom: 20px; color: #333333; font-size: 12px; line-height: 24px; } .web_map .map .map_note .icon { width: 18px; margin-right: 10px; } .contact_main2 .m2_top { padding-top: 110px; padding-bottom: 50px; } .contact_main2 .m2_top .m2_item { margin-top: 30px; } .contact_main2 .m2_top .m2_item .icon { width: 50px; padding-top: 10px; } .contact_main2 .m2_top .m2_item .icon img { width: 100%; } .contact_main2 .m2_top .m2_item .cont { margin-left: 76px; } .contact_main2 .m2_top .m2_item .cont .tit { color: #666666; font-size: 18px; } .contact_main2 .m2_top .m2_item .cont .note { color: #333333; font-size: 36px; margin-top: 5px; font-weight: bold; } .contact_main2 .m2_top .m2_item .cont .note1 { color: #666666; font-size: 18px; margin-top: 10px; } .contact_main3 { padding-top: 150px; } .contact_main3 .m3_top { position: relative; z-index: 211; } .contact_main3 .f_select { border-width: 1px; border-color: #d6cdc2; border-style: solid; width: 559px; height: 98px; position: relative; z-index: 21; background: url(../images/xiajian.png) no-repeat 93% center; } .contact_main3 .f_select .note { width: 100%; height: 96px; padding-left: 45px; line-height: 96px; color: #333333; font-size: 18px; cursor: pointer; } .contact_main3 .f_select .f_xl { position: absolute; top: 96px; left: 0; width: 100%; padding: 35px 45px; display: none; background-color: #ffffff; box-shadow: 0px 3px 10px 0px rgba(178, 178, 178, 0.75); } .contact_main3 .f_select .f_xl ul li { color: #999; font-size: 16px; line-height: 32px; cursor: pointer; } .contact_main3 .f_select .f_xl ul li:hover { color: #333; } .contact_main3 .m3_bot { overflow: hidden; } .contact_main3 .m3_bot .row { margin-left: -15px; margin-right: -15px; } .contact_main3 .m3_bot .row .col-xs-6 { padding-left: 15px; padding-right: 15px; } .contact_main3 .m3_bot .row .col-xs-6 .item { margin-top: 40px; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic { position: relative; overflow: hidden; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .contact_main3 .m3_bot .row .col-xs-6 .item .pic:hover img { -webkit-transform: scale(1); transform: scale(1); } .contact_main3 .m3_bot .row .col-xs-6 .item .pic:hover .pic_abs { bottom: 35px; } .contact_main3 .m3_bot .row .col-xs-6:nth-of-type(6) .item .pic:hover .pic_abs { bottom: 65px; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic:hover .pic_abs .tit1 { opacity: 0; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic:hover .pic_abs1 { opacity: 1; bottom: 30px; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_btm { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); z-index: 2; opacity: 0; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs { position: absolute; bottom: 20px; left: 35px; color: #ffffff; text-align: left; z-index: 3; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs .tit { font-size: 30px; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs .tit1 { font-size: 14px; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs1 { color: #fff; position: absolute; bottom: 10px; left: 35px; font-size: 18px; opacity: 0; z-index: 3; } .bd_main { padding-top: 60px; } .bd_main .item { margin-top: 45px; } .bd_main .item.video_show { height: 430px; overflow: hidden; position: relative; } .bd_main .item.video_show .video_tit { position: absolute; width: 100%; left: 0; bottom: 15px; color: #fff; font-size: 30px; text-align: center; } .bd_main .item.video_show > img { width: 100%; } .bd_main .item.video_show .play_btn { position: absolute; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: url(../images/play_btn.png) no-repeat center center rgba(0, 0, 0, 0.1); } .bd_main .item:hover .pic img { -webkit-transform: scale(1); transform: scale(1); } .bd_main .item:hover .cont { background: #5cabd2; border: solid 1px #5cabd2; border-top: 0; } .bd_main .item:hover .cont .tit a { color: #fff; } .bd_main .item:hover .cont .note { color: #fff; } .bd_main .item:hover .cont .more a { background: url(../images/baijian.png) no-repeat right center; color: #fff; } .bd_main .item .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .bd_main .item .cont { background: #fff; border: solid 1px #e5e5e5; border-top: 0; padding: 25px 20px 0; height: 200px; } .bd_main .item .cont .tit { white-space: nowrap; text-overflow: ellipsis; line-height: 32px; overflow: hidden; } .bd_main .item .cont .tit a { color: #333333; font-size: 22px; } .bd_main .item .cont .note { color: #666666; font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; margin-top: 15px; } .bd_main .item .cont .more { margin-top: 35px; } .bd_main .item .cont .more a { color: #333333; font-size: 14px; padding-right: 30px; background: url(../images/heijian.png) no-repeat right center; } .bd_main1 { padding-bottom: 50px; } .bd_main1 .pages { position: relative; top: 40px; } .bd_main1 ul { margin-bottom: 60px; } .bd_main1 ul li { padding-top: 100px; padding-bottom: 62px; border-bottom: solid 1px #dcdcdc; } .bd_main1 ul li:hover .pic img { -webkit-transform: scale(1); transform: scale(1); } .bd_main1 ul li:hover .cont .more .more2 { background: url(../images/baijian.png) no-repeat 100px center #5cabd2; color: #fff; width: 150px; height: 38px; padding-right: 50px; text-align: center; line-height: 38px; border-radius: 19px; border-color: #5cabd2; } .bd_main1 ul li .date { width: 230px; color: #999999; font-size: 18px; padding-top: 10px; } .bd_main1 ul li .date .day { color: #333333; font-size: 36px; position: relative; top: -5px; } .bd_main1 ul li .pic { width: 230px; margin-top: 35px; } .bd_main1 ul li .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .bd_main1 ul li .cont { margin-left: 230px; margin-right: 400px; overflow: hidden; } .bd_main1 ul li .cont .tit a { color: #333333; font-size: 22px; } .bd_main1 ul li .cont .note { color: #666666; font-size: 16px; line-height: 32px; margin-top: 40px; margin-bottom: 60px; } .bd_main1 ul li .cont .more { position: relative; } .bd_main1 ul li .cont .more .more2 { border-width: 1px; border-color: #a0a0a0; border-style: solid; border-radius: 19px; width: 38px; height: 38px; text-align: center; line-height: 38px; display: block; color: rgba(255, 255, 255, 0); background: url(../images/heijian.png) no-repeat center center; } .pages a { display: inline-block; border-radius: 50%; background-color: #f2f6f9; width: 26px; height: 26px; text-align: center; line-height: 26px; color: #5cabd2; font-size: 14px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; vertical-align: middle; margin-left: 5px; margin-right: 5px; } .pages a:hover, .pages a.on { background: #5cabd2; color: #fff; } .pages a.tsa { width: 80px; height: 26px; border-radius: 13px; background-size: 20px!important; } .pages a.tsa.tsa1 { background: url(../images/zuojian4.svg) no-repeat center center #f2f6f9; } .pages a.tsa.tsa1:hover { background: url(../images/zuojian1.svg) no-repeat center center #5cabd2; } .pages a.tsa.tsa2 { background: url(../images/youjian44.svg) no-repeat center center #f2f6f9; } .pages a.tsa.tsa2:hover { background: url(../images/youjian1.svg) no-repeat center center #5cabd2; } .video-mc { width: 50%; padding: 35px; box-sizing: border-box; position: fixed; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 5; display: none; } .video-mc video { width: 100%; } .video-mc img { right: 10px; top: 5px; position: absolute; cursor: pointer; } .pic-mc { width: 700px; padding: 35px; box-sizing: border-box; position: fixed; top: 50%; left: 50%; background-color: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 51111; display: none; } .pic-mc img.db { width: 100%; } .pic-mc .video_close { right: 10px; top: 5px; position: absolute; cursor: pointer; } .zr_top { padding-top: 80px; } .zr_top .zr_btn { position: relative; top: 70px; text-align: center; margin-bottom: 10px; } .zr_top .zr_btn .prev { background: url(../images/zuojian4.svg) no-repeat center center #ffffff; background-size: 20px!important; width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .zr_top .zr_btn .prev:hover { background: url(../images/zuojian1.svg) no-repeat center center #5cabd2; } .zr_top .zr_btn .next { background: url(../images/youjian44.svg) no-repeat center center #ffffff; width: 80px; background-size: 20px!important; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .zr_top .zr_btn .next:hover { background: url(../images/youjian1.svg) no-repeat center center #5cabd2; } .zr_top .item:hover .pic img { -webkit-transform: scale(1); transform: scale(1); } .zr_top .item:hover .cont { background-color: #5cabd2; box-shadow: 0px 3px 5px 0px #5cabd2; } .zr_top .item:hover .cont .tit a { color: #fff; } .zr_top .item:hover .cont .note { color: #fff; } .zr_top .item .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .zr_top .item .cont { background: #fff; padding: 40px 55px; } .zr_top .item .cont .tit a { color: #333333; font-size: 22px; } .zr_top .item .cont .note { color: #666666; font-size: 16px; margin-top: 20px; line-height: 28px; } .zr_main { padding-top: 30px; padding-bottom: 160px; } .zr_main .zr_bot ul { padding-bottom: 80px; } .zr_main .zr_bot ul li { margin-top: 215px; border-radius: 10px; background-color: #f9f9f9; padding: 35px 70px 40px 70px; } .zr_main .zr_bot ul li:hover { background: #5cabd2; } .zr_main .zr_bot ul li:hover .pic img { -webkit-transform: scale(1); transform: scale(1); } .zr_main .zr_bot ul li:hover .cont .tit a { color: #fff; } .zr_main .zr_bot ul li:hover .cont .note { color: #fff; } .zr_main .zr_bot ul li:hover .cont .more a { color: #fff; background: url(../images/baijian.png) no-repeat right center; } .zr_main .zr_bot ul li .pic { width: 350px; height: 320px; overflow: hidden; margin-top: -160px; } .zr_main .zr_bot ul li .pic img { width: 100%; height: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .zr_main .zr_bot ul li .cont { margin-left: 420px; } .zr_main .zr_bot ul li .cont .tit a { color: #333333; font-size: 22px; } .zr_main .zr_bot ul li .cont .note { color: #666666; font-size: 16px; line-height: 28px; margin-top: 20px; margin-bottom: 35px; } .zr_main .zr_bot ul li .cont .more a { display: inline-block; padding-right: 35px; color: #333333; font-size: 14px; background: url(../images/heijian.png) no-repeat right center; } .bg1 { background: #f2f6f9; } .dw { position: relative; top: -200px; } .kh_main { padding-top: 75px; padding-bottom: 120px; } .kh_main.kh_main1 { padding-bottom: 70px; } .kh_main .kh_tit .tit { color: #666666; font-size: 24px; position: relative; z-index: 2; } .kh_main .kh_tit .tit1 { color: #eaeaea; font-size: 24px; margin-top: -20px; } .kh_main .cont ul { margin-left: -37px; margin-right: -37px; } .kh_main .cont ul li { padding-left: 37px; padding-right: 37px; width: 20%; margin-top: 75px; } .kh_main .cont ul li a { color: #666666; font-size: 18px; } .kh_main .cont ul li a:hover span img { -webkit-transform: scale(1.1); transform: scale(1.1); } .kh_main .cont ul li a span { display: block; border-width: 1px; border-color: #e5e5e5; border-style: solid; background-color: #ffffff; width: 178px; height: 80px; line-height: 78px; margin-bottom: 15px; } .kh_main .cont ul li a span img { max-width: 100%; max-height: 78px; width: auto!important; height: auto!important; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .details_main { background: #f9f9f9; padding: 130px 0 160px; } .details_main .details_m { background: #fff; padding: 95px 65px 120px; } .details_main .details_m .tit { color: #333333; font-size: 36px; } .details_main .details_m .note { text-align: center; color: #999999; font-size: 14px; margin-top: 10px; padding-bottom: 35px; } .details_main .details_m .note .dib { margin: 0 17px; } .details_main .details_m .cont { color: #666666; font-size: 16px; line-height: 28px; padding-top: 65px; padding-bottom: 65px; border-top: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; margin-bottom: 45px; } .details_main .details_m .cont img { max-width: 80%; margin: 0 auto; } .fanye { line-height: 36px; } .fanye div a { color: #666666; font-size: 16px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fanye div a:hover { color: #5cabd2; } .fanye div a img { margin-right: 10px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fanye div.fanhui a:hover img { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .fh_main4 { padding-top: 120px; } .fh_ma1 .item { padding-top: 60px; padding-bottom: 60px; border-bottom: solid 1px #dcdcdc; } .fh_ma1 .item:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .fh_ma1 .item:hover .cont .tit img { -webkit-transform: scale(1.1); transform: scale(1.1); } .fh_ma1 .item .pic { width: 500px; overflow: hidden; } .fh_ma1 .item .pic img { width: 100%; } .fh_ma1 .item .cont { width: 490px; padding-top: 25px; padding-left: 25px; } .fh_ma1 .item .cont .tit { color: #5cabd2; font-size: 24px; } .fh_ma1 .item .cont .tit img { margin-right: 42px; } .fh_ma1 .item .cont .note { color: #333333; font-size: 18px; margin-top: 25px; line-height: 48px; } .join_details { padding-top: 90px; padding-left: 65px; padding-right: 65px; } .join_details .tit { color: #5cabd2; font-size: 30px; } .join_details .note { margin-top: 40px; line-height: 48px; color: #666666; font-size: 16px; } .join_details .note span.b { color: #333; } .join_details .item { margin-top: 55px; } .join_details .item .tit1 { color: #333333; font-size: 16px; font-weight: bold; } .join_details .item .note1 { color: #666666; font-size: 16px; margin-top: 20px; line-height: 32px; } .join_details .sent { padding-top: 80px; } .join_details .sent a { background-color: #5cabd2; width: 150px; height: 46px; text-align: center; line-height: 46px; color: #fff; font-size: 14px; display: block; } .join_details .sent a:hover img { margin-left: 15px; } .join_details .sent a img { margin-left: 10px; } .fh_main5 { padding-top: 120px; } .fh_main5 .fh_m5 { padding-top: 90px; } .fh_main5 .fh_m5:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .fh_main5 .fh_m5 .pic { width: 490px; } .fh_main5 .fh_m5 .pic img { width: 100%; } .fh_main5 .fh_m5 .cont { padding-top: 84px; margin-left: 660px; } .fh_main5 .fh_m5 .cont .tit { color: #5cabd2; font-size: 24px; } .fh_main5 .fh_m5 .cont .note { color: #333333; font-size: 18px; line-height: 48px; margin-top: 25px; } .about_tit .tit { color: #666666; font-size: 24px; line-height: 24px; position: relative; z-index: 2; } .about_tit .tit1 { color: #eaeaea; font-size: 24px; line-height: 24px; margin-top: -12px; } .about_main { padding-top: 100px; } .about_main .big_tit { color: #999999; font-size: 30px; padding-bottom: 20px; border-bottom: solid 1px #dcdcdc; } .about_main .about_m1 { padding-top: 95px; padding-bottom: 160px; } .about_main .about_m1 .cont .tit { color: #5cabd2; font-size: 40px; line-height: 54px; padding-top: 45px; width: 476px; } .about_main .about_m1 .cont .cont1 { margin-left: 600px; color: #666666; font-size: 16px; line-height: 28px; } .about_main .about_m1 .pic { margin-top: 130px; } .about_main .about_m1 .pic:hover img { -webkit-transform: scale(1); transform: scale(1); } .about_main .about_m1 .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .about_m2 .m2_m { margin-top: 65px; height: 700px; box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.1); width: 100%; background: #2193cc; } .about_m2 .m2_m .m2_btn { width: 50px; height: 50px; cursor: pointer; right: 40px; top: 50%; margin-top: -25px; background: url(../images/youjian3.png) no-repeat center center; opacity: 0.8; } .about_m2 .m2_m .m2_btn:hover { opacity: 1; } .about_m2 .m2_m .m2_m1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .about_m2 .m2_m .m2_m1:nth-child(1) { display: block; } .about_m2 .m2_m .item { width: 1200px; height: 1200px; border-radius: 100%; box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.21); position: absolute; right: 130px; top: 50%; margin-top: -600px; overflow: hidden; } .about_m2 .m2_m .item.on .item_btm { background: rgba(255, 255, 255, 0.9); } .about_m2 .m2_m .item.on .item_tit { opacity: 0; } .about_m2 .m2_m .item.on .item_abs { opacity: 1; } .about_m2 .m2_m .item:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.21); border-radius: 100%; } .about_m2 .m2_m .item .item_btm { width: 100%; height: 100%; background: rgba(33, 147, 204, 0.9); } .about_m2 .m2_m .item .item_tit { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 260px; text-align: center; color: #ffffff; font-size: 24px; } .about_m2 .m2_m .item .item_abs { position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 460px; opacity: 0; } .about_m2 .m2_m .item .item_abs { /* left: 50%; */ } .about_m2 .m2_m .item .item_abs .tit { color: #5cabd2; font-size: 24px; } .about_m2 .m2_m .item .item_abs .note { color: #333; font-size: 16px; line-height: 28px; margin-top: 35px; } .about_m2 .m2_m .item:nth-child(1) { background: url(../images/tpd3.jpg) no-repeat -300% center; } .about_m2 .m2_m .item:nth-child(2) { background: url(../images/tpd2.jpg) no-repeat 950% center; right: 390px; } .about_m2 .m2_m .item:nth-child(3) { background: url(../images/tpd1.jpg) no-repeat -50% center; right: 650px; } .about_m2 .m2_m1:nth-of-type(2) .item:nth-child(1) .item_tit { left: 50%; } .about_m2 .m2_m1:nth-of-type(2) .item:nth-child(1) .item_abs { left: 50%; } .about_main3 .next { position: absolute; right: 25px; top: 50%; border-radius: 50%; background: url(../images/baijian1.png) no-repeat center center rgba(255, 255, 255, 0.3); width: 80px; height: 80px; z-index: 2; margin-top: 40px; cursor: pointer; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); } .about_main3 .next:hover { background: url(../images/lanjian2.png) no-repeat center center #fff; } .about_main3 .about_m3 { padding-top: 160px; } .about_main3 .about_m3 .m3_note { padding-top: 60px; color: #666666; font-size: 16px; line-height: 28px; } .about_main3 .m3_cont { margin-top: 60px; width: 1730px; } .about_main3 .m3_cont .item { width: 815px; overflow: hidden; } .about_main3 .m3_cont .item:hover > img { -webkit-transform: scale(1); transform: scale(1); } .about_main3 .m3_cont .item > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .about_main3 .m3_cont .item .item_btm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); } .about_main3 .m3_cont .item .item_abs { bottom: 80px; padding: 0 80px; width: 100%; } .about_main3 .m3_cont .item .item_abs .tit { color: #ffffff; font-size: 24px; } .about_main3 .m3_cont .item .item_abs .note { color: #ffffff; font-size: 16px; margin-top: 25px; line-height: 28px; } .bgf5 { background: #f2f6f9; } .about_main4 { padding-top: 160px; padding-bottom: 160px; } .about_main4 .about_m4 { padding-top: 55px; } .about_main4 .about_m4 .m4_top { position: relative; z-index: 3; } .about_main4 .about_m4 .m4_top .swiper-container { width: 660px; } .about_main4 .about_m4 .m4_top .swiper-container .swiper-slide { color: #cacaca; font-size: 30px; cursor: pointer; } .about_main4 .about_m4 .m4_top .swiper-container .swiper-slide.on { color: #5cabd2; font-weight: bold; } .about_main4 .about_m4 .m4_bot { position: relative; } .about_main4 .about_m4 .m4_bot .m4_btn { position: absolute; top: 80px; left: 310px; z-index: 2; } .about_main4 .about_m4 .m4_bot .m4_btn .prev { width: 90px; height: 70px; background: url(../images/zuojian4.svg) no-repeat center center #f2f6f9; background-size: 60px 40px!important; cursor: pointer; } .about_main4 .about_m4 .m4_bot .m4_btn .prev:hover { background: url(../images/zuojian44.svg) no-repeat center center #f2f6f9; } .about_main4 .about_m4 .m4_bot .m4_btn .next { width: 90px; height: 70px; background: url(../images/youjian4.svg) no-repeat center center #f2f6f9; background-size: 600px 40px!important; cursor: pointer; } .about_main4 .about_m4 .m4_bot .m4_btn .next:hover { background: url(../images/youjian44.svg) no-repeat center center #f2f6f9; } .about_main4 .about_m4 .m4_bot .m4_item { display: none; } .about_main4 .about_m4 .m4_bot .m4_item .pic { width: 400px; position: relative; top: -20px; } .about_main4 .about_m4 .m4_bot .m4_item .pic img { width: 100%; } .about_main4 .about_m4 .m4_bot .m4_item .cont { margin-left: 530px; padding: 10px; padding-top: 110px; padding-left: 15px; overflow: hidden; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 { padding-left: 50px; height: 620px; overflow-y: auto; position: relative; width: 110%; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 .item { padding-top: 1px; position: relative; padding-bottom: 80px; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 .item:last-child:after { display: none; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 .item:nth-child(1) .date { margin-top: 0; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 .item:after { content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; left: -40px; top: 10px; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 .item .date { color: #333333; font-size: 18px; position: relative; z-index: 2; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 .item .date:before { content: ''; border-radius: 50%; background-color: #999999; width: 14px; height: 14px; position: absolute; left: -47px; top: 5px; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 .item .note { color: #666666; font-size: 18px; margin-top: 9px; word-break: break-all; width: 94%; } .about_main5 { background-size: cover!important; padding-top: 120px; padding-bottom: 120px; } .about_main5 .about_tit .tit { color: #fff; } .about_main5 .about_tit .tit1 { opacity: 0.4; } .about_main5 .m5_note { color: #ffffff; font-size: 18px; margin-top: 70px; } .about_main5 .m5_cont { margin-top: 60px; text-align: center; } .about_main5 .m5_cont .item { color: #fff; } .about_main5 .m5_cont .item:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .about_main5 .m5_cont .item .pic { width: 100%; border: solid 7px #fff; overflow: hidden; background: #fff; } .about_main5 .m5_cont .item .pic img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .about_main5 .m5_cont .item .tit { font-size: 18px; padding-top: 18px; padding-bottom: 8px; } .about_main5 .m5_cont .item .date { font-size: 12px; } .about_main5 .m5_btn { padding-top: 70px; } .about_main5 .m5_btn .prev { background: url(../images/zuojian4.svg) no-repeat center center #ffffff; width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; background-size: 20px!important; } .about_main5 .m5_btn .prev:hover { background: url(../images/zuojian1.svg) no-repeat center center #5cabd2; } .about_main5 .m5_btn .next { background: url(../images/youjian44.svg) no-repeat center center #ffffff; width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; background-size: 20px!important; } .about_main5 .m5_btn .next:hover { background: url(../images/youjian1.svg) no-repeat center center #5cabd2; } .fh_maina1 { padding: 120px 0 150px; } .fh_maina1 .container { width: 1600px; } .fh_maina1 .fh_ma11 { padding-top: 35px; } .fh_maina1 .fh_ma11 .fh_m1left { width: 830px; position: relative; left: -60px; } .fh_maina1 .fh_ma11 .fh_m1right { margin-left: 835px; padding-top: 140px; max-width: 560px; } .fh_maina1 .fh_ma11 .fh_m1right .tit { color: #5cabd2; font-size: 40px; } .fh_maina1 .fh_ma11 .fh_m1right .note { color: #666666; font-size: 16px; margin-top: 50px; line-height: 30px; } .fh_maina2 { background: #f2f6f9; padding-top: 100px; padding-bottom: 130px; } .fh_maina2.fh_main2b { background: #fff; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2left { width: 490px; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2left .item { width: 230px; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2right { margin-left: 590px; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2right .tit1 { color: #5cabd2; font-size: 20px; padding-top: 30px; padding-bottom: 16px; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2right .note1 { color: #999999; font-size: 14px; line-height: 26px; padding-top: 60px; } .fh_maina2 .fh_ma22 { padding-top: 105px; } .fh_maina2 .fh_ma22 .fh_m2left { width: 590px; } .fh_maina2 .fh_ma22 .fh_m2left .item { width: 280px; cursor: pointer; } .fh_maina2 .fh_ma22 .fh_m2left .item .pic { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); } .fh_maina2 .fh_ma22 .fh_m2left .item .pic img { width: 100%; } .fh_maina2 .fh_ma22 .fh_m2left .item .tit { color: #999999; font-size: 12px; text-align: center; padding-top: 22px; line-height: 20px; } .fh_maina2 .fh_ma22 .fh_m2right { margin-left: 650px; margin-top: -10px; } .fh_maina2 .fh_ma22 .fh_m2right .tit { color: #333333; font-size: 18px; } .fh_maina2 .fh_ma22 .fh_m2right .note { color: #666666; font-size: 16px; line-height: 30px; margin-top: 25px; } .fh_maina2 .fh_ma22 .fh_m2right .pic { margin-top: 40px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03); overflow: hidden; } .fh_maina2 .fh_ma22 .fh_m2right .pic:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .fh_maina2 .fh_ma22 .fh_m2right .pic img { width: 100%; -webkit-transform: scale(1); transform: scale(1); } .fh_maina3 { padding-top: 160px; } .fh_maina3 .note { padding-top: 100px; color: #333333; font-size: 18px; line-height: 36px; } .fh_maina3 .cont .item { padding-top: 70px; margin-right: 85px; margin-left: 85px; text-align: left; } .fh_maina3 .cont .item .icon { padding-bottom: 25px; border-bottom: solid 1px #dcdcdc; } .fh_maina3 .cont .item .tit { color: #333333; font-size: 18px; padding-top: 25px; } .fh_maina3 .cont .item .note1 { color: #333333; font-size: 14px; } .fh_maina3 .cont .item .note1 span { font-size: 48px; color: #5cabd2; } .fh_maina4 { padding-top: 150px; } .fh_maina4 .cont { padding-top: 90px; } .fh_maina4 .cont.row { margin-left: -27px; margin-right: -27px; } .fh_maina4 .cont.row .col-md-3 { padding-left: 27px; padding-right: 27px; } .fh_maina4 .cont.row .col-md-3 .item { border-radius: 8px; background-color: #f2f6f9; width: 260px; height: 381px; padding: 0 30px; } .fh_maina4 .cont.row .col-md-3 .item:hover { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .fh_maina4 .cont.row .col-md-3 .item .icon { padding-top: 80px; } .fh_maina4 .cont.row .col-md-3 .item .note { padding-top: 55px; color: #333333; font-size: 16px; line-height: 30px; } .fh_maina5 { padding-top: 160px; } .fh_maina5 .note { padding-top: 90px; font-size: 18px; line-height: 30px; } .fh_maina5 .cont { padding-top: 90px; margin-left: -36px; margin-right: -36px; } .fh_maina5 .cont .col-xs-12 { padding-left: 36px; padding-right: 36px; } .fh_maina5 .cont .col-xs-12:nth-child(2) .item .tit { color: #0fd7a3; } .fh_maina5 .cont .col-xs-12:nth-child(3) .item .tit { color: #00d35b; } .fh_maina5 .cont .col-xs-12 .item { border-radius: 10px; background-color: #f2f6f9; height: 521px; padding-top: 70px; padding-left: 50px; padding-right: 50px; } .fh_maina5 .cont .col-xs-12 .item:hover { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-3px); transform: translateY(-3px); } .fh_maina5 .cont .col-xs-12 .item .icon img { position: relative; left: 10px; } .fh_maina5 .cont .col-xs-12 .item .tit { color: #e98304; font-size: 24px; padding-top: 50px; padding-bottom: 25px; font-weight: bold; } .fh_maina5 .cont .col-xs-12 .item .note1 { color: #666666; font-size: 16px; line-height: 30px; } .fh_maina6 { padding-top: 160px; padding-bottom: 160px; } .fh_maina6 .pic { margin-top: 85px; } .fh_maina6 .pic img { max-width: 100%; } .fh_maina6 .cont { padding-top: 60px; } .fh_maina6 .cont .tit { color: #666666; font-size: 16px; } .fh_maina6 .cont .note { padding: 0 30px; color: #666666; font-size: 16px; line-height: 36px; margin-top: 10px; } .fh_mainb1 { background: #f2f6f9; padding-top: 100px; padding-bottom: 120px; } .fh_mainb1 .cont { margin-left: -75px; margin-right: -75px; } .fh_mainb1 .cont .col-xs-12 { padding-left: 75px; padding-right: 75px; } .fh_mainb1 .cont .col-xs-12 .item { margin-top: 100px; } .fh_mainb1 .cont .col-xs-12 .item:hover .icon img { -webkit-transform: scale(1.1); transform: scale(1.1); } .fh_mainb1 .cont .col-xs-12 .item .icon { width: 100px; } .fh_mainb1 .cont .col-xs-12 .item .cont1 { margin-left: 100px; } .fh_mainb1 .cont .col-xs-12 .item .cont1 .tit { color: #333333; font-size: 18px; } .fh_mainb1 .cont .col-xs-12 .item .cont1 .note { color: #666666; font-size: 14px; margin-top: 15px; } .fh_mainb4 { padding-top: 130px; padding-bottom: 50px; } .fh_mainb4 .cont { padding-top: 30px; } .fh_mainb4 .cont .item { margin-top: 50px; } .fh_mainb4 .cont .item:hover .icon img { -webkit-transform: scale(1.2) rotate(360deg); transform: scale(1.2) rotate(360deg); } .fh_mainb4 .cont .item .icon { width: 200px; height: 200px; border: solid 1px #d0e7f2; line-height: 198px; border-radius: 50%; margin: 0 auto; } .fh_mainb4 .cont .item .icon img { max-width: 198px; max-height: 198px; width: auto!important; height: auto!important; } .fh_mainb4 .cont .item .tit { color: #5cabd2; font-size: 20px; margin-top: 25px; } .fh_mainb3 { background: #f2f6f9; padding-top: 100px; padding-bottom: 130px; } .fh_mainb3 .mb3_top { padding-top: 130px; } .fh_mainb3 .mb3_top .pic { width: 560px; } .fh_mainb3 .mb3_top .pic img { width: 100%; } .fh_mainb3 .mb3_top .cont { margin-left: 660px; color: #333333; font-size: 18px; line-height: 36px; padding-top: 100px; } .fh_mainb3 .mb3_bot { padding-top: 150px; } .fh_mainb3 .mb3_bot .tit { color: #5cabd2; font-size: 20px; } .fh_mainb3 .mb3_bot .note { margin-top: 25px; color: #333333; font-size: 16px; line-height: 30px; } .fh_mainb3 .mb3_bot .cont { padding-top: 75px; } .fh_mainb3 .mb3_bot .cont .item { width: 243px; height: 243px; position: relative; } .fh_mainb3 .mb3_bot .cont .item:hover img { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fh_mainb3 .mb3_bot .cont .item img { width: 100%; height: 100%; } .fh_mainb3 .mb3_bot .cont .item .item_abs { position: absolute; width: 160px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .fh_mainb3 .mb3_bot .cont .item .item_abs .tit1 { color: #5cabd2; font-size: 24px; } .fh_mainb3 .mb3_bot .cont .item .item_abs .note1 { color: #333333; font-size: 16px; line-height: 26px; margin-top: 10px; } .fh_mainb2 { padding-top: 130px; padding-bottom: 160px; } .fh_mainb2 .mb2_item { margin-top: 130px; } .fh_mainb2 .mb2_item:nth-child(3) .cont { text-align: left; } .fh_mainb2 .mb2_item .tit { width: 180px; height: 40px; background: url(../images/bgtp2.png) no-repeat center center; text-align: left; line-height: 40px; color: #fff; font-size: 18px; padding-left: 35px; } .fh_mainb2 .mb2_item .cont { margin-top: 80px; font-size: 0; } .fh_mainb2 .mb2_item .cont span { border-width: 1px; border-color: #5cabd2; border-style: solid; border-radius: 10px; background-color: #f2f6f9; width: 158px; height: 64px; text-align: center; line-height: 62px; color: #333333; font-size: 18px; cursor: pointer; } .fh_mainb2 .mb2_item .cont span:hover { background: #5cabd2; color: #fff; } .fh_mainb2 .mb2_item .cont img { margin-left: 39px; margin-right: 39px; } .xj_fhmain1 { padding-bottom: 130px; } .xj_fhmain1 .item { margin-top: 120px; position: relative; } .xj_fhmain1 .item:nth-child(2n) .pic { float: right; } .xj_fhmain1 .item:nth-child(2n) .cont { left: 0; right: 50%; padding-left: 0; padding-right: 50px; text-align: left; } .xj_fhmain1 .item .pic { width: 556px; } .xj_fhmain1 .item .pic img { width: 100%; } .xj_fhmain1 .item .cont { position: absolute; right: 0; left: 50%; padding-left: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #333333; font-size: 18px; line-height: 30px; } .xj_fhmain1 .item1 { padding-top: 120px; } .xj_fhmain1 .item1 .note { color: #333333; font-size: 18px; line-height: 30px; } .xj_fhmain1 .item1 .pic1 img { margin-top: 90px; width: 100%; } .huangdian { vertical-align: middle; display: inline-block; margin-right: 4px; position: relative; top: -1px; width: 6px; height: 6px; background: #f29809; }