html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; } /*杩欓噷涓嶈鐢ㄩ€氶厤绗?{margin:0;padding:0;}鍥犱负浼氶亶鍙婃墍鏈夊厓绱?/ html { font-size: 100px; } /*璁剧疆html鏍规爣绛剧殑瀛楀彿澶у皬涓?00px锛涗负浜嗕娇鐢╮em锛涘彲浠ョ瓑姣斾緥鏀惧ぇ缂╁皬鏁翠綋姣斾緥*/ body { font-family: "寰蒋闆呴粦"; font-size: 16px; overflow-x: hidden; } /*html{font-size: 100px;},姝ゆ椂涓嶇粰body鍔犲瓧鍙峰ぇ灏忥紝鍦ㄧ粰inline-block浣跨敤瀛椾綋鐨勬椂鍊欐帓鐗堜細涔?/ b { font-weight: normal; } i, em { font-style: normal; } ul, ol, li { list-style: none; } a, u { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-size: 16px; font-weight: normal; } img { border: 0; display: block } input, fieldset { outline: none; border: 0; } .clear_fix::after { content: " "; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } /*涓囪兘娓呮诞鍔?/ .clear_fix { zoom: 1; } /*ihpne6,7,8*/ @media all and (max-width: 992px) { html, body { font-size: 16px; } html .warp, body .warp { padding-top: 46px; } html .warp header .logo, body .warp header .logo { width: 50%; } html .warp header nav, body .warp header nav { display: none !important; } html .warp header .ss_link, body .warp header .ss_link { display: none !important; } html .warp header #open, body .warp header #open { display: block !important; } } .warp header { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.6); } .warp header .header_content { max-width: 1400px; height: 100%; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; } .warp header .header_content .logo { flex: 1; padding: 1% 0; display: flex; display: -webkit-flex; } .warp header .header_content .logo img { max-height: 100%; max-width: 100%; } .warp header .header_content nav { display: block; width: 64.93%; margin-left: 3.42%; margin-right: 3%; padding: 1% 0; } .warp header .header_content nav ul { width: 100%; height: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; } .warp header .header_content nav ul li { flex: 1; height: 100%; display: flex; display: -webkit-flex; justify-content: center; position: relative; } .warp header .header_content nav ul li:nth-of-type(1) { margin-right: -2%; } .warp header .header_content nav ul li a { position: relative; box-sizing: border-box; padding: 12% 0; text-align: center; font-size: 16px; font-family: "Source Han Sans CN Regular"; color: #FFF; } .warp header .header_content nav ul li .down_line::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #F37222; transition: all 0.5s ease 0s; } .warp header .header_content nav ul li .dropdown_menu { display: none; position: absolute; top: 100%; left: -5%; width: 105%; background: #FFFFFF; box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38); } .warp header .header_content nav ul li:nth-of-type(4) .dropdown_menu { left: -9%; width: 120%; } .warp header .header_content nav ul li .dropdown_menu a { display: block; box-sizing: border-box; padding: 12% 0; text-align: center; font-size: 14px; color: #333333 !important; } .warp header .header_content nav ul .active { border-bottom: 3px solid #F37222; color: #f37222; } .warp header .header_content nav ul li:hover a { color: #f37222; } .warp header .header_content nav ul li:hover .down_line::after { width: 100%; } .warp header .header_content nav ul li:hover .dropdown_menu a::after { display: none; } .warp header .header_content nav ul li:hover .dropdown_menu a:hover { color: #FFFFFF !important; background: #F37222; } .warp header .header_content .ss_link { flex: 1; display: flex; display: -webkit-flex; justify-content: center; background-color: #efefef; } .warp header .header_content .ss_link .ss { width: 40%; position: relative; } .warp header .header_content .ss_link .ss a { position: absolute; top: 34%; left: 44%; } .warp header .header_content .ss_link .ss a img { max-width: 100%; max-height: 100%; margin: auto; } .warp header .header_content .ss_link .ss .search { position: absolute; top: 100%; left: 0%; width: 268%; display: flex; } .warp header .header_content .ss_link .ss .search input { width: 73%; height: 40px; outline: none; border: 1px solid #f47b31; box-sizing: border-box; padding-left: 10px; } .warp header .header_content .ss_link .ss .search button { width: 20%; height: 40px; background-color: #f47b31; color: white; border-style: none; outline: none; } .warp header .header_content .ss_link .link { flex: 1; display: flex; cursor: pointer; display: -webkit-flex; justify-content: center; align-items: center; } .warp header .header_content .ss_link .link i { font-size: 13px; margin-right: 6%; color: #858585; } .warp header .header_content .ss_link .link span { position: relative; } .warp header .header_content .ss_link .link span img { max-width: 100%; max-height: 100%; margin: auto; } .warp header .header_content .ss_link .link span .link_go { display: none; position: absolute; left: -162px; top: 50px; width: 198px; background-color: #FFFFFF; } .warp header .header_content .ss_link .link span .link_go a { display: block; width: 100%; padding: 2% 0; flex: 1; text-align: center; color: #333333; font-size: 13px; } .warp header .header_content .ss_link .link span .link_go a:hover { background-color: #F37222; color: #FFFFFF; } .warp header .header_content #open { display: none; width: 50%; height: 48px; margin: auto; background: url(../images/lm.png) no-repeat; background-size: 20% 50%; background-position-y: center; background-position-x: right; } /* 绉诲姩绔 */ .m_nav { position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); } .m_nav.open { transform: translateX(0); } .m_nav .top { height: 60px; padding: 20px; box-sizing: border-box; } .m_nav .top .closed { width: 30px; height: 30px; vertical-align: middle; float: right; cursor: pointer; } .m_nav .logo { width: 100%; margin: 0 auto; } .m_nav .logo img { height: 50px; display: block; margin: 30px auto; } .m_nav .ul { margin-top: 30px; } .m_nav .ul li { padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; } .m_nav.open .ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li a { display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%; } .m_nav .ul li .dropdown_menu { display: none; } .m_nav .ul li.dropdown.active .dropdown_menu { display: block; } .m_nav .ul li .dropdown_menu a { display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } .m_nav .ul li .dropdown_menu a:last-child { border: none; } @media all and (max-width: 1366px) { .business_section .business_content .business_tab p span { width: 67.54% !important; line-height: 20px; font-size: 16px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .business_section .business_content .business_tab p a { margin-left: 5% !important; } .warp footer .footer_content .footer_details .footer_details_left .list_details { width: 98.9% !important; } } @media all and (max-width: 768px) { .warp footer .footer_content { width: 95% !important; } .warp footer .footer_content .footer_nav .nav { display: none !important; } .warp footer .footer_content .footer_details { flex-wrap: wrap; } .warp footer .footer_content .footer_details .footer_details_left { width: 100% !important; } .warp footer .footer_content .footer_details .footer_details_left .list_details { width: 100% !important; flex-wrap: wrap; } .warp footer .footer_content .footer_details .footer_details_left .list_details li { width: 100% !important; margin-bottom: 2%; justify-content: flex-start !important; } .warp footer .footer_bottom .footer_bottom_content { width: 95% !important; flex-wrap: wrap; } .warp footer .footer_bottom .footer_bottom_content a { width: 100%; } } .warp { width: 100%; /*padding-top: 4.2%;*/ } .warp footer { width: 100%; background-color: #fd873f; } .warp footer .footer_content { max-width: 1400px; margin: 0 auto; } .warp footer .footer_content .footer_nav { width: 100%; padding: 0.6% 0; border-bottom: 1px solid #ff9757; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .warp footer .footer_content .footer_nav .nav { width: 81.64%; padding: 1.22% 0 0.61%; } .warp footer .footer_content .footer_nav .nav ul { width: 62.02%; height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .warp footer .footer_content .footer_nav .nav ul li { height: 100%; display: flex; display: -webkit-flex; justify-content: center; } .warp footer .footer_content .footer_nav .nav ul li a { color: #FFFFFF; font-size: 14px; } .warp footer .footer_content .footer_nav .nav ul li a:hover { color: #ffd46d; } .warp footer .footer_content .footer_nav .nav ul li span { color: #FFFFFF; font-size: 14px; } .warp footer .footer_content .footer_nav .go_link { position: relative; flex: 1; box-sizing: border-box; border: 1px solid #ffb689; border-radius: 4px; } .warp footer .footer_content .footer_nav .go_link p { width: 100%; box-sizing: border-box; padding: 4.03% 8.04%; display: flex; display: -webkit-flex; justify-content: space-between; } .warp footer .footer_content .footer_nav .go_link p span { font-size: 13px; color: #ffffff; } .warp footer .footer_content .footer_nav .go_link p i { width: 8.34%; } .warp footer .footer_content .footer_nav .go_link p i img { width: 100%; max-width: 100%; margin: auto } .warp footer .footer_content .footer_nav .go_link .down_link { position: absolute; width: 100%; box-sizing: border-box; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; } .warp footer .footer_content .footer_nav .go_link .down_link a { display: block; width: 100%; box-sizing: border-box; font-size: 12px; color: #888; border-bottom: 1px solid #cdcdcd; background-color: #efefef; box-sizing: border-box; padding: 4.03% 8.04%; } .warp footer .footer_content .footer_nav .go_link .down_link a:hover { color: #F37222; border-bottom: 1px solid #825437; } warp footer .footer_content .footer_nav .go_link .select::-ms-expand { display: none; } .warp footer .footer_content .footer_details { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .warp footer .footer_content .footer_details .footer_details_left { width: 93.28%; } .warp footer .footer_content .footer_details .footer_details_left .list_details { width: 84.9%; height: 100%; margin-bottom: 20px; margin-top: 20px; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .warp footer .footer_content .footer_details .footer_details_left .list_details li { height: 100%; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .warp footer .footer_content .footer_details .footer_details_left .list_details li span img { max-width: 100%; max-height: 100%; } .warp footer .footer_content .footer_details .footer_details_left .list_details li i { margin-left: 10px; font-size: 14px; color: #FFFFFF; } .warp footer .footer_content .footer_details .footer_details_right { flex: 1; padding: 1% 0; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; flex-direction: column; } .warp footer .footer_content .footer_details .footer_details_right span img { /*max-width: 100%;*/ /*max-height: 100%;*/ margin: auto; } .warp footer .footer_content .footer_details .footer_details_right i { margin-top: 5px; font-size: 13px; color: #FFFFFF; } .warp footer .footer_bottom { width: 100%; background-color: #626262; } .warp footer .footer_bottom .footer_bottom_content { width: 72.92%; margin: 0 auto; padding: 0.4% 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .warp footer .footer_bottom .footer_bottom_content a { font-size: 14px; color: #bbb8b8; } .call_way { width: 100%; padding: 4.48% 0; background-color: #f4f4f4; } .call_way .way { max-width: 1400px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; } .call_way .way .way_mod { width: 31.14%; padding: 3.28% 0; background-color: #FFFFFF; transition: all 1s ease 0s; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .call_way .way .way_mod:hover { box-shadow: 0 0 20px 0 #c8c8c8; } .call_way .way .way_mod a { width: 10%; } .call_way .way .way_mod a img { margin: auto; max-width: 100%; max-height: 100%; object-fit: cover; } .call_way .way .way_mod p { width: 50%; display: flex; display: -webkit-flex; flex-direction: column; align-items: flex-start; } .call_way .way .way_mod p span { font-weight: 600; font-size: 17px; color: #404040; } .call_way .way .way_mod p i { font-size: 14px; color: #595959; } /* 浜哄姏璧勬簮 */ .banner1 { position: relative; width: 100%; overflow: hidden; } .banner1 img { min-width: 100%; min-height: 100%; margin: auto; object-fit: cover; } .banner1 .nav { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 1400px; display: flex; display: -webkit-flex; flex-direction: column; align-items: center; justify-content: center } .banner1 .nav .nav_title { width: 100%; margin-bottom: 3%; } .banner1 .nav .nav_title h3 { width: 100%; font-weight: 600; font-size: 26px; color: #333333; text-align: center; } .banner1 .nav .nav_banner { width: 100%; background-color: #FFFFFF; } .banner1 .nav .nav_banner .swiper-container { width: 100%; height: 417px; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m { width: 100%; height: 100%; display: flex; display: -webkit-flex; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_l { width: 50%; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_l img { height: 100%; max-width: 100%; margin: auto; object-fit: cover; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r { width: 50%; padding: 1.29% 3.36% 10.57%; background-color: #FFFFFF; box-sizing: border-box; display: flex; display: -webkit-flex; flex-direction: column; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r p { width: 100%; padding: 3.14% 0; box-sizing: border-box; border-bottom: 1px solid #dedede; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r p span { color: #333333; font-size: 22px; padding-left: 9px; line-height: 22px; border-left: 4px solid #F37222; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r p a { color: #d5d5d5; transition: all 1s ease 0s; width: 15.83%; font-size: 13px; border-radius: 4px; text-align: center; padding: 1.14% 0; border: 1px solid #d5d5d5; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r p a:hover { background-color: #F37222; border: 1px solid #F37222; color: #FFFFFF; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list { width: 100%; padding-top: 8%; display: flex; display: -webkit-flex; flex-direction: column; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list h3 { font-size: 18px; font-weight: 600; color: #3d3c3c; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list .time { margin: 3% 0; display: flex; display: -webkit-flex; align-items: center; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list .time span { font-size: 14px; color: #929292; font-weight: 600; border-right: 3px solid #929292; padding-right: 6px; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list .time i { font-size: 11px; color: #7a7a7a; margin-left: 6px; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list a { font-size: 15px; line-height: 30px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .banner1 .nav .nav_banner .swiper-container .swiper-slide #s_m .s_r .c_list a::after { content: "猫炉娄忙茠鈥?"; color: #F37222; display: inline-block; font-size: 15px; } .banner1 .nav .nav_banner .swiper-container .swiper-pagination { width: 10%; left: 51.4%; bottom: 10%; } .banner1 .nav .nav_banner .swiper-container .swiper-pagination-bullet { width: 13px !important; height: 13px !important; opacity: 1; margin: 0 4% !important; background-color: #c8c8c8 !important; } .banner1 .nav .nav_banner .swiper-container .swiper-pagination-bullet-active { width: 13px !important; height: 13px !important; background-color: #F37222 !important; } .banner1 .nav .nav_bottom { width: 100%; height: 313px; margin-top: 4%; display: flex; display: -webkit-flex; } .banner1 .nav .nav_bottom .mod_s { flex: 1; background-color: #FFFFFF; display: flex; display: -webkit-flex; } .banner1 .nav .nav_bottom .mod_s p { flex: 1; overflow: hidden; } .banner1 .nav .nav_bottom .mod_s p a img { transition: all 0.5s; max-width: 100%; margin: auto; object-fit: cover; } .banner1 .nav .nav_bottom .mod_s p:hover a img { transform: scale(1.2); } .banner1 .nav .nav_bottom .mod_s .s_zr { flex: 1; padding: 3.71% 4.42% 6%; display: flex; display: -webkit-flex; flex-direction: column; } .banner1 .nav .nav_bottom .mod_s .s_zr h3 { width: 100%; padding: 4.44% 0; box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; } .banner1 .nav .nav_bottom .mod_s .s_zr h3 span { padding-left: 8px; border-left: 4px solid #F37222; color: #333333; font-size: 22px; line-height: 22px; } .banner1 .nav .nav_bottom .mod_s .s_zr .mod_desc { margin-top: 3%; font-size: 13px; height: 70px; color: #707070; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .banner1 .nav .nav_bottom .mod_s .s_zr a { width: 28.14%; border: 1px solid #d5d5d5; transition: all 1s ease 0s; box-sizing: border-box; border-radius: 4px; padding: 3.1% 0; margin: 21% 0 0 70%; text-align: center; color: #d5d5d5; font-size: 12px; } .banner1 .nav .nav_bottom .mod_s .s_zr a:hover { border-color: #F37222; background-color: #F37222; color: #FFFFFF; } /* 澶т簨浠 */ @media all and (max-width: 1366px) { .banner2 .nav .nav_tab { width: 57.43% !important; } .banner2 .nav .nav_title { width: 18.14% !important; } .banner2 .nav .nav_tab ul { width: 50.89% !important; } .banner2 .nav .nav_tab ul li { height: 95% !important; } } .content2 { width: 100%; padding: 4.03% 0 3.65%; background: #f4f4f4; } .content2 { width: 100%; padding: 4.03% 0 3.65%; background: #f4f4f4; } .content2 .content_mod { max-width: 1400px; margin: 0 auto; min-height: 539px; background-color: #FFF; } .content2 .content_mod .mod_title { width: 100%; padding-top: 4.68%; display: flex; display: -webkit-flex; align-items: center; flex-direction: column; } .content2 .content_mod .mod_title h3 { color: #353535; font-size: 33px; font-weight: 600; } .content2 .content_mod .mod_title span { font-size: 11px; color: #919191; } .content2 .content_mod .mod_banner { padding: 2% 6%; } .about-history-list { position: relative; } .about-history-list .flex-viewport { padding: 0 31px; } .about-history-list .flex-viewport:before { position: absolute; top: 50%; right: 0; left: 0; border-top: 1px solid #C7C7C7; content: ''; } .about-history-list .slides li { position: relative; width: 242px; height: 338px; margin-right: 38px; } .about-history-list .slides li .item { position: absolute; bottom: 0; min-height: 100px; margin-top: 0.5%; margin-bottom: 0.5%; padding: 31px 0 0 0; background-color: #FFFFFF; box-shadow: 0 0 10px #efefef; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .about-history-list .slides li .item:before { position: absolute; top: -49px; left: 50%; width: 20px; height: 20px; overflow: hidden; margin-left: -10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #f37222; content: ''; } .about-history-list .slides li .item:after { position: absolute; top: -43px; left: 50.8%; width: 8px; height: 8px; overflow: hidden; margin-left: -6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #FFFFFF; content: ''; } .about-history-list .slides li:nth-child(even) .item { top: 0; bottom: auto; padding: 0 0 30px; } .about-history-list .slides li:nth-child(even) .item:before { top: auto; bottom: -49px; } .about-history-list .slides li:nth-child(even) .item:after { top: auto; bottom: -43px; } .about-history-list .slides li .item:hover { background-color: #dddddd; } .about-history-list .slides li .item h3 { position: absolute; top: -8%; right: 0; left: 0; height: 40px; line-height: 40px; margin: 0; font-size: 16px; font-weight: 600; color: #FFFFFF; text-align: center; background-color: #F37222; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .about-history-list .slides li .item:hover h3 { color: #FFFFFF; background-color: #F37222; } .about-history-list .slides li .item h3:before { position: absolute; bottom: 80%; left: 50%; margin-left: -9px; border-width: 0 9px 18px; border-style: solid; border-color: transparent transparent #F37222; content: ''; } .about-history-list .slides li:nth-child(even) .item h3 { top: auto; bottom: -8%; } .about-history-list .slides li:nth-child(even) .item h3:before { top: 80%; bottom: auto; border-width: 18px 9px 0; border-color: #F37222 transparent transparent; } .about-history-list .slides li .item .desc { line-height: 20px; padding: 7px 26px; font-size: 14px; color: #929292; height: 85px; display: flex; display: -webkit-flex; align-items: center } .about-history-list .slides li .item:hover .desc { color: #ffffff; background-color: #F37222; } .about-history-list .slides li .item .desc p { margin: 0; } .about-history-list .flex-direction-nav { padding: 0; margin: 0; list-style: none; } .about-history-list .flex-direction-nav a { position: absolute; top: 50%; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background-color: #7f7f7f; overflow: hidden; margin-top: -26px; font-size: 26px; font-family: simsun; color: #ffffff; text-align: center; } .about-history-list .flex-direction-nav a:hover { background-color: #F37222; } .about-history-list .flex-direction-nav a.flex-prev { left: -6%; } .about-history-list .flex-direction-nav a.flex-next { right: -6%; } .about-history-swiper { width: 100%; } .about-history-swiper .swiper-slide .item { overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; } .about-history-swiper .swiper-slide .item h3 { margin: 0; height: 40px; line-height: 40px; overflow: hidden; font-size: 20px; text-align: center; color: #999999; background-color: #e2e2e2; } .about-history-swiper .swiper-slide .item .desc { line-height: 20px; padding: 10px; font-size: 14px; color: #929292; } .about-history-swiper .swiper-slide .item .desc p { margin: 0; } .about-history-swiper .about-history-pagination { position: static; margin-top: 10px; } .about-history-swiper .about-history-pagination .swiper-pagination-bullet { background: #fff; } .about-history-swiper .about-history-pagination .swiper-pagination-bullet-active { background: #C91523; } /* 鍒嗙被淇℃伅 */ .contentxx { width: 100%; padding: 2.08% 0 4.9%; background-color: #f4f4f4; } .contentxx .content_mod { max-width: 1400px; margin: 0 auto; border-bottom: 1px solid #ededed; } .contentxx .content_mod ul li { width: 100%; border-top: 1px solid #ededed; border-left: 1px solid #ededed; border-right: 1px solid #ededed; display: flex; display: -webkit-flex; flex-direction: column; } .contentxx .content_mod ul li .bt { width: 100%; padding: 0.75% 1.07% 0.75% 2.14%; background-color: #f9f9f9; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .contentxx .content_mod ul li p span { font-size: 18px; color: #222222; } .contentxx .content_mod ul li p i { width: 2.3%; text-align: center; cursor: pointer; font-size: 30px; color: #9b9b9b; } .contentxx .content_mod ul li .bt_xl { display: none; width: 100%; padding: 2.36% 1.07% 2.36% 2.14%; box-sizing: border-box; background-color: #FFFFFF; } .contentxx .content_mod ul li .bt_xl .bt_sp { float: left; height: 267px; } .contentxx .content_mod ul li .bt_xl .bt_sp .bt_img { max-width: 100%; height: 100%; object-fit: cover; margin: auto; } .contentxx .content_mod ul li .bt_xl .mod_infrom { box-sizing: border-box; padding: 2.09% 2.78% 0 3.78%; display: flex; display: -webkit-flex; flex-direction: column; } .contentxx .content_mod ul li .bt_xl .mod_infrom h3 { font-size: 19px; color: #3d3d3d; font-weight: 600; border-left: 4px solid #F37222; padding-left: 8px; } .contentxx .content_mod ul li .bt_xl .mod_infrom .nr { margin-top: 2%; width: 100%; } .contentxx .content_mod ul li .bt_xl .mod_infrom .nr p { width: 100%; } .contentxx .content_mod ul li .bt_xl .mod_infrom .nr p img { max-width: 100%; } .contentxx .content_mod ul li .bt_xl .mod_infrom i { float: left; margin-right: 30px; margin-top: 20px; } @media all and (max-width: 992px) { .contentxx .content_mod ul li p i { width: 4.3%; } } /* 鍙充晶 娴姩*/ .float-box { position: fixed; right: 20px; bottom: 15%; width: 60px; z-index: 999 } .qq-advice { border-radius: 30px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); padding-top: 20px; background: linear-gradient(left top, #f69960, #f37222); background: -webkit-linear-gradient(left top, #f69960, #f37222); background: -o-linear-gradient(left top, #f69960, #f37222); background: -moz-linear-gradient(left top, #f69960, #f37222); background: -ms-linear-gradient(left top, #f69960, #f37222); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#f69960, endColorStr=#f37222); } .qq-advice-inner { display: block; padding: 10px 0; text-align: center; font-size: 14px; color: #fff; } .qq-advice-inner img { margin: 0 auto; } .qq-advice-inner span { display: block; padding: 5px; color: #FFF; } .tel-advice { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; } .tel-advice .tel-icon { padding: 10px; } .tel-box { display: none; position: absolute; width: 200px; height: 80px; padding: 20px; box-sizing: border-box; right: 70px; top: 0px; border-radius: 5px; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); } .tel-box img { display: inline-block; vertical-align: middle; } .tel-box .tel-box-r { display: inline-block; vertical-align: middle; color: #555; font-weight: bold; } .tel-box.show { display: block; } .qr-advice { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; padding-bottom: 15px; } .qr-advice .qr-icon { padding: 10px; } .qr-box { display: none; position: absolute; width: 250px; height: 170px; padding: 20px; box-sizing: border-box; right: 70px; top: 0px; border-radius: 5px; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); text-align: center } .qr-box img { display: inline-block; vertical-align: middle; } .qr-box .qr-box-r { display: inline-block; vertical-align: middle; color: #555; font-weight: bold; } .qr-box.show { display: block; } .qr-icon, .tel-icon { text-align: center } .qr-icon span, .tel-icon span { font-size: 14px; color: #fff; text-align: center; display: inline-block; margin-top: 5px; } .back-top { display: block; width: 60px; height: 60px; border-radius: 60px; margin-top: 10px; background: #fff url(../images/top_nor.png) no-repeat center; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); cursor: pointer; } .back-top:hover { background: #fff url(../images/top_sel.png) no-repeat center } .content .content_mod_ts { max-width: 600px; margin: 0 auto; display: flex; display: -webkit-flex; flex-direction: column; } /* 鐣欒█鏉 */ .m-gb-lst { background-color: #fff; padding: 10px; margin-top: 10px; } .m-gb-lst .info { border-bottom: 1px dotted #ccc; line-height: 25px; height: 25px; } .m-gb-lst .content { line-height: 25px; padding-top: 10px; } .m-gb-form { background-color: #fff; padding: 10px; margin-top: 10px; } /* 琛ㄥ崟 */ .m-form { line-height: 29px; color: #555; padding-bottom: 20px; } .m-form legend { font-size: 14px; font-weight: bold; } .m-form .formitm { padding: 20px 0 0; line-height: 30px; } .m-form .formitm-1 { padding-left: 100px; } .m-form .lab { float: left; width: 130px; margin-right: -90px; text-align: right; font-weight: bold; } .m-form .ipt { margin-left: 150px; margin-bottom: 30px; line-height: 30px; } .m-form .ipt * { vertical-align: middle; } .m-form .ipt a, .m-form .ipt a:hover { text-decoration: none; color: #3891eb; } .m-form .ipt img { height: 32px; margin: 0 15px 0 5px; } .m-form .ipt .domain { margin: 0 0 0 5px; font-weight: bold; color: #777; } .m-form .ipt p { line-height: 22px; color: #999; } .m-form .tip { padding-top: 10px; } .m-form .tip input { margin: 0 5px 3px 0; } .u-btn { padding: 10px 15px; } /* 鏂囨湰杈撳叆妗 */ .u-ipt { width: 180px; padding: 5px; height: 17px; border: 1px solid #D9D9D9; border-top-color: #c0c0c0; line-height: 17px; font-size: 14px; color: #777; background: #fff; margin-right: 5px; vertical-align: middle; } .u-ipt-1 { width: 50px; } .u-ipt-2 { width: 100px; } .u-ipt-3 { width: 150px; } .u-ipt-4 { width: 200px; } .u-ipt-5 { width: 250px; } .u-ipt-6 { width: 300px; } .u-ipt-7 { width: 400px; } .u-tta { width: 180px; padding: 5px; height: 50px; border: 1px solid #D9D9D9; border-top-color: #c0c0c0; line-height: 17px; font-size: 14px; color: #777; background: #fff; vertical-align: middle; margin-right: 5px; } .u-tta-4 { width: 200px; height: 60px; } .u-tta-5 { width: 250px; height: 70px; } .u-tta-6 { width: 300px; height: 80px; } .u-ipt-7 { width: 400px; height: 100px; } .u-tta-err { border-color: #c00 #e00 #e00; } @media screen and ( max-width:1004px) { .m-form .lab { text-align: left; width: 100%; float: left; } .m-form .ipt { float: left; margin-left: 0px; margin-bottom: 0px; } .formitm { clear: both; } .u-tta-6 { width: 260px; } } @media all and (max-width: 1366px){ .banner .nav .nav_tab{ width:63.43% !important; } .banner .nav .nav_tab ul{ width:100% !important; } .banner .nav .nav_tab ul li{ height:50px !important; } .banner .nav .nav_tab ul li a{ line-height:40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } } .banner { position: relative; width: 100%; } .banner img { max-width: 100%; min-height: 100%; margin: auto; object-fit: cover; } .banner .nav { position: absolute; bottom: 0; left: 0; right: 0; max-width: 1400px; margin: 0 auto; display: flex; display: -webkit-flex; background-color: #FFFFFF; } .banner .nav .nav_title::before { position: absolute; top: 45%; right: -8%; content: ""; width: 0; height: 0; border: 9px solid transparent; border-style: dashed solid dashed dashed; border-left-color: #f37222; } .banner .nav .nav_title { position: relative; width: 17%; padding: 1.7% 4.71% 1.86% 1.6%; box-sizing: border-box; background-color: #f37222; display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-start; flex-direction: column; } .banner .nav .nav_title span::before { content: ""; position: absolute; top: 5px; left: -10px; width: 4px; height: 20px; background-color: #FFFFFF; } .banner .nav .nav_title span { position: relative; margin-left: 9.88%; font-size: 22px; color: #FFFFFF; font-weight: 600; } .banner .nav .nav_title i { margin-top: 1%; font-size: 12px; color: #feb588; } .banner .nav .nav_tab { width: 80%; padding: 2.36% 0 1.79% 4.14%; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: flex-start; } .banner .nav .nav_tab ul { width: 100%; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content:space-around; align-items: center; } .banner .nav .nav_tab ul li { width:14.75%; display: flex; height:99%; display: -webkit-flex; justify-content: center; } .banner .nav .nav_tab ul li a { position: relative; text-align: center; padding: 9px 0; font-size: 15px; color: #404040; box-sizing: border-box; } .banner .nav .nav_tab ul li .nav_down_line::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #F37222; transition: all 0.5s ease 0s; } .banner .nav .nav_tab ul li .active { color: #F37222; border-bottom: 3px solid #F37222; } .banner .nav .nav_tab ul li:hover a { color: #F37222; } .banner .nav .nav_tab ul li:hover .nav_down_line::after { width: 100%; } .banner .nav .nav_go { flex: 1; box-sizing: border-box; padding: 1.5% 0; display: flex; align-items: center; display: -webkit-flex; } .banner .nav .nav_go p { width: 100%; height: 100%; padding: 0 10%; box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; border-left: 1px solid #cccccc; } .banner .nav .nav_go p i img { max-width: 100%; max-height: 100%; margin: auto; object-fit: cover; } .banner .nav .nav_go p span { font-size: 6px; color: #888; } .banner .nav .nav_go p a { font-size: 12px; color: #888; } .banner .nav .nav_go p a:nth-of-type(2){ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } .banner .nav .nav_go p a:nth-of-type(3){ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } .nav_box{ width:100%; margin:5px 0; display:none; justify-content:center; } .nav_box select{ width:95%; background: url(../img/ico_jt4.png) no-repeat 97% center #EDEDED; background-size: 20px; border: 1px solid #D4D4D4; height: 40px; padding: 0 8px; outline: none; -webkit-appearance: none; } .content { width: 100%; background-color: #f4f4f4; padding: 2.24% 0 5%; } .content .content_mod { max-width: 1400px; margin: 0 auto; display: flex; display: -webkit-flex; flex-direction: column; } .content .content_mod .mod_search { width: 100%; padding: 2.21% 1.57% 2.21% 2.28%; box-sizing: border-box; background-color: #e7e7e7; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .content .content_mod .mod_search h3 { color: #484848; font-size: 17px; } .content .content_mod .mod_search select { box-sizing: border-box; width: 19.27%; padding: 0.85% 1.1%; font-size: 13px; background-color: #f4f4f4; color: #a4a4a4; border: 1px solid #d0d0d0; border-radius: 3px; outline: none; cursor: pointer; /*鍘绘帀榛樿鐨勪笅鎷変笁瑙?/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*娣诲姞涓嬫媺涓夎鍥炬爣*/ background: url(../img/select_xl.jpg) no-repeat right center transparent; } .content .content_mod .mod_search input { box-sizing: border-box; border: 1px solid #d0d0d0; border-radius: 3px; background-color: #f4f4f4; width: 19.93%; padding: 0.92% 1.1%; font-size: 13px; color: #a4a4a4; } .content .content_mod .mod_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a4a4a4; } .content .content_mod .mod_search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a4a4a4; } .content .content_mod .mod_search input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #a4a4a4; } .content .content_mod .mod_search input::-webkit-input-placeholder { /* WebKit browsers */ color: #a4a4a4; } .content .content_mod .mod_search button { width: 19.27%; cursor:pointer; padding: 0.93% 0; font-size: 13px; color: #FFFFFF; background-color: #F37222; border: none; outline: none; } .content .content_mod .mod_list { width: 100%; } .content .content_mod .mod_list ul li { width: 100%; border-top: 1px solid #e7e7e7; background-color: #FFFFFF; box-sizing: border-box; transition: all 0.5s ease 0s; padding: 1.93% 0.5% 1.71%; display: flex; align-items: center; display: -webkit-flex; } .content .content_mod .mod_list ul li .time { width: 6.39%; } .content .content_mod .mod_list ul li .time p { width: 100%; height: 100%; box-sizing: border-box; border-right: 1px solid #c0c0c0; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; align-items: center; } .content .content_mod .mod_list ul li .time p span { font-size: 37px; line-height: 37px; color: #5d5d5d; font-weight: 600; } .content .content_mod .mod_list ul li .time p i { font-size: 11px; color: #858585; } .content .content_mod .mod_list ul h3::before { content: ""; display: inline-block; margin-right: 10px; width: 6px; height: 9px; background: url(../images/jt_right.png) no-repeat; background-size: cover; } .content .content_mod .mod_list ul h3 { flex: 1; box-sizing: border-box; padding-left: 1.64%; font-size: 18px; color: #000000; } .content .content_mod .mod_list ul a { width: 8.29%; border: 1px solid #c1c1c1; border-radius: 4px; color: #222222; font-size: 13px; box-sizing: border-box; padding: 0.93% 0; text-align: center; } .content .content_mod .mod_list ul li:hover { box-shadow: 0 0 10px #efefef; } .content .content_mod .mod_list ul li:hover .time p span { color: #F37222; } .content .content_mod .mod_list ul li:hover .time p i { color: #F37222; } .content .content_mod .mod_list ul li:hover h3 { color: #F37222; } .content .content_mod .mod_list ul li:hover a { border: 1px solid #F37222; background-color: #F37222; color: #FFFFFF; } .content .paging { width: 31.87%; margin: 65px auto 0; display: flex; display: -webkit-flex; justify-content: center; align-items: center; } .content .paging a{ box-sizing:border-box; cursor: pointer; padding: 0 3%; border: 1px solid #C9C9C9; color: #555; text-align: center; background-color: #FFFFFF; font-size: 14px; border-radius: 5%; } .content .paging a:hover{ border-color:#F37222; background-color: #F37222; color: #FFFFFF; } @media all and (max-width: 992px){ .content .content_mod .mod_list ul li .time{ width:13.39%; } .content .content_mod .mod_list ul a{ width:16.29%; } } .content .content_mod .mod_listxw { width: 100%; } .content .content_mod .mod_listxw ul li { width: 100%; border-top: 1px solid #e7e7e7; background-color: #FFFFFF; box-sizing: border-box; transition: all 0.5s ease 0s; padding: 1.79% 1.5%; } .content .content_mod .mod_listxw ul li a { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .content .content_mod .mod_listxw ul li a .time { width: 6.39%; padding: 1.04% 0 4.83%; } .content .content_mod .mod_listxw ul li a .time p { width: 100%; height: 100%; padding-right: 27.9%; box-sizing: border-box; border-right: 1px solid #c0c0c0; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; align-items: center; } .content .content_mod .mod_listxw ul li a .time p span { font-size: 27px; line-height: 27px; color: #5d5d5d; font-weight: 600; } .content .content_mod .mod_listxw ul li a .time p i { margin-top: 30%; font-size: 11px; color: #999999; } .content .content_mod .mod_listxw ul li a .list_content { flex: 1; padding: 0.36% 0 0.97% 2.52%; display: flex; display: -webkit-flex; flex-direction: column; } .content .content_mod .mod_listxw ul li a .list_content h3::before { content: ""; margin-right: 2%; width: 6px; height: 9px; display: inline-block; background: url(../images/jt_right.png) no-repeat; background-size: cover; } .content .content_mod .mod_listxw ul li a .list_content h3 { width: 80%; font-size: 18px; color: #000000; } .content .content_mod .mod_listxw ul li a .list_content span { margin-top: 0.65%; margin-bottom: 0.9%; font-size: 13px; line-height: 26px; color: #5d5d5d; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .content .content_mod .mod_listxw ul li a .list_content p { width: 100%; } .content .content_mod .mod_listxw ul li a .list_content p i { font-size: 11px; color: #c6c6c6; margin-right: 4%; } .content .content_mod .mod_listxw ul li a .list_img { margin-left:4%; width: 17.83%; height: 100%; overflow: hidden; } .content .content_mod .mod_listxw ul li a .list_img img { max-width: 100%; max-height: 100%; margin: auto; transition: all 1.5s; object-fit: cover; } .content .content_mod .mod_listxw ul li:hover { box-shadow: 0 0 10px #efefef; } .content .content_mod .mod_listxw ul li:hover .time p span { color: #F37222; } .content .content_mod .mod_listxw ul li:hover .time p i { color: #F37222; } .content .content_mod .mod_listxw ul li:hover .list_content h3 { color: #F37222; } .content .content_mod .mod_listxw ul li:hover .list_img img { transform: scale(1.2); } .content .content_mod .mod_left { width: 100%; display: flex; display: -webkit-flex; flex-direction: column; } .content .content_mod .mod_left .mod_top { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .content .content_mod .mod_left .mod_top h3 { width: 23.78%; color: #232323; font-size: 27px; font-weight: 600; line-height: 27px; padding-left: 2.09%; border-left: 4px solid #f37222; } .content .content_mod .mod_left .mod_top a { width: 14.17%; box-sizing: border-box; border: 1px solid #d5d5d5; transition:all 1s ease 0s; border-radius: 4px; padding: 1.49% 0; text-align: center; color: #999898; font-size: 12px; } .content .content_mod .mod_left .mod_top a:hover { background-color: #F37222; border-color:#F37222; color: #FFFFFF; } .content .content_mod .mod_left ul { width: 100%; } .content .content_mod .mr_20 { margin-right:50px; } .content .content_mod .mod_left ul li { width: 45%; margin-top: 2%; transition:all 1s ease 0s; box-sizing: border-box; background-color: #f1f1f1; padding: 3.73% 5.07% 2.99% 1.04%; float: left; } .content .content_mod .mod_left ul li:hover{ box-shadow: 0 0 10px #efefef; background-color:#F37222; } .content .content_mod .mod_left ul li:hover a .time p i{ color:#FFFFFF; } .content .content_mod .mod_left ul li:hover a .time p span{ color:#FFFFFF; } .content .content_mod .mod_left ul li:hover a .mod_title span{ color:#FFFFFF; } .content .content_mod .mod_left ul li:hover a .time p{ border-right: 1px solid #FFFFFF; } .content .content_mod .mod_left ul li a { width: 100%; display: flex; display: -webkit-flex; align-items: center; } .content .content_mod .mod_left ul li a .time { width: 16.08%; } .content .content_mod .mod_left ul li a .time p { width: 100%; box-sizing: border-box; padding-right: 7.75%; border-right: 1px solid #c0c0c0; display: flex; display: -webkit-flex; flex-direction: column; justify-content: space-between; align-items: center; } .content .content_mod .mod_left ul li a .time p i { color: #5d5d5d; font-size: 37px; font-weight: 600; } .content .content_mod .mod_left ul li a .time p span { color: #969696; font-size: 11px; } .content .content_mod .mod_left ul li a .mod_title { width: 79.62%; margin-left: 5%; display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; } .content .content_mod .mod_left ul li a .mod_title .yred::before { content: ""; display: inline-block; margin-right: 2%; width: 6px; height: 9px; background: url(../images/gjt1.png) no-repeat; background-size: cover; } .content .content_mod .mod_left ul li a .mod_title .white::before { background: url(../images/gxxjt.png) no-repeat; } .content .content_mod .mod_left ul li a .mod_title span { width: 100%; color: #333333; font-size: 17px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ab_content { position: relative; width: 100%; padding-top: 80px; } .ab_img { float: right; width: 46%; padding-bottom: 40px; } .ab_img img { width: 100%; } .ab_teBl { width: 50%; padding-right: 100px; background: #fff; padding-bottom: 60px; padding-left: 4%; } .ab_tiEn { font-size: 30px; text-transform: uppercase; position: relative; z-index: 60; } .ab_tiCh { font-size: 16px; color: #fd873f; position: relative; z-index: 60; letter-spacing: 2px; } .ab_tiBl { margin-bottom: 30px; padding-top: 12px; position: relative; } .ab_tiBg { position: absolute; left: 50px; width: 240px; height: 90px; border: 2px solid #eeeeee; top: 0px; } .ab_te { position: relative; padding-top: 30px; } .ab_te h2 { color: #ff4d46; margin-bottom: 20px; font-size: 16px; } .ab_te { line-height: 28px; } .ab_te p { margin-bottom: 20px; } .zpxinxi i{ float: left; margin-right: 30px; margin-top: 20px; }