@charset "utf-8"; /* CSS Document */ a { text-decoration: none; border: none; } img { display: block; border: none; } img.img100{ width:100%; height: auto;} input, textarea, button { border: none; padding: 0; margin: 0; outline: 0; background: none; } dl, dd { margin: 0; padding: 0; } * { margin: 0; padding: 0; list-style: none; } body { font-family: "寰蒋闆呴粦"; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; position: relative; background: #f1f1f1; } @font-face { font-family: hero; src: url(../font/Hero%20Light.otf); } @font-face { font-family: helv; src: url(../font/HELVETICANEUELTPRO-THEX.otf); } /*===================================================棣栭〉===================================================*/ /*鍏敤*/ a, .section3 .dishes_con ul li a .dishes_w, .section3 .dishes_con ul li a .dishes_mask, .section3 .dishes_con ul li.dishes_more a span, .in_news ul li a .n_c h4, .in_news ul li a .n_c p, .in_guest ul li input, .in_guest ul li textarea, .in_news ul li a .n_img, .in_news ul li a .n_c span { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transtion: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } a:before, a:after, .top_bbox .top_box .nav ul li:before, .top_bbox .top_box .nav ul li:after, .in_news ul li a .n_r, .in_news ul li a .n_r, .in_news ul li a .n_c, .in_news ul li a .n_c span:after, .form_box .form_con .btn:before, .form_box .form_con .btn:after { -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .clear { clear: both; } /*===================================================鍐呴〉===================================================*/ .in_body .section8 .ewm_box .left_bg { left: 0; } .in_body .section8 .ewm_box .right_bg { right: 0; } .in_body .section8 .footer_box .footer_con { border: none; } /*鍏敤*/ .nyk_tt { overflow: hidden; margin: 0 auto; margin-bottom: 50px; display: table; } .nyk_tt .nyk_l { float: left; } .nyk_tt .nyk_l h3 { color: #000; font-size: 25px; font-weight: normal; padding-bottom: 6px; } .nyk_tt .nyk_l p { font-size: 16px; color: #a82023; text-transform: uppercase; } .nyk_tt .nyk_r { text-align: center; float: left; margin-top: 20px; width: 100%; } .nyk_tt .nyk_r a { float: left; padding: 6px 20px; position: relative; color: #333; font-size: 14px; text-transform: uppercase; } .nyk_tt .nyk_r a:nth-of-type(1):before { display: none; } .nyk_tt .nyk_r a:before { position: absolute; left: 0; content: "/"; text-align: left; margin-right: 28px; margin-top: 3px; font-size: 12px; color: #666; } .nyk_tt .nyk_r a:after { content: ""; position: absolute; bottom: 0; left: 20px; width: 0; height: 1px; background: #a82023; } .nyk_tt .nyk_r a:hover { color: #a82023; } .nyk_tt .nyk_r a:hover:after { width: 45%; } .nyk_tt .nyk_r a.hover { color: #a82023; } .nyk_tt .nyk_r a.hover:after { width: 45%; } /*鍐呴〉banner*/ .in_banner .slideBox { width: 100%; max-height: 420px; margin-top:75px; overflow: hidden; position: relative; } .in_banner .slideBox .hd { height: 15px; overflow: hidden; position: absolute; width: 100%; left: 0; bottom: 25px; z-index: 1; } .in_banner .slideBox .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; } .in_banner .slideBox .hd ul li { display: inline-block; width: 10px; height: 10px; line-height: 14px; text-align: center; background: #ffffff; cursor: pointer; text-indent: -9999px; border-radius: 50%; margin: 0 4px; } .in_banner .slideBox .hd ul li.on { background: #a82023; } .in_banner .slideBox .bd { position: relative; height: 100%; z-index: 0; } .in_banner .slideBox .bd li { zoom: 1; vertical-align: middle; } .in_banner .slideBox .bd img { width: 100%; display: block; } /*涓棿鍐呭*/ .in_bbox { padding: 60px 0 90px; background-color:#f2f2f2; } .in_box { width: 1220px; margin: 0 auto; /*map娣诲姞杩涙潵鐨?/ min-height: 400px; position: relative; display: table; } /*鏂伴椈鍒楄〃椤?/ .in_news ul { margin-top: -28px; } .in_news ul li a { display: block; overflow: hidden; padding: 28px 0; border-bottom: solid 1px rgba(0, 0, 0, 0.16); position: relative; } .in_news ul li a:after { content: ""; position: absolute; top: 50%; margin-top: -50px; right: 120px; width: 1px; height: 100px; background: rgba(0, 0, 0, 0.16); } .in_news ul li a .n_img { float: left; width: 158px; height: 105px; overflow: hidden; background: #171717; } .in_news ul li a .n_img img { width: 100%; } .in_news ul li a .n_c { float: left; width: 830px; margin: 0 0 0 40px; } .in_news ul li a .n_c h3 { font-size: 17px; max-width: 80%; color: #000; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_news ul li a .n_c span { font-size: 13px; color: #a82023; font-family: helv; display: inline-block; margin: 5px 0 10px; position: relative; padding: 5px 0; } .in_news ul li a .n_c .news_lab { color: #a82023; padding: 8px 0 0; } .in_news ul li a .n_c .news_lab span { font-size: 12px; font-family: Arial; } .in_news ul li a .n_c .news_lab em { font-style: normal; font-size: 12px; padding: 3px 8px; border: solid 1px #a82023; border-radius: 30px; margin-left: 8px; } .in_news ul li a .n_c p { color: #000; color: rgba(0, 0, 0, 0.7); font-size: 13px; line-height: 20px; overflow: hidden; -webkit-line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: box; max-height: 40px; } .in_news ul li a .n_r { float: right; width: 36px; height: 36px; background: url(../img/ny_jt.png) no-repeat center top; overflow: hidden; border-radius: 50%; border: solid 1px rgba(0, 0, 0, 0.16); margin: 32px 20px 0 0; background-size: 100%; } .in_news ul li a:hover .n_c h3 { color: #a82023; } .in_news ul li a:hover .n_c p { color: #000; color: rgba(0, 0, 0, 0.9); } .in_news ul li a:hover .n_r { background-position: center -36px; border-color: #a82023; background-color: #a82023; margin-right: 36px; } .in_news ul li a:hover .n_img { -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); } /*鍒楄〃缈婚〉*/ .in_news + .list_page { border-top: none; } .list_page { text-align: center; padding-top: 50px; border-top: solid 1px rgba(0, 0, 0, 0.16); } .list_page a, .list_page span { padding: 6px 12px; display: inline-block; font-size: 14px; margin: 0 4px; } .list_page a { background: #000; color: #ffffff!important; } .list_page span, .list_page a:hover { background: #a82023; color: #fff; } /*鍥剧墖鍒楄〃椤?/ .in_pics ul { display: table; margin: 0 -40px 0 0; } .in_pics ul li { width: 275px; float: left; margin: 0 40px 40px 0; background: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .show_pics ul li { width: 374px !important; } .in_pics ul li a { display: block; } .in_pics ul li a.in_pimg { height: auto; overflow: hidden; } .in_pics ul li a.show_pimg { height: auto; overflow: hidden; } .in_pics ul li a.in_pimg img { width: 100%; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .in_pics ul li a.show_pimg img { width: 100%; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .in_pics ul li p { position: relative; } .in_pics ul li:hover p { background: #a82023\9; } .in_pics ul li p a { padding: 20px 15px; font-size: 16px; color: #000; position: relative; z-index: 2; text-align: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in_pics ul li:hover a.in_pimg img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .in_pics ul li:hover a.show_pimg img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .in_pics ul li p:after { width: 0%; height: 100%; position: absolute; content: ""; top: 0; left: 50%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #a82023; } .in_pics ul li:hover p a { color: #fff; } .in_pics ul li:hover p:after { width: 100%; left: 0; } /*鍐呭椤?/ .in_content { margin: -30px auto 0; } .news_show .news_stt { padding-bottom: 12px; text-align: center; border-bottom: solid 1px rgba(0, 0, 0, 0.16); } .news_show .news_stt h2 { font-size: 26px; color: #a82023; } .news_show .news_stt span { display: inline-block; color: #000000; color: rgba(0, 0, 0, 0.8); font-size: 13px; margin: 10px 8px; } .news_show .news_scon { color: #333; padding: 30px 0; line-height: 1.8; font-size: 15px; } .news_show .news_scon img { max-width: 100% !important; display: inline-block; } .news_show .news_scon .vedio_luembed { width: 800px; margin: 0 auto; } .news_show .news_scon .vedio_luembed embed { width: 800px !important; height: 500px !important; } .nodata { color: black; text-align: center; } /*鍐呭缈婚〉*/ .in_pnpage { padding: 30px 0 0; overflow: hidden; border-top: solid 1px rgba(0, 0, 0, 0.16); } .in_pnpage:after { content: " "; display: table; height: 0; clear: both; visibility: hidden; } .in_pnpage span { font-size: 15px; display: block; color: #333; } .in_pnpage .in_page_prev { float: left; } .in_pnpage .in_page_next { float: right; } .in_pnpage span a { color: #a82023; display: block; max-width: 400px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: right; text-decoration: none; } .in_pnpage span a:hover { text-decoration: underline; color: #d80000; } /*鐏嫄hack*/ @-moz-document url-prefix() { .in_guest ul li input, .in_guest ul li textarea { padding-top: 18px; padding-bottom: 18px; } } /*鏂伴椈椤?/ .box9r { width: 55%; margin: auto; margin-top: 250px; } .form_new { background-color: #ffffff; padding: 30px 0 65px 0; box-shadow: 0 1px 4px 2px #f1f1f1; } .form_new .box9r { margin-top: 0; } .box9_right h3, .form_new h3 { font-size: 54px; height: 160px; width: 676px; text-indent: -9999rem; overflow: hidden; background: url(../img/box9_03.png) no-repeat 0 0; background-size: 100% auto; } .guest_con { width: 100%; margin: auto; } .guest_radio { overflow: hidden; padding-bottom: 20px; padding-top: 60px; margin: auto; } .guest_radio label { float: left; width: 25%; cursor: pointer; font-size: 16px; color: #fff; text-align: left; } .guest_radio label span.on { background-image: url("../img/icon_03.png"); } .guest_radio label input { width: 12px; height: 12px; vertical-align: middle; -khtml-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; } .guest_radio label span { display: inline-block; padding: 7px; background: url(../img/icon_05.png) no-repeat left center; } .guest .btn { display: block; font-size: 20px; color: #cc0000; padding: 15px 0; background: #e7c692; text-align: center; width: 100%; margin: auto; } .guest .guest_input { border: none; } .guest .guest_input { border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin: auto; height: 60px; background-color: transparent; color: white; } .form_new .guest .guest_input { border-bottom: 1px solid rgba(0, 0, 0, 0.16); color: black; font-size: 16px; } .guest .guest_input1 { width: 47%; display: inline-block; } .guest .guest_input0 { margin-right: 4.5%; } .guest_input::-webkit-input-placeholder { color: white; font-size: 16px; font-family: '寰蒋闆呴粦'; } .form_new .guest_input::-webkit-input-placeholder { color: #0e0e0e; } .form_new .guest p { color: #0e0e0e; } .form_new .guest_radio label, .form_new .box9_right .p1, .form_new .p1 { color: #0e0e0e; } .form_new .guest .btn { color: white; background: #a82023; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ } .form_new .guest .btn:hover { background: #9e201f; } .form_new .guest_radio label span.on { background-image: url("../img/icon_031.png"); } .form_new .guest_radio label span { background: url(../img/icon_051.png) no-repeat left center; } .guest .g_textarea { height: 110px; cursor: text; padding: 20px 0; color: white; width: 100%; display: block; resize: none; } .guest p { color: white; text-align: left; padding: 30px 0; font-size: 16px; } input, textarea, select, a:focus { outline: none; } /*鏂伴椈椤?/ /*搴曢儴閮ㄥ垎*/ .foot { width: 100%; } .foot_content { width: 1200px; margin: auto; } .foot_top { display: flex; padding: 30px 0; font-size: 14px; } .foot_top_left img { margin-left: 30px; margin-right: 30px; margin-top: 12px; } .foot_top_mid { width: 580px; padding-left: 30px; } .foot_top_mid p { line-height: 40px; font-family: helv; } .mid_p { font-size: 40px; margin-top: 10px; } .foot_top_right { width: 400px; padding: 0 5px; text-align: center; } .ftr { padding-top: 12px; float: left; margin-right: 50px; } .ftr img { display: inline-block; text-align: center; } .ftr p { font-size: 13px; padding-top: 2px; } .foot_top_right img { width: 125px; height: 125px; } /*鍐呴〉搴曢儴*/ .foot1 { background-color: #cccccc; width: 100%; color: #121212; } .foot1 .foot_top_mid { width: 580px; border-left: none; border-right: none; padding-left: 30px; } .foot1 .foot_top { display: flex; padding: 30px 0; border-bottom: 1px solid #666; font-size: 14px; } * { padding: 0; margin: 0; } a:link, a:visited, a:hover, a:active { text-decoration: none; color: #000000; } .clear { clear: both; } /*鍏敤*/ .dongxiao1,.join_bj .join_bj_box li .info, .join_bj .join_bj_box li .info_hover{-webkit-transition:all 0.3s;-moz-transition:all 2s;-ms-transtion:all 2s;-o-transition:all 2s;transition:all 2s;} .dongxiao{-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .box2_all .box2_tc, .chaipin .chaipin_box,.foodpic_box .foodkuang,.dianmian .dianmian_box,.dianmian .dianmian_box .dianmian_box_pic li .dianmianimg img , .liping .liping_box{-webkit-transition:all 0.3s;-moz-transition:all 0.5s;-ms-transtion:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .box2_all a {color: #fff;margin-left: 17vh;} a#cp_nav {color: #fff;margin-left: 17vh;} a#news_nav {color: #fff;margin-left: 17vh;} a#zs_nav {color: #fff;margin-left: 17vh;} a#md_nav {color: #fff;margin-left: 17vh;} /*logo浣嶇疆*/ .logo_img { position: fixed; top: 20px; left: 5%; z-index: 8; width:150px;height:auto; display: block; } .logo_img img { width: 100%; } /*logo浣嶇疆*/ .menu_box .menu_btn { position: fixed; z-index: 10; right: 8%; top: 15px; color: white; font-size: 15px; width: 70px; height: 40px; border-radius: 50px; border: 1px solid #fff; line-height: 40px; text-align: center; cursor: pointer; } .menu_box .menu_content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(5, 3, 4, 0.83); z-index: -1; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ opacity: 0; overflow: hidden; } .menu_box .menu_content .content_nav { width: 67%; margin-top: 180px; margin-left: 18%; } .menu_box .menu_content .content_nav dl { float: left; width: 11%; height: 560px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .menu_box .menu_content .content_nav dl:not(:last-of-type) { border-right: 1px solid rgba(255, 255, 255, 0.06); } .menu_box .menu_content .content_nav dl a { display: block; text-align: center; } .menu_box .menu_content .content_nav dl a:hover { color: #b02b24; } .menu_box .menu_content .content_nav dl .title { font-size: 18px; color: #fff; line-height: 27px; padding-bottom: 30px; } .menu_box .menu_content .content_nav dl .dd_a { font-size: 14px; color: #a8a8a9; padding: 20px 0; } .swiper-container { width: 100%; height: 100%; } .swiper-slide-active img { transition-delay: 0.1s; transform: scale(1) translate(0px, 0); } .box_slide1 .swiper-pagination-bullet { background-color: #ffffff; opacity: 1; height: 12px; width: 12px; } .box_slide1 .swiper-pagination-bullet-active { background-color: #a82023; } .box_slide1 .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 5%; bottom: 7vh; } /*绗?灞?瑙嗗睆*/ .qimei_play { background: url("../img/bg1.jpg") no-repeat; background-size: 100% 100%; display: block; width: 100%; height: 100%; position: relative; } .qimei_play .play_img { width: 495px; height: 434px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .qimei_play .play_img img { width: 100%; } .margin_1200 { width: 1200px; margin: auto; position: relative; height: 100%; } .margin_7{ margin: 0 7%; position: relative; height: 100%; } /*绗?灞?/ .banner { width:100%; height:100%; position:absolute; overflow:hidden; } /*1灞?/ .bofaung{ width:100%; height:100%; position:absolute; overflow:hidden; background-size:100%;} .bofaung .text_qiao{ position:relative; top:-7rem; left:11rem; opacity:0;} .active .bofaung .text_qiao{ position:relative; top:17rem; left:11rem; opacity:1;} .bofaung .text_qiao_01{ position:relative; top:20rem; left:45rem; opacity:0;} .active .bofaung .text_qiao_01{ position:relative; top:15rem; left:52rem; opacity:1;} /*2灞?/ .box2_all .box2_tc .officon{ position:absolute; top:0px; right:-44px;} .box2_all .box2_tc.zhankai{ opacity:1; display:block; transform: scale(1);} .box2_all .box2_tc{ width:100%; height:100%; position:absolute; background-color: rgba(0,0,0,0.6); z-index:9999; opacity:0; transform: scale(0.01);} .box2_all .box2_tc .chaipin_box_food{ margin:12% 10%; position:relative; } .box2_all .box2_tc .chaipin_box_food ul{ width:100%; display:table;} .box2_all .box2_tc .chaipin_box_food li{ width:25%; float:left; height:580px; position:relative;} .box2_all .box2_tc .chaipin_box_food li .foodpic_box{ margin:10%; border:2px solid #cba271; overflow:hidden; position:absolute; width:90%; height:90%;} .box2_all .box2_tc .chaipin_box_food li .foodpic_box .foodkuang{ position:absolute; background-color: rgba(0,0,0,0.8); width:100%; height:100%; z-index:999; opacity:1;} .box2_all .box2_tc .chaipin_box_food li .foodpic_box .foodkuang span{ margin:0 auto; display:table; margin-top:55px;} .box2_all .box2_tc .chaipin_box_food li .foodpic_box .foodkuang h3{ display:table; width:29px; font-size:29px; font-weight:normal; margin:0 auto; color:#e9bf8f; margin-top:15px;} .box2_all .box2_tc .chaipin_box_food li:hover .foodpic_box .foodkuang{ opacity:0;} /*3灞?/ .chaipin{ width:100%; height:100%; position:absolute; overflow:hidden; background-size:100%} /*4灞?/ .dianmian{ width:100%; height:100%; position:absolute; overflow:hidden;} .dianmian .text_du{ position: absolute; top:-7rem; left:11rem; opacity:0; z-index:999} .active .dianmian .text_du{ top:17rem; left:11rem; opacity:1;} .dianmian .text_du_01{ position:absolute; top:56rem; left:50rem; opacity:0; z-index:999} .active .dianmian .text_du_01{ top:15rem; opacity:1;} .dianmian .dianmian_box{ width:100%; height:100%; position:absolute; background-color: rgba(0,0,0,0.8); z-index:9999; opacity:0; transform: scale(0.01);} .dianmian .dianmian_box .officon{ position:absolute; top:0px; right:-44px;} .dianmian .dianmian_box.zhankai{ opacity:1; display:block; transform: scale(1);} .dianmian .dianmian_box .dianmian_nav{ width:100%; text-align:center; margin-bottom:35px;} .dianmian .dianmian_box .dianmian_nav a{ width:150px; height:55px; border-radius:50px; display:inline-block; margin:0 10px; text-align:center; line-height:55px; background-color:#333333; color:#999; font-size:14px;} .dianmian .dianmian_box .dianmian_nav a:hover{ background-color:#a61f22; color:#fff;} .dianmian .dianmian_box .dianmian_nav a.hover{ background-color:#a61f22; color:#fff;} .dianmian .dianmian_box .dianmian_box_pic{ margin:12% 10%; position:relative; } .dianmian .dianmian_box .dianmian_box_pic ul{ width:100%; display:table;} .dianmian .dianmian_box .dianmian_box_pic li{ width:25%; float:left; height:250px; position:relative;} .dianmian .dianmian_box .dianmian_box_pic li .dianmianimg{ margin:15px; overflow:hidden; background-color:#fff; height: 230px; position:relative; border-radius:3px; overflow:hidden;} .dianmian .dianmian_box .dianmian_box_pic li .dianmianimg img{ width:100%; transform: scale(1);} .dianmian .dianmian_box .dianmian_box_pic li:hover .dianmianimg img{transform: scale(1.2);} .dianmian .dianmian_box .dianmian_box_pic li .dianmianimg p{ position:absolute; bottom:0; left:0; padding:2%; width:96%; background-color:rgba(0,0,0,0.8); font-size:16px; color:#fff; z-index:999;} .dianmian .dianmian_box .dianmian_box_pic li:hover .dianmianimg p{ background-color:rgba(205,1,4,0.80);} /*5灞?/ .tuandui{ width:100%; height:100%; position:absolute; overflow:hidden; } .tuandui .tuandui_ren{ position:absolute; top:11rem; left:-11rem;} .active .tuandui .tuandui_ren{ left:11rem;} .tuandui .text_tuandui{ position: absolute; top:-7rem; right:13rem; opacity:0;} .active .tuandui .text_tuandui{ position:absolute; top:17rem; opacity:1;} .tuandui .text_tuandui_01{ position:absolute; top:25rem; right:35rem; opacity:0;} .active .tuandui .text_tuandui_01{ position:absolute; top:15rem; right:50rem; opacity:1;} /*6灞?/ .liping{ width:100%; height:100%; position:absolute; overflow:hidden;} .liping .text_liping{ position: absolute; top:-7rem; left:11rem; opacity:0; z-index:999} .active .liping .text_liping{ top:22rem; left:11rem; opacity:1;} .liping .text_liping_01{ position:absolute; top:31rem; left:50rem; opacity:0; z-index:999} .active .liping .text_liping_01{ top:15rem; opacity:1;} .liping .liping_box{ width:100%; height:100%; position:absolute; background-color: rgba(0,0,0,0.8); z-index:9999; opacity:0; transform: scale(0.01);} .liping .liping_box .officon{ position:absolute; top: 60%; right: 50%;} .liping .liping_box.zhankai{ opacity:1; display:block; transform: scale(1);padding-top: 23vh;} .liping .liping_box .liping_box_info{ margin:12% 10%; position:relative; } .liping .liping_box .liping_box_info h3{ text-align:center; line-height:45px; font-size:35px; color:#f1cfa4; font-weight:normal;} .liping .liping_box .liping_box_info p{ font-size:14px; text-align:center; color:#fff; line-height:45px;} .liping .liping_box .liping_box_info .iconkuang{ width:900px; margin:90px auto; text-align:center;} .liping .liping_box .liping_box_info .iconkuang a{ margin:0 15px; font-size:14px; line-height:35px; color:#fff; display:inline-block;} /*7灞?/ .join_bj{ background-size:100%; width:100%; height:100%;} .join_bj .join_bj_box{ width:100%; height:100%; position:absolute; overflow:hidden;} .join_bj .join_bj_box ul{ width:100%; } .join_bj .join_bj_box li{ width:20%; position:relative; overflow:hidden; float:left; height:950px; background-color:rgba(255,234,213,0);} .join_bj .join_bj_box li:hover{ background-color:rgba(255,234,213,0.7)} .join_bj .join_bj_box li .info{ position:absolute; width:100%; height:400px; top:20rem; text-align:center; left:0; opacity:1;} .join_bj .join_bj_box li .info h3{ font-size:28px; font-weight:normal; color:#fff;} .join_bj .join_bj_box li .info p{ font-size:12px; font-weight:normal; color:#fff;} .join_bj .join_bj_box li .info span{ width:180px; height:180px; margin:0 auto; display:table;} .join_bj .join_bj_box li .info span img{ display:table; margin:0 auto; margin-top:25px;} .join_bj .join_bj_box li:hover .info{ top:-35rem; opacity:0;} .join_bj .join_bj_box li .info_hover{ position:absolute; width:100%; height:400px; bottom:-35rem; text-align:center; left:0; opacity:0;} .join_bj .join_bj_box li .info_hover h3{ font-size:32px; font-weight:normal; color:#160e0c;} .join_bj .join_bj_box li .info_hover p{ font-size:12px; font-weight:normal; color:#160e0c;} .join_bj .join_bj_box li .info_hover .imgbox{ width:90%; margin:0 auto; height:420px; background-color:#333; position:relative; bottom:-60px; overflow:hidden;} .join_bj .join_bj_box li:hover .info_hover{ bottom:10rem; opacity:1;} .dingzhi, .cul_position { position: absolute; z-index: 10; } .dingzhi .dingzhi_icon, .cul_position .dingzhi_icon { margin-top: 15px; } .dingzhi .dingzhi_icon a, .cul_position .dingzhi_icon a { color: #ffffff; font-size: 16px; float: left; margin-right: 36px; } .dingzhi .dingzhi_icon a .icon_img, .cul_position .dingzhi_icon a .icon_img { width: 66px; height: 64px; } .dingzhi .dingzhi_icon a .icon_img img, .cul_position .dingzhi_icon a .icon_img img { width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ } .dingzhi .dingzhi_icon a:hover, .cul_position .dingzhi_icon a:hover { color: #f1cfa4; } .dingzhi .dingzhi_icon a:hover .icon_img img, .cul_position .dingzhi_icon a:hover .icon_img img { transform: scale(1.2); } .cul_position { top: 20%; } .active .dingzhi { top: 20%; opacity: 1; } .active .dingzhi_img { bottom: 15%; opacity: 1; } .dingzhi { left: 7%; top: -600px; transition: all 3s; -moz-transition: all 3s; /* Firefox 4 */ -webkit-transition: all 3s; /* Safari and Chrome */ -o-transition: all 3s; /* Opera */ opacity: 0; } .dingzhi_img { position: absolute; bottom: -200px; height: 60px; width: 60px; background: url("../img/quan.png") no-repeat center center; z-index: 10; transition: all 3s; -moz-transition: all 3s; /* Firefox 4 */ -webkit-transition: all 3s; /* Safari and Chrome */ -o-transition: all 3s; /* Opera */ opacity: 0; } .ding_icon_zong .dingzhi_icon_left { left: 12.5%; } .ding_icon_zong .dingzhi_icon_right { right: 12.5%; } .dingzhi_title { text-align: center; display: block; width: 278px; height: 404px; overflow: hidden; margin: auto; } .dingzhi_title img { display: inline-block; width: 100%; } .active .display_box .toggle_box .toggle_box_title { top: 15%; opacity: 1; } .active .display_box .toggle_box .toggle_box_content { bottom: 12%; opacity: 1; } .display_box .toggle_box .toggle_box_title { text-align: center; width: 94%; left: 2.5%; top: -300px; position: absolute; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari and Chrome */ -o-transition: all 2s; /* Opera */ opacity: 0; margin-bottom: 98px; } .display_box .toggle_box .toggle_box_title span { color: #000000; display: inline-block; width: 169px; height: 54px; line-height: 54px; margin: 0 25px; cursor: pointer; background: url("../img/font_bg.png") no-repeat center center; background-size: 100% auto; font-size: 18px; color: #f1cfa4; } .display_box .toggle_box .toggle_box_title .toggle_link_active { color: white; } .display_box .toggle_box .toggle_box_content { text-align: center; width: 94%; left: 2.5%; bottom: -900px; position: absolute; height: 543px; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari and Chrome */ -o-transition: all 2s; /* Opera */ opacity: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .display_box .toggle_box .toggle_box_content .lun_box { overflow: hidden; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ height: 0; } .display_box .toggle_box .toggle_box_content .dis_link { float: left; width: 19.2%; height: 543px; overflow: hidden; position: relative; } .display_box .toggle_box .toggle_box_content .dis_link img { width: 100%; } .display_box .toggle_box .toggle_box_content .dis_link:not(:last-of-type) { margin-right: 1%; } .display_box .toggle_box .toggle_box_content .dis_link:hover .dis_zhe { opacity: 1; } .display_box .toggle_box .toggle_box_content .dis_link .dis_zhe { top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; background-color: rgba(0, 0, 0, 0.6); position: absolute; opacity: 0; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ } .display_box .toggle_box .toggle_box_content .dis_link .dis_zhe .zhe_img { width: 160px; height: 160px; text-align: center; margin: 90px auto; } .display_box .toggle_box .toggle_box_content .dis_link .dis_zhe .zhe_p { width: 156px; font-size: 18px; color: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 15px 0; margin: auto; text-align: center; } .zhanshi { width: 100%; height: 100%; position: relative; background: black; overflow: hidden; /*涓よ竟鐨勭澶?/ /*璺濈搴曢儴澶氶珮*/ /*鍥剧墖涔嬮棿鐨勮窛绂?/ } .zhanshi .my_3 .swiper-button-next, .zhanshi .my_3 .swiper-button-prev { position: absolute; height: 95px; z-index: 10; cursor: pointer; background-image: none; width: 75px; } .zhanshi .my_3 .swiper-button-next { left: 0; background: url("../img/qimei_02.jpg") no-repeat center center; width: 75px; } .zhanshi .my_3 .swiper-button-next { width: 80px; } .zhanshi .my_3 .swiper-button-prev { left: 95.8%; background: url("../img/qimei_04.jpg") no-repeat center center; } .zhanshi .my_3 .swiper-button-next.swiper-button-disabled { /*background-color: #e50012;*/ } .zhanshi .my_3 .swiper-button-prev.swiper-button-disabled { /*background-color:black;*/ } .zhanshi .my_3 .swiper-button-next.swiper-button-disabled, .zhanshi .my_3 .swiper-button-prev.swiper-button-disabled { opacity: 1; cursor: auto; pointer-events: none; } .zhanshi .my_3 .swiper-button-next, .zhanshi .mythree .swiper-container-rtl .swiper-button-prev { /*background-image: none!important;*/ } .zhanshi .my_3 .swiper-slide a { display: block; height: 100%; width: 50%; position: relative; } .zhanshi .my_3 .swiper-slide a img { width: 100%; height: 100%; } .zhanshi .my_3 .swiper-slide .zhe_left { float: left; } .zhanshi .my_3 .swiper-slide .zhe_right { float: right; } .zhanshi .my_3 .swiper-slide .zhe { top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); position: absolute; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ } .zhanshi .my_3 .swiper-slide a:hover .zhe { background: rgba(0, 0, 0, 0); } .zhanshi .my_3 .swiper-pagination-bullet { background-color: #ffe2a4; opacity: 1; height: 2px; width: 52px; border-radius: 0; } .zhanshi .my_3 .swiper-pagination-bullet-active { background-color: #a82023; } .zhanshi .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 5%; bottom: 10vh; } .zhanshi .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px!important; } .active .camera_box .ca_one, .active .camera_box .ca_three { top: 15%; opacity: 1; } .active .camera_box .ca_two, .active .camera_box .ca_four { bottom: 15%; opacity: 1; } .camera_box { width: 82%; margin: auto; height: 100%; position: relative; text-transform: uppercase; } .camera_box .camera_link { float: left; display: block; position: absolute; z-index: 10; width: 24.25%; overflow: hidden; } .camera_box .camera_link img { width: 100%; } .camera_box .ca_one { left: 0; height: 567px; } .camera_box .ca_one, .camera_box .ca_three { top: -500px; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari and Chrome */ -o-transition: all 2s; /* Opera */ opacity: 0; } .camera_box .ca_two, .camera_box .ca_four { bottom: -500px; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari and Chrome */ -o-transition: all 2s; /* Opera */ opacity: 0; } .camera_box .ca_two { left: 25.25%; } .camera_box .ca_link_up, .camera_box .ca_link_down { height: 277px; overflow: hidden; display: block; } .camera_box .ca_link_up { margin-bottom: 10px; } .camera_box .ca_more { background: #000000 url("../img/quan.png") no-repeat center 67%; text-transform: uppercase; text-align: center; } .camera_box .ca_more:hover p { color: #f1cfa4; border-top: 1px solid #f1cfa4; border-bottom: 1px solid #f1cfa4; } .camera_box .ca_more p { color: #fefefe; text-align: center; font-size: 21px; padding: 10px 7px; display: inline-block; margin: 20% auto; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .camera_box .ca_three { left: 50.5%; } .camera_box .ca_four { left: 75.75%; height: 567px; } .camera_box a { position: relative; } .camera_box a img { width: 100%; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .camera_box a:hover img { transform: scale(1.2); } .camera_box a:hover .camera_zhe { color: #f1cfa4; } .camera_box a .camera_zhe { position: absolute; padding: 20px 0 20px 29px; left: 0; right: 0; bottom: 0; background: #000000; background: rgba(0, 0, 0, 0.44); color: #fefefe; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .camera_box .ca_one .camera_zhe .zhe_title, .camera_box .ca_four .camera_zhe .zhe_title { font-size: 34px; } .camera_box .ca_one .camera_zhe p, .camera_box .ca_four .camera_zhe p { font-size: 10px; } .camera_box .ca_two .camera_zhe .zhe_title, .camera_box .ca_three .camera_zhe .zhe_title { font-size: 24px; } .camera_box .ca_two .camera_zhe span, .camera_box .ca_three .camera_zhe span { font-size: 12px; } .cul_position { right: -200px; transition: all 3s; -moz-transition: all 3s; /* Firefox 4 */ -webkit-transition: all 3s; /* Safari and Chrome */ -o-transition: all 3s; /* Opera */ opacity: 0; } .cul_position .dingzhi_title { width: 251px; height: 409px; } .active .cul_position { right: 7%; opacity: 1; } .cooperate_box { width: 1250px; margin: auto; height: 100%; background: url("../img/bgtu_03.png") no-repeat center center; position: relative; } .cooperate_box .co_link { overflow: hidden; color: #ffffff; z-index: 10; position: absolute; text-align: center; display: inline-block; width: 160px; } .cooperate_box .co_link:hover .co_img img { transform: scale(1.4); } .cooperate_box .co_link .co_img { height: 65px; overflow: hidden; text-align: center; } .cooperate_box .co_link .co_img img { height: 100%; display: inline-block; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ } .cooperate_box .co_link p { font-size: 24px; } .cooperate_box .co_link span { display: block; font-size: 7px; } .cooperate_box .co_position_left { left: -360px; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari and Chrome */ -o-transition: all 2s; /* Opera */ opacity: 0; } .cooperate_box .co_positon_right { right: -360px; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari and Chrome */ -o-transition: all 2s; /* Opera */ opacity: 0; } .cooperate_box .coop_one, .cooperate_box .coop_four { top: 20%; } .cooperate_box .coop_two, .cooperate_box .coop_five { top: 41%; } .cooperate_box .coop_three, .cooperate_box .coop_six { top: 67.5%; } .active .cooperate_box .co_position_left { left: 0; opacity: 1; } .active .cooperate_box .co_positon_right { right: 0; opacity: 1; } .box_slide8 { background: url("../img/bg4.jpg") no-repeat; background-size: 100% 100%; } .box8 { position: relative; height: 100%; width: 1600px; margin: auto; overflow: hidden; } .box8 h3 a { display: block; background: url("../img/qimei_12.png") no-repeat center center; background-size: auto 100%; height: 156px; text-indent: -999em; position: absolute; top: -50%; width: 100%; opacity: 0; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .active .box8 h3 a { opacity: 1; top: 160px; } .box8 .row { margin: 39px auto 68px; height: 300px; width: 1582.5px; position: absolute; top: 350px; left: -100%; opacity: 0; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ } .active .box8 .row { opacity: 1; left: 0; } .box8 .row .box8_a { display: block; float: left; width: 390px; height: 288px; overflow: hidden; position: relative; background-color: #6b1918; margin-right: 5px; cursor: pointer; } .box8 .row .box8_a img { width: 100%; } .box8 .row .box8_a .zhe_p { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 21px; background: rgba(0, 0, 0, 0.81); color: #797373; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .box8 .row .box8_a .zhe { background-color: #6b1918; z-index: 2; position: absolute; left: 0; right: 0; top: 50%; height: 0; font-size: 12px; color: #ffffff; overflow: hidden; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ padding: 0 30px; } .box8 .row .box8_a:hover .zhe { height: 100%; top: 0; } .box8 .row .box8_a .zhe .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; margin-top: 39px; font-size: 16px; } .box8 .row .box8_a .zhe span { display: block; } .box8 .row .box8_a .zhe .border { width: 125px; height: 2px; background-color: #ffffff; margin: 25px 0; } .box8 .row .box8_a .zhe p { -webkit-line-clamp: 2; -moz-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: box; overflow: hidden; line-height: 23px; height: 46px; } .box8 .row .box8_a .zhe .zhe_more { color: #691716; background-color: #fff; display: inline; display: inline-block; padding: 12px 52px; border-radius: 5px; margin-top: 24px; } .box8 .btn_more { margin-top: 40px; display: block; width: 265px; height: 61px; margin: auto; line-height: 61px; background: url("../img/bg_btn.png") no-repeat; background-size: auto 100%; text-align: center; position: absolute; top: 172%; left: 0; right: 0; opacity: 0; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ color: #ffffff; } .active .box8 .btn_more { opacity: 1; top: 77%; } .active .contact_bg .contact_up { bottom: 48%; opacity: 1; } .active .contact_bg .contact_down { bottom: 33%; opacity: 1; } .contact_bg { width: 100%; height: 100%; position: relative; background: url("../img/bg5.jpg") no-repeat; background-size: 100% 100%; color: #ffffff; overflow: hidden; } .contact_bg .contact_up { position: absolute; bottom: -100%; width: 100%; font-size: 14px; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari and Chrome */ -o-transition: all 2s; /* Opera */ opacity: 0; } .contact_bg .contact_up .cont_center { width: 90%; margin: auto; text-align: center; } .contact_bg .contact_up .contact_link { display: inline-block; margin: 0 60px; } .contact_bg .contact_up .contact_link .contact_img { height: 176px; width: 176px; overflow: hidden; margin-bottom: 35px; } .contact_bg .contact_up .contact_link .contact_img img { width: 100%; } .contact_bg .contact_down { font-size: 24px; text-align: center; position: absolute; bottom: -100%; width: 100%; transition: all 2s; -moz-transition: all 2s; /* Firefox 4 */ -webkit-transition: all 2s; /* Safari and Chrome */ -o-transition: all 2s; /* Opera */ opacity: 0; } .contact_bg .contact_down .cont_widt { width: 60%; margin: auto; } /*鍥哄畾渚ц竟鏍?/ .fixed_right { position: fixed; bottom: 0; right: 0; z-index: 999; display: flex; margin-right: 5vh; margin-bottom: 5vh; } /*鍥哄畾渚ц竟鏍?/ /*鍐呴〉瀵艰埅*/ .nav_box { height: 75px; width: 100%; top:0; background-color: #fff; position: fixed; z-index:99999; } .nav_box .nav_margin { position: absolute; z-index: 10; width: 80%; height: 100%; left: 0; right: 0; margin: auto; } .nav_box dl { float: left; width: 10%; height: 75px; } .nav_box dl dt { display: block; width: 100%; height: 75px; background-color: black; } .nav_box dl dt a { display: block; text-align: center; color: #000000; font-size: 16px; height: 100%; width: 100%; text-transform: uppercase; line-height: 75px; background-color: #fff; } .nav_box dl dt a.border_right { background-color: #e60012; color: #fff; } .nav_box dl dt a.a_height { line-height: 75px; } .nav_box dl dt a span { display: block; } .nav_box dl dd { height: 0; background-color: rgba(255, 255, 255, 0.8); transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */ overflow: hidden; } .nav_box dl dd a { display: block; color: rgba(74, 74, 74, 0.71); font-size: 14px; padding-top: 24px; padding-bottom: 24px; text-transform: uppercase; text-align: center; } .nav_box dl a:hover { color: #a82023; } .nav_box dl a.nav_active{ color: #a82023; } .nav_box .nav_right { width: 85%; float: right; } .nav_box .nav_logo { float: left; width: 15%; height: 100%; } .nav_box .nav_logo .in_logo_img { height: 60px; margin-top: 7.5px; padding-right: 40px; float: right; } .nav_box .nav_logo .in_logo_img img { height: 100%; } /*鍐呴〉瀵艰埅*/ #fp-nav ul li a span, .fp-slidesNav ul li a span{ background-color:#fff !important;} #fp-nav ul li a.active span{ background-color:#b02b24 !important} #myMenu{ position:fixed; bottom:0; right:0; z-index:999;} /*绗竴灞?/ .box1_bt { z-index: 1; position: absolute; } .active .text_box1.dongxiao1 { margin-left: 0rem; margin-top: 0rem; } .text_box1.dongxiao1 { margin-left: 20rem; margin-top: 14rem; } .box1 .swiper-button-next{display: none;} .box1 .swiper-button-prev{display: none;} .box1_bottom { position: relative; margin: 0 auto; top: 74vh; width: 120vh; left: 34%; display: flex; } .box1_bottom a { width: 33%; height: 60px; background-color: #fff; display: inline-block; color: #000; text-align: start; padding: 20px 0 20px 20px; margin-left: 1vh; } .box1 .box1_bottom p { font-size: 14px; color: #666666; line-height: 24px; height: 24px; } .box1 .box1_bottom p.box1_bottom_bt { display: inline-block; font-size: 18px; } .box1_bottom_wz { float: left; } .box1_bottom img { float: right; width: 18%; margin-right: 2vh; } /*绗簩灞?/ .box2_nr { width: 1200px; padding-top: 20vh; margin: 0 auto; } .box2_left { float: left; width: 49%; } .box2_left h2 { font-weight: initial; padding-bottom: 10vh; font-size: 34px; } .box2_left p { font-size: 14px; letter-spacing: 2px; } .box2_all a { color: #d43030; display: inline-block; border: 1px solid #666; margin-top: 12vh; padding: 1.3vh 4vh; padding-bottom: 1.4vh; } .box2_right { float: right; width: 49%; height: 50vh; overflow: hidden; } .box2_right img { width: 100%; } .box2 .box2_all a { margin-left: 0; } /*绗笁灞?/ .box3_nr{ width: 1200px; padding-top: 20vh; margin: 0 auto; } .box3_top { width: 56%; } .box3_top h2 { font-weight: initial; padding-bottom: 6vh; font-size: 34px; } .box3_top p { font-size: 14px; letter-spacing: 2px; } .box3_bottom { display: block; margin-top: 6vh; } .box3_left { width: 41.9%; float: left; } .box3_right { width: 58.1%; float: right; display: flex; flex-wrap: wrap; background-color: #000; } .box3_right a { width: 50%; } .box3_left a { display: block; width: 100%; background-color: #000; } .box3_right a img { width: 100%; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transtion:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; } .box3_left a img { width: 100%; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transtion:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; } .box3_left a img:hover { background-color: #000; opacity: 0.3; } .box3_right a img:hover { background-color: #000; opacity: 0.3; } .box3_mc { position: absolute; margin: 3vh; display: block; width: 31.2vh; height: 11.7vh; border: 2px solid #fff; opacity: 0; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transtion:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; } .box3_mc p { text-align: center; line-height: 12vh; color: #fff; } .box3_left .box3_mc { width: 48vh; height: 29.9vh; } .box3_left .box3_mc p { line-height: 30vh; } .box3_left:hover .left_box3_mc{ opacity: 1; } .box3_right a:hover .box3_mc{ opacity: 1; } /*绗洓灞?/ .box4_nr{ width: 1200px; padding-top: 20vh; margin: 0 auto; } .box4_top { width: 56%; } .box4_top h2 { font-weight: initial; padding-bottom: 6vh; font-size: 34px; } .box4_top p { font-size: 14px; letter-spacing: 2px; } .box4_bottom { display: flex; margin-top: 6vh; background-color: #000; } .box4_bottom a img{ -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transtion:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; } .box4_bottom a img:hover{ opacity: 0.3; } .box4_mc { position: absolute; width: 8vh; height: 8vh; border: 2px solid #fff; border-radius: 50%; margin: 12.05vh 17.45vh; opacity: 0; } .box4_mc p { text-align: center; margin-top: 2.5vh; color: #fff; } .box4_bottom a:hover .box4_mc{ opacity: 1; } /*绗簲灞?/ .box5_nr { margin: 0 auto; margin-left: 14%; } .box5_nr_left { float: left; width: 40%; padding-top: 20vh; color: #666666; } .box5_nr_right { float: right; width: 60%; height: 110vh; } .box5_xw { width: 100%; height: 100%; display: block; padding-top: 1vh; color: #808080 !important; } .box5_sx { display: inline-block; width: 1px; height: 44px; background-color: #000; margin-left: 4.5vh; } a.iconfont.icon-jiantou_liebiaoxiangyou { font-size: 4vh; } a.iconfont.icon-jiantou_liebiaoxiangzuo { font-size: 4vh; } .box5_nr_left span { font-size: 4vh; font-weight: 600; } .box5_nr_left h2 { margin-top: 7vh; font-weight: 500; } .box5_nr_left p { margin: 4vh 0; } a.box5_an { background-color: #9a000c; color: #fff; padding: 1.1vh 3vh; margin-top: 5vh; display: inline-block; } p.bq { margin: 0; font-size: 14px; } .bq_box { margin-top: 15vh; } .bq a{color: #666666;} .bq a:hover { color: #bcbcbc; } .bq a{ margin: 0 0.2vh; } h2.box5_xw_top { display: block; text-align: center; font-size: 10vh; margin: 8vh 0; margin-bottom: 10vh; } p.box5_rq { font-size: 14px; } img.box5_xwt { width: 100%; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transtion:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; } p.box5_xw_yw { font-size: 13px; } p.box5_xw_bt { margin-top: 0.5vh; margin-bottom: 2vh; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transtion:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; } p.box5_xw_zw { font-size: 13px; letter-spacing: 2px; } img.box5_jtt { width: auto; margin-top: 8vh; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transtion:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s; } .box5_xw:hover .box5_xw_bt{ color: #da4d4d; } .box5_xw:hover .box5_jtt{ margin-left: 2vh; } .tk { overflow: hidden; width: 100%; height: 22.2vh; margin: 2vh 0; } .box5_xw:hover .box5_xwt{ transform: scale(1.2); } .box5_nr_right .swiper-slide { padding-left: 30px; border-left: 1px solid #b6b6b6; } /*鍐呴〉*/ .foot_top_left { width: 33%; } .foot_top_left img { margin-left: 30px; margin-right: 30px; margin-top: 12px; width: 60%; } .foot1 .foot_top_mid { width: 33%; border-left: none; border-right: none; padding-left: 0px; } .foot_top_right { width: 33%; padding: 0 5px; text-align: center; } .foot_top .foot_top_mid a { color: #000; } .foot_top .foot_top_mid a:hover { color: #6b6b6b; } .mid_p { font-size: 40px; margin-top: 40px; } .foot_top_right p { margin-top: 2vh; } .nyk_tt .nyk_r { text-align: center; float: left; margin-top: 20px; width: 100%; } .nyk_tt .nyk_l { float: none; text-align: center; } .in_pimg img { width: 100% !important; height: auto !important; } .tb .nyk_tt .nyk_r { text-align: center; float: none; margin-top: 20px; margin-left: 33.5%; } .dm .nyk_tt .nyk_r { text-align: center; float: none; margin-top: 20px; margin-left: 41.5%; } /*鍗曢€夌編鍖栫編鍖?/ section { width: 50%; min-height: inherit; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; } section::before, section::after { content: ""; display: block; border-radius: 100%; position: absolute; } section::before { width: 30px; height: 30px; background: var(--primary); -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%); clip-path: polygon(0 100%, 100% 0, 100% 100%); top: 18px; left: 18px; } section::after { width: 42px; height: 42px; border: 1px solid var(--primary); top: 11px; left: 11px; } .guest_dx { --primary: hsl(4, 65%, 40%); --other: hsl(0, 0%, 100%); } .guest_dx label { display: flex; float:left; justify-content: flex-start; align-items: center; flex-wrap: nowrap; margin: 12px 0; cursor: pointer; position: relative; } .guest_dx input { opacity: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; } .guest_dx .design { width: 16px; height: 16px; border: 1px solid hsl(0, 0%, 100%); border-radius: 100%; margin-right: 5px; position: relative; } .guest_dx .design::before, .guest_dx .design::after { content: ""; display: block; top: 0px; left: 0px; width: inherit; height: inherit; border-radius: inherit; position: absolute; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: center center; transform-origin: center center; } .guest_dx .design:before { background: var(--other); opacity: 0; transition: .3s; } .guest_dx .design::after { background: var(--primary); opacity: .4; transition: .6s; } .guest .guest_dx .text { color: var(--other); margin-right:10px; font-weight: bold; font-size:12px; } .guest_dx input:checked+.design::before { opacity: 1; -webkit-transform: scale(.6); transform: scale(.6); } .guest_dx input:hover+.design, .guest_dx input:focus+.design { border: 1px solid var(--primary); } .guest_dx input:hover+.design:before, .guest_dx input:focus+.design:before { background: var(--primary); } .guest_dx input:focus+.design::after, .guest_dx input:active+.design::after { opacity: .1; -webkit-transform: scale(2.6); transform: scale(2.6); } .box7_input form { margin-top: 5vh; } .guest_dx label { margin-left: 2vh; } /*澶撮儴瀵艰埅*/ .menu_box_mid { position: fixed; z-index: 1; left: 20%; height: 8vh; width: 90vh; display: flex; } .menu_box_mid a { color: #acacac; padding: 0 2vh; line-height: 8vh; } .menu_box_mid .menu_mid_hover { color: #e60012; } .menu_box .iconfont.icon-sousuo { position: fixed; z-index: 1; color: #fff; left: 64%; top: 3vh; font-size: 22px; } /*鎼滅储妗?/ .ss_tc { position: fixed; right: 15%; top: 7vh; display: flex; z-index: 1; } .ss_tc{ display: none; } .ss_tc_a { border-radius: 2vh; background-color: #ffffff52; width: 15vh !important; height: 3vh; padding-left: 1vh; } .ss_tc_b { color: #fefefe; margin-left: 1vh; background-color: #e60012; border-radius: 2vh; padding: 0.2vh 1.5vh; padding-bottom: 0.5vh; } /*宸﹀彸绠ご*/ /*鎼滅储椤?/ .in_search{ margin-bottom: 30px; height: 60px; line-height: 60px; font-size: 18px; color: #333; } .in_search a{ display: inline-block; color: #a82023; } .in_search .se_span1{ margin: 0 8px; display: inline-block; } .in_search .se_span2{ font-size: 24px; color:#a82023; } /*2019.9.17 WYF*/ /*绗洓灞忚挋灞備慨鏀?/ .box4_mc { position: absolute; width: 9vh; height: 9vh; border: 2px solid #fff; border-radius: 50%; margin: 11.52vh 16.95vh; opacity: 0; } .box4_mc p { text-align: center; margin-top: 3.5vh; color: #fff; } .box5_xw { width: 90%; padding: 5%; height: 100%; display: block; padding-top: 1vh; color: #808080 !important; border-left: 1px solid #b6b6b6; } .box5_nr_right .swiper-slide { padding-left: 0px; border-left: 0px solid #b6b6b6; } p.box5_xw_zw { font-size: 13px; letter-spacing: 2px; } .box2_right { float: right; width: 49%; height: 50vh; overflow: hidden; } .box2_right img { height: 100%; width:auto; } .menu_box_mid a { color: #7e7e7e; } #fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #a0a0a0; } .swiper-button-next, .swiper-button-prev { position: initial !important; top: 50%; width: 27px; height: 44px; margin-top: 0 !important; z-index: 10; cursor: pointer; background-size: 15px 44px !important; display: inline-block; background-position: center; background-repeat: no-repeat; float: left; } .box5_left-right{ width: 100px; height: 46px; } .box5_sx { display: inline-block; width: 1px; height: 44px; background-color: #000; margin: 0 20px; float: left; } /*2019.9.18 wyf*/ .box5_nr_left span { font-size: 4vh; font-weight: 600; color: #585858; } a.box5_an { background-color: #d43030; color: #fff; padding: 1.1vh 3vh; margin-top: 5vh; display: inline-block; } .fp-viewing-page1 #fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #fff !important; } #fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #000 !important; } .fp-viewing-page1 .menu_box_mid a { color: #fff; } .fp-viewing-page1 .menu_box_mid .menu_mid_hover { color: #e60012; } .menu_box_mid a { color: #000; } .fp-viewing-page1 #fp-nav ul li a.active span { background-color: #fff !important; } #fp-nav ul li a.active span { background-color: #000000 !important; } .box5_nr_left h2 { margin-top: 3vh; font-weight: 500; } .box2_right img { height: 100%; width: auto; margin: 0 auto; } .fp-viewing-page1 .logo_img.logo_img2 { display: block; } .logo_img.logo_img2 { display: none; } .fp-viewing-page1 .logo_img { display: none; } /*2019.9.30*/ .box1 .swiper-slide img { width: 100%; height: 100%; } .in_pics ul li a.in_pimg { height: 11.6rem; overflow: hidden; } .in_pics ul li { width: 20%; } /*2019.10.11*/ .foot1 .foot_top { padding: 20px 0; border-bottom: 0px solid #666; } .foot_top_left img { margin-left: 30px; margin-right: 30px; margin-top: 1rem; width: auto; } .foot_top_mid p { line-height: 30px; font-family: helv; } .foot_top_right p { margin-top: 0vh; padding-top: 0; } .ftr { padding-top: 0px; } .foot_top_right img { width: 100px; height: 100px; } p.box5_xw_bt { min-height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis; } p.box5_xw_zw { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow:ellipsis; min-height: 6rem; } /*鍐呴〉瀵艰埅涓嬫媺鑿滃崟淇敼*/ .nav_box dl dd a { padding-top: 6px; padding-bottom: 6px; } .nav_box dl { width: 9.5%; } /*2019.11.8 wyf*/ .box5_nr_right { float: right; width: 60%; height: 86vh; margin: 7vh auto; } h2.box5_xw_top { display: block; text-align: center; font-size: 10vh; margin: 4vh 0; } .fp-viewing-page1 .menu_box .menu_btn { color: white; border: 1px solid #fff; } .menu_box .menu_btn { position: fixed; z-index: 10; right: 28%; top: 15px; color: #000; font-size: 15px; width: 70px; height: 40px; border-radius: 50px; border: 1px solid #000; line-height: 40px; text-align: center; cursor: pointer; } .fp-viewing-page1 .icon-sousuo:before { content: "\e694"; color: #fff; } .icon-sousuo:before { content: "\e694"; color: #000; } h2.box5_xw_top { display: none; } p.box5_xw_bt { font-size: 2vh; } p.box5_rq { font-size: 1.8vh; margin: 3vh auto; } .tk { overflow: hidden; width: 100%; height: 22.2vh; margin: 3vh 0; margin-bottom: 6vh; } p.box5_xw_bt { margin-bottom: 3vh; } p.box5_xw_yw { font-size: 1.6vh; } p.box5_xw_zw { font-size: 1.5vh; letter-spacing: 2px; } /*澶撮儴涓嬫媺鑿滃崟*/ .qxpp_box { width: 120px; height: 40px; border-radius: 200px; background-color: #a1251e; position: absolute; right: 10%; top: 15px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; cursor: pointer; z-index: 2; } .qxpp_nr { width: 12%; float: right; margin-right: -15%; margin-top: 2.9%; z-index: 9999; position: absolute; right: 25%; background-color: #fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); border-radius: 10px; padding-top: 0.5rem; z-index: 1; text-align: center; } .qxpp_nr li { border-bottom: 1px solid #d2d2d2; padding: 7% 0; width: 80%; z-index: 2; margin: 0 auto; } .pp_header:hover .qxpp_nr { display: block !important; } .qxpp_nr a:hover p { opacity: 0.6; } .qxpp_nr li p { font-size: 14px; }