@media screen and (min-width: 1600px) {} @media screen and (max-width: 1599px) {} @media screen and (max-width: 1399px) {} /*鍏冪礌杩囧害鏁堟灉*/ ::-webkit-scrollbar { width: 10px; /*婊氬姩鏉″搴?/ height: 10px /*婊氬姩鏉¢珮搴?/ } #flip_index_line1 .swiper-slide { background-size: cover !important; } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ ::-webkit-scrollbar-track { /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/ box-shadow: 0px; /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫渾瑙?/ border-radius: 0px; /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ background-color: #d7d7d7; } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ ::-webkit-scrollbar-thumb { /*婊氬姩鏉$殑鍐呴槾褰?/ box-shadow: 0px; /*婊氬姩鏉$殑鍦嗚*/ border-radius: 3px; /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ background-color: #2453b3; } ::selection { color: #fff; background: #2453b3; } .art_anli_info p::-webkit-scrollbar { width: 2px; /*婊氬姩鏉″搴?/ height: 2px /*婊氬姩鏉¢珮搴?/ } /*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/ .art_anli_info p::-webkit-scrollbar-track { /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/ box-shadow: 0px; /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫渾瑙?/ border-radius: 0px; /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ background-color: #EEEEEE; } .swiper-pagination-bullet { background: #FFFFFF !important; opacity: .8 !important; } .swiper-pagination-bullet-active { background: #2453b3 !important; } #menu { margin: 0; padding: 0; list-style-type: none; z-index: 70; } #menu li { float: left; margin: 0 10px 0 0; font-size: 14px; } #menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none; } #menu .active a { color: #fff; background-color: #333; } #fp-nav ul li a span { background: #2453b3; } #flip_index_line1 .flip-prev, #flip_index_line1 .flip-next { display: none !important; } #fullpage { /*width: 95%; float: right;*/ } .pub_nav_fixd { position: fixed !important; background: #fff; top: 0 !important; z-index: 999999999 !important; transition: all ease-in .3s; } .pub_nav_fixd a { color: #000 !important; } .pub_nav_fixd { height: 60px !important; transition: all ease-in .3s !important; box-shadow: 0 6px 15px rgb(0 0 0 / 8%); } .pub_nav_fixd .drop a { line-height: 60px !important; transition: all ease-in .3s !important; } /* .pub_nav_fixd .logo img { margin: 10px 0 !important; transition: all ease-in .3s !important; width: auto !important; height: 40px !important; } */ .pub_nav .nav-block .drop { width: 80px !important; text-align: center; transition: all ease-in .3s !important; } .pub_nav .nav-block .drop:hover { background: #F1F1F1; transition: all ease-in .3s !important; } @media screen and (min-width: 1440px) { .pub_nav .nav-block .drop { width: 7% !important; text-align: center; } } .header:hover .logo_1, .pub_nav_fixd .logo_1 { display: none; } .header:hover .logo_2, .pub_nav_fixd .logo_2 { display: block !important; } .header .logo_2 { display: none; } .pub_nav .logo img { margin: 5px 0; margin-left: 25px !important; height: 50px; transition: all ease-in .3s !important; } .pub_nav .active::before { content: ""; display: block; position: absolute; bottom: -1px; height: 2px; width: 100%; background: #2453b3; } .pub_nav .active { position: relative; } .nav_top7 .dropdown { display: none; } .pub_nav .logo { text-align: left; } .nav-open { background: url(../img/close.png) no-repeat; transition: all ease-in .3s; } .nav-open li { display: none; transition: all ease-in .3s; } .nav.nav-switch { position: relative; width: 3em !important; height: 2em !important; } .pub_nav { width: 100%; height: 60px; position: absolute; left: 0; top: 0; z-index: 99; transition: all ease-in .3s !important; } .pub_nav .nav { margin: 36px auto; } .pub_nav .icon-nav:before { border-radius: 0; } .pub_nav .pub_nav_body { height: 100vh; background: #FFFFFF; width: 0; } body { font-family: "SourceHanSansCN", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" !important; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .pub_width { max-width: 94%; margin: auto; } @media screen and (min-width: 1600px) { .pub_width_small { max-width: 90%; margin: auto; } } @media screen and (max-width: 1599px) { .pub_width_small { max-width: 90%; margin: auto; } } @media screen and (max-width: 1399px) { .pub_width_small { max-width: 96%; margin: auto; } } .text-left { text-align: left; } * { padding: 0px; margin: 0 } body { color: #fff; text-align: center; } .section { /*height: 100vh !important;*/ } .index_pub_tit_left { text-align: left; } .index_pub_tit_center { text-align: center; } .index_pub_tit_center span { margin: auto !important; } /* 澶撮儴鍏叡*/ .header .drop a { transition: all ease-in .3s !important; display: block; font-size: 16px; line-height: 60px; position: relative; text-transform: uppercase; } .header { position: absolute; top: 0; left: 0; background: none; border-bottom: 1px solid rgba(255, 255, 255, .3); } .header .nav-block { text-align: right; } .header .drop a, .header { color: #fff; transition: all 0s ease; } .header:hover { background: #fff; transition: all ease-in .3s !important; } .header:hover a { color: #333; } /*.dropdown { width: 100% !important; position: fixed !important; left: 0 !important; top: 80px !important; background: #FFFFFF; }*/ .dropdown .nav { margin-top: 0 !important; } .dropdown li a { line-height: 60px !important; } /* 绗竴灞忓紑濮?/ .index_line1 { height: 700px; } .index_line1 .flip-item { height: 700px; background-position: center; background-size: cover; } /*.index_line1 .flip_index_line1_item .flip_index_line1_item1_txt h5{ position: relative; font-size: 14px !important; font-weight: 400; }*/ .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt { margin-top: 260px; } .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt h3 { text-align: left; font-size: 50px !important; font-weight: 400; position: relative; letter-spacing: 8px; margin-bottom: 35px; } .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt h4 { margin-top: 20px; font-weight: 400 !important; font-size: 18px !important; letter-spacing: 2px; text-align: left; } .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt a { display: block; color: #fff; border: 1px solid #fff; border-radius: 30px; line-height: 40px; width: 150px; margin-top: 80px; } .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt a i { margin-left: 10px; } .index_line1 .flip_index_line1_item .flip_index_line1_item1_txt a:hover { background: #2453b3; color: #ffc834; border: 1px solid #2453b3; } /*棣栭〉绗簩鎵瑰紑濮?/ .index_line2 { position: relative; padding: 100px 0; background: url(../img/bg1.jpg?v=122222222212); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } .index_line2_box { overflow: hidden; /* background: #fff; box-shadow: 0 0 16px rgb(120 120 120 / 16%); */ } .index_pub_tit_right { float: right; width: 30%; margin-top: 11%; text-align: right; border-right: 5px solid #d64715; padding-right: 15px; } .index_pub_tit_right span { float: right; } .index_pub_tit h5 { color: #dcd1c9; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; font-family: 'zrnic'; margin-top: 0; margin-bottom: 10px; } .index_pub_tit h2 { font-weight: bold; color: #333; font-size: 26px; margin-top: 10px; margin-bottom: 0; } .index_pub_tit span { width: 53px; height: 2px; background: #d94f12; display: block; } .index_line2 .index_line2_left_top:hover .flip-next, .index_line2 .index_line2_left_top:hover .flip-prev { background: rgb(0 0 0 / 40%); } .index_line2 .index_line2_left_top .flip-next:hover, .index_line2 .index_line2_left_top .flip-prev:hover { color: #fff; } @media screen and (min-width: 1600px) { .index_line2 .index_line2_left_top .index_line2_left_top_img { height: 530px; overflow: hidden; position: relative; } .index_line2 .index_line2_left_top .index_line2_left_top_img img { width: 100%; min-height: 530px; } } @media screen and (max-width: 1599px) { .index_line2 .index_line2_left_top .index_line2_left_top_img { height: 500px; overflow: hidden; position: relative; } .index_line2 .index_line2_left_top .index_line2_left_top_img img { width: 100%; min-height: 500px; } } @media screen and (max-width: 1399px) { .index_line2 .index_line2_left_top .index_line2_left_top_img { height: 450px; overflow: hidden; position: relative; } .index_line2 .index_line2_left_top .index_line2_left_top_img img { width: 100%; min-height: 400px; } } .index_line2 .index_line2_left_top .index_line2_left_top_img .index_line2_left_top_txt { position: absolute; bottom: 0; width: 100%; line-height: 20px; background: rgb(4 39 109 / 91%); /* background: url(../img/index-section1-op.png); */ z-index: 333333; left: 0; color: #ffffff; padding: 20px; background-size: contain; } .index_line2 .index_line2_left_top .index_line2_left_top_img .index_line2_left_top_txt h4 { color: #FFFFFF; font-size: 16px; line-height: 24px; margin-bottom: 0; font-weight: 100; } .index_line2 .flip-page { left: auto !important; right: -15px; bottom: 100px;; } .index_line2 .index_line2_right { padding: 50px; } .index_line2 .index_line2_right .card-head { text-align: right; } .index_line2 .index_line2_right .card-head li { display: inline-block; /* width: 150px; */ height: 40px; text-align: center; /* margin-left: -10px; */ margin-right: 30px; } .index_line2 .index_line2_right .card-head .active {} .index_line2 .index_line2_right .card-head .active a { color: #2453b3; } .index_line2 .index_line2_right .card-head .active a:before { display: block; content: ''; position: absolute; bottom: 0; background: #2453b3; width: 100%; height: 3px; } .index_line2 .index_line2_right .card-head li a { border: none; color: #555; line-height: 50px; font-size: 28px; font-weight: 100; display: block; letter-spacing: 2px; margin: auto; height: 50px; position: relative; overflow: hidden; } .index_line2 .index_line2_right .card-head { background: none; border: none; padding: 0; } .index_line2 .index_line2_right .card-head ul { padding: 0; border-bottom: 3px solid #d0d8df; height: 50px; text-align: left; } .index_new_list_top { border-bottom: 1px solid #d0d8df; overflow: hidden; padding: 20px 0; margin-top: 20px; } .index_new_list_top:hover a h3 { color: #2453b3; } .index_new_list { color: #333333; text-align: left; } .index_new_list .index_new_list_top h3 { font-size: 18px; color: #000; padding-bottom: 5px; position: relative; font-weight: 100; letter-spacing: 1px; } .index_new_list .index_new_list_top p { font-size: 14px; color: #999; font-weight: 100; line-height: 1.3; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; } .index_new_list .index_new_list_ul li a { display: inline; font-size: 16px; white-space: nowrap; overflow: hidden; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .index_new_list .index_new_list_ul li a font{ display: block; width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_new_list .index_new_list_ul li a span { display: block; float: right; font-family: math; } .index_new_list .index_new_list_ul li { color: #2453b3; line-height: 50px; list-style-type: none; border-bottom: 1px solid #d0d8df; position: relative; } .index_new_list .index_new_list_ul li::before { display: block; content: ""; position: absolute; height: 1px; bottom: -1px; left: 0; background: #2453b3; width: 0; } .index_new_list .index_new_list_ul li:hover::before { transition: all .4s ease; width: 100%; } .index_line2_left_bot h4 { border: none; color: #000000; line-height: 40px; font-size: 24px; font-weight: 800; display: block; margin: auto; height: 60px; position: relative; overflow: hidden; text-align: left; margin-top: 40px; padding: 10px 0; border-bottom: 1px solid #f1f1f1; } .index_line2_left_bot h4:before { display: block; content: ''; background: #d44217; width: 0; position: absolute; height: 3px; bottom: 0; letter-spacing: 10px; transition: all .3s ease; } .index_line2_left_bot h4:hover:before { width: 100%; transition: all .8s ease; } .index_line2_left_bot h4 span { display: block; float: right; color: #d44217; } /* 棣栭〉涓氬姟棰嗗煙寮€濮 */ #yewu { position: absolute; top: -60px; } .index_yewu .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .index_yewu .swiper-slide { background-size: cover; background-position: center; } .index_yewu .gallery-top { height: 100%; width: 100%; } .index_yewu .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; margin-top: -200px; } .index_yewu .gallery-thumbs .swiper-slide { height: 100%; padding-top: 25px; border-radius: 10px; } .index_yewu .gallery-thumbs .swiper-slide h3 { font-weight: 300; } .index_yewu .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; background: #2453b3; } .index_yewu .gallery-thumbs .swiper-slide-thumb-active h3 { color: #ffd86e !important; } .index_yewu { height: 800px; } .index_yewu .index_yewu_li_bot { background: rgb(0 0 0 / 75%); } .index_yewu .index_yewu_li_box { padding: 150px 0 0 0; text-align: left; position: relative; z-index: 5; } .index_yewu .index_yewu_li_box h3 { font-size: 60px; color: #ffc834; font-weight: 100; letter-spacing: 3px; } .index_yewu .index_yewu_li_box h4 { font-size: 56px; font-weight: 100; color: rgb(255 255 255 / 44%); text-transform: uppercase; letter-spacing: 5px; margin-bottom: 50px; } .index_yewu .index_yewu_li_box h5 { font-size: 15px; color: #fff; margin-bottom: 0; font-weight: 400; line-height: 1.5; letter-spacing: 1px; } .index_yewu .index_yewu_li_xm { text-align: left; position: relative; z-index: 9; } .index_yewu .index_yewu_li_xm a { display: block; width: 50%; float: left; color: #fff; } .index_yewu .index_yewu_li_xm a:hover { color: #ffd974; background: #2453b3; padding-left: 10px; } .index_yewu .index_yewu_li_xm a i { color: #ffba00; margin-right: 10px; margin-top: -3px; } .index_yewu .index_yewu_li_more a { display: block; line-height: 40px; width: 150px; border: 1px solid rgb(255 186 0 / 51%); color: #ffba00; margin-top: 50px; border-radius: 30px; text-align: left; padding: 0 20px; z-index: 9; position: relative; } .index_yewu .index_yewu_li_more a:hover { background: #2453b3; border: 1px solid #2453b3; } .index_yewu .index_yewu_li_more a i { color: #ffba00; float: right; margin-top: 19px; font-size: 20px; } .index_yewu .swiper-button-next, .index_yewu .swiper-button-prev { background: rgb(225 225 225 / 20%); width: 60px; height: 60px; border-radius: 50%; background-image: none !important; } .index_yewu .swiper-button-next i, .index_yewu .swiper-button-prev i { font-size: 14px; margin-top: 23px; } .index_yewu .swiper-button-next:hover, .index_yewu .swiper-button-prev:hover { background: #2453b3; color: #fff; } .index_yewu .index_yewu_li_bot { cursor: pointer; } .index_yewu .index_yewu_li_bot img { opacity: .5; } .index_yewu .index_yewu_li_bot a { display: block; color: #fff; } .index_yewu .swiper-slide-thumb-active img, .index_yewu .index_yewu_li_bot:hover img { opacity: 1 !important; } .index_yewu .index_yewu_big { position: relative; } .index_yewu .index_yewu_big .index_yewu_li::before { display: block; content: ""; position: absolute; width: 100%; height: 100%; z-index: 2; background: rgb(19 33 63 / 51%); top: 0; left: 0; } .index_yewu .index_yewu_small { position: relative; z-index: 5; } /* 棣栭〉涓氬姟棰嗗煙缁撴潫 */ /* 鍏徃浠嬬粛寮€濮 */ .index_gongsi { color: #000; background: url(../img/index_about.jpg?v=21); } .index_gongsi .index_gongsi_box { padding: 150px 0; overflow: hidden; } .index_gongsi .index_gongsi_box .index_gongsi_left { padding-right: 50px; } .index_gongsi .index_gongsi_box .index_gongsi_left h3 { font-size: 30px; margin-bottom: 20px; font-weight: 300; text-align: left; color: #2453b3; } .index_gongsi .index_gongsi_box .index_gongsi_left h4 { font-size: 16px; font-weight: 300; color: #555; line-height: 1.6; text-align: left; margin-bottom: 0; } .index_gongsi .index_gongsi_box .index_gongsi_left .index_gongsi_left_num { text-align: left; overflow: hidden; margin: 62px 0; } .index_gongsi .index_gongsi_box .index_gongsi_left .index_gongsi_left_num span { font-weight: 100; font-size: 50px; color: #2453b3; height: 50px; margin-bottom: 10px; display: block; line-height: 50px; } .index_gongsi .index_gongsi_box .index_gongsi_left .index_gongsi_left_num span i { font-size: 16px; font-style: inherit; margin-left: 5px; color: #333; } .index_gongsi .index_gongsi_box .index_gongsi_left .index_gongsi_left_num p { padding-right: 20px; line-height: 1.2; font-size: 13px; color: #666; } .index_gongsi .index_gongsi_box .index_gongsi_left .pub_more { display: block; width: 150px; line-height: 40px; background: #2453b3; color: #fff; text-align: center; padding-left: 10px; } .index_gongsi .index_gongsi_box .index_gongsi_left .pub_more:hover { background: #447ced; } .index_gongsi .index_gongsi_box .index_gongsi_left .pub_more i { margin-left: 30px; margin-top: -3px; } .index_gongsi .index_gongsi_right_li p { overflow: hidden; } .index_gongsi .index_gongsi_right_li p img { opacity: 0; margin-left: -180px; display: block; } .index_gongsi .index_gongsi_right_li:hover p img { opacity: 1; margin-left: -100px; transition: all 0.5s ease; } .index_gongsi .index_gongsi_right_1 { background: url(../img/index_dj.jpg); background-position: left bottom; height: 410px; text-align: left; padding: 60px 0 0 50px; background-size: cover; margin-left: -10px; } .index_gongsi .index_gongsi_right_li h4 { color: rgb(255 255 255 /40%); font-weight: 400; text-transform: uppercase; margin-bottom: 10px; text-align: left; } .index_gongsi .index_gongsi_right_li h3 { color: #fff; font-weight: 400; text-align: left; } .index_gongsi .index_gongsi_right_2_s { background: url(../img/index_wh.jpg); background-position: center bottom; height: 200px; padding: 60px 0 0 50px; margin-bottom: 10px; background-size: cover; } .index_gongsi .index_gongsi_right_2_x { background: url(../img/index_rl.jpg); background-position: center bottom; height: 200px; padding: 60px 0 0 50px; background-size: cover; } /* 鍏徃浠嬬粛缁撴潫 */ body { overflow-x: hidden; } /* 浼佷笟椋庨噰 */ .fengcai { height: auto; position: relative; width: 100%; /* overflow: hidden; */ } .fengcai ul { overflow: inherit !important; /* width: 10000px !important; */ } .g1, .g2, .g3, .g4 { float: left; overflow: inherit !important; } .fengcai ul li { position: relative; list-style-type: none; overflow: hidden; display: flex; z-index: 1; align-items: center; } .fengcai ul li:hover { overflow: inherit; } .fengcai ul li img { width: 100%; min-height: 180px; position: relative; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .fengcai ul li:hover .fc_txt { position: absolute; opacity: 1; background: rgb(0 0 0 / 55%); bottom: 0; line-height: 1.3; font-size: 13px !important; ; padding: 10px; color: #FFFFFF; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .fengcai ul li .fc_txt { position: absolute; opacity: 0; background: #000000; width: 100%; line-height: 1.3; font-size: 14px; padding: 0 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .fengcai ul li a { position: relative; } .fengcai ul li:hover .zz { display: none; } .fengcai ul li:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); z-index: 99; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .fengcai ul li:last-child { display: none; } .fengcai .zz { display: block; width: 100%; height: 180px; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; } .fengcai ul li:hover .zz_txt { display: block; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.3); position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)); } .index_line5 { overflow: hidden; background: #282e3a; background-size: cover !important; width: 100%; height: 100%; position: relative; padding: 50px 0; } .index_line5 .index_line5_box { width: 100%; } .index_line5 .index_line5_box_top { border-bottom: 1px solid #515968; padding-bottom: 10px; margin-bottom: 10px; } .index_line5 .index_line5_box .index_line5_left {} .index_line5 .index_line5_box .index_line5_left a { display: block; float: left; margin-right: 30px; } .index_line5 .index_line5_box .index_line5_left h4 { font-size: 16px !important; font-weight: 300 !important; color: #d3d3d3; margin-bottom: 14px; margin-bottom: 0; } .index_line5 .index_line5_box .index_line5_left ul li a { font-size: 16px; font-weight: 400; } .index_line5 .index_line5_box .index_line5_left ul li { list-style-type: none; } .index_line5 .index_line5_box { text-align: left; } .index_line5 .index_line5_box .index_line5_r_wx { text-align: center; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .index_line5 .index_line5_r_link a { display: block; overflow: hidden; } .index_line5 .index_line5_box a>div { position: relative; overflow: hidden; } .index_line5 .index_line5_box a>div span { display: block; height: 20px; line-height: 20px; top: 50%; margin-top: -10px; position: absolute; right: 0; width: 85%; } .index_line5 .index_line5_box .index_line5_r_link { font-size: 16px; color: #d3d3d3; text-align: right; } .index_line5 .index_line5_box .index_line5_r_link i { font-style: normal; margin-right: 10px; } .index_line5 .index_line5_box .index_line5_r_link span { margin-left: 30px; display: block; float: right; height: 20px; line-height: 20px; } .index_line5_bot .index_line5_bot_tit { text-align: right; margin-top: -5px; } .index_line5_bot .index_line5_bot_tit a { margin-left: 10px; font-weight: 400; font-size: 14px; color: #6f717e; } .index_line5_bot p, .index_line5_bot a { margin-bottom: 0; font-size: 14px; color: #6f717e; } .flip>.flip-body>.flip-item { width: 100% !important; } .rightFix { width: 48px; position: fixed; right: 5px; bottom: 100px; z-index: 99; } .rightFix .ico { width: 48px; height: 48px; display: block; position: relative; overflow: hidden; margin: 0px; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-radius: 48px; border: 1px solid #eee; margin-bottom: 5px; background: #fff url(../img/fix-ico.png) no-repeat center 0; cursor: pointer; } .rightFix .ico img { width: 120px; height: 120px; position: absolute; left: -78px; top: 0; padding: 3px; background: #c7023a; border: 1px solid #c7023a; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 10px; } .rightFix .ico .ftel { width: 0%; text-align: center; height: 266px; line-height: 48px; position: fixed; left: -78px; bottom: 122px; right: 4% !important; background: #fff; color: #fff; display: block; left: auto !important; font-weight: bold; font-size: 18px; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; /* border-radius: 48px; */ } .rightFix .ico .ftel { background: #FFFFFF; box-shadow: 0 6px 15px rgb(0 0 0 / 30%); overflow: hidden; width: 0; } .rightFix .ico:hover { background-color: #2453b3; border-color: #2453b3; overflow: visible; } .rightFix .ico:hover img { opacity: 1; filter: alpha(opacity=100); left: -140px; } .rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; } .rightFix .fix-tel { background-position: 10px 12px; } .rightFix .fix-tel:hover { background-position: -33px 12px; } .rightFix .fix-qq { background-position: 10px -40px; } .rightFix .fix-qq:hover { background-position: -33px -40px; } .rightFix .fix-ewm { background-position: 10px -96px; } .rightFix .fix-ewm:hover { background-position: -33px -96px; } .rightFix .fix_top { background-position: 10px -150px; } .rightFix .fix_top:hover { background-position: -33px -150px; } .rightFix .fix-form { background-position: 10px -234px; } .rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; } .rightFix .fix-form:hover { background-position: -37px -234px; } .rightFix .qq { background-position: 10px -192px; } .rightFix .qq:hover { background-position: -33px -192px; } .rightFix .fix-tel1 { background-position: 10px -234px; } .rightFix .fix-tel1:hover { background-position: -36px -234px; } .rightFix .fix-tel1:hover .ftel { width: 96% !important; } .rightFix .fix-kf { background-position: 10px -41px; } .rightFix .fix-kf:hover { background-position: -33px -41px; } .index_zhanqun .index_zhanqun_li a { font-size: 16px; line-height: 2.35; font-weight: 400; display: block; text-indent: 1em; position: relative; text-align: left; } .index_zhanqun .index_zhanqun_li a::before { display: block; content: ""; position: absolute; width: 5px; height: 5px; background: #2453b3; top: 16px; left: 0; } .index_zhanqun .index_zhanqun_li { padding: 50px; text-align: center; border-right: 1px solid #f1f1f1; } .index_zhanqun_li4 { background: #2453b3; color: #ffffff; height: 100%; } .index_zhanqun_li4 h4 { margin-top: 30px; font-size: 22px; font-weight: 800; } .index_zhanqun_li4_sou input, .index_zhanqun_li4_sou input { line-height: 40px; border-radius: 20px; border: 1px solid #FFFFFF; background: #2453b3; width: 90%; text-indent: 1em; } .index_zhanqun_li4_sou p { font-size: 14px; margin-bottom: 50px; } .wrap { border: 3px solid #f00; width: 600px; height: 200px; position: relative; overflow: hidden; } .wrap ul { overflow: hidden; position: absolute; width: 1600px; left: 0; top: 0; _height: 1px; } .wrap ul li { float: left; width: 200px; } /* 鍐呴〉banner */ .nei_banner { background-size: cover !important; height: 500px; position: relative; width: 100%; background-position: center !important; background-repeat: no-repeat !important; } .nei_banner_txt { z-index: 2; text-align: left; position: relative; overflow: hidden; } .nei_banner_txt h5 { font-size: 50px !important; text-transform: uppercase; color: rgb(255 255 255 / 48%); margin-top: 200px; position: relative; } .nei_banner_txt h5::after { display: block; content: ''; position: absolute; width: 85px; height: 4px; background: #2453b3; top: 63px; } .nei_banner_txt h2 { font-size: 38px; margin-top: 27px; letter-spacing: 8px; font-weight: 400; } .top100 { /* height: 100px; width: 100%; */ } .snav { height: 65px; position: relative; width: 100%; border-bottom: 1px solid #2453b3; } .snav .snav_box { text-align: left; line-height: 65px; color: #333333; } .snav .snav_box .snav_box_weizhi i { margin-top: 0 !important; } .snav .snav_box .snav_box_weizhi a { margin: auto 5px; } .snav .snav_box .snav_box_erji .active { background: #2453b3; color: #FFFFFF; } .snav .snav_box_erji a { display: block; float: left; padding: 0 24px; } .pub_width_84 { width: 84%; } .max1270 { max-width: 1270px; } @media screen and (max-width: 1399px) { .max1400 { max-width: 1200px; } } @media screen and (min-width: 1400px) { .max1400 { max-width: 1360px; } } /* 鍐呴〉banner */ .list_new { margin: 50px 0; } .list_new .list_new_li { border-radius: 5px; overflow: hidden; background: #FFFFFF; height: 250px; margin-bottom: 30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_new .list_new_li_gonggao{ height: 200px; } .list_new .list_new_li:hover { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; box-shadow: 1px 2px 15px 0px rgb(0 0 0 / 43%); } .list_new .list_new_li .list_new_li_img { border-radius: 5px; float: left; height: 250px; display: flex; align-items: center; overflow: hidden; } .list_new .list_new_li .list_new_li_img .list_new_li_img_sp_1 { width: 68px; height: 47px; background: url(../img/list_m.png); position: absolute; z-index: 2; left: 0; top: 0; } .list_new .list_new_li .list_new_li_img .list_new_li_img_sp_2 { width: 100%; height: 250px; background: url(../img/list_m2.png); position: absolute; z-index: 1; background-size: 100%; background-position: center; } .list_new .list_new_li:hover .list_new_li_img img { transform: scale(1.1); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_new .list_new_li .list_new_li_img img { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 100%; min-height: 250px; } .list_new .list_new_li .list_new_li_txt { float: right; text-align: left; padding-right: 30px; padding-left: 60px; } .list_new .list_new_li .list_new_li_txt .list_new_li_txt_tit { font-size: 18px; color: #333333; font-weight: 800; margin-top: 50px; } .list_new .list_new_li .list_new_li_txt .list_new_li_txt_date { margin-bottom: 20px; } .list_new .list_new_li .list_new_li_txt .list_new_li_txt_info { font-size: 14px; color: #666666; font-weight: 400; } .list_new_jiazai, .list_new_jiazai .list_new_more_none { position: relative; overflow: hidden; height: 60px; line-height: 60px; color: #666666; } .list_new_jiazai .list_new_more { position: absolute; left: 0; width: 100%; text-align: center; top: 0; line-height: 60px; z-index: 2; } .list_new .list_new_more { cursor: pointer; line-height: 60px; background: #F1F1F1; text-align: center; font-size: 18px; color: #333333; border-radius: 5px; margin-bottom: 30px; } .list_new .list_new_more:hover { background: #2453b3; color: #FFFFFF; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .nei_body1 { background: #edf2fb; position: relative; overflow: hidden; } .maodian { position: relative; } .maodian_box { position: absolute; left: 0; top: -60px; } .about_line1 .swiper-pagination-bullet { color: #fff; } .about_line1 .swiper-pagination-bullet-active { color: #2453b3; } .about_line1 { text-align: left; color: #333333; padding: 100px 0; background: #FFFFFF; } .about_line1 .about_line1_tit {} @media screen and (min-width: 1600px) { .about_line1 .about_line1_tit .about_line1_tit_info { font-size: 16px; line-height: 2; } } @media screen and (max-width: 1599px) { .about_line1 .about_line1_tit .about_line1_tit_info { font-size: 14px; } } @media screen and (max-width: 1399px) { .about_line1 .about_line1_tit .about_line1_tit_info { font-size: 14px; } } .about_line { padding: 100px 0 !important; } .about_line .about_tit_cn { color: #333333; font-size: 37px; font-weight: 800; margin-bottom: 50px; } .about_line .about_tit_en { color: #acacac; font-size: 19px; position: relative; text-transform: uppercase; line-height: 45px; } .about_line .about_tit_en::after { content: ''; display: block; position: absolute; left: 50%; margin-left: -40px; bottom: -4px; width: 80px; background: #2c65e8; height: 5px; } .about_line1 p { text-align: justify; text-indent: 2em; } .about_line1 .about_line1_left .about_line1_tit_en { text-transform: uppercase; font-size: 20px; font-weight: 400; color: #acacac; line-height: 20px; } .about_line1 .about_line1_left .about_line1_tit_cn { font-size: 36px; font-weight: 800; color: #333333; line-height: 40px; } .about_line1 .about_line1_left .about_line1_tit_border { width: 100%; height: 1px; background-color: #999999; position: relative; margin: 30px 0; } .about_line1 .about_line1_left .about_line1_tit_border span { position: absolute; width: 85px; height: 5px; background: #2453b3; left: 0; top: -2px; } .about_line1 .about_line1_right img { width: 100%; } .about_line1 .about_line1_right { overflow: hidden; text-align: right; margin-top: 125px; } .about_line1 .swiper-pagination-about { position: absolute; bottom: 10px; text-align: center; z-index: 9; } .about_line2 { background: #FFFFFF; padding: 100px 0; } .about_line2_timeline { display: block; width: 100%; background: url(../img/line-time.jpg) left center repeat-x; height: 14px; position: absolute; /* left: 0; */ top: 553px; /* margin-top: -7px; */ border-bottom: dotted 2px #ccc; } #licheng .swiper-slide { height: 543px; } #licheng .swiper-slide .slide_tit { font-size: 26px; font-weight: 800; } #licheng .swiper-slide-active .slide_tit { font-size: 26px; font-weight: 800; color: #cb512f !important; } #licheng .swiper-slide .slide { margin: auto; height: 185px; cursor: -webkit-grab; background: #efebe1; position: absolute; width: 160%; left: -30%; padding: 20px 10px; } #licheng .swiper-slide .slide h5 { font-size: 18px; font-weight: 400; margin-bottom: 30px; color: #3c331d; position: relative; } #licheng .swiper-slide .slide p { font-size: 14px; font-weight: 400; color: #4c473c; text-align: center; padding: 0 20px; } #licheng .swiper-slide .slide h5::after { height: 2px; width: 50%; content: ''; display: block; position: absolute; left: 50%; bottom: -10px; margin-left: -25%; background: #e2dbcb; } #licheng .swiper-slide .slide h5::before { height: 2px; width: 20%; content: ''; display: block; position: absolute; left: 50%; margin-left: -10%; background: #716546; bottom: -10px; z-index: 2; } #licheng .swiper-slide-active .slide { background: #867e6b !important; color: #fff !important; } #licheng .swiper-slide-active .slide h5, #licheng .swiper-slide-active .slide p { color: #FFFFFF !important; } #licheng .swiper-slide .slide1, #licheng .swiper-slide .slide3, #licheng .swiper-slide .slide5, #licheng .swiper-slide .slide7, #licheng .swiper-slide .slide9, #licheng .swiper-slide .slide11, #licheng .swiper-slide .slide13, #licheng .swiper-slide .slide15, #licheng .swiper-slide .slide17, #licheng .swiper-slide .slide19, #licheng .swiper-slide .slide21 { top: 0; } #licheng .swiper-slide .slide1 .slide_ico1::after, #licheng .swiper-slide .slide3 .slide_ico1::after, #licheng .swiper-slide .slide5 .slide_ico1::after, #licheng .swiper-slide .slide7 .slide_ico1::after, #licheng .swiper-slide .slide9 .slide_ico1::after, #licheng .swiper-slide .slide11 .slide_ico1::after, #licheng .swiper-slide .slide13 .slide_ico1::after, #licheng .swiper-slide .slide15 .slide_ico1::after, #licheng .swiper-slide .slide17 .slide_ico1::after, #licheng .swiper-slide .slide19 .slide_ico1::after, #licheng .swiper-slide .slide21 .slide_ico1::after { content: ''; display: block; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #efebe1; } #licheng .swiper-slide-active .slide1 .slide_ico1::after, #licheng .swiper-slide-active .slide3 .slide_ico1::after, #licheng .swiper-slide-active .slide5 .slide_ico1::after, #licheng .swiper-slide-active .slide7 .slide_ico1::after, #licheng .swiper-slide-active .slide9 .slide_ico1::after, #licheng .swiper-slide-active .slide11 .slide_ico1::after, #licheng .swiper-slide-active .slide13 .slide_ico1::after, #licheng .swiper-slide-active .slide15 .slide_ico1::after, #licheng .swiper-slide-active .slide17 .slide_ico1::after, #licheng .swiper-slide-active .slide19 .slide_ico1::after, #licheng .swiper-slide-active .slide21 .slide_ico1::after { border-top: 10px solid #867e6b; } #licheng .swiper-slide .slide1 .slide_ico1::after, #licheng .swiper-slide .slide3 .slide_ico1::after, #licheng .swiper-slide .slide5 .slide_ico1::after, #licheng .swiper-slide .slide7 .slide_ico1::after, #licheng .swiper-slide .slide9 .slide_ico1::after, #licheng .swiper-slide .slide11 .slide_ico1::after, #licheng .swiper-slide .slide13 .slide_ico1::after, #licheng .swiper-slide .slide15 .slide_ico1::after, #licheng .swiper-slide .slide17 .slide_ico1::after, #licheng .swiper-slide .slide19 .slide_ico1::after, { content: ''; display: block; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e0e0e0; } #licheng .swiper-slide .slide1 .slide_ico2_shu, #licheng .swiper-slide .slide3 .slide_ico2_shu, #licheng .swiper-slide .slide5 .slide_ico2_shu, #licheng .swiper-slide .slide7 .slide_ico2_shu, #licheng .swiper-slide .slide9 .slide_ico2_shu, #licheng .swiper-slide .slide11 .slide_ico2_shu, #licheng .swiper-slide .slide13 .slide_ico2_shu, #licheng .swiper-slide .slide15 .slide_ico2_shu, #licheng .swiper-slide .slide17 .slide_ico2_shu, #licheng .swiper-slide .slide19 .slide_ico2_shu, #licheng .swiper-slide .slide21 .slide_ico2_shu { width: 1px; height: 50px; /* border: 1px solid #333; */ border-radius: 50%; margin-top: -57px; margin-left: 3.5px; background: #cccccc; } #licheng .swiper-slide .slide1 .slide_ico2_yuan, #licheng .swiper-slide .slide3 .slide_ico2_yuan, #licheng .swiper-slide .slide5 .slide_ico2_yuan, #licheng .swiper-slide .slide7 .slide_ico2_yuan, #licheng .swiper-slide .slide9 .slide_ico2_yuan, #licheng .swiper-slide .slide11 .slide_ico2_yuan, #licheng .swiper-slide .slide13 .slide_ico2_yuan, #licheng .swiper-slide .slide15 .slide_ico2_yuan, #licheng .swiper-slide .slide17 .slide_ico2_yuan, #licheng .swiper-slide .slide19 .slide_ico2_yuan, #licheng .swiper-slide .slide21 .slide_ico2_yuan { width: 8px; height: 8px; border: 1px solid #cccccc; border-radius: 50%; background: #ccc; } #licheng .swiper-slide .slide1 .slide_ico2, #licheng .swiper-slide .slide3 .slide_ico2, #licheng .swiper-slide .slide5 .slide_ico2, #licheng .swiper-slide .slide7 .slide_ico2, #licheng .swiper-slide .slide9 .slide_ico2, #licheng .swiper-slide .slide11 .slide_ico2, #licheng .swiper-slide .slide13 .slide_ico2, #licheng .swiper-slide .slide15 .slide_ico2, #licheng .swiper-slide .slide17 .slide_ico2, #licheng .swiper-slide .slide19 .slide_ico2, #licheng .swiper-slide .slide21 .slide_ico2 { position: absolute; left: 50%; margin-left: -4px; top: 274px; } #licheng .swiper-slide .slide1 .slide_tit, #licheng .swiper-slide .slide3 .slide_tit, #licheng .swiper-slide .slide5 .slide_tit, #licheng .swiper-slide .slide7 .slide_tit, #licheng .swiper-slide .slide9 .slide_tit, #licheng .swiper-slide .slide11 .slide_tit, #licheng .swiper-slide .slide13 .slide_tit, #licheng .swiper-slide .slide15 .slide_tit, #licheng .swiper-slide .slide17 .slide_tit, #licheng .swiper-slide .slide19 .slide_tit, #licheng .swiper-slide .slide21 .slide_tit { position: absolute; left: 50%; margin-left: -50px; top: 280px; color: #333333; width: 100px; text-align: center; } /* ------------------------------------------------- */ #licheng .swiper-slide .slide2, #licheng .swiper-slide .slide4, #licheng .swiper-slide .slide6, #licheng .swiper-slide .slide8, #licheng .swiper-slide .slide10, #licheng .swiper-slide .slide12, #licheng .swiper-slide .slide14, #licheng .swiper-slide .slide16, #licheng .swiper-slide .slide18, #licheng .swiper-slide .slide20, #licheng .swiper-slide .slide22 { top: 358px; } #licheng .swiper-slide .slide2 .slide_ico2_shu, #licheng .swiper-slide .slide4 .slide_ico2_shu, #licheng .swiper-slide .slide6 .slide_ico2_shu, #licheng .swiper-slide .slide8 .slide_ico2_shu, #licheng .swiper-slide .slide10 .slide_ico2_shu, #licheng .swiper-slide .slide12 .slide_ico2_shu, #licheng .swiper-slide .slide14 .slide_ico2_shu, #licheng .swiper-slide .slide16 .slide_ico2_shu, #licheng .swiper-slide .slide18 .slide_ico2_shu, #licheng .swiper-slide .slide20 .slide_ico2_shu, #licheng .swiper-slide .slide22 .slide_ico2_shu { width: 1px; height: 50px; /* border: 1px solid #333; */ border-radius: 50%; margin-top: 0; margin-left: 4.5px; background: #cccccc; } #licheng .swiper-slide .slide2 .slide_ico2_yuan, #licheng .swiper-slide .slide4 .slide_ico2_yuan, #licheng .swiper-slide .slide6 .slide_ico2_yuan, #licheng .swiper-slide .slide8 .slide_ico2_yuan, #licheng .swiper-slide .slide10 .slide_ico2_yuan, #licheng .swiper-slide .slide12 .slide_ico2_yuan, #licheng .swiper-slide .slide14 .slide_ico2_yuan, #licheng .swiper-slide .slide16 .slide_ico2_yuan, #licheng .swiper-slide .slide18 .slide_ico2_yuan, #licheng .swiper-slide .slide20 .slide_ico2_yuan, #licheng .swiper-slide .slide22 .slide_ico2_yuan { width: 8px; height: 8px; border: 1px solid #cccccc; border-radius: 50%; background: #cccccc; } #licheng .swiper-slide .slide2 .slide_ico2, #licheng .swiper-slide .slide4 .slide_ico2, #licheng .swiper-slide .slide6 .slide_ico2, #licheng .swiper-slide .slide8 .slide_ico2, #licheng .swiper-slide .slide10 .slide_ico2, #licheng .swiper-slide .slide12 .slide_ico2, #licheng .swiper-slide .slide14 .slide_ico2, #licheng .swiper-slide .slide16 .slide_ico2, #licheng .swiper-slide .slide18 .slide_ico2, #licheng .swiper-slide .slide20 .slide_ico2, #licheng .swiper-slide .slide22 .slide_ico2 { position: absolute; left: 50%; margin-left: -4px; top: -84px; } #licheng .swiper-slide .slide2 .slide_tit, #licheng .swiper-slide .slide4 .slide_tit, #licheng .swiper-slide .slide6 .slide_tit, #licheng .swiper-slide .slide8 .slide_tit, #licheng .swiper-slide .slide10 .slide_tit, #licheng .swiper-slide .slide12 .slide_tit, #licheng .swiper-slide .slide14 .slide_tit, #licheng .swiper-slide .slide16 .slide_tit, #licheng .swiper-slide .slide18 .slide_tit, #licheng .swiper-slide .slide20 .slide_tit, #licheng .swiper-slide .slide22 .slide_tit { position: absolute; left: 50%; margin-left: -50px; top: -119px; color: #333333; width: 100px; text-align: center; } #licheng .swiper-slide .slide2 .slide_ico1::after, #licheng .swiper-slide .slide4 .slide_ico1::after, #licheng .swiper-slide .slide6 .slide_ico1::after, #licheng .swiper-slide .slide8 .slide_ico1::after, #licheng .swiper-slide .slide10 .slide_ico1::after, #licheng .swiper-slide .slide12 .slide_ico1::after, #licheng .swiper-slide .slide14 .slide_ico1::after, #licheng .swiper-slide .slide16 .slide_ico1::after, #licheng .swiper-slide .slide18 .slide_ico1::after, #licheng .swiper-slide .slide20 .slide_ico1::after { content: ''; display: block; position: absolute; left: 50%; margin-left: -10px; top: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #efebe1; } #licheng .swiper-slide-active .slide2 .slide_ico1::after, #licheng .swiper-slide-active .slide4 .slide_ico1::after, #licheng .swiper-slide-active .slide6 .slide_ico1::after, #licheng .swiper-slide-active .slide8 .slide_ico1::after, #licheng .swiper-slide-active .slide10 .slide_ico1::after, #licheng .swiper-slide-active .slide12 .slide_ico1::after, #licheng .swiper-slide-active .slide14 .slide_ico1::after, #licheng .swiper-slide-active .slide16 .slide_ico1::after, #licheng .swiper-slide-active .slide18 .slide_ico1::after, #licheng .swiper-slide-active .slide20 .slide_ico1::after { border-bottom: 10px solid #867e6b; } /* 鍙戝睍鍘嗙▼寮€濮 */ .page_dashiji .page_dashiji_txt p a { color: #1546b5; padding-right: 20px; background: url(../img/more2.png) no-repeat; background-position: right; background-size: contain; } .page_dashiji .page_dashiji_txt p a:hover { color: #3c71e8; } .page_dashiji_txt p { /* padding-left: 160px; */ position: relative; } .page_dashiji .page_dashiji_txt p strong { /* position: absolute; display: block; left: 10px; */ font-weight: 400; /* color: #1546b5; */ } .page_dashiji .swiper-slide::before { display: none; } .page_dashiji #swiper-year { height: 300px; } .page_dashiji #swiper-year .swiper-slide-active { color: #1546b5 !important; } .page_dashiji #swiper-year .swiper-slide { font-size: 100px; font-weight: 800; line-height: 1; color: #eee; } .page_dashiji .year { margin-top: 100px; position: relative; } .page_dashiji .year-up { width: 100%; top: -80px; bottom: auto; background: url(../img/up.png) no-repeat; z-index: 222; left: 0; cursor: pointer; display: block; height: 200px; background-size: 30%; margin-top: 0; background-position: top center; } .page_dashiji .bt_nex { position: absolute; bottom: 10px; text-align: center; margin-bottom: -45px; z-index: 333; font-size: 30px; color: #1546b5; width: 100%; cursor: pointer; animation: movepoint 2s infinite; -webkit-animation: movepoint 2s infinite; } .page_dashiji .year-down { width: 100%; top: auto; bottom: -80px; z-index: 222; left: 0; cursor: pointer; display: block; height: 200px; background-size: 30% !important; margin-bottom: 0; background-position: bottom center !important; background: url(../img/down1.png) no-repeat; } .page_dashiji .year .swiper-button-next.swiper-button-disabled, .page_dashiji .year .swiper-button-prev.swiper-button-disabled { opacity: .1; } .page_dashiji #swiper-m { text-align: left; height: 500px; } .page_dashiji #swiper-m .swiper-slide { padding: 40px; background-color: #fff; position: relative; } .page_dashiji .page_dashiji_body { position: relative; height: 100%; } .page_dashiji .page_dashiji_body::before { content: ""; position: absolute; height: 84px; width: 100%; right: 10px; background: url(/template/xintou/html/img/zhezhao2.png); background-repeat: repeat-x; bottom: 0; z-index: 2; } .page_dashiji .page_dashiji { padding: 100px 0; position: relative; overflow: hidden; background: url(/template/xintou/html/img/dashiji.jpg) no-repeat; } .page_dashiji .page_dashiji_right { background: #ffffff; height: 500px; } .page_dashiji #swiper-m .swiper-slide .page_dashiji_txt::-webkit-scrollbar-track { /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫唴闃村奖*/ box-shadow: 0px; /*婊氬姩鏉$殑鑳屾櫙鍖哄煙鐨勫渾瑙?/ border-radius: 0px; /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ background-color: #e5e5e5; } /*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/ .page_dashiji #swiper-m .swiper-slide .page_dashiji_txt::-webkit-scrollbar-thumb { /*婊氬姩鏉$殑鍐呴槾褰?/ box-shadow: 0px; /*婊氬姩鏉$殑鍦嗚*/ /*婊氬姩鏉$殑鑳屾櫙棰滆壊*/ background-color: #666; } .page_dashiji #swiper-m .swiper-slide .page_dashiji_txt:hover::-webkit-scrollbar-thumb { background-color: #1546b5; } .page_dashiji .page_dashiji_txt { position: relative; overflow: hidden; overflow-y: auto; height: 400px; padding: 15px; color: #000; background: #f9f9f9; } .page_dashiji .page_dashiji_txt p,.page_dashiji .page_dashiji_txt span{ text-wrap: inherit !important; text-align: justify; } /* 鍙戝睍鍘嗙▼缁撴潫 */ /* 浼佷笟鑽h獕寮€濮 */ .about_line5_head { height: 130px; text-align: center; color: #333333; } .about_line3 { padding: 100px 0 50px; background-position-y: -28px; } .swiper_ry{ width: 100%; } .swiper_ry .swiper-slide::before { display: none; } .swiper_ry .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #0075c0; } .about_line5 #rongyu-dialog-object { padding: 10px 20px; background: #0074c1; color: #fff; } .swiper_ry .swiper-pagination { top: auto !important; bottom: 0; } .qiehuan { width: 150px; position: relative; overflow: hidden; margin: auto ; height: 30px; } .qiehuan>div { background: none !important; width: 60px; margin-top: 0 !important; top: 0 !important; height: 30px; color: #2453b3; font-family: cursive; text-align: center; border: 1px solid #2453b3; /* 鍒犻櫎鍚庣涓€涓拰鏈€鍚庝竴涓棤娉曞垏鎹 */ pointer-events: auto !important; cursor: pointer !important; opacity: 1 !important; /* 鍒犻櫎鍚庣涓€涓拰鏈€鍚庝竴涓棤娉曞垏鎹 */ } .qiehuan>div:hover { background: #2453b3 !important; color: #ffffff; } .swiper_ry .qiehuan{ margin-top: 80px; } .swiper_ry .swiper-slide img { width: 94%; border: 1px solid #999; position: absolute; bottom: 0; left: 3%; } #card-rongyu { height: 680px; } #card-rongyu .card-tab { display: block; opacity: 0; position: absolute; top: 70px; height: 440px; left: 0; width: 100%; } #card-rongyu .active { display: block; opacity: 1; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; animation: fadeIn; animation-duration: 0.5s; -webkit-animation: fadeIn 0.5s; } #card-rongyu .card-body { animation: fadeIn; animation-duration: 0.5s; -webkit-animation: fadeIn 0.5s; } .swiper_ry .swiper-slide { position: relative; overflow: hidden; height: 440px; } #card-rongyu .card-head { border-bottom: 1px solid #eee; } #card-rongyu .nav { display: initial !important; } #card-rongyu .nav li { font-size: 16px; display: inline-block; margin: 0 5px 10px; padding: 0 10px; border: 1px solid rgb(44 101 232 / 35%); } #card-rongyu .nav .active { position: relative; background: #2453b3; } #card-rongyu .nav .active a{ color: #fff; } /* #card-rongyu .nav .active::before { display: block; position: absolute; bottom: -1px; width: 100%; content: ""; height: 2px; background: #2c65e8; } */ /* 浼佷笟鑽h獕缁撴潫 */ @keyframes fadeintm { 0% { opacity: .2; } 50% { opacity: 1; } 100% { opacity: .2; } } @keyframes mymove { 0% { transform: scale(1); /*寮€濮嬩负鍘熷澶у皬*/ } 25% { transform: scale(1.1); /*鏀惧ぇ1.1鍊?/ } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } @-webkit-keyframes mymove /*Safari and Chrome*/ { 0% { transform: scale(1); /*寮€濮嬩负鍘熷澶у皬*/ } 25% { transform: scale(1.1); /*鏀惧ぇ1.1鍊?/ } 50% { transform: scale(1); } 75% { transform: scale(1.1); } } /* 涓氬姟鏋舵瀯 */ .page_jiagou .page_jiagou_top { text-align: left; color: #333333; overflow: hidden; } .page_jiagou { margin: 100px auto; position: relative; overflow: hidden; } .page_jiagou .page_jiagou_top .page_jiagou_top_img img { height: 50px; margin-top: 25px; } .page_jiagou .page_jiagou_top .page_jiagou_top_img { text-align: center; background: #2453b3; width: 100px; height: 100px; border-radius: 50%; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt h3 { font-size: 36px !important; margin-bottom: 0; color: #444; display: inline-block; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt h4 { color: #2453b3; text-transform: uppercase; font-weight: 300; margin: 5px 0; letter-spacing: 3px; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt h5 { font-size: 14px; color: #888; font-weight: 400; line-height: 1.4; position: relative; margin-bottom: 0; } .page_jiagou .page_jiagou_top .page_jiagou_top_txt .page_jiagou_top_txt_info { font-size: 14px; color: #333333; margin-bottom: 0; } .page_bankuai { background: #d4def3; padding: 100px 0; width: 100%; position: relative; } .page_bankuai .page_bankuai_box .swiper{ position: relative; } .page_bankuai .page_bankuai_box { overflow: hidden; } .page_bankuai .qiehuan{ margin-top: 50px; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_body { background: #2453b3; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_tit_cn { color: #fff !important; } .page_bankuai_box_li_tit_cn span{ display: block; color: #2453b3; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_tit_cn span{ color: #ffc834; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_body { width: 98%; background: #FFFFFF; height: 290px; overflow: hidden; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_body .page_bankuai_box_li_body_info { padding: 20px; height: 290px; position: relative; } .page_bankuai .page_bankuai_box_li { text-align: left; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_tit .page_bankuai_box_li_tit_cn { font-size: 14px; color: #333333; line-height: 20px; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_tit { margin: 0 0 10px 0; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_tit .page_bankuai_box_li_tit_en { font-size: 12px; color: #dad4c8; text-transform: uppercase; } #maodian{ position: absolute; top: -60px; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_img, .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_img img { width: 100%; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_img { -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; overflow: hidden; height: 210px; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_img img{ min-height: 210px; } .page_bankuai .page_bankuai_box_li .ico_jin { display: block; } .page_bankuai .page_bankuai_box_li .ico_bai { display: none; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_txt { font-size: 14px; color: #999999; line-height: 20px; height: 60px; overflow: hidden; margin: 10px 0 20px 0; font-weight: 300; text-align: justify !important; position: relative; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_more { position: absolute; cursor: pointer; bottom: 228px; color: #224faa; width: 100%; padding: 0 20px; overflow: hidden; left: 0; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_more i { margin-top: -3px; } .page_bankuai .page_bankuai_box_li .page_bankuai_box_li_more .page_bankuai_box_li_more_img { position: absolute; left: -100px; top: 30px; } .page_bankuai .page_bankuai_box_li:hover .page_bankuai_box_li_more .page_bankuai_box_li_more_img { position: absolute; left: 0; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; } .xm_new { text-align: left; overflow: hidden; } .xm_new .xm_new_li { padding: 10px; } .xm_new .xm_new_li .xm_new_li_box_l {} .xm_new .xm_new_li .xm_new_li_box_l img { width: 100%; min-height: 125px; } .xm_new .xm_new_li .xm_new_li_box_r { padding-left: 20px; } .xm_new .xm_new_li .xm_new_li_box { background: #f9f9f9; padding: 30px; height: 185px; } .xm_new .xm_new_li:hover .xm_new_li_box { background: #2453b3; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .xm_new .xm_new_li:hover h3, .xm_new .xm_new_li:hover h5, .xm_new .xm_new_li:hover h4 { color: #fff; } .xm_new .xm_new_li h3 { font-size: 18px; margin-bottom: 0; color: #000; font-weight: 300; } .xm_new .xm_new_li h5 { font-size: 16px; color: #2453b3; font-weight: 300; opacity: .7; } .xm_new .xm_new_li h4 { font-size: 14px; margin-bottom: 0; color: #000; line-height: 1.4; font-weight: 300; opacity: .7; } .art_jiagou .h3 { position: relative; z-index: 2; } .art_jiagou .page_jiagou_top_txt h4 { margin: -84px 0 0 0 !important; letter-spacing: 0px !important; font-size: 71px !important; color: #f3f3f3 !important; } .art_jiagou .page_jiagou_top_txt h3 { z-index: 2; position: relative; margin-top: 42px; } .art_jiagou .page_jiagou_top_txt h3::before { display: block; content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #f34231; right: -10px; top: 0; } .page_jiagou_info {} .pub_art_body p { margin-bottom: 0 !important; line-height: 2; } .pub_art_body { background: #f7f8fa; padding: 50px; } .pub_art_body img { width: 800px; display: block; margin: 20px auto; } .pub_art_body p { text-indent: 2em; text-align: justify !important; } .pub_art_body { font-size: 16px; text-align: left; color: #333333; line-height: 36px; } .art_jiagou .art_ico1 { overflow: hidden; margin-top: 28px; height: 50px; width: 100%; text-align: right; background: url(../img/art_ico1.png) no-repeat; } .art_jiagou .art_ico1 a.active { display: none; } .art_jiagou .art_ico1 a { margin-left: 10px; font-size: 18px; font-weight: 800; color: #333333; line-height: 50px; } .art_jiagou .art_ico1 a:hover { color: #2453b3; } .nei_body2 { background: #FFFFFF; position: relative; overflow: hidden; } .page_jiagou_info { padding: 50px 0; background: #f5f5f5; } .list_qiye { margin-left: -1%; color: #323333; } .list_qiye .list_qiye_li { width: 49%; float: left; margin-left: 1%; position: relative; overflow: hidden; margin-bottom: 15px; } .list_qiye .list_qiye_li, .list_qiye .list_qiye_li .list_qiye_li_img, .list_qiye .list_qiye_li .list_qiye_li_zhezhao { height: 380px; } .list_qiye .list_qiye_li .list_qiye_li_txt_logo img { width: 100%; } .list_qiye .list_qiye_li .list_qiye_li_txt_logo { width: 100px; height: 100px; border-radius: 50%; margin: auto; z-index: 3; overflow: hidden; margin-bottom: 30px; opacity: 1; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt_logo { opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_img img { width: 100%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_img img { width: 100%; transform: scale(1.1); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_zhezhao { background: rgb(0 0 0 / 40%); width: 100%; position: absolute; top: 0; z-index: 2; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_zhezhao { background: rgb(0 0 0 / 80%); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_txt { top: 115px; width: 100%; position: absolute; z-index: 3; left: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt { top: 100px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_txt h4 { position: relative; color: #FFFFFF; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt h4 { margin-top: -100px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_txt h4::before { display: block; position: absolute; content: ""; bottom: -10px; height: 2px; background: #2453b3; width: 0; left: 50%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt h4::before { display: block; position: absolute; content: ""; bottom: -23px; width: 10%; left: 45%; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .list_qiye .list_qiye_li .list_qiye_li_txt_info { opacity: 0; font-size: 14px; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt_info { opacity: 1; color: #a9a9a9; width: 90%; margin: auto; padding: 20px 0; } .list_qiye .list_qiye_li .list_qiye_li_txt_more { opacity: 0; font-size: 14px; text-align: center; } .list_qiye .list_qiye_li:hover .list_qiye_li_txt_more { opacity: 1; font-size: 35px; color: #e64338; font-weight: 100; line-height: 35px; } #card_bankuai .card-head-nav li { display: inline-flex; margin: 0 20px; position: relative; } #card_bankuai .card-head-nav .active::before { position: absolute; content: ""; bottom: -4px; width: 100%; height: 4px; background: #2453b3; } #card_bankuai .card-head-nav .active a { color: #333333; font-weight: 800; } #card_bankuai .card-head-nav li a { font-size: 30px; padding: 0; color: #666666; font-weight: 800; } #card_bankuai .card-head-nav { display: block; width: 700px; margin: 0 auto 37px auto; border-bottom: 4px solid #f1f1f1; } .page_jiagou_line1 { padding: 80px 0 100px; } .page_qy { padding: 30px 0; overflow: hidden; } .pub_shaixuan { background: #FFFFFF; text-align: left; margin-bottom: 30px; height: 60px; } .pub_shaixuan, .pub_shaixuan a { line-height: 30px; font-size: 16px; } .pub_shaixuan .pub_shaixuan_left .pub_shaixuan_left_1 { background: #dfdace; color: #333333; text-align: center; padding-top: 15px; height: 60px; } .pub_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a { color: #333333; font-size: 16px; display: block; padding: 0 15px; float: left; margin-top: 15px; margin-left: 25px; } .pub_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a.current, .pub_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a:hover { background: #2453b3; color: #FFFFFF; border-radius: 38px; } .lianxirenli{ color: #000; text-align: left; padding: 20px; background: #eee; margin-right: 30px; margin-top: -40px; } .lianxirenli h4{ font-weight: 400; height: 16px; line-height: 16px; border-left: 3px solid #2453b3; padding-left: 10px; } .lianxirenli h5{ font-weight: 400; margin-bottom: 5px; } .lianxirenli h5 i{ color: #2453b3; margin-right: 10px; } .pub_shaixuan .pub_shaixuan_right form input { height: 30px; line-height: 30px; border-radius: 20px; background: #dfdace; border: none; margin-top: 14px; text-indent: 1em; font-size: 14px; font-size: 0.875rem; color: #333333; } .pub_shaixuan .pub_shaixuan_right form button { width: 70px; height: 30px; line-height: 30px; margin-left: -20px; background: #2453b3; text-align: center; color: #FFFFFF; font-size: 14px; border: none; border-radius: 0 20px 20px 0; } .pub_shaixuan .pub_shaixuan_right form { float: right; margin-right: 17px; } .div_h_100 { width: 100%; overflow: hidden; height: 140px; background: url(../img/nei_bg.jpg); } .art_body .art_body_top { margin-top: 100px; text-align: left; } .art_body .art_body_top .art_body_date { color: #2453b3; } .art_body .art_body_top .art_body_tit h1 { color: #333333; padding-bottom: 15px; line-height: 1.2; display: inline-block; margin-bottom: 10px; border-bottom: 4px solid #2453b3; } .art_body .art_body_top .art_body_info, .art_body .art_body_top .art_body_info a { color: #666666; font-size: 14px; } .art_body .art_body_top .art_body_info a:hover { color: #2453b3; } .art_body .art_body_top .art_body_info { color: #666666; font-size: 14px; margin-bottom: 50px; border-top: 4px solid #e0e0e0; padding-bottom: 10px; margin-top: -14px; letter-spacing: 1px; padding-top: 10px; } .pub_art_shangxia { margin: 50px 0; line-height: 30px; padding: 25px 0; background: #f7f8fa; color: #727b82; overflow: hidden; } .pub_art_shangxia .pub_art_shangxia_l .ico { background-position: 0% center; border-right: 1px solid #e4e6e5; text-align: center; } .pub_art_shangxia .x6 {} .pub_art_shangxia .x6:hover ico, .pub_art_shangxia .x6:hover a, .pub_art_shangxia .x6:hover { color: #2453b3; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } .pub_art_shangxia .pub_art_shangxia_r .ico { background-position: 0% center; border-left: 1px solid #e4e6e5; } .pub_art_shangxia .pub_art_shangxia_l .x10 { text-align: left; padding-left: 20px; } .pub_art_shangxia .pub_art_shangxia_r .x10 { text-align: right; padding-right: 20px; } /* 浜烘墠鐞嗗康 */ .page_rencai { position: relative; height: 930px; margin: 100px 0; overflow: hidden; } .page_rencai .page_rencai_bg { position: relative; float: left; z-index: 1; height: 930px; text-align: left; overflow: hidden; width: 60%; } .page_rencai .page_rencai_body { position: absolute; width: 85%; right: 0; top: 100px; z-index: 12; height: 730px; overflow: hidden; } .page_rencai .page_rencai_body img { display: block; float: right; } .page_rencai_body_txt { position: absolute; width: 80%; color: #333333; top: 50px; left: 50px; text-align: left; height: 800px; overflow: hidden; } .page_rencai_body_txt p { margin-bottom: 0 !important; line-height: 1.5; } .page_rencai_body .page_rencai_tit .page_rencai_tit_en { font-size: 26px; font-weight: 400; color: #999999; } .page_rencai_body .page_rencai_tit .page_rencai_tit_cn { font-size: 36px; font-weight: 800; color: #333333; position: relative; } .page_rencai_body .page_rencai_tit .page_rencai_tit_cn::before { display: block; content: ""; position: absolute; top: 0px; width: 100px; height: 5px; background: #2453b3; } .page_rencai_body .page_rencai_tit { margin-bottom: 30px; } .page_rencai_body_txt_box strong::before { display: block; content: ""; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; background: #2453b3; } .page_rencai_body_txt_box strong { position: relative; /* text-indent: 1rem; */ padding-left: 12px; } .page_rencai_body .jiaru a { display: block; margin-top: 20px; width: 150px; line-height: 40px; background: #2453b3; color: #fff; text-align: center; padding-left: 10px; } .list_zhiye .list_zhiye_li_img { width: 710px; height: 430px; overflow: hidden; } .list_zhiye .list_zhiye_li_img img { width: 100%; min-height: 430px; } .list_zhiye .list_zhiye_li_txt { width: 505px; text-align: left; padding-top: 100px; color: #333333; } .list_zhiye .list_zhiye_li_txt h3 { font-weight: 800; color: #333333; font-size: 21px; margin-bottom: 50px; } .list_zhiye .list_zhiye_li_txt_info { background: #e9e5db; padding: 30px; position: relative; border-radius: 0 81px; } .list_zhiye .list_zhiye_li_txt_info .list_zhiye_li_img_ico1 { position: absolute; left: 34px; width: 30px; height: 30px; top: -15px; } .list_zhiye .list_zhiye_li_txt_info .list_zhiye_li_img_ico2 { position: absolute; right: 34px; width: 30px; height: 30px; bottom: -15px; } .list_zhiye .list_zhiye_line { padding: 100px 0; } .list_zhiye .list_zhiye_line1 .list_zhiye_li_img, .list_zhiye .list_zhiye_line3 .list_zhiye_li_img, .list_zhiye .list_zhiye_line5 .list_zhiye_li_img, .list_zhiye .list_zhiye_line7 .list_zhiye_li_img { float: left; } .list_zhiye .list_zhiye_line1 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line3 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line5 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line7 .list_zhiye_li_txt { float: right; } .list_zhiye .list_zhiye_line2 .list_zhiye_li_img, .list_zhiye .list_zhiye_line4 .list_zhiye_li_img, .list_zhiye .list_zhiye_line6 .list_zhiye_li_img, .list_zhiye .list_zhiye_line8 .list_zhiye_li_img { float: right; } .list_zhiye .list_zhiye_line2 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line4 .list_zhiye_li_txt, .list_zhiye .list_zhiye_line6 .list_zhiye_li_txt, .list_zhiye list_zhiye_line8 .list_zhiye_li_txt { float: left; } .list_zhiye .list_zhiye_line2, .list_zhiye .list_zhiye_line4, .list_zhiye .list_zhiye_line6, .list_zhiye .list_zhiye_line8 { background: #f6f8fb; } /* 浜烘墠鎷涜仒 */ .page_zhaopin .page_zhaopin_shaixuan { background: #FFFFFF; text-align: left; height: 30px; } .page_zhaopin .page_zhaopin_shaixuan, .page_zhaopin .page_zhaopin_shaixuan a { line-height: 30px; font-size: 14px; } .page_zhaopin .page_zhaopin_shaixuan .pub_shaixuan_left .pub_shaixuan_left_1 { color: #333333; height: 30px; padding-left: 20px; margin-right: 20px; } .page_zhaopin .page_zhaopin_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a { color: #333333; margin-top: 3px; font-size: 14px; display: block; padding: 0 15px; float: left; margin-left: 5px; line-height: 24px; } .page_zhaopin .page_zhaopin_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a.current, .page_zhaopin .page_zhaopin_shaixuan .pub_shaixuan_left .pub_shaixuan_left_2 a:hover { background: #2453b3; color: #FFFFFF; border-radius: 38px; } .page_zhaopin .zhiwei_sousuo { width: 100%; background: #FFFFFF; overflow: hidden; } .page_zhaopin .zhiwei_sousuo form input { height: 40px; line-height: 40px; background: #F1F1F1; border: 1px solid #dcdcdc; /* margin-top: 14px; */ text-indent: 1em; font-size: 14px; font-size: 0.875rem; color: #333333; width: 713px; float: left; } .page_zhaopin .zhiwei_sousuo form button { width: 70px; margin-left: -20px; background: #2453b3; text-align: center; color: #FFFFFF; font-size: 14px; border: none; height: 40px; line-height: 40px; width: 110px; } .page_zhaopin .zhiwei_sousuo form { float: left; margin: 0 20px 10px; width: 805px; } .page_zhaopin .page_zhaopin_top { background: #FFFFFF; border-radius: 5px; padding: 20px 0; margin: 20px 0; } .page_zhaopin .page_zhaopin_top h3 { color: #333; text-align: left; /* text-indent: 1em; */ padding-left: 20px; } .zp-list{ color: #333; text-align: left; } .zp-list .fold-head{ background: none !important; border-bottom:1px solid #f1f1f1 !important; position: relative; padding: 20px !important; font-size: 16px; color: #000; } .zp-list .fold-head span{ color: #666; font-size: 14px; margin-left: 20px; } .zp-list .fold-head i{ float: right; font-size: 20px ; color: #2453b3; } .zp-list .fold-head::before{ display: block; position: absolute; left: 0; top: 25px; content: ""; height: 15px; width: 3px; background: #2453b3; } .zp-list .fold-body { padding: 0 !important; } .zp-list .fold-body .fold-body-box{ background: #f9f9f9; margin-bottom: 20px; } .zp-list .fold-body .fold-body-box p{ margin-bottom: 0; } .zp-list .fold-body .fold-body-box h4{ margin-top: 20px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #e0e0e0; } .zp-list .fold-body .fold-body-box i{ color: #2453b3; margin-right: 10px; margin-top: -3px; } .zp-list .fold{ border: none !important; } .uk-margin-medium-bottom{ color: #000; } .zp-list .fold-head:hover .icon-add { animation: rotate-effect 1s linear; } .zp-list .fold-head:hover{ padding-left: 30px !important; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .zp-list .fold-body .toudi{ background: #2453b3; display: block; width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; margin-top: 30px; } .zp-list .fold-body .toudi:hover{ background: #326adc; } /* 鍏憡寮€濮 */ .page_gongkai .page_gongkai_tit { font-size: 16px; color: #333333; line-height: 20px; margin: 30px 0 10px; overflow: hidden; } .page_gongkai .page_gongkai_tit a { font-size: 16px; color: #333333; display: block; float: left; line-height: 16px; border-right: 1px solid #CCCCCC; padding: 0 10px; } .page_gongkai .page_gongkai_tit a:hover, .page_gongkai .page_gongkai_tit a.current { font-size: 16px; color: #2453b3; } .page_gongkai_list_li_date { text-align: center; color: #333333; height: 145px; width: 115px; } .page_gongkai_list_li_date_box { background: #f4f4f4; text-align: center; color: #333333; overflow: hidden; height: 105px; width: 95px; margin: 20px; } .page_gongkai_list_li_date_top { letter-spacing: 4px; border-bottom: 1px solid #d0d0d0; width: 80px; margin: 20px auto 0; color: #666; } .page_gongkai_list_li_date_bot { font-size: 18px; letter-spacing: 6px; color: #666; } page_zhaopin_list .page_gongkai_list_li { background: #FFFFFF; overflow: hidden; margin-bottom: 30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_gongkai_list_mid { width: 960px; text-align: left; color: #333333; padding: 40px 0 0 20px; } .page_gongkai_list_mid a { font-size: 16px; color: #666; } .page_gongkai_list_mid h4 { margin-bottom: 10px; font-size: 20px; } .page_gongkai_list_li:hover a { color: #2453b3; } .page_gongkai_list_ico, .page_gongkai_list_ico1 { width: 145px; height: 145px; } .page_gongkai_list { margin: 30px 0; } .page_gongkai_list_li:hover { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; box-shadow: 1px 2px 15px 0px rgb(0 0 0 / 43%); } .page_gongkai_list_ico { background: url(../img/xiazai_ico.png); background-repeat: no-repeat; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background-position: center; } .page_gongkai_list_li:hover .page_gongkai_list_ico { background: url(../img/xiazai_ico_on.png); background-repeat: no-repeat; background-position: center; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_gongkai_list_ico1 { background: url(../img/xiazai_ico1.png); background-repeat: no-repeat; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background-position: center; } .page_gongkai_list_li:hover .page_gongkai_list_ico1 { background: url(../img/xiazai_ico_on1.png); background-repeat: no-repeat; background-position: center; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_lianxi_tit h3 { font-size: 36px; font-weight: 800; color: #333333; position: relative; text-align: left; } .page_lianxi_tit h3::before { content: ""; display: block; position: absolute; bottom: -10px; width: 50px; height: 4px; background: #2453b3; } .page_lianxi_tit { margin: 100px 0 50px 0; } .page_lianxi_left { color: #333333; text-align: left; } .page_lianxi_left h5 { font-size: 16px; font-weight: 400; color: #666666; margin-bottom: 5px; } .page_lianxi_left_text { border-bottom: 1px solid #ced6de; border-top: 1px solid #ced6de; overflow: hidden; } .page_lianxi_left_text_left{ line-height: 1; padding: 10px; font-weight: 400; margin: 20px 20px 20px 0; border-right: 1px solid #eee; color: #2453b3; border: 1px solid #2453b3; border-radius: 10px 0; } .page_lianxi_left_text_right { padding: 21px 0 ; } .page_lianxi_left_text h4 { font-size: 14px; font-weight: 400; line-height: 1.4; color: #999999; margin-bottom: 0; } .page_lianxi_left_text h3 { font-size: 16px; font-weight: 400; letter-spacing: 2px; color: #000000; margin-bottom: 0; /* font-family: fantasy; */ margin-top: 3px; } .page_lianxi_left_ewm { display: inline-block; text-align: center; margin-bottom: 100px; } .page_lianxi_right .form-group1 input { width: 98%; float: left; margin-bottom: 10px; } .page_lianxi_right .form-group2 input { width: 98%; float: right; margin-bottom: 10px; } .page_lianxi_right input { height: 60px; line-height: 60px; color: #666666; text-indent: 1em; background: #f5f5f5; border: 1px solid #e4e4e4; } .page_lianxi_right .form-group3 textarea { width: 100%; color: #666666; text-indent: 1em; line-height: 50px; min-height: 135px; background: #f5f5f5; border: 1px solid #e4e4e4; } .page_lianxi_right button { height: 60px; width: 100%; border: none; background: #2453b3; } .page_lianxi_right button:hover { background: #366bd7; } .g1, .g2, .g3, .g4 { float: left; } /* 涓撻鍒楄〃 */ .list_zt { padding: 50px 0; } .list_zt_li { background: #FFFFFF; position: relative; overflow: hidden; margin-bottom: 15px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li:hover { -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; box-shadow: 1px 2px 15px 0px rgb(0 0 0 / 43%); } .list_zt_li .list_zt_li_l .list_zt_li_l_img img { width: 100%; min-height: 315px; } .list_zt_li .list_zt_li_l .list_zt_li_l_img { margin: 20px; height: 315px; overflow: hidden; } .list_zt_li_r { padding: 20px; text-align: left; } .list_zt_li_r h4 a { font-size: 24px; color: #333333; margin-bottom: 0; } .list_zt_li_r h4 { border-left: 4px solid #c54030; padding-left: 10px; } .list_zt_li_r ul li { border-bottom: 1px dashed #eee; line-height: 40px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r ul li a { display: block; font-size: 16px; color: #333333; line-height: 30px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r ul li a i{ margin-top: 8px; margin-right: 20px; font-size: 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r ul li:hover i{ margin-right: 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r ul li:hover { padding-left: 20px; background: #F1F1F1; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r ul li a:hover { color: #c54030; } .list_zt_li_r_li_more { margin-top: 13px; } .list_zt_li_r_li_info { font-size: 14px; color: #333333; padding: 20px; border-radius: 5px; background: #f1f1f1; margin: 20px 0 20px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .list_zt_li_r_li_more a { width: 100px; height: 30px; font-size: 14px; text-align: center; display: block; line-height: 30px; border-radius: 5px; border: 1px solid #F1F1F1; } .list_zt_li:hover .list_zt_li_r_li_more a { color: #FFFFFF; background: #c54030; border: 1px solid #c54030; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .page_gongkai_list_li { margin-bottom: 20px; } .list_zt_li_r_li_more a:hover { background: #e46354 !important; } .list_zt_dangjian .page_gongkai_list_mid { width: 1140px !important; } .list_zt_dangjian .page_gongkai_list_li_date_top { border-bottom: 1px solid #ffffff !important; color: #fff !important; } .list_zt_dangjian .page_gongkai_list_li_date_bot { color: #fff !important; } .list_zt_dangjian .page_gongkai_list_li_date_box { background: #b42b33; } .list_zt_dangjian .page_gongkai_list_mid p { font-size: 14px !important; color: #666 !important; display: block !important; line-height: 20px !important; } .list_zt_dangjian .page_gongkai_list_mid h4 { color: #333333; } /* 浼佷笟鏂囧寲绀句細璐d换 */ .wenhua-line1 { padding: 180px 0; text-align: left; background: url(../img/wh.jpg?v=121112222); background-repeat: no-repeat; background-size: cover; background-position: center right; } .wenhua-line1 h4 { font-size: 34px; color: #eee; letter-spacing: -1px; text-transform: uppercase; line-height: 0.9; margin-bottom: 10px; } .wenhua-line1 h3 { font-size: 40px; color: #fff; font-weight: 300; letter-spacing: 2px; margin-bottom: 10px; } .wenhua-line1 .wenhua-line1-txt { font-size: 16px; color: #fff; } .wenhua-line1 .wenhua-line1-txt p { margin-bottom: 3px; line-height: 20px; } .wenhua-line2 { padding: 100px 0; background: url(../img/wh2.jpg?v=12111222); background-repeat: no-repeat; background-size: cover; background-position: center; } #wenhua-line2-swiper .swiper-slide img { width: 100%; min-height: 320px; } #wenhua-line2-swiper .swiper-slide { height: 300px; overflow: hidden; } #wenhua-line2-swiper .qiehuan{ margin-top: 30px; } .wenhua-line3 .about_tit_en{ font-size: 40px; color: #000; font-weight: 300; letter-spacing: 2px; margin-top: 50px; } .wenhua-line3 .xm_new{ padding: 30px 0; } /* 椤电爜 */ .pglist { padding: 20px 0 30px; width: 100%; text-align: center; clear: both; } .pglist a, .pglist span { color: #999; padding: 0 15px; margin: 0 3px; display: inline-block; vertical-align: middle; line-height: 30px; background: #fff; border: 1px solid #f2f2f2; } .pglist a:hover { display: inline-block; color: #fff; background: #1546b5; border-color: #1546b5; box-shadow: 0 0 14px rgb(21 70 181 / 72%); } .pglist a.page-num-current { display: inline-block; color: #fff; background: #1546b5; border-color: #1546b5; box-shadow: 0 0 14px rgb(21 70 181 / 72%); }