/*ihpne6,7,8*/ .clearfix {*zoom: 1;} .clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";} .clearfix:after{clear:both;} .hcontent{ font-family: "宋体", "黑体", Helvetica, Arial, Tahoma; } @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; } } @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){ .modelTostChile{width: 90%;left: 5%;top: 20%;} .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 header { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; background-color: #FFFFFF; } .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: #333333; } .warp header .header_content nav ul li .down_line::after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background-color: #a40001; 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 #a40001; color: #a40001; } .warp header .header_content nav ul li:hover a { color: #a40001; } .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: #a40001; } .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: #a40001; color:#FFFFFF; } .warp header .header_content #open { display: none; width: 50%; height: 48px; margin:auto; background: url(../img/yy-open.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; } .warp footer { width: 100%; background-color: #a40001; } .warp footer .footer_content { max-width:1400px; margin: 0 auto; } .warp footer .footer_content .footer_nav { width: 100%; padding: 1.64% 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:#ffffff; border-bottom:1px solid #825437; background-color:#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%; padding: 3.82% 0; } .warp footer .footer_content .footer_details .footer_details_left .list_details { width: 84.9%; height: 100%; 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; width: 70px; } .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: #2f2f2f; } .warp footer .footer_bottom .footer_bottom_content { width: 72.92%; margin: 0 auto; padding: 1.71% 0; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; } .warp footer .footer_bottom .footer_bottom_content a { font-size: 12px; color: #808080; }