@media (max-width: 1600px) { .pic-mc { width: 500px; } .header { height: 80px; } .header .logo { top: 10px; } .header .search { top: 27px; } .header .index_nav { right: 60px; top: 0px; } .header .index_nav > ul { text-align: center; } .header .index_nav > ul > li { float: none; display: inline-block; height: 80px; position: relative; padding-left: 15px; padding-right: 15px; } .header .index_nav > ul > li:nth-child(1) { background: none; } .header .index_nav > ul > li > a { display: block; color: #fff; font-size: 15px; line-height: 80px; } .header .index_nav > ul > li .xl { top: 79px; } .header .index_nav > ul > li .xl li.huangtiao { height: 41px; } .header .index_nav > ul > li .xl li a { color: #ffffff; display: block; height: 40px; line-height: 40px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .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: 30px; line-height: 30px; position: relative; z-index: 2; } .index_tit .tit1 { color: #333333; font-size: 24px; line-height: 24px; margin-top: 5px; position: relative; z-index: 2; font-weight: bold; } .index_main { background: url(../images/diandianbg.jpg) no-repeat center center; background-size: cover!important; padding-top: 70px; padding-bottom: 40px; padding-left: 0%; padding-right: 0%; } .index_main .container { width: 1230px; } .index_main .m_right { padding: 30px 30px 20px; background: #5cabd2; right: 0px; top: 30px; text-align: right; width: 300px; } .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: 20px; } .index_main .m_right .item .cont { color: #fff; font-size: 24px; margin-top: 10px; } .index_main .m_right .item .cont span { font-size: 48px; margin-right: 10px; } .index_main .m_left { float: left; } .index_main .m_left .map { position: relative; margin-left: 20px; width: 750px; } .index_main .m_left .map .item { position: absolute; } .index_main .m_left .map .item img.vmid { margin-right: 5px; } .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; } .container { width: 1230px; } .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: -24px; left: -24px; width: 48px; height: 48px; background: #5cabd2; } .index_more:after { content: ''; border-width: 1px; border-color: #5cabd2; border-style: solid; border-radius: 50%; position: absolute; top: 50%; margin-top: -24px; left: -24px; width: 48px; height: 48px; -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: 85px; padding-bottom: 90px; } .index_main1 .index_m1 { padding-top: 55px; } .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: 20px; margin-top: 10px; } .index_main1 .index_m1a { margin-top: 70px; width: 1400px; } .index_main1 .index_m1a .item:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main1 .index_m1a .item .pic_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 45px 25px 0; } .index_main1 .index_m1a .item .pic_abs .tit { color: #333333; font-size: 24px; } .index_main1 .index_m1a .item .pic_abs .note { color: #333333; font-size: 16px; line-height: 22px; opacity: 0.2; } .index_main1 .index_m1a .item .pic_abs .more { position: absolute; bottom: 25px; left: 25px; width: 82px; height: 26px; border-radius: 13px; } .index_main2 .cont { margin-top: 60px; } .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: 30px; } .index_main2 .cont ul li .pic .pic_abs .tit1 { font-size: 14px; 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/youjiana1.png) no-repeat center center rgba(255, 255, 255, 0.3); width: 50px; height: 50px; opacity: 0; } .index_main2 .cont ul li .pic .pic_abs .more:hover { background: url(../images/youjiana1.png) no-repeat center center rgba(255, 255, 255, 0.5); } .index_main3 { padding-top: 90px; } .index_main3 .index_m3 { padding-top: 25px; } .index_main3 .index_m3 .pic1 { width: 400px; } .index_main3 .index_m3 .pic1:before { content: ''; background-color: #f2f6f9; width: 220px; height: 160px; position: absolute; top: 100px; left: 250px; } .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: 508px; padding-top: 50px; color: #666666; font-size: 16px; line-height: 28px; } .index_main3 .index_m3a { margin-top: 80px; } .index_main3 .index_m3a .item { width: 20%; border: solid 1px #cccccc; height: 180px; padding-top: 46px; background: #fff; border-left: 0; } .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 .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: 10px; text-align: center; color: #333333; font-size: 20px; } .index_main4 { padding-top: 105px; padding-bottom: 100px; } .index_main4 .index_tit .index_more { position: absolute; right: 0; top: 10px; } .index_main4 .cont { margin-top: 60px; } .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 .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: 20px 30px; } .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; width: 61px; height: 22px; border-radius: 11px; } .footer { background: #f2f6f9; padding-top: 35px; padding-bottom: 30px; } .footer .footer_top { padding-bottom: 0px; } .footer .footer_top .share .item { margin-left: 10px; cursor: pointer; } .footer .footer_top .share .item img { width: 46px; } .footer .footer_top .cont { margin-right: 200px; 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: 40px; padding-bottom: 30px; border-top: solid 1px #e0e3e6; border-bottom: solid 1px #e0e3e6; } .footer .footer_mid .ewm { width: 140px; height: 140px; overflow: hidden; } .footer .footer_mid .ewm img { display: none; width: 140px; } .footer .footer_mid .ewm img:nth-child(1) { display: block; } .footer .footer_mid .cont { margin-right: 200px; } .footer .footer_mid .cont .item { margin-top: 10px; } .footer .footer_mid .cont .item:nth-child(1) { margin-top: 0; } .footer .footer_mid .cont .item .tit { color: #999999; font-size: 14px; margin-bottom: 5px; } .footer .footer_mid .cont .item .note { color: #333333; font-size: 24px; } .footer .footer_mid .cont .item .note1 { font-size: 16px; } .footer .footer_mid .cont .item1 { color: #666666; font-size: 14px; margin-top: 15px; } .footer .footer_mid .cont .item1 a { color: #666666; } .footer .footer_mid .cont .item1 a:hover { color: #333; } .footer .copyRight { line-height: 22px; padding: 15px 0; color: #999999; font-size: 14px; } .footer .copyRight a { color: #999999; } .footer .copyRight a:hover { color: #333; } .ejbanner { position: relative; } .ejbanner .ejb_abs { position: absolute; top: 50%; margin-top: -60px; 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: 130px; height: 130px; border: solid 1px rgba(255, 255, 255, 0.2); line-height: 130px; text-align: center; } .ejbanner .ejb_abs .item .tit { padding-top: 15px; color: #f2f6f9; font-size: 16px; } .ej_nav { height: 60px; } .ej_nav .ej_nav1 { height: 60px; box-shadow: 0px 2px 10px 0px #bdbdbd; } .ej_nav .breadCrumb { color: #5cabd2; font-size: 16px; line-height: 60px; } .ej_nav .breadCrumb img { margin-right: 3px; } .ej_nav .ej_nav_left { margin-right: 120px; } .ej_nav .ej_nav_left .swiper-slide { padding-right: 50px; width: auto; line-height: 58px; } .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; } .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: 24px; 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: 15px; left: -10px; z-index: 0; background: url(../images/yuandian3.png) no-repeat center center; } .fh_main { padding-top: 80px; padding-bottom: 80px; } .fh_main .fh_m { margin-top: 50px; } .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: 20px; top: 50px; 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: 200px; margin-left: 660px; color: #333333; font-size: 16px; line-height: 38px; } .fh_main1 { background: #f2f6f9; padding: 50px 0 75px; } .fh_main1 .fh_m1 { padding-top: 55px; } .fh_main1 .fh_m1 .row { margin-left: -15px; margin-right: -15px; } .fh_main1 .fh_m1 .row .col-xs-6 { padding-left: 15px; padding-right: 15px; } .fh_main1 .fh_m1 .row .col-xs-6 .item { border-radius: 10px; background-color: #ffffff; width: 260px; height: 280px; padding-top: 50px; 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: 20px; text-align: center; } .fh_main2 { padding-top: 60px; padding-bottom: 80px; } .fh_main2 .fh_m2 { padding-top: 50px; } .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: 20px 20px; 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; } .fh_main2 .fh_m2 .item .cont .tit a { color: #333333; font-size: 18px; } .contact_main { padding-top: 50px; padding-bottom: 80px; } .contact_main .contact_nav { border-bottom: solid 1px #dcdcdc; padding-bottom: 30px; } .contact_main .contact_nav a { color: #999999; font-size: 18px; margin-right: 60px; } .contact_main .contact_nav a.on { font-size: 24px; color: #333; } .contact_main .contact_nav a:hover { color: #333; } .contact_main .contact_m { padding-bottom: 20px; padding-left: 30px; padding-right: 30px; padding-top: 20px; } .contact_main .contact_m .item { margin-top: 40px; } .contact_main .contact_m .item .tit { color: #5cabd2; font-size: 20px; 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: -15px; margin-right: -15px; } .contact_main .contact_m1 .row .col-xs-12 { padding-left: 15px; padding-right: 15px; } .contact_main .contact_m1 .row .col-xs-12 .item { margin-top: 40px; border-radius: 6px; background-color: #f2f6f9; width: 100%; height: 220px; padding: 20px 30px 20px; } .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: 24px; } .contact_main .contact_m1 .row .col-xs-12 .item .note { margin-top: 15px; } .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: 14px; line-height: 30px; } .contact_main .contact_m1 .row .col-xs-12 .item .more { padding-top: 10px; } .contact_main .contact_m1 .row .col-xs-12 .item .more a { background-color: #5cabd2; width: 120px; height: 40px; text-align: center; color: #fff; font-size: 14px; line-height: 40px; 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: 20px; width: 100%; } .web_map .map .item { position: absolute; } .web_map .map .item img.vmid { margin-right: 5px; } .web_map .map .map_note { position: absolute; left: -10px; bottom: 20px; color: #333333; font-size: 14px; line-height: 32px; } .web_map .map .map_note .icon { width: 18px; margin-right: 10px; } .contact_main2 .m2_top { padding-top: 60px; padding-bottom: 30px; } .contact_main2 .m2_top .m2_item { margin-top: 20px; } .contact_main2 .m2_top .m2_item .icon { width: 50px; padding-top: 0px; } .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: 16px; } .contact_main2 .m2_top .m2_item .cont .note { color: #333333; font-size: 30px; margin-top: 5px; font-weight: bold; } .contact_main2 .m2_top .m2_item .cont .note1 { color: #666666; font-size: 16px; margin-top: 5px; } .contact_main3 { padding-top: 90px; } .contact_main3 .f_select { border-width: 1px; border-color: #d6cdc2; border-style: solid; width: 469px; height: 78px; position: relative; z-index: 2; background: url(../images/xiajian.png) no-repeat 93% center; } .contact_main3 .f_select .note { width: 100%; height: 76px; padding-left: 35px; line-height: 76px; color: #333333; font-size: 18px; cursor: pointer; } .contact_main3 .f_select .f_xl { position: absolute; top: 76px; left: 0; width: 100%; padding: 25px 35px; display: none; } .contact_main3 .f_select .f_xl ul li { font-size: 16px; line-height: 32px; cursor: pointer; } .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 { -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 .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; font-size: 16px; position: absolute; bottom: 10px; left: 35px; opacity: 0; z-index: 3; } .bd_main { padding-top: 30px; } .bd_main .item { margin-top: 30px; } .bd_main .item.video_show { height: 380px; overflow: hidden; } .bd_main .item.video_show .video_tit { bottom: 10px; font-size: 20px; } .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%; 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: 15px 15px 0; height: 150px; } .bd_main .item .cont .tit { white-space: nowrap; text-overflow: ellipsis; line-height: 28px; 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: 5px; } .bd_main .item .cont .more { margin-top: 10px; } .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: 0px; } .bd_main1 .pages { top: 20px; } .bd_main1 ul { margin-bottom: 50px; } .bd_main1 ul li { padding-top: 60px; padding-bottom: 42px; 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 .more1 { opacity: 0; } .bd_main1 ul li:hover .cont .more .more2 { opacity: 1; } .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 { overflow: hidden; margin-left: 180px; margin-right: 300px; } .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: 20px; margin-bottom: 30px; } .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; } .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; } .zr_top { padding-top: 50px; } .zr_top .zr_btn { position: relative; top: 30px; text-align: center; margin-bottom: 10px; } .zr_top .zr_btn .prev { width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .zr_top .zr_btn .next { width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .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: 20px 35px; } .zr_top .item .cont .tit a { color: #333333; font-size: 18px; } .zr_top .item .cont .note { color: #666666; font-size: 14px; margin-top: 10px; line-height: 22px; } .zr_main { padding-top: 20px; padding-bottom: 90px; } .zr_main .zr_bot ul { padding-bottom: 50px; } .zr_main .zr_bot ul li { margin-top: 165px; 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: 18px; } .zr_main .zr_bot ul li .cont .note { color: #666666; font-size: 14px; line-height: 22px; margin-top: 10px; margin-bottom: 20px; } .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; } .kh_main { padding-top: 45px; padding-bottom: 70px; } .kh_main.kh_main1 { padding-bottom: 30px; } .kh_main .kh_tit .tit { color: #666666; font-size: 20px; position: relative; z-index: 2; } .kh_main .kh_tit .tit1 { color: #eaeaea; font-size: 20px; margin-top: -15px; } .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: 45px; } .kh_main .cont ul li a { color: #666666; font-size: 16px; } .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: 10px; } .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: 80px 0 80px; } .details_main .details_m { background: #fff; padding: 55px 35px 60px; } .details_main .details_m .tit { color: #333333; font-size: 28px; } .details_main .details_m .note { text-align: center; color: #999999; font-size: 14px; margin-top: 10px; padding-bottom: 15px; } .details_main .details_m .note .dib { margin: 0 10px; } .details_main .details_m .cont { color: #666666; padding-top: 35px; padding-bottom: 35px; border-top: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; margin-bottom: 25px; } .fanye { line-height: 30px; } .fanye div a { color: #666666; font-size: 14px; } .fanye div a img { margin-right: 5px; } .fh_main4 { padding-top: 80px; } .fh_ma1 .item { padding-top: 40px; padding-bottom: 40px; 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: 400px; overflow: hidden; } .fh_ma1 .item .pic img { width: 100%; } .fh_ma1 .item .cont { width: 490px; padding-top: 15px; padding-left: 15px; } .fh_ma1 .item .cont .tit { color: #5cabd2; font-size: 20px; } .fh_ma1 .item .cont .tit img { margin-right: 42px; } .fh_ma1 .item .cont .note { color: #333333; font-size: 16px; margin-top: 20px; line-height: 38px; } .join_details { padding-top: 40px; padding-left: 35px; padding-right: 35px; } .join_details .tit { color: #5cabd2; font-size: 24px; } .join_details .note { margin-top: 25px; line-height: 32px; color: #666666; font-size: 16px; } .join_details .note span.b { color: #333; } .join_details .item { margin-top: 35px; } .join_details .item .tit1 { color: #333333; font-size: 16px; font-weight: bold; } .join_details .item .note1 { color: #666666; font-size: 16px; margin-top: 15px; line-height: 32px; } .join_details .sent { padding-top: 40px; } .join_details .sent a { background-color: #5cabd2; width: 130px; height: 42px; text-align: center; line-height: 42px; 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: 80px; } .fh_main5 .fh_m5 { padding-top: 50px; } .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: 560px; } .fh_main5 .fh_m5 .cont .tit { color: #5cabd2; font-size: 20px; } .fh_main5 .fh_m5 .cont .note { color: #333333; font-size: 16px; line-height: 38px; margin-top: 15px; } .about_tit .tit { color: #666666; font-size: 20px; line-height: 20px; position: relative; z-index: 2; } .about_tit .tit1 { color: #eaeaea; font-size: 20px; line-height: 20px; margin-top: -10px; } .about_main { padding-top: 60px; } .about_main .big_tit { color: #999999; font-size: 24px; padding-bottom: 15px; border-bottom: solid 1px #dcdcdc; } .about_main .about_m1 { padding-top: 65px; padding-bottom: 90px; } .about_main .about_m1 .cont .tit { color: #5cabd2; font-size: 30px; line-height: 44px; padding-top: 35px; width: 350px; } .about_main .about_m1 .cont .cont1 { margin-left: 500px; color: #666666; font-size: 16px; line-height: 28px; } .about_main .about_m1 .pic { margin-top: 80px; } .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: 35px; height: 600px; 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: 20px; } .about_m2 .m2_m .item .item_abs { position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 460px; opacity: 0; /* left: 50%; */ } .about_m2 .m2_m .item .item_abs .tit { color: #5cabd2; font-size: 20px; } .about_m2 .m2_m .item .item_abs .note { color: #333; font-size: 16px; line-height: 22px; margin-top: 25px; } .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: 60px; height: 60px; z-index: 2; margin-top: -30px; cursor: pointer; background-size: 15px!important; } .about_main3 .next:hover { background: url(../images/lanjian2.png) no-repeat center center #fff; } .about_main3 .about_m3 { padding-top: 90px; } .about_main3 .about_m3 .m3_note { padding-top: 40px; color: #666666; font-size: 16px; line-height: 28px; } .about_main3 .m3_cont { margin-top: 30px; width: 1680px; } .about_main3 .m3_cont .item { 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: 50px; padding: 0 50px; 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; } .about_main4 { padding-top: 100px; padding-bottom: 100px; } .about_main4 .about_m4 { padding-top: 35px; } .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; 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; 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: 50px; } .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; } .about_main5 { background-size: cover!important; padding-top: 80px; padding-bottom: 80px; } .about_main5 .about_tit .tit { color: #fff; } .about_main5 .m5_note { color: #ffffff; font-size: 16px; margin-top: 40px; } .about_main5 .m5_cont { margin-top: 40px; 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: 12px; padding-bottom: 6px; } .about_main5 .m5_cont .item .date { font-size: 12px; } .about_main5 .m5_btn { padding-top: 70px; } .about_main5 .m5_btn .prev { width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .about_main5 .m5_btn .next { width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .fh_maina1 { padding: 80px 0 90px; } .fh_maina1 .container { width: 1200px; } .fh_maina1 .fh_ma11 { padding-top: 25px; } .fh_maina1 .fh_ma11 .fh_m1left { width: 730px; position: relative; left: -60px; } .fh_maina1 .fh_ma11 .fh_m1right { margin-left: 735px; padding-top: 140px; max-width: 560px; } .fh_maina1 .fh_ma11 .fh_m1right .tit { color: #5cabd2; font-size: 32px; } .fh_maina1 .fh_ma11 .fh_m1right .note { color: #666666; font-size: 16px; margin-top: 30px; line-height: 30px; } .fh_maina2 { background: #f2f6f9; padding-top: 60px; padding-bottom: 80px; } .fh_maina2 .fh_ma22 { padding-top: 65px; } .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: 90px; } .fh_maina3 .note { padding-top: 60px; color: #333333; font-size: 16px; line-height: 30px; } .fh_maina3 .cont .item { padding-top: 40px; margin-right: 100px; } .fh_maina3 .cont .item .icon { padding-bottom: 15px; border-bottom: solid 1px #dcdcdc; } .fh_maina3 .cont .item .tit { color: #333333; font-size: 16px; padding-top: 15px; } .fh_maina3 .cont .item .note1 { color: #333333; font-size: 14px; } .fh_maina3 .cont .item .note1 span { font-size: 36px; color: #5cabd2; } .fh_maina4 { padding-top: 90px; } .fh_maina4 .cont { padding-top: 50px; } .fh_maina4 .cont.row { margin-left: -15px; margin-right: -15px; } .fh_maina4 .cont.row .col-md-3 { padding-left: 15px; padding-right: 15px; } .fh_maina4 .cont.row .col-md-3 .item { border-radius: 8px; background-color: #f2f6f9; width: 260px; height: 280px; padding: 0 20px; } .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: 50px; } .fh_maina4 .cont.row .col-md-3 .item .note { padding-top: 35px; color: #333333; font-size: 14px; line-height: 24px; } .fh_maina5 { padding-top: 90px; } .fh_maina5 .note { padding-top: 50px; font-size: 16px; line-height: 24px; } .fh_maina5 .cont { padding-top: 60px; margin-left: -15px; margin-right: -15px; } .fh_maina5 .cont .col-xs-12 { padding-left: 15px; padding-right: 15px; } .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: 381px; padding-top: 40px; padding-left: 30px; padding-right: 30px; } .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: 20px; padding-top: 35px; padding-bottom: 15px; font-weight: bold; } .fh_maina5 .cont .col-xs-12 .item .note1 { color: #666666; font-size: 14px; line-height: 24px; } .fh_maina6 { padding-top: 100px; padding-bottom: 100px; } .fh_maina6 .pic { margin-top: 55px; } .fh_maina6 .pic img { max-width: 100%; } .fh_maina6 .cont { padding-top: 40px; } .fh_maina6 .cont .tit { color: #666666; font-size: 16px; } .fh_maina6 .cont .note { padding: 0 30px; color: #666666; font-size: 14px; line-height: 28px; margin-top: 10px; } .fh_mainb1 { background: #f2f6f9; padding-top: 70px; padding-bottom: 80px; } .fh_mainb1 .cont { margin-left: -30px; margin-right: -30px; } .fh_mainb1 .cont .col-xs-12 { padding-left: 30px; padding-right: 30px; } .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: 70px; } .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: 60px; padding-bottom: 0px; } .fh_mainb4 .cont { padding-top: 10px; } .fh_mainb4 .cont .item { margin-top: 30px; } .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: 18px; margin-top: 15px; } .fh_mainb3 { background: #f2f6f9; padding-top: 70px; padding-bottom: 70px; } .fh_mainb3 .mb3_top { padding-top: 70px; } .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: 16px; line-height: 32px; padding-top: 100px; } .fh_mainb3 .mb3_bot { padding-top: 80px; } .fh_mainb3 .mb3_bot .tit { color: #5cabd2; font-size: 20px; } .fh_mainb3 .mb3_bot .note { margin-top: 15px; color: #333333; font-size: 16px; line-height: 30px; } .fh_mainb3 .mb3_bot .cont { padding-top: 45px; } .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: 20px; } .fh_mainb3 .mb3_bot .cont .item .item_abs .note1 { color: #333333; font-size: 14px; line-height: 22px; margin-top: 5px; } .fh_mainb2 { padding-top: 80px; padding-bottom: 80px; } .fh_mainb2 .mb2_item { margin-top: 60px; } .fh_mainb2 .mb2_item .tit { width: 180px; height: 40px; background: url(../images/bgtp2.png) no-repeat center center; line-height: 40px; color: #fff; font-size: 18px; } .fh_mainb2 .mb2_item .cont { margin-top: 40px; 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; } } @media (max-width: 1440px) { .index_main1 { padding-top: 85px; padding-bottom: 90px; } .index_main1 .index_m1 { padding-top: 55px; } .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: 20px; margin-top: 10px; } .index_main1 .index_m1a { margin-top: 70px; width: 1300px; } .index_main1 .index_m1a .item:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main1 .index_m1a .item .pic_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 45px 25px 0; } .index_main1 .index_m1a .item .pic_abs .tit { color: #333333; font-size: 24px; } .index_main1 .index_m1a .item .pic_abs .note { color: #333333; font-size: 16px; line-height: 22px; opacity: 0.2; } .index_main1 .index_m1a .item .pic_abs .more { position: absolute; bottom: 25px; left: 25px; width: 82px; height: 26px; border-radius: 13px; } } @media (max-width: 1366px) { .index_main1 { padding-top: 85px; padding-bottom: 90px; } .index_main1 .index_m1 { padding-top: 55px; } .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: 20px; margin-top: 10px; } .index_main1 .index_m1a { margin-top: 70px; width: 1284px; } .index_main1 .index_m1a .item:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main1 .index_m1a .item .pic_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 45px 25px 0; } .index_main1 .index_m1a .item .pic_abs .tit { color: #333333; font-size: 24px; } .index_main1 .index_m1a .item .pic_abs .note { color: #333333; font-size: 16px; line-height: 22px; opacity: 0.2; } .index_main1 .index_m1a .item .pic_abs .more { position: absolute; bottom: 25px; left: 25px; width: 82px; height: 26px; border-radius: 13px; } } @media (max-width: 1200px) { .header { padding-left: 15px; padding-right: 15px; } .header .container { width: 100%; } .container { width: 100%; padding-left: 15px; padding-right: 15px; } .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: 30px; line-height: 30px; position: relative; z-index: 2; } .index_tit .tit1 { color: #333333; font-size: 24px; line-height: 24px; margin-top: 5px; position: relative; z-index: 2; font-weight: bold; } .index_main { background: url(../images/diandianbg.jpg) no-repeat center center; background-size: cover!important; padding-top: 40px; padding-bottom: 40px; padding-left: 0%; padding-right: 0%; } .index_main .container { width: 100%; padding-left: 15px; padding-right: 15px; } .index_main .m_right { padding: 30px 30px 20px; background: #5cabd2; right: 0px; top: 30px; text-align: center; width: 100%; position: static; margin-top: 30px; margin-bottom: 30px; } .index_main .m_right .item { padding-top: 35px; padding-bottom: 25px; border-top: solid 1px rgba(255, 255, 255, 0.3); width: 33.33%; float: left; padding: 0 20px; border: 0; } .index_main .m_right .item:nth-child(1) { border: 0; } .index_main .m_right .item .tit { color: #fff; font-size: 20px; } .index_main .m_right .item .cont { color: #fff; font-size: 24px; margin-top: 10px; } .index_main .m_right .item .cont span { font-size: 48px; margin-right: 10px; } .index_main .m_left { float: none; padding-right: 20px; } .index_main .m_left .map { position: relative; margin-left: 20px; width: 100%; } .index_main .m_left .map .item { position: absolute; } .index_main .m_left .map .item img.vmid { margin-right: 5px; } .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; } .ejbanner { position: relative; } .ejbanner .ejb_abs { position: absolute; top: 50%; margin-top: -60px; left: 0; width: 100%; padding: 0 15px; font-size: 0; } .ejbanner .ejb_abs .item { margin: 0 36px; } .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: 130px; height: 130px; border: solid 1px rgba(255, 255, 255, 0.2); line-height: 130px; text-align: center; } .ejbanner .ejb_abs .item .tit { padding-top: 15px; color: #f2f6f9; font-size: 16px; } } .contact_main3 .m3_bot .row .col-xs-6 .item .pic:hover .pic_abs .tit{opacity: 0;} .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs1 .tit{font-size: 30px;opacity: 0;} .contact_main3 .m3_bot .row .col-xs-6 .item .pic:hover .pic_abs1 .tit{opacity: 1;} @media (max-width: 991px) { .pcshow { display: none!important; } .container { width: 100%; } .mobileshow { display: block!important; } .menu { display: block; font-size: 18px; top: 15px; right: 15px; } .menu_close { position: fixed; display: block; font-size: 14px; left: auto; right: 0; z-index: 11; border-radius: 0 0 100% 100%; } .header { height: 60px; padding: 0; } .header .search { right: 60px; top: 18px; } .header .logo { top: 10px; left: 15px; } .header .logo img { height: 40px; } .header .header_top { display: none; } .header .index_nav { -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; position: fixed; right: 320px; top: 0px; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1); width: 100%; bottom: 0; background: #127fc5; z-index: 1115!important; padding-top: 20px; margin-right: 0; margin-top: 0; height: 100%; overflow-y: auto; padding-left: 20px; -webkit-overflow-scrolling: touch; } .header .index_nav > ul > li { margin-left: 0; margin-right: 0; background: none; width: 100%; height: auto; border: 0!important; } .header .index_nav > ul > li > .xl { width: 100%; margin-left: 0; position: static; display: block; line-height: 24px; margin-top: -5px; background: none!important; border: 0!important; text-align: left; padding-left: 36px; padding-top: 5px; padding-bottom: 5px; } .header .index_nav > ul > li > .xl li { height: 30px; line-height: 30px; border: 0!important; } .header .index_nav > ul > li > .xl li a { font-size: 14px; display: block; color: #fff !important; line-height: 30px; height: 30px; margin-left: 0; margin-right: 0; background: none; } .header .index_nav > ul > li > a { height: auto; line-height: 40px; text-align: left; padding-left: 0px; padding-top: 0; padding-right: 0; color: #fff !important; display: block; font-size: 18px; border-top: 0; } .header .index_nav > ul > li > a span { display: none; } .header .index_nav > ul > li > a:hover, .header .index_nav > ul > li > a.on { border-top: 0; } .banner #owl-demo1 { height: auto; } .banner #owl-demo1 .owl-dots { display: none; } .banner #owl-demo1 .item { height: auto; } .banner #owl-demo1 .item img { display: block; } .banner #owl-demo1, .banner #owl-demo2 { width: 102%; } .banner #owl-demo1 .item_abs, .banner #owl-demo2 .item_abs { position: absolute; top: 50%; width: 100%; margin-top: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .banner #owl-demo1 .item_abs .tit1, .banner #owl-demo2 .item_abs .tit1 { color: #ffffff; font-size: 16px; } .banner #owl-demo1 .item_abs .tit, .banner #owl-demo2 .item_abs .tit { font-size: 32px; color: #ffffff; } .banner #owl-demo1 .item_abs .cont, .banner #owl-demo2 .item_abs .cont { padding-top: 10px; } .banner #owl-demo1 .item_abs .cont .icon, .banner #owl-demo2 .item_abs .cont .icon { margin-left: 10px; margin-right: 10px; } .banner #owl-demo1 .item_abs .cont .icon img, .banner #owl-demo2 .item_abs .cont .icon img { width: 40px; } .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: 15px; } .banner #owl-demo1 .item_abs .btn1 span, .banner #owl-demo2 .item_abs .btn1 span { background-color: rgba(255, 255, 255, 0.4); width: 110px; height: 30px; border-radius: 17px; line-height: 30px; color: #ffffff; font-size: 14px; } .banner #owl-demo1 .item_abs .btn1 span:hover, .banner #owl-demo2 .item_abs .btn1 span:hover { background: #5cabd2; } .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: 0px; right: 0px; bottom: 0px; height: 2px; 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 .hengxian2 { background: #5cabd2; height: 2px; width: 0; } .banner .banner_dot { right: 15px; bottom: 40px; 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: 15px; bottom: 15px; z-index: 2; } .banner .banner_btn .prev { background: url(../images/zuojiana11.png) no-repeat center center #fff; width: 61px; height: 26px; border-radius: 13px; cursor: pointer; margin-right: 10px; background-size: 15px!important; } .banner .banner_btn .prev:hover { background: url(../images/zuojiana1.png) no-repeat center center #5cabd2; } .banner .banner_btn .next { background: url(../images/youjiana11.png) no-repeat center center #fff; width: 61px; height: 26px; border-radius: 13px; cursor: pointer; background-size: 15px!important; } .banner .banner_btn .next:hover { background: url(../images/youjiana1.png) no-repeat center center #5cabd2; } .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: 90%; 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/search.png) #024290 no-repeat center; cursor: pointer; } .search_b i { display: block; font-size: 44px; color: #fff; position: absolute; top: 0; right: 20px; cursor: pointer; font-style: normal; } .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: 20px; line-height: 20px; position: relative; z-index: 2; } .index_tit .tit1 { color: #333333; font-size: 16px; line-height: 16px; margin-top: 5px; position: relative; z-index: 2; font-weight: bold; } .index_main { background: url(../images/diandianbg.jpg) no-repeat center center; background-size: cover!important; padding-top: 20px; padding-bottom: 40px; padding-left: 0%; padding-right: 0%; } .index_main .container { width: 100%; padding-left: 15px; padding-right: 15px; } .index_main .m_right { padding: 10px 5px; background: #5cabd2; right: 0px; top: 30px; text-align: center; width: auto; margin-left: -15px; margin-right: -15px; position: static; margin-top: 20px; margin-bottom: 20px; } .index_main .m_right .item { padding-top: 15px; padding-bottom: 15px; border-top: solid 1px rgba(255, 255, 255, 0.3); width: 30%; float: left; padding: 0 10px; border: 0; } .index_main .m_right .item:nth-child(2) { width: 40%; } .index_main .m_right .item:nth-child(1) { border: 0; } .index_main .m_right .item .tit { color: #fff; font-size: 14px; } .index_main .m_right .item .cont { color: #fff; font-size: 14px; margin-top: 0px; } .index_main .m_right .item .cont span { font-size: 28px; line-height: 36px; display: block; margin-right: 0px; } .index_main .m_left { float: none; padding-right: 20px; } .index_main .m_left .map { position: relative; margin-left: 20px; width: 100%; } .index_main .m_left .map .item { position: absolute; } .index_main .m_left .map .item img.vmid { margin-right: 5px; } .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: absolute; top: 0px; right: 0; } .index_more:before { content: ''; border-width: 1px; border-color: #5cabd2; border-style: solid; border-radius: 50%; position: absolute; top: 50%; margin-top: -12px; left: -12px; width: 24px; height: 24px; background: #5cabd2; } .index_more:after { content: ''; border-width: 1px; border-color: #5cabd2; border-style: solid; border-radius: 50%; position: absolute; top: 50%; margin-top: -12px; left: -12px; width: 24px; height: 24px; -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: 25px; padding-bottom: 20px; overflow: hidden; } .index_main1 .index_more { top: -40px; } .index_main1 .index_m1 { padding-top: 15px; position: relative; } .index_main1 .index_m1 .cont { margin-right: 0px; color: #666666; } .index_main1 .index_m1 .cont .note { max-width: 750px; font-size: 14px; line-height: 22px; } .index_main1 .index_m1 .cont .note1 { color: #333333; font-size: 16px; margin-top: 5px; } .index_main1 .index_m1a { margin-top: 20px; width: 500px; } .index_main1 .index_m1a .item:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .index_main1 .index_m1a .item .pic_abs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 15px 0; } .index_main1 .index_m1a .item .pic_abs .tit { color: #333333; font-size: 20px; } .index_main1 .index_m1a .item .pic_abs .note { color: #333333; font-size: 14px; line-height: 22px; opacity: 0.2; } .index_main1 .index_m1a .item .pic_abs .more { position: absolute; bottom: 15px; left: 15px; width: 62px; height: 20px; border-radius: 10px; } .index_main2 .cont { margin-top: 20px; } .index_main2 .cont ul li { width: 33.33%; } .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: 60px; height: 60px; margin-top: -30px; margin-left: -30px; } .index_main2 .cont ul li .pic1 .pic_abs1 img { width: 100%; } .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: 70px; color: #fff; } .index_main2 .cont ul li .pic .pic_abs .tit { font-size: 18px; } .index_main2 .cont ul li .pic .pic_abs .tit1 { font-size: 12px; opacity: 0.5; height: 24px; line-height: 12px; overflow: hidden; } .index_main2 .cont ul li .pic .pic_abs .more { border-radius: 50%; display: block; margin: 0 auto; margin-top: 10px; background: url(../images/youjiana1.png) no-repeat center center rgba(255, 255, 255, 0.3); width: 40px; height: 40px; opacity: 1; } .index_main2 .cont ul li .pic .pic_abs .more:hover { background: url(../images/youjiana1.png) no-repeat center center rgba(255, 255, 255, 0.5); } .index_main2 .cont ul li .pic .pic_abs .more img { width: 40px; } .index_main3 { padding-top: 30px; overflow: hidden; } .index_main3 .index_m3 { padding-top: 15px; } .index_main3 .index_m3 .pic1 { width: 100%; float: none; } .index_main3 .index_m3 .pic1:before { content: ''; background-color: #f2f6f9; width: 220px; height: 160px; position: absolute; top: 30px; left: 150px; } .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: 0px; padding-top: 10px; color: #666666; font-size: 14px; position: relative; z-index: 2; line-height: 22px; } .index_main3 .index_m3a { margin-top: 20px; text-align: center; font-size: 0; } .index_main3 .index_m3a .item { width: 33.33%; border: solid 1px #cccccc; height: 120px; padding-top: 20px; background: #fff; border-left: solid 1px #cccccc; margin-left: -1px; float: none; display: inline-block; margin-top: -1px; } .index_main3 .index_m3a .item .item_abs { font-size: 14px; display: none; } .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 .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: 5px; text-align: center; color: #333333; font-size: 16px; } .index_main4 { padding-top: 35px; padding-bottom: 30px; overflow: hidden; } .index_main4 .index_tit .index_more { position: absolute; right: 0; top: 10px; } .index_main4 .cont { margin-top: 15px; width: 500px; } .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 .date { background-color: #5cabd2; width: 52px; height: 52px; text-align: center; color: #ffffff; position: absolute; top: 0; left: 20px; z-index: 2; } .index_main4 .cont .item .date .day { font-size: 20px; } .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: 10px 15px; } .index_main4 .cont .item .cont1 .tit { line-height: 22px; height: 44px; overflow: hidden; } .index_main4 .cont .item .cont1 .tit a { font-size: 16px; 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; width: 61px; height: 22px; border-radius: 11px; } .footer { background: #f2f6f9; padding-top: 25px; padding-bottom: 20px; } .footer .footer_top { padding-bottom: 0px; display: none; } .footer .footer_top .share .item { margin-left: 10px; cursor: pointer; } .footer .footer_top .share .item img { width: 46px; } .footer .footer_top .cont { margin-right: 200px; 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: 0px; padding-bottom: 20px; border-top: 0; border-bottom: solid 1px #e0e3e6; } .footer .footer_mid .ewm { width: 140px; height: 140px; overflow: hidden; display: none; } .footer .footer_mid .ewm img { display: none; width: 140px; } .footer .footer_mid .ewm img:nth-child(1) { display: block; } .footer .footer_mid .cont { margin-right: 0px; } .footer .footer_mid .cont .item { margin-top: 10px; } .footer .footer_mid .cont .item:nth-child(1) { margin-top: 0; } .footer .footer_mid .cont .item .tit { color: #999999; font-size: 14px; margin-bottom: 5px; } .footer .footer_mid .cont .item .note { color: #333333; font-size: 24px; } .footer .footer_mid .cont .item .note1 { font-size: 16px; } .footer .footer_mid .cont .item1 { color: #666666; font-size: 14px; margin-top: 15px; } .footer .footer_mid .cont .item1 a { color: #666666; } .footer .footer_mid .cont .item1 a:hover { color: #333; } .footer .copyRight { line-height: 22px; padding: 15px 0 0; color: #999999; font-size: 14px; } .footer .copyRight a { color: #999999; } .footer .copyRight a:hover { color: #333; } .ejbanner { position: relative; } .ejbanner .ejb_abs { position: absolute; top: 50%; margin-top: -10px; left: 0; width: 100%; padding: 0 15px; font-size: 0; } .ejbanner .ejb_abs .item { margin: 0 10px; } .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: 60px; height: 60px; border: solid 1px rgba(255, 255, 255, 0.2); line-height: 60px; text-align: center; } .ejbanner .ejb_abs .item .icon img { width: 30px; } .ejbanner .ejb_abs .item .tit { padding-top: 10px; color: #f2f6f9; font-size: 14px; } .ej_nav { height: 50px; } .ej_nav .ej_nav1 { height: 50px; box-shadow: 0px 2px 10px 0px #bdbdbd; } .ej_nav .breadCrumb { color: #5cabd2; font-size: 14px; line-height: 50px; } .ej_nav .breadCrumb img { margin-right: 3px; } .ej_nav .ej_nav_left { margin-right: 120px; } .ej_nav .ej_nav_left .swiper-slide { padding-right: 20px; width: auto; line-height: 48px; } .ej_nav .ej_nav_left .swiper-slide a { display: block; color: #333333; font-size: 14px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-bottom: solid 2px #fff; } .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: 18px; 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: 10px; left: -10px; z-index: 0; background: url(../images/yuandian3.png) no-repeat center center; } .fh_main { padding-top: 30px; padding-bottom: 30px; overflow: hidden; } .fh_main .fh_m { margin-top: -10px; -webkit-transform: scale(0.9); transform: scale(0.9); } .fh_main .fh_m .fh_mleft { width: 320px; float: none; padding: 72px; margin: 0 auto; } .fh_main .fh_m .fh_mleft .pic { width: 100%; height: auto; } .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: -80px; left: 50%; margin-left: -25px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(2) { top: 50%; margin-top: -60px; left: 210px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(2) .item_abs { left: -26px; top: 70px; text-align: center; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(3) { top: 150px; left: 150px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(4) { top: 150px; left: -15px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(5) { top: 25px; left: -80px; } .fh_main .fh_m .fh_mleft .pic .pic_abs .item:nth-child(5) .item_abs { left: -26px; top: 70px; text-align: center; } .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: 20px; top: 50px; 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: 20px; margin-left: 0px; color: #333333; font-size: 16px; line-height: 38px; } .fh_main1 { background: #f2f6f9; padding: 30px 0 35px; } .fh_main1 .fh_m1 { padding-top: 10px; } .fh_main1 .fh_m1 .row { margin-left: -7px; margin-right: -7px; } .fh_main1 .fh_m1 .row .col-xs-6 { padding-left: 7px; padding-right: 7px; } .fh_main1 .fh_m1 .row .col-xs-6 .item { border-radius: 10px; background-color: #ffffff; width: 100%; height: 180px; padding-top: 20px; padding-left: 15px; padding-right: 15px; margin-top: 15px; } .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: 80px; height: 80px; border-radius: 50%; background: #5cabd2; text-align: center; line-height: 80px; } .fh_main1 .fh_m1 .row .col-xs-6 .item .icon img { width: 40px; } .fh_main1 .fh_m1 .row .col-xs-6 .item .tit { color: #666666; font-size: 14px; margin-top: 10px; text-align: center; } .fh_main2 { padding-top: 30px; padding-bottom: 30px; } .fh_main2 .fh_m2 { padding-top: 25px; width: 500px; } .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: 10px; line-height: 22px; } .fh_main2 .fh_m2 .item .cont .more { color: #333333; font-size: 14px; padding-right: 20px; background: url(../images/heijian.png) no-repeat right center; } .fh_main2 .fh_m2 .item .cont .tit { margin-right: 80px; line-height: 22px; overflow: hidden; height: 22px; white-space: nowrap; text-overflow: ellipsis; } .fh_main2 .fh_m2 .item .cont .tit a { color: #333333; font-size: 14px; } .contact_main { padding-top: 20px; padding-bottom: 30px; } .contact_main .contact_nav { border-bottom: solid 1px #dcdcdc; padding-bottom: 15px; } .contact_main .contact_nav a { color: #999999; font-size: 14px; margin-right: 10px; } .contact_main .contact_nav a:last-child { margin-right: 0; } .contact_main .contact_nav a.on { font-size: 18px; color: #333; } .contact_main .contact_nav a:hover { color: #333; } .contact_main .contact_m { padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 10px; } .contact_main .contact_m .item { margin-top: 10px; } .contact_main .contact_m .item .tit { color: #5cabd2; font-size: 16px; font-weight: bold; } .contact_main .contact_m .item .note { color: #666666; font-size: 14px; line-height: 24px; margin-top: 5px; } .contact_main .contact_m .item .note span.b { color: #333; } .contact_main .contact_m1 .row { margin-left: -15px; margin-right: -15px; } .contact_main .contact_m1 .row .col-xs-12 { padding-left: 15px; padding-right: 15px; } .contact_main .contact_m1 .row .col-xs-12 .item { margin-top: 15px; border-radius: 6px; background-color: #f2f6f9; width: 100%; height: 200px; padding: 20px 15px 20px; } .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: 20px; } .contact_main .contact_m1 .row .col-xs-12 .item .note { margin-top: 10px; } .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: 14px; line-height: 30px; } .contact_main .contact_m1 .row .col-xs-12 .item .more { padding-top: 10px; } .contact_main .contact_m1 .row .col-xs-12 .item .more a { background-color: #5cabd2; width: 100px; height: 36px; text-align: center; color: #fff; font-size: 14px; line-height: 36px; 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: 10px; } .contact_main2 .m2_top { padding-top: 20px; padding-bottom: 15px; } .contact_main2 .m2_top .m2_item { margin-top: 10px; } .contact_main2 .m2_top .m2_item .icon { width: 40px; padding-top: 0px; } .contact_main2 .m2_top .m2_item .icon img { width: 100%; } .contact_main2 .m2_top .m2_item .cont { margin-left: 56px; } .contact_main2 .m2_top .m2_item .cont .tit { color: #666666; font-size: 14px; } .contact_main2 .m2_top .m2_item .cont .note { color: #333333; font-size: 24px; margin-top: 5px; font-weight: bold; width: 200px; } .contact_main2 .m2_top .m2_item .cont .note1 { color: #666666; font-size: 14px; margin-top: 5px; } .contact_main3 { padding-top: 20px; } .contact_main3 .f_select { border-width: 1px; border-color: #d6cdc2; border-style: solid; width: 100%; height: 48px; position: relative; z-index: 2; background: url(../images/xiajian.png) no-repeat 93% center; } .contact_main3 .f_select .note { width: 100%; height: 46px; padding-left: 15px; line-height: 46px; color: #333333; font-size: 18px; cursor: pointer; } .contact_main3 .f_select .f_xl { position: absolute; top: 46px; left: 0; width: 100%; padding: 15px 15px; display: none; } .contact_main3 .f_select .f_xl ul li { font-size: 16px; line-height: 32px; cursor: pointer; } .contact_main3 .m3_bot .row { margin-left: -7px; margin-right: -7px; } .contact_main3 .m3_bot .row .col-xs-6 { padding-left: 7px; padding-right: 7px; } .contact_main3 .m3_bot .row .col-xs-6 .item { margin-top: 15px; } .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 { -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: 15px; } .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: 10px; } .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: 10px; left: 15px; color: #ffffff; text-align: left; z-index: 3; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs .tit { font-size: 18px; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs .tit1 { font-size: 14px; opacity: 0; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs1 { color: #fff; font-size: 12px; position: absolute; bottom: 10px; left: 15px; opacity: 1; z-index: 3; } .bd_main { padding-top: 10px; } .bd_main .item { margin-top: 20px; } .bd_main .item.video_show { height: auto; } .bd_main .item.video_show .video_tit { bottom: 10px; font-size: 16px; } .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%; background: url(../images/play_btn.png) no-repeat center center rgba(0, 0, 0, 0.1); background-size: 50px; } .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: 15px; height: auto; } .bd_main .item .cont .tit { white-space: nowrap; text-overflow: ellipsis; line-height: 24px; overflow: hidden; } .bd_main .item .cont .tit a { color: #333333; font-size: 18px; } .bd_main .item .cont .note { color: #666666; font-size: 14px; line-height: 22px; height: auto; overflow: hidden; margin-top: 5px; } .bd_main .item .cont .more { margin-top: 15px; } .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: 0px; } .bd_main1 .pages { top: 0px; } .bd_main1 ul { margin-bottom: 30px; } .bd_main1 ul li { padding-top: 10px; padding-bottom: 22px; 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 .more1 { opacity: 0; } .bd_main1 ul li:hover .cont .more .more2 { opacity: 1; } .bd_main1 ul li .date { display: none; } .bd_main1 ul li .pic { width: 100%; margin-top: 15px; float: none; display: block; } .bd_main1 ul li .pic img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); } .bd_main1 ul li .cont { overflow: hidden; margin-left: 0px; margin-right: 0px; margin-top: 15px; } .bd_main1 ul li .cont .tit a { color: #333333; font-size: 18px; } .bd_main1 ul li .cont .date1 { position: relative; top: 5px; } .bd_main1 ul li .cont .note { color: #666666; font-size: 14px; line-height: 22px; margin-top: 10px; margin-bottom: 10px; } .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; display: none; } .pages a:hover, .pages a.on { background: #5cabd2; color: #fff; } .pages a.tsa { width: 80px; height: 26px; border-radius: 13px; display: inline-block; } .video-mc { width: 90%; padding: 15px; box-sizing: border-box; position: fixed; top: 50%; left: 50%; background-color: #fff; -webkit-transform: translate(-50%, -50%); 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: -5px; top: -5px; position: absolute; cursor: pointer; } .zr_top { padding-top: 20px; } .zr_top .zr_btn { position: relative; top: 15px; text-align: center; margin-bottom: 10px; } .zr_top .zr_btn .prev { width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .zr_top .zr_btn .next { width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .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: 15px; } .zr_top .item .cont .tit a { color: #333333; font-size: 18px; } .zr_top .item .cont .note { color: #666666; font-size: 14px; margin-top: 10px; line-height: 22px; } .zr_main { padding-top: 10px; padding-bottom: 30px; } .zr_main .zr_bot ul { padding-bottom: 10px; } .zr_main .zr_bot ul li { margin-top: 15px; border-radius: 10px; background-color: #f9f9f9; padding: 0; } .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: 100%; height: auto; overflow: hidden; margin-top: 0px; float: none; display: block; } .zr_main .zr_bot ul li .pic img { width: 100%; height: auto; -webkit-transform: scale(1.1); transform: scale(1.1); } .zr_main .zr_bot ul li .cont { margin-left: 0px; padding: 15px; } .zr_main .zr_bot ul li .cont .tit a { color: #333333; font-size: 18px; } .zr_main .zr_bot ul li .cont .note { color: #666666; font-size: 14px; line-height: 22px; margin-top: 5px; margin-bottom: 10px; } .zr_main .zr_bot ul li .cont .more a { display: inline-block; padding-right: 25px; color: #333333; font-size: 14px; background: url(../images/heijian.png) no-repeat right center; } .kh_main { padding-top: 15px; padding-bottom: 20px; } .kh_main.kh_main1 { padding-bottom: 10px; } .kh_main .kh_tit .tit { color: #666666; font-size: 18px; position: relative; z-index: 2; } .kh_main .kh_tit .tit1 { color: #eaeaea; font-size: 14px; margin-top: -15px; } .kh_main .cont ul { margin-left: -7px; margin-right: -7px; } .kh_main .cont ul li { padding-left: 7px; padding-right: 7px; width: 33.33%; margin-top: 15px; } .kh_main .cont ul li a { color: #666666; font-size: 14px; } .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: 100%; height: 60px; line-height: 58px; margin-bottom: 5px; } .kh_main .cont ul li a span img { max-width: 90%; max-height: 58px; 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: 20px 0 20px; } .details_main .details_m { background: #fff; padding: 20px 15px 30px; } .details_main .details_m .tit { color: #333333; font-size: 18px; } .details_main .details_m .note { text-align: center; color: #999999; font-size: 14px; margin-top: 5px; padding-bottom: 10px; } .details_main .details_m .note .dib { margin: 0 8px; } .details_main .details_m .cont { color: #666666; font-size: 14px; line-height: 22px; padding-top: 25px; padding-bottom: 25px; border-top: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; margin-bottom: 25px; } .fanye { line-height: 22px; } .fanye div { margin-top: 10px; } .fanye div a { color: #666666; font-size: 14px; } .fanye div a img { margin-right: 5px; } .fh_main4 { padding-top: 30px; } .fh_ma1 .item { padding-top: 20px; padding-bottom: 20px; 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: 100%; overflow: hidden; float: none; display: block; } .fh_ma1 .item .pic img { width: 100%; } .fh_ma1 .item .cont { width: 100%; padding-top: 15px; padding-left: 0px; text-align: center; } .fh_ma1 .item .cont .tit { color: #5cabd2; font-size: 16px; } .fh_ma1 .item .cont .tit img { margin-right: 12px; width: 30px; } .fh_ma1 .item .cont .note { color: #333333; font-size: 14px; margin-top: 10px; line-height: 24px; } .join_details { padding-top: 30px; padding-left: 0px; padding-right: 0px; } .join_details .tit { color: #5cabd2; font-size: 18px; } .join_details .note { margin-top: 10px; line-height: 24px; color: #666666; font-size: 14px; } .join_details .note span.b { color: #333; } .join_details .item { margin-top: 25px; } .join_details .item .tit1 { color: #333333; font-size: 14px; font-weight: bold; } .join_details .item .note1 { color: #666666; font-size: 14px; margin-top: 10px; line-height: 24px; } .join_details .sent { padding-top: 20px; } .join_details .sent a { background-color: #5cabd2; width: 110px; height: 36px; text-align: center; line-height: 36px; 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: 30px; } .fh_main5 .fh_m5 { padding-top: 20px; } .fh_main5 .fh_m5:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1); } .fh_main5 .fh_m5 .pic { width: 100%; float: none; display: block; } .fh_main5 .fh_m5 .pic img { width: 100%; } .fh_main5 .fh_m5 .cont { padding-top: 4px; margin-left: 0px; } .fh_main5 .fh_m5 .cont .tit { color: #5cabd2; font-size: 18px; text-align: center; } .fh_main5 .fh_m5 .cont .note { color: #333333; font-size: 14px; line-height: 24px; margin-top: 10px; } .about_tit .tit { color: #666666; font-size: 18px; line-height: 18px; position: relative; z-index: 2; } .about_tit .tit1 { color: #eaeaea; font-size: 18px; line-height: 18px; margin-top: -9px; } .about_main { padding-top: 30px; } .about_main .big_tit { color: #999999; font-size: 22px; padding-bottom: 10px; border-bottom: solid 1px #dcdcdc; } .about_main .about_m1 { padding-top: 25px; padding-bottom: 30px; } .about_main .about_m1 .cont .tit { color: #5cabd2; font-size: 20px; line-height: 34px; padding-top: 15px; width: 100%; float: none; } .about_main .about_m1 .cont .cont1 { margin-left: 0px; color: #666666; margin-top: 10px; font-size: 14px; line-height: 22px; } .about_main .about_m1 .pic { margin-top: 10px; } .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: 35px; height: 600px; 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: 20px; left: 50%; } .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 .tit { color: #5cabd2; font-size: 20px; } .about_m2 .m2_m .item .item_abs .note { color: #333; font-size: 16px; line-height: 22px; margin-top: 25px; } .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; } .m2_m2 { min-width: 620px; margin-top: 15px; } .m2_m2 .item { position: relative; padding: 20px 15px; } .m2_m2 .item .tit { color: #fff; font-size: 18px; position: relative; z-index: 2; } .m2_m2 .item .note { color: #fff; font-size: 14px; line-height: 22px; margin-top: 10px; position: relative; z-index: 2; height: 124px; } .m2_m2 .item .item_btm { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .about_main3 .next { position: absolute; right: 5px; top: 70px; border-radius: 50%; background: url(../images/baijian1.png) no-repeat center center rgba(255, 255, 255, 0.3); width: 40px; height: 40px; margin-top: 0px; z-index: 2; cursor: pointer; background-size: 12px!important; } .about_main3 .next:hover { background: url(../images/lanjian2.png) no-repeat center center #fff; } .about_main3 .about_m3 { padding-top: 30px; } .about_main3 .about_m3 .m3_note { padding-top: 10px; color: #666666; font-size: 14px; line-height: 22px; } .about_main3 .m3_cont { margin-top: 10px; width: 620px; } .about_main3 .m3_cont .item { width: 300px; 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 { display: none; } .about_main3 .m3_cont .item .item_abs { bottom: 10px; padding: 0 0px; width: 100%; position: static; margin-top: 20px; } .about_main3 .m3_cont .item .item_abs .tit { color: #333; font-size: 16px; } .about_main3 .m3_cont .item .item_abs .note { color: #333; font-size: 14px; margin-top: 5px; line-height: 22px; } .about_main4 { padding-top: 30px; padding-bottom: 10px; } .about_main4 .about_m4 { padding-top: 15px; } .about_main4 .about_m4 .m4_top .swiper-container { width: 100%; } .about_main4 .about_m4 .m4_top .swiper-container .swiper-slide { color: #cacaca; font-size: 18px; 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 { display: none; 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; 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; 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 { display: none; } .about_main4 .about_m4 .m4_bot .m4_item .cont { margin-left: 0px; padding: 10px; padding-top: 20px; padding-left: 15px; overflow: hidden; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 { padding-left: 50px; height: auto; overflow-y: auto; position: relative; width: 100%; } .about_main4 .about_m4 .m4_bot .m4_item .cont .cont1 .item { padding-top: 1px; position: relative; padding-bottom: 30px; } .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: 14px; 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: 14px; margin-top: 9px; } .about_main5 { background-size: cover!important; padding-top: 30px; padding-bottom: 30px; } .about_main5 .about_tit .tit { color: #fff; } .about_main5 .m5_note { color: #ffffff; font-size: 14px; line-height: 24px; margin-top: 15px; } .about_main5 .m5_cont { margin-top: 20px; 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: 14px; padding-top: 6px; padding-bottom: 3px; } .about_main5 .m5_cont .item .date { font-size: 12px; } .about_main5 .m5_btn { padding-top: 20px; } .about_main5 .m5_btn .prev { width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .about_main5 .m5_btn .next { width: 80px; height: 26px; border-radius: 13px; cursor: pointer; margin-left: 10px; margin-right: 10px; display: inline-block; } .fh_maina1 { padding: 30px 0 30px; } .fh_maina1 .container { width: 100%; } .fh_maina1 .fh_ma11 { padding-top: 25px; } .fh_maina1 .fh_ma11 .fh_m1left { width: 100%; position: relative; left: 0px; float: none; } .fh_maina1 .fh_ma11 .fh_m1right { margin-left: 0; padding-top: 20px; max-width: 560px; } .fh_maina1 .fh_ma11 .fh_m1right .tit { color: #5cabd2; font-size: 20px; } .fh_maina1 .fh_ma11 .fh_m1right .note { color: #666666; font-size: 14px; margin-top: 10px; line-height: 22px; } .pic-mc { width: 90%; padding: 15px; 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; } .fh_maina2 { background: #f2f6f9; padding-top: 30px; padding-bottom: 30px; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2left { width: 100%; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2left .item { width: 48%; float: left; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2left .item:nth-child(2) { float: right; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2right { margin-left: 0px; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2right .tit1 { color: #5cabd2; font-size: 16px; padding-top: 10px; padding-bottom: 0px; } .fh_maina2.fh_main2b .fh_ma22 .fh_m2right .note1 { color: #999999; font-size: 14px; line-height: 22px; padding-top: 10px; } .fh_maina2 .fh_ma22 { padding-top: 0px; } .fh_maina2 .fh_ma22 .fh_m2left { width: 100%; float: none; } .fh_maina2 .fh_ma22 .fh_m2left .item { width: 100%; float: none; margin-top: 25px; 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: 0px; margin-top: 15px; } .fh_maina2 .fh_ma22 .fh_m2right .tit { color: #333333; font-size: 16px; text-align: center; } .fh_maina2 .fh_ma22 .fh_m2right .note { color: #666666; font-size: 14px; line-height: 22px; margin-top: 15px; } .fh_maina2 .fh_ma22 .fh_m2right .pic { margin-top: 20px; 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: 30px; } .fh_maina3 .note { padding-top: 20px; color: #333333; font-size: 14px; line-height: 24px; } .fh_maina3 .cont { margin-left: -5px; margin-right: -5px; font-size: 0; } .fh_maina3 .cont .item { padding-top: 20px; margin-right: 0px; margin-left: 0; width: 33.33%; padding-left: 5px; padding-right: 5px; text-align: center; } .fh_maina3 .cont .item .icon { padding-bottom: 15px; border-bottom: solid 1px #dcdcdc; } .fh_maina3 .cont .item .icon img { display: block; margin: 0 auto; } .fh_maina3 .cont .item .tit { color: #333333; font-size: 12px; padding-top: 15px; } .fh_maina3 .cont .item .note1 { color: #333333; font-size: 12px; } .fh_maina3 .cont .item .note1 span { font-size: 20px; color: #5cabd2; } .fh_maina4 { padding-top: 30px; } .fh_maina4 .cont { padding-top: 0px; } .fh_maina4 .cont.row { margin-left: -7px; margin-right: -7px; } .fh_maina4 .cont.row .col-md-3 { padding-left: 7px; padding-right: 7px; } .fh_maina4 .cont.row .col-md-3 .item { border-radius: 8px; background-color: #f2f6f9; width: 100%; height: 230px; padding: 0 5px; margin-top: 15px; } .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: 30px; } .fh_maina4 .cont.row .col-md-3 .item .icon img { width: 70px; } .fh_maina4 .cont.row .col-md-3 .item .note { padding-top: 15px; color: #333333; font-size: 14px; line-height: 22px; } .fh_maina5 { padding-top: 30px; } .fh_maina5 .note { padding-top: 15px; font-size: 14px; line-height: 22px; } .fh_maina5 .cont { padding-top: 0px; margin-left: -7px; margin-right: -7px; } .fh_maina5 .cont .col-xs-12 { padding-left: 7px; padding-right: 7px; } .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: auto; padding-top: 20px; padding-left: 15px; padding-right: 15px; margin-top: 15px; padding-bottom: 20px; } .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: 5px; width: 60px; } .fh_maina5 .cont .col-xs-12 .item .tit { color: #e98304; font-size: 16px; padding-top: 5px; padding-bottom: 7px; font-weight: bold; } .fh_maina5 .cont .col-xs-12 .item .note1 { color: #666666; font-size: 14px; line-height: 22px; } .fh_maina6 { padding-top: 30px; padding-bottom: 30px; } .fh_maina6 .pic { margin-top: 15px; } .fh_maina6 .pic img { max-width: 100%; } .fh_maina6 .cont { padding-top: 10px; } .fh_maina6 .cont .tit { color: #666666; font-size: 16px; } .fh_maina6 .cont .note { padding: 0 15px; color: #666666; font-size: 14px; line-height: 22px; margin-top: 10px; } .fh_mainb1 { background: #f2f6f9; padding-top: 30px; padding-bottom: 30px; } .fh_mainb1 .cont { margin-left: -15px; margin-right: -15px; } .fh_mainb1 .cont .col-xs-12 { padding-left: 15px; padding-right: 15px; } .fh_mainb1 .cont .col-xs-12 .item { margin-top: 20px; } .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: 70px; } .fh_mainb1 .cont .col-xs-12 .item .icon img { width: 50px; } .fh_mainb1 .cont .col-xs-12 .item .cont1 { margin-left: 70px; } .fh_mainb1 .cont .col-xs-12 .item .cont1 .tit { color: #333333; font-size: 16px; } .fh_mainb1 .cont .col-xs-12 .item .cont1 .note { color: #666666; font-size: 14px; margin-top: 5px; } .fh_mainb4 { padding-top: 30px; padding-bottom: 0px; } .fh_mainb4 .cont { padding-top: 0px; margin-left: -6px; margin-right: -6px; } .fh_mainb4 .cont .col-xs-3 { padding-left: 6px; padding-right: 6px; } .fh_mainb4 .cont .item { margin-top: 20px; } .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: 70px; height: 70px; border: solid 1px #d0e7f2; line-height: 68px; border-radius: 50%; margin: 0 auto; } .fh_mainb4 .cont .item .icon img { max-width: 38px; max-height: 38px; width: auto!important; height: auto!important; } .fh_mainb4 .cont .item .tit { color: #5cabd2; font-size: 14px; margin-top: 5px; } .fh_mainb3 { background: #f2f6f9; padding-top: 30px; padding-bottom: 30px; } .fh_mainb3 .mb3_top { padding-top: 20px; } .fh_mainb3 .mb3_top .pic { width: 100%; float: none; } .fh_mainb3 .mb3_top .pic img { width: 80%; display: block; margin: 0 auto; } .fh_mainb3 .mb3_top .cont { margin-left: 0px; color: #333333; font-size: 14px; line-height: 24px; padding-top: 10px; } .fh_mainb3 .mb3_bot { padding-top: 20px; } .fh_mainb3 .mb3_bot .tit { color: #5cabd2; font-size: 20px; } .fh_mainb3 .mb3_bot .note { margin-top: 10px; color: #333333; font-size: 14px; line-height: 22px; } .fh_mainb3 .mb3_bot .cont { padding-top: 5px; margin-left: -7px; margin-right: -7px; } .fh_mainb3 .mb3_bot .cont .col-xs-6 { padding-left: 7px; padding-right: 7px; } .fh_mainb3 .mb3_bot .cont .item { width: 150px; height: 150px; position: relative; margin-top: 15px; } .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: 100px; 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: 14px; } .fh_mainb3 .mb3_bot .cont .item .item_abs .note1 { color: #333333; font-size: 12px; line-height: 18px; margin-top: 5px; } .fh_mainb2 { padding-top: 30px; padding-bottom: 30px; } .fh_mainb2 .mb2_item { margin-top: 30px; } .fh_mainb2 .mb2_item:nth-child(3) .cont { text-align: center; } .fh_mainb2 .mb2_item:nth-child(3) .cont img:nth-child(4) { display: none; } .fh_mainb2 .mb2_item .tit { width: 150px; height: 36px; background: url(../images/bgtp2.png) no-repeat center center; line-height: 36px; background-size: 100% 100%!important; color: #fff; font-size: 16px; padding-left: 25px; } .fh_mainb2 .mb2_item .cont { margin-top: 10px; 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: 100px; height: 40px; text-align: center; line-height: 38px; color: #333333; font-size: 14px; margin-top: 15px; cursor: pointer; } .fh_mainb2 .mb2_item .cont span:hover { background: #5cabd2; color: #fff; } .fh_mainb2 .mb2_item .cont img { margin-left: 39px; margin-top: 15px; margin-right: 39px; } .xj_fhmain1 { padding-bottom: 30px; } .xj_fhmain1 .item { margin-top: 30px; position: relative; } .xj_fhmain1 .item:nth-child(2n) .pic { float: none; } .xj_fhmain1 .item:nth-child(2n) .cont { left: 0; right: 0%; padding-left: 0; padding-right: 0px; text-align: left; } .xj_fhmain1 .item .pic { width: 100%; } .xj_fhmain1 .item .pic img { width: 100%; } .xj_fhmain1 .item .cont { position: static; margin-top: 15px; right: 0; left: 0%; padding-left: 0px; top: 0%; -webkit-transform: translateY(0%); transform: translateY(0%); color: #333333; font-size: 14px; line-height: 22px; } .xj_fhmain1 .item1 { padding-top: 30px; } .xj_fhmain1 .item1 .note { color: #333333; font-size: 14px; line-height: 22px; } .xj_fhmain1 .item1 .pic1 img { margin-top: 20px; width: 100%; } .date1 { position: relative; top: 5px; } .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs .tit{display: none;} .contact_main3 .m3_bot .row .col-xs-6 .item .pic .pic_abs1 .tit{opacity: 1;font-size: 18px;} }