* { margin: 0; padding: 0; } html, body, p { padding: 0; margin: 0; } a { text-decoration: none; -webkit-transition: all .3s; transition: all .3s; } a:hover { text-decoration: none; } .mt120 { margin-top: 120px; } .clear { margin: 0; padding: 0; } .clearm { margin: 0; } .clearp { padding: 0; } .center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -webkit-justify-content: center; -ms-align-items: center; -ms-justify-content: center; -o-align-items: center; -o-justify-content: center; } .max-width { max-width: 1600px; margin: 0 auto; } .navbar-nav .nav-item .nav-link { font-size: 16px; color: #333333; padding: 40px 20px; position: relative; } .navbar-nav .nav-item .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 5px; background-color: #cd0000; -webkit-transition: all .3s; transition: all .3s; } .navbar-nav .nav-item .nav-link:hover { color: #cd0000; } .navbar-nav .nav-item .nav-link:hover::after { width: 100%; } .navbar-nav .form-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 120px; } .swiper-container .swiper-slide-active img, .swiper-container.swiper-slide-duplicate-active img { -webkit-transition: 5s all !important; transition: 5s all !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } .swiper-container .swiper-pagination-bullet { width: 16px; height: 16px; background: url(/template/default/img/silde_circle.png) no-repeat; background-size: cover; opacity: 1; -webkit-transition: all .5s; transition: all .5s; } .swiper-container .swiper-pagination-bullet-active { background: url(/template/default/img/silde_active.png) no-repeat; background-size: cover; width: 20px; height: 20px; } .swiper-container .swiper-wrapper .swiper-slide { position: relative; } .swiper-container .swiper-wrapper .swiper-slide img { width: 100%; -webkit-transition: 5s all; transition: 5s all; -webkit-transform: scale(1.1); transform: scale(1.1); } .swiper-container .swiper-wrapper .swiper-slide .silde_pos { position: absolute; top: 21%; left: 20%; } .swiper-container .swiper-wrapper .swiper-slide .silde_pos .silde_tit { font-size: 61.79px; font-weight: bold; color: #cd0000; } .swiper-container .swiper-wrapper .swiper-slide .silde_pos .silde_tit span { color: #000002; } .swiper-container .swiper-wrapper .swiper-slide .silde_pos .silde_tit a { font-weight: lighter; font-size: 52.52px; color: #bcb8a5; text-transform: uppercase; } .swiper-container .swiper-wrapper .swiper-slide .silde_pos .silde_sub { color: white; font-size: 77.24px; font-weight: bold; text-align: left; } .swiper-container .swiper-wrapper .swiper-slide .silde_pos .silde_des { font-size: 43.25px; color: white; text-align: left; } .right_models { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -webkit-justify-content: space-between; -o-flex-direction: column; -o-align-items: flex-start; -o-justify-content: space-between; -ms-flex-direction: column; -ms-align-items: flex-start; -ms-justify-content: space-between; } .right_models h1 { font-size: 36px; color: #cd0000; text-transform: uppercase; } .right_models h4 { color: #333333; font-size: 30px; } .right_models p { font-size: 16px; color: #666666; } .right_models .more { display: -webkit-box; display: -ms-flexbox; display: flex; width: 160px; height: 40px; border-radius: 50px; border: 1px solid #cd0000; color: #cd0000; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .right_models .more:hover { color: white; background-color: #cd0000; } .chengli { width: 930px; height: 220px; background: url(/template/default/img/chenglli.jpg) no-repeat center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -webkit-align-items: center; -webkit-justify-content: space-around; -o-align-items: center; -o-justify-content: space-around; -ms-align-items: center; -ms-justify-content: space-around; } .cl_model { text-align: center; } .cl_model .numberj a { color: #ffffff; font-size: 48px; } .cl_model .numberj span { font-size: 18px; color: white; } .cl_model .textj { color: white; font-size: 18px; } .class_tit { font-size: 36px; color: #333333; text-align: center; position: relative; padding-bottom: 15px; } .class_tit::after { content: ''; width: 52px; height: 4px; background-color: #cd0000; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .nav-pills { margin-bottom: 25px; margin-top: 40px; } .nav-pills .nav-item { margin: 0 10px; } .nav-pills .nav-item .nav-link { width: 120px; height: 44px; padding: 0; border-radius: 50px; color: #666666; } .nav-pills .nav-item .active { background-color: #cd0000; color: #ffffff; } .pro_text { margin-top: 30px; } .pro_text .pro_time { font-size: 16px; color: #666666; } .pro_text .pro_tit { margin-top: 20px; font-size: 20px; color: #333333; -webkit-transition: all .3s; transition: all .3s; } .pro_text .pro_des { font-size: 14px; color: #666666; margin-top: 15px; } .pro_text img { margin-top: 30px; -webkit-transition: all .3s; transition: all .3s; } .proindex:hover .pro_tit { color: #cd0000; } .shili { background: url(/template/default/img/1.jpg) center no-repeat; height: 760px; background-size: cover; } .shili .sl_bg { background-color: transparent; height: 100%; border-right: 1px solid gray; position: relative; -webkit-transition: all .3s; transition: all .3s; } .shili .sl_bg:hover { background-color: #cd00007a; } .shili .sl_bg:hover .nei { top: 50%; } .shili .sl_bg .nei { -webkit-transition: all .3s; transition: all .3s; text-align: center; position: absolute; left: 50%; top: 90%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .shili .sl_bg .nei p { margin-top: 36px; margin-bottom: 87px; color: white; font-size: 30px; } .class_des { padding: 0 210px; line-height: 1.8; color: #666666; margin-top: 15px; margin-bottom: 45px; } .kuangyong { width: 500px; height: 590px; } .kuangyong .heng { width: 100%; height: 280px; padding: 40px; } .btween { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -webkit-justify-content: space-between; -o-align-items: center; -o-justify-content: space-between; -ms-align-items: center; -ms-justify-content: space-between; } .cp { padding: 40px; } .cp a { font-size: 36px; color: white; } .cp .sub_class { margin-top: 34px; } .cp .sub_class a { display: block; color: white; line-height: 2.0; font-size: 18px; } .cp .sub_class a:hover { -webkit-transform: translateX(10px); transform: translateX(10px); color: #cd0000; font-weight: bold; } .footer { background-color: #222222; padding: 50px 0; } .footer img { margin-bottom: 20px; } .footer p { margin-top: 8px; color: #ffffff; font-size: 14px; } .footer .foot_nav { width: 840px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer .foot_nav h4 { font-size: 16px; color: white; } .footer .foot_nav li { padding: 5px 0; } .footer .foot_nav li a { font-size: 14px; color: white; display: block; } .footer .foot_nav li a:hover { color: #cd0000; -webkit-transform: translateX(5px); transform: translateX(5px); } .wx { border-width: 1px; border-color: white; border-style: solid; width: 138px; height: 138px; z-index: 218; } .copy { color: white; } .copy a { color: white; font-size: 16px; margin-right: 15px; } .copy a:hover { color: #cd0000; } .nones { -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-transition: all .3s !important; transition: all .3s !important; } .nones:hover { -webkit-transform: translateY(-10px) !important; transform: translateY(-10px) !important; } .sortname { position: absolute; left: 15%; top: 35%; font-size: 40px; color: #000000; font-weight: bold; } .sortname img { margin-right: 15px; } .sortnav { padding: 30px 0; background-color: #f9f9f9; } .sortnav a { color: #333333; padding: 0 40px; border-right: 1px solid gainsboro; } .sortnav a:hover { color: #cd0000; font-weight: bold; } .sortnav a:last-of-type { border: none; } .sortnav a:nth-child(1) { padding-left: 0; } .conab { background: url(/template/default/img/1400.jpg) center no-repeat; background-size: cover; min-height: 494px; padding-top: 90px; } .conab .entit { font-size: 72px; color: #eaebec; } .conab .cntit { font-size: 36px; color: #cd0000; position: relative; top: -40px; } .leftchengl { padding-right: 80px; } .rightchengl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .sortpostion a { color: #555555; font-size: 14px; padding: 0; border: none; } .leftlist { list-style: none; } .leftlist li a { font-size: 20px; color: #333333; display: block; background-color: transparent; text-align: right; padding: 34px; border-bottom: 1px solid gainsboro; position: relative; } .leftlist li a::after { content: ''; position: absolute; right: -10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-left: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid transparent; width: 10px; height: 10px; -webkit-transition: all .3s; transition: all .3s; } .leftlist li a:hover { background-color: #cd0000; color: white; } .leftlist li a:hover::after { border-left: 10px solid #cd0000; } .leftlist li .active { background-color: #cd0000; color: white; } .leftlist li .active::after { border-left: 10px solid #cd0000; } .honer_model { padding: 5px; } .honer_model .honer_pic { text-align: center; padding: 2px; max-height: 200px; overflow: hidden; } .pic { height: 277px; overflow: hidden; text-align: center; } .news_models { padding: 46px 0; border-bottom: 1px solid gainsboro; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .news_models:hover { background-color: #f8f8f8; } .news_models:hover .news_time { color: #cd0000; } .news_models:hover .news_text .news_tits { color: #cd0000; } .news_models:hover .news_text .news_more { color: #cd0000; } .news_time { width: 150px; text-align: center; border-right: 1px solid gainsboro; color: #666666; } .news_time .news_day { font-size: 48px; } .news_time .news_month { font-size: 16px; } .news_text { width: 1070px; padding-left: 50px; } .news_text .news_tits { font-size: 20px; color: #333333; } .news_text .news_des { margin-top: 25px; font-size: 14px; color: #666666; } .news_text .news_more { font-size: 14px; color: #666666; } .commay { font-size: 30px; color: #cd0000; border-bottom: 1px solid gainsboro; padding-bottom: 15px; display: inline-block; } .com { background-color: #eeeeee; padding-top: 70px; padding-left: 50px; } .com p { color: #333333; } .ly { background-color: #f9f9f9; padding: 90px 0; } .ly form { margin-top: 80px; } .ly form input, .ly form textarea { border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .ly form input:focus, .ly form textarea:focus { border: none; -webkit-box-shadow: none; box-shadow: none; } .ly form input { height: calc(1.5em + .75rem + 18px); } .ly form button { background-color: #cd0000; color: white; height: calc(1.5em + .75rem + 18px); } .ly form button:hover { color: white; } .ly form button:focus { -webkit-box-shadow: none; box-shadow: none; } @media screen and (max-width: 1200px) { .navbar { padding: 5px; } .navbar-nav .nav-item .nav-link { padding: 5px; } .navbar-nav .form-wrap { padding: 5px; } .navbar-nav .form-wrap form { width: 100%; } .sortnav { padding: 15px; } .com { padding: 20px; } .mt120 { margin-top: 30px; } .ly { padding: 20px 0; } .ly form { margin-top: 15px; } .sortname { font-size: 20px; } #map { height: 320px !important; } .copy { font-size: 14px; } .copy a { font-size: 14px; } .footer { padding: 15px 0; } .sortname img { height: 22px; } .navbar-brand img { max-height: 45px; } } /*# sourceMappingURL=style.css.map */