/*初始化样式*/ input{padding:0;margin:0;font-family:'Microsoft YaHei';} img{border:none;background:none;vertical-align:middle;} ul,ol,li{list-style-type:none;} select,input,img,select{vertical-align:middle;} table{border-collapse:collapse;border-spacing:0} table, th, td {vertical-align: middle} .clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;} .clearfix{zoom:1} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;} h1,h2{font-size:12px;font-weight:bold;} hr {border: 0;border-top:1px solid #ccc;height:0;} p{margin: 0;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*滚动*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%!important;} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:92%;margin:0 auto;} #m_indemo {float: left;width:800%!important;} #m_demo1 {float: left;} #m_demo2 {float: left;} .com-img{ display:block; overflow:hidden;} .com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;} .com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} .xypg-right-content{font-size: 14px;} .flex{ display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;} .flex-wrap{ display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;} .section{overflow: hidden;} .max1400{max-width: 1280px;padding-left: 15px;padding-right: 15px;margin: 0 auto;} .max1450{max-width: 1480px;padding-left: 15px;padding-right: 15px;margin: 0 auto;} .max1510{max-width: 1540px;padding-left: 15px;padding-right: 15px;margin: 0 auto;} @font-face { font-family: "BODONISTD-BOOK"; src: url("/__cdn/vpwoqyxj/t/1/assets/BODONISTD-BOOK.otf"); } @font-face { font-family: "BODONISTD-ITALIC"; src: url("/__cdn/vpwoqyxj/t/1/assets/BODONISTD-ITALIC.otf"); } .allhidden{display: none;} .allshow{display: block;} /*头部样式*/ .top_head{position: fixed;border-bottom: 1px solid rgba(255,255,255,.3);width: 100%;top: 0px;z-index: 9999;} .top_head>.flex{height: 78px;} .top_head.scroll{background: #0f1021;} .logo{position: relative;} .logo a{display: block;} .logo a img{max-width: 100%;} .top_right{position: relative;display: flex;align-items: center;justify-content: flex-end;} /* top_ss */ .top_ss {width: 35px;height: 35px;position: relative;display: flex;align-items: center;justify-content: center;} .top_ss .ss_btn {width: 35px;height: 35px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/02/51df65e096d28e090e0dc78cf012bb52b3571fdb.png) no-repeat center;cursor: pointer;} .top_ss #formsearch {position: absolute;top: 45px;right: 0px;z-index: 9999;width: 200px;display: none;background: #f2f2f2;} .top_ss #formsearch #s_btn {float: left;outline: none;border: none;width: 35px;height: 30px;font-size: 0;background-color: transparent;background-repeat: no-repeat;background-image: url(https://cdn.4001690009.com/__cdn/19a72a49/22/02/d361eebbe300be32588323061960f488837223d4.png);background-position: 0 -210px;} .top_ss #formsearch #keyword {float: left;background: none;outline: none;border: none;width: calc(100% - 35px);color: rgba(0, 0, 0, 0.8);margin-top: 0px;height: 30px;padding-left: 10px;font-size: 14px;} /* xbb */ .xbb{position: relative;width: 100%;} .xbb .swiper-slide img{display: block;width: 100%;} .xbb .shu{position: absolute;left: 50%;transform: translateX(-50%);bottom: 30px;z-index: 999;} .xbb .shu img{-webkit-animation: myfirst 1.5s infinite;animation: myfirst 1.5s infinite;} .f_banner{position: absolute;right: 13.5416vw;bottom: 50px;display: flex;align-items: center;justify-content: center;z-index: 999;} .f_banner .swiper-button-prev,.f_banner .swiper-button-next{position: relative;width: 30px;height: 30px;margin-top: -5px;left: 0px;right: 0px;top: 0px;bottom: 0px;opacity: 1;} .f_banner .swiper-button-prev{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/02/16203521b8e53e5d1f08e9772c83fe65dca2f9a7.png) no-repeat center;} .f_banner .swiper-button-next{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/02/dbc4471786179c0fae3e9d419b4d9fe4a19d18ef.png) no-repeat center;} @-webkit-keyframes myfirst { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 50% { -webkit-transform: translate(0px, -30px); transform: translate(0px, -30px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } @keyframes myfirst { 0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } 50% { -webkit-transform: translate(0px, -30px); transform: translate(0px, -30px); } 100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } } /* c1_index */ .c1_index{position: relative;} .c1_botom{position: absolute;width: 100%;bottom: 5.2083vw;z-index: 999;} .c1_botom .hd{position: relative;display: flex;background: rgba(56,56,56,.5);} .c1_botom .hd li{flex: 1;position: relative;padding:10px 0;margin: 0 0px 0px 0px;text-align: center;background: transparent;transition: .3s ease;-webkit-transition:.3s ease;} .c1_botom .hd li a{display: block;} .c1_botom .hd li .lhimg{line-height: 40px;margin-bottom: 10px;min-width: 40px;} .c1_botom .hd li .lhimg img{max-width: 40px;} .c1_botom .hd li h3{color: #fff;font-size: 0.8333vw;} .c1_botom .hd li.on{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/3014b38ea8761d474aaabf9f3a9e17c32ef6b481.png) no-repeat center;background-size: 100% 100%;} .big_list{position: relative;} .big_list li{position: relative;} .big_list li>a img{display: block;width: 100%;} .big_list li .off{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;padding-top: 8.333vw;z-index: 999;} .big_list li .off .spp{color: #fff;max-width: 530px;line-height: 1.7;} .big_list li .off .spp p:nth-child(1){font-size: 22px;margin-bottom: 20px;} .big_list li .off .spp p:nth-child(2){font-size: 16px;} .big_list li .off .tit2x{text-align: left;margin-bottom: 4.166vw;} .big_list li .off .tit2x h3{color: #fff;font-size: 40px;font-family: "BODONISTD-BOOK";text-transform: uppercase;position: relative;margin-bottom: 5px;} .big_list li .off .tit2x h3::before{position: absolute;top: 50%;width: 2.60416vw;height: 1px;background: #fff;content: "";left: -3.64583vw;} .big_list li .off .tit2x p{color: #fff;font-size: 22px;font-weight: 400;position: relative;} .big_list li .off .tit2x i{display: block;color: #fff;font-style: inherit;font-size: 16px;margin-top: 10px;} .image-mask { position: relative; display: inline-block; width: 100%; } .image-mask:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6) 100%); z-index: 1; } .image-mask img { display: block; width: 100%; height: auto; z-index: 2; } .tab-con { position: relative; } .tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;} .tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; } .tab-con .tab-main.on { position: static; opacity: 1; visibility: visible; } /* 手机 */ .mob_c1_botom{position: absolute;width: 100%;bottom: 5.2083vw;z-index: 999;} .mob_c1_botom .hd{position: relative;display: flex;} .mob_c1_botom .hd .swiper-slide{position: relative;text-align: center;background: transparent;transition: .3s ease;-webkit-transition:.3s ease;padding: 10px;} .mob_c1_botom .hd .swiper-slide a{display: block;} .mob_c1_botom .hd .swiper-slide .lhimg{line-height: 40px;margin-bottom: 10px;min-width: 40px;} .mob_c1_botom .hd .swiper-slide .lhimg img{max-width: 40px;} .mob_c1_botom .hd .swiper-slide h3{color: #fff;font-size: 16px;} .mob_c1_botom .hd .swiper-slide.swiper-slide-thumb-active{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/3014b38ea8761d474aaabf9f3a9e17c32ef6b481.png) no-repeat center;background-size: 100% 100%;} /* c2_index */ .c2_index{position: relative; /* padding: 4.6875vw 0; */ /*background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/02/26a281b28e30bb17d1cf15d1529336560587883f.jpg) no-repeat;background-size: cover;*/} .title-two{position: relative;} .title-two h3{font-size: 40px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #000;position: relative;} .title-two h3::before{position: absolute;top: 50%;width: 2.60416vw;height: 1px;background: #000;content: "";left: -3.64583vw;} .title-two .llj{font-size: 16px;color: #545454;font-family: "BODONISTD-BOOK";text-transform: uppercase;margin-bottom: 10px;margin-top: 10px;} .title-two p{font-size: 22px;font-weight: 400;color: #000;} .title-eight h3::before{position: absolute;top: 50%;width: 2.60416vw;height: 1px;background: #1d688a;content: "";left: -3.64583vw;} .c2_con{position: relative;margin-top: 3.125vw;} .c2_con ul{display: flex;flex-wrap: wrap;margin: 0 -2.083vw;} .c2_con ul li{position: relative;width: calc(33.33% - 4.166vw);margin: 0 2.083vw 1.25vw 2.083vw;border-top: 3px solid #b2b2b2;} .c2_con ul li .bggimg{opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease;height: 22vh;} .c2_con ul li .bggimg img{display: block;width: 100%;} .c2_con ul li .cto{position: absolute;transition: .3s ease;-webkit-transition:.3s ease;left: 0px;top: 0px;width: 100%;height: 100%;} .c2_con ul li .cto h3{color: #000000;padding: 1.5625vw 0;font-size: 1.14583vw;} .c2_con ul li .cto .flex-center{display: flex;align-items: center;justify-content: space-between;} .c2_con ul li .cto .flex-center img{max-width: 100%;} .c2_con ul li .cbm{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: none; /* background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/02/37e02e2fa882a79e897bab61c4e440919a18c370.jpg) no-repeat center; */ padding: 15px 10px;} .c2_con ul li .cbm .bgg_fu{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column-reverse;text-align: center;color: #fff;} .c2_con ul li .cbm h3{font-size: 16px;color: #fff;font-weight: normal;margin-bottom: 20px;} .c2_con ul li .cbm h4{font-size: 22px;color: #fff;font-weight: normal;position: relative;margin-bottom: 1.5625vw;padding-bottom: 1.5625vw;} .c2_con ul li .cbm h4::before{position: absolute;width: 33px;height: 2px;background: #fff;bottom: 0px;left: 50%;margin-left: -16.5px;content: "";} .c2_con ul li .cbm a{font-size: 16px;color: #fff;font-weight: normal;padding:7px 1.5625vw;border: 1px solid #fff;margin: 0 auto;display: inline-block;} .c2_con ul li:hover{border-top-color: #0d4da1;} .c2_con ul li:hover .cto{display: none;} .c2_con ul li:hover .cbm{display: block;} .c2_con ul li:hover .bggimg{opacity: 1;} /* c3_index */ .c3_index{position: relative;display: flex;flex-wrap: wrap;align-items: center;height: 100%;} .c3_left{position: relative;width: 100%;} .c3_left .bd li{position: relative;} .c3_left .bd li .lhimg img{display: block;width: 100%;} .c3_left .bd li .lhii{position: absolute;left: 0px;top: 50%;transform: translateY(-50%);z-index: 999;padding-left: 13.416vw;width: 40%;} .lhii-title{position: relative;margin-bottom: 4.6875vw;} .lhii-title h3{font-size: 40px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 5px;position: relative;} .lhii-title h3::before{position: absolute;top: 50%;width: 2.60416vw;height: 1px;background: #fff;content: "";left: -3.64583vw;} .lhii-title p{font-size: 22px;font-weight: 400;color: #fff;position: relative;margin-bottom: 10px;} .lhii-title .llj{font-size: 16px;color: #fff;font-family: "BODONISTD-BOOK";text-transform: uppercase;margin-bottom: 10px;} .lhii-cc{position: relative;} .lhii-cc h3{font-size: 22px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 1.0416vw;} .lhii-cc h3 span{padding-right: 20px;line-height: 35px;display: inline-block;} .lhii-cc h3 .ivideo{display: inline-block;} .lhii-cc h3 span a{color: #fff;} .lhii-cc p{font-size: 18px;font-weight: 400;color: #fff;} .c3_left .bd li:nth-child(n+2) .lhii-cc h3 span{background: none;} .c3_right{position: absolute;width: 60%;right: 0px;top: 0px;height: 100%;align-items: center;} .c3_right .hd{position: relative;height: 100%;display: flex;} .c3_right .hd li{height: 100%;width: calc(33.33% - 1px);border-left: 1px solid #fff;display: flex;justify-content: center;align-items: center;flex-direction: column-reverse;text-align: center;padding-left: 2.60416vw;padding-right: 2.60416vw;position: relative;} .c3_right .hd li a{display: block;position: relative;z-index: 99;} .c3_right .hd li .hk1{opacity: 1;font-size: 1.5625vw;color: #fff;font-family: "BODONISTD-BOOK";text-transform: uppercase;line-height: 1;} .c3_right .hd li .hk2{font-size: 22px;color: #fff;font-weight: normal;margin: 10px 0 3.125vw;} .c3_right .hd li .hk3{opacity: 0;font-size: 0.8333vw;color: #fff;line-height: 1.7;margin-bottom: 1.5625vw;height: 80px;overflow: hidden;} .c3_right .hd li .hk4{opacity: 0;font-size: 0.8333vw;color: #fff;font-weight: normal;padding:7px 1.5625vw;border: 1px solid #fff;margin: 0 auto;display: inline-block;} .c3_right .hd li.on::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";z-index: 1;background: rgba(13,77,161,.8);} .c3_right .hd li.on .hk1, .c3_right .hd li.on .hk3, .c3_right .hd li.on .hk4{opacity: 1;} .tab2-con { position: relative; } .tab2-con .tab2-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;} .tab2-con .tab2-main { opacity: 0; visibility: hidden; transition: all .5s ease; } .tab2-con .tab2-main.on { position: static; opacity: 1; visibility: visible; } /* c4_index */ .c4_index{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/7499de960f7e73a8283506f6332c47be1fe35452.jpg) no-repeat;background-size: cover; /* padding: 7.8125vw 0 3.64583vw;margin-top: 20px; */ } .c4_con{position: relative;margin-top: 60px;} .xw_cate_list{position: relative;display: flex;flex-wrap: wrap;margin: 0 -15px;} .xw_cate_list li{position: relative;width: calc(33.33% - 30px);margin: 0 15px 15px 15px;overflow: hidden;height: 53vh;} .xw_cate_list li a{display: block;position: relative;width: 100%;height: 100%;} .xw_cate_list li .com-img img{display: block;width: 100%;} .xw_cate_list li .upp{position: absolute;left: 0px;bottom: -80px;width: 100%;height: 100%;display: flex;flex-direction: column-reverse;transition: all .5s ease;z-index: 99;} .xw_cate_list li .upp .upp_flex{padding: 2.083vw;padding-bottom: 30px;} .xw_cate_list li .upp h3{font-size: 1.14583vw;font-weight: normal;color: #fff;margin-bottom: 10px;} .xw_cate_list li .upp h4{font-size: 1.14583vw;font-weight: normal;color: #fff;text-transform: uppercase;margin-bottom: 45px;} .xw_cate_list li .upp .ioo{display: block;transition: all .5s ease;} .xw_cate_list li .upp i{font-size: 0.8333vw;color: #fff;font-weight: normal;padding:7px 1.5625vw;border: 1px solid #fff;margin: 0 auto;display: inline-block;font-style: inherit;} .xw_cate_list li:hover .upp{bottom: 0px;} .xw_cate_list li:hover .upp h4{display: block;margin-bottom: 25px;} .xw_cate_list li:hover::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";z-index: 1; background: -moz-linear-gradient(to top, rgba(13,77,161,.8) 20%, rgba(13,77,161,.6) 50%, rgba(13,77,161,.3) 80% rgba(13,77,161,.05) 100%); background: -webkit-linear-gradient(to top, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%); background: -o-linear-gradient(to top, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%); background: linear-gradient(to top, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%);} .xw_home_more{position: relative;margin-top: 15px;} .xw_home_more a{display: inline-block;width: 155px;line-height: 34px;border: 1px solid #000;font-size: 0.8333vw;color: #000;} /* c5_index */ .c5_index{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/25ea5c348e530c9d927b0669df439a670c54edd1.jpg) no-repeat right;background-size: cover; /* padding: 5.2083vw 0; */ } .c5-title{position: relative;margin-bottom: 2.60416vw;padding-bottom: 2.083vw;} .c5-title::before{position: absolute;left: 0px;bottom: 0px;width: 32px;height: 3px;background: #fff;content: "";} .c5-title h3{font-size: 40px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 10px;} .c5-title p{font-size: 22px;font-weight: 400;color: #fff;} .c5_index .skk{font-size: 18px;color:#fff;line-height: 1.7;margin-bottom: 3.64583vw;} .c5_con_list{position: relative;display: flex;} .c5_con_list li{position: relative;flex: 1;text-align: center;} .c5_con_list li a{display: block;} .c5_con_list li .br-img{border: 1px solid #fff;width: 90px;height: 90px;line-height: 90px;margin: 0 auto;} .c5_con_list li .br-img img{max-width: 70px;max-height: 70px;} .c5_con_list li h3{font-weight: normal;font-size: 22px;color: #fff;padding: 30px 0;} /* ft_layout */ .ft_layout{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/a69d4dfa5c4fcd14fd90bfc5f5312b351577170f.jpg) no-repeat;background-size: cover;} .ftt_top{padding: 40px 0 35px;position: relative;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #fff;} .ft_logo img{max-width:240px;} .ft_ico_list{display: flex;align-items: center;} .ft_ico_list li{margin: 0 8px;position: relative;cursor: pointer;} .ft_ico_list li i img{max-width: 100%;} .ft_ico_list li .sho{position: absolute;top: 30px;left: 50%;transform: translateX(-50%);z-index: 99;display: none;} .ft_ico_list li .sho img{max-width: 100px;} .ft_ico_list li:hover>.sho{display: block;} .ftt_bom{position:relative;padding:3.64583vw 2.60416vw 3.64583vw 2.60416vw;display:flex;justify-content:space-between;align-items:center} .x-layout-company{margin-bottom:20px;font-weight:700;font-size:30px;color:#fff} .x-layout-contact{font-size:16px;color:#fff;margin-bottom:20px;padding-left:25px;background:url(https://cdn.4001690009.com/__cdn/1044b33c/23/02/539c285072cfbaa1da20afe363bd8329265d009f.png) no-repeat left center} .x-layout-desc{padding-left:25px;background:url(https://cdn.4001690009.com/__cdn/1044b33c/23/02/f731fa91085d14018fa05b0f838b7bcb42986390.png) no-repeat left center;font-size:16px;color:#fff} .x-layout-desc a{font-size:22px;color: #fff;} .ftt_bb{position:relative} .ftt_bb ul{display:flex;flex-wrap:wrap} .ftt_bb ul li{margin-bottom: 2.60416vw;padding-bottom:15px;position:relative;width:33.33%} .ftt_bb ul li::before{position:absolute;left:0;bottom:0;width:34px;height:1px;background:#fff;content:""} .ftt_bb ul li a{display:block;color:#fff;font-size:18px} /* */ .bb-pagination { text-align: center; position: relative; margin: 0 20px; z-index: 999; width: 80px; height: 80px; } .bb-pagination::before{ content: "/03"; position: absolute; right: 20%; top: 50%; font-size: 16px; color: #fff; transform: translateY(-50%); } .bb-pagination > span::before{ content: "0"; } .bb-pagination .swiper-pagination-bullet { display: block; zoom: 1; width: 80px; height: 80px; background-color: transparent; position: relative; margin: 0; transform: rotate(-90deg); opacity: 1; outline: none; position: absolute; left: 0px; top: 0px; font-size: 0; } .bb-pagination .swiper-pagination-bullet svg { opacity: 1; } .bb-pagination .swiper-pagination-bullet .hover { stroke-dasharray: 314 0; stroke: none; } .bb-pagination .swiper-pagination-bullet:before { content: attr(data-line); position: absolute; left: 50%; top: 50%; width: auto; height: auto; line-height: 40px; background-color: transparent; transform: translate(-50%, -50%) rotate(90deg); border-radius: 100%; color: #ffffff; } .bb-pagination .swiper-pagination-bullet-active{ font-size: 22px; } .bb-pagination .swiper-pagination-bullet-active:before { content: attr(data-line); position: absolute; left: 50%; top: 30%; width: auto; height: auto; border-radius: initial; background: transparent; transform: translate(-50%, -50%) rotate(90deg); font-size: 22px; line-height: 40px; color: #ffffff; } .bb-pagination .swiper-pagination-bullet-active svg { opacity: 1; } .bb-pagination .swiper-pagination-bullet-active .init, .bb-pagination .swiper-pagination-bullet-active .hover { opacity: 1; stroke: #fff; filter: alpha(opacity=100); } .bb-pagination .swiper-pagination-bullet-active .hover { stroke: #00a0e8; animation: circle-chart-fill 3s reverse; } @keyframes circle-chart-fill { to { stroke-dasharray: 0 314; } } /* c8_index */ .c8_index{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/e7529bdf59d98e3c878b9cdefd406fa4f4e2355b.jpg) no-repeat right;background-size: cover;} .c8_index>.flex{align-items: center;} .c8left{position: relative;width: 38.5%;} .c8ll-text{font-size: 16px;color: #000;line-height: 1.7;margin-top: 4.1666vw;text-align: justify;} .c8right{position: relative;padding-left: 3.125vw;padding-right: 3.125vw;width: 57%;} .c8right img{max-width: 100%;display: block;} /* c9_index */ .c9_index{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/1a71173996964dbfe5ff6cf28555634a48ecfd76.jpg) no-repeat right;background-size: cover;} .night_con{position: relative;} .title-night{position: absolute;left: 3.64583vw;top: 0px;} .title-night h3{color: #fff;} .title-night h3::before{background: #fff;content: "";} .title-night .llj{color: #fff;} .title-night p{color: #fff;} .title-night a{display: block;width: 150px;line-height: 35px;color: #fff;font-size: 14px;border: 1px solid #fff;text-align: center;margin-top: 2.083vw;} .home_pag_three_con{overflow: hidden;} /* */ .home_pinpai_swiper{position: relative;margin-bottom: 10.416vw;} .home_pinpai_swiper .swiper-slide{position: relative;display: flex;justify-content: space-between;align-items: flex-start;} .home_pinpai_swiper .swiper-slide h3{font-family: "BODONISTD-BOOK";font-size: 1.875vw;color: #fff;text-transform: uppercase;padding-top: 40px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/ae5b5f0be6e3e9fef362956fcab0c97b96237c5a.png) no-repeat left top;font-weight: normal;width: 40%;} .home_pinpai_swiper .swiper-slide div{width: 50%;padding-left: 3.64583vw;padding-top: 150px;} .home_pinpai_swiper .swiper-slide div a{display: block;width: 120px;line-height: 30px;color: #fff;font-size: 14px;border: 1px solid #fff;text-align: center;} /* */ .wapx{position: relative;padding-left: 3.64583vw;padding-right: 3.64583vw;} .home_pinpai_swiper2{overflow: hidden;} .home_pinpai_swiper2 ul{display: flex;flex-wrap: wrap;} .home_pinpai_swiper2 .swiper-slide{padding: 2.60416vw 0;text-align: center;position: relative;background: rgba(0,3,9,.5);cursor: pointer;width: 25%;} .home_pinpai_swiper2 .swiper-slide+.swiper-slide{border-left: 1px solid #7074a1;} .home_pinpai_swiper2 .swiper-slide .smll_img{height: 50px;line-height: 50px;margin-bottom: 20px;} .home_pinpai_swiper2 .swiper-slide .smll_img img{max-height: 50px;max-width: 50px;} .home_pinpai_swiper2 .swiper-slide h3{color: #fff;font-size: 1.14583vw;font-weight: normal;} .home_pinpai_swiper2 .swiper-slide-thumb-active,.home_pinpai_swiper2 .swiper-slide.on{background: #00a0e8;} .home_pinpai_swiper2 .swiper-button-next, .home_pinpai_swiper2 .swiper-button-prev{ position: absolute; top: 50%; width: 18px; height: 22px; margin-top: -11px; z-index: 999; opacity: 1; } .home_pinpai_swiper2 .swiper-button-prev{ left: 10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/527a9d2133c54ebaf106b975e47f7a00e3730503.png) no-repeat center; } .home_pinpai_swiper2 .swiper-button-next{ right: 10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/06e67e2a177e160951bda431207d1804e2790336.png) no-repeat center; } /* */ .home_pinpai_swiper2 .prev, .home_pinpai_swiper2 .next{ position: absolute; top: 50%; width: 18px; height: 22px; margin-top: -11px; z-index: 999; opacity: 1; } .home_pinpai_swiper2 .prev{ left: 10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/527a9d2133c54ebaf106b975e47f7a00e3730503.png) no-repeat center; } .home_pinpai_swiper2 .next{ right: 10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/06e67e2a177e160951bda431207d1804e2790336.png) no-repeat center; } /* */ .mob_c1_index{ position: relative; overflow: hidden; } @media (max-width: 1366px){ .c8ll-text{font-size: 14px;} } @media (max-width: 992px){ .x-banner .owl-carousel .owl-dots{ display: none; } .big_list li .off .tit2x{ margin-bottom: 30px; } .big_list li .off .tit2x h3{ font-size: 36px; margin-bottom: 10px; } .big_list li .off .tit2x p{ font-size: 18px; padding-bottom: 30px; } .big_list li .off .spp p:nth-child(1){ font-size: 18px; } .big_list li .off .spp p:nth-child(2){ font-size: 14px; } } @media (max-width: 768px){ .c2_index{ padding: 40px 0; overflow: hidden; } .c2_con ul li{ width: calc(50% - 4.166vw); margin: 0 2.083vw 2.60416vw 2.083vw; border-top-width: 1px; } .title-two h3{ font-size: 26px; } .title-two p{ font-size: 16px; } .c2_con{ margin-top: 50px; } .c2_con ul li .cto h3{ padding: 25px 0; font-size: 16px; } .c2_con ul li .cto .flex-center img{ max-width: 80%; } .c2_con ul li .cbm h3{ font-size: 14px; } .c2_con ul li .cbm h4{ font-size: 14px; padding-bottom: 12px; margin-bottom: 12px; } .c2_con ul li .cbm a{ font-size: 12px; padding: 3px 15px; } .c3_index{ display: block; overflow: hidden; padding-left: 20px; padding-right: 20px; } .c3_right{ width: 100%; height: 50%; top: auto; bottom: 0px; padding-left: 20px; padding-right: 20px; } .c3_right .hd{ display: block; } .c3_right .hd li{ width: 100%; height: 33.33%; border-left: 1px solid transparent; border-top: 1px solid rgba(255,255,255,.5); } .c3_left .bd li .lhii{ width: 100%; height: 50%; padding: 30px; top: 0px; transform: translateY(0); padding-top: 10.416vw; } .c3_right .hd li a{width: 100%;} .c3_right .hd li .mob_fll{display: flex;justify-content: space-between;align-items: center;} .c3_right .hd li .mob_hkk{width: 40%;text-align: left;padding-left: 10px;} .c3_right .hd li .hk1{font-size: 22px;display: none;} .c3_right .hd li .hk2{margin: 5px 0 0px;font-size: 16px;} .c3_right .hd li.on .hk1{display: block;} .c3_right .hd li .hk3{width: 60%;font-size: 14px;text-align: left;height: auto;} .c3_right .hd li.on::before{background: -moz-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.6) 50%, rgba(13,77,161,.3) 80% rgba(13,77,161,.05) 100%); background: -webkit-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%); background: -o-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%); background: linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%);} .lhii-title{position: relative;margin-bottom: 50px;} .lhii-title h3{font-size: 26px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 5px;} .lhii-title p{font-size: 16px;font-weight: 400;color: #fff;padding-bottom: 0px;} .lhii-cc h3{font-size: 20px;margin-bottom: 10px;} .lhii-cc p{font-size: 16px;} .xw_cate_list li .upp .upp_flex{ padding: 30px; } .xw_cate_list li .upp h3{font-size: 16px;} .xw_cate_list li .upp h4{font-size: 16px;} .xw_cate_list li .upp i{font-size: 14px;padding: 5px 10px;} .xw_cate_list li:hover::before{background: -moz-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.6) 50%, rgba(13,77,161,.3) 80% rgba(13,77,161,.05) 100%); background: -webkit-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%); background: -o-linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%); background: linear-gradient(to right, rgba(13,77,161,.8) 20%, rgba(13,77,161,.7) 50%, rgba(13,77,161,.3) 80%, rgba(13,77,161,.05) 100%);} .c4_index{padding: 50px 0;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/02/44ff1eed5dc5b6c7d9d8858e70d66202c863f664.jpg) no-repeat;} .c4_con{margin-top: 20px;} .c5_index{padding: 50px 0;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/835e0d56c5b5c375249f60410ff443cc84e2708c.png) no-repeat right;background-size: cover;} .c5-title{position: relative;margin-bottom: 30px;padding-bottom: 30px;} .c5-title::before{position: absolute;left: 0px;bottom: 0px;width: 32px;height: 1px;background: #fff;content: "";} .c5-title h3{font-size: 26px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;margin-bottom: 10px;} .c5-title p{font-size: 16px;font-weight: 400;color: #fff;} .c5_index .skk{font-size: 14px;color:#fff;line-height: 1.7;margin-bottom: 50px;} .c5_con_list li .br-img{width: 100px;height: 100px;line-height: 100px;} .c5_con_list li .br-img img{max-width: 40px;max-height: 40px;} .c5_con_list li h3{font-size: 14px;padding: 20px 0;} .c5_con_list{flex-wrap: wrap;} .c5_con_list li{width: calc(50% - 20px);margin: 0 10px 0px 10px;flex: none;} } /* pgb_fuu */ .pgb_fuu{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;} .pgb_fuu .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;width: 100%;text-align: center;} .pgb_fuu .flex-mid h3{color: #fff;font-size: 36px;font-weight: 400;margin-bottom: 50px;} .pgb_fuu .flex-mid .sll_ss{position: relative;} #formsearch8 {position: relative;background: #fff;width: 670px;margin: 0 auto;display: flex;align-items: center;border-radius: 5px;} #formsearch8 input{outline: none;border: none;height: 50px;line-height: 50px;font-size: 0;background: none;} #formsearch8 #keyword {width: calc(100% - 110px);color: #333;padding-left: 60px;font-size: 16px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/6e63663a9fdd757cd5f2675038debef3206fdc3c.png) no-repeat 30px center;} #formsearch8 #s_btn {width: 110px;font-size: 18px;color: #fff;text-align: center;background: #003f98;letter-spacing: 3px; border-top-right-radius: 5px;border-bottom-right-radius: 5px;} /* cptj_fuu */ .cptj_fuu{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;} .cptj_fuu .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;} .cptj_fuu .flex-mid h3{color: #fff;font-size: 3.125vw;font-weight: 400;font-family:"BODONISTD-BOOK";letter-spacing: 2px;} .cptj_fuu .flex-mid span{display: block;font-size: 1.875vw;color: #fff;font-family: "Microsoft Yahei";} .cptj_fuu .flex-mid div{font-size: 1.14583vw;color: #fff;} .cptj_fuu .sll_list{position: absolute;bottom: 2.60416vw;z-index: 99;width: calc(100% - 30px);} .cptj_fuu .sll_list ul{display: flex;margin: 0 -10px;} .cptj_fuu .sll_list ul li{position: relative;margin: 0 10px;flex: 1;} .cptj_fuu .sll_list ul li a{display: block;text-align: center;} .cptj_fuu .sll_list ul li a::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: rgba(0,0,0,.5);border-radius: 3px;transition: .3s ease;} .cptj_fuu .sll_list ul li a img{display: block;width: 100%;border: 1px solid #8f8f8f;border-radius: 3px;} .cptj_fuu .sll_list ul li span{font-size: 16px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 100%;} .cptj_fuu .sll_list ul li a:hover::before{transition: all .3s ease;opacity: 0;} .cptj_fuu .sll_list ul li a:hover img{border-color: #fff;} body, html { scroll-behavior: smooth; } /* cp_tuijian */ .cp_tuijian{position: relative;padding: 130px 0;} .max1500{max-width: 1500px;padding-left: 0px;padding-right: 0px;margin: 0 auto;} #cp1{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/8933e3dcda5da6afb46a040bb8e4a789591c384b.jpg) no-repeat;background-size: cover; background-position: center center;} #cp2{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/2124d5bd22b952d2bf5c09b5992181a9143fe3e1.jpg) no-repeat;background-size: cover; background-position: center center;} #cp3{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/6df5d6bc7ae253c8c63d2835f5e796ea820862ce.jpg) no-repeat;background-size: cover; background-position: center center;} #cp4{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/06daefe765bfa972d23685d5b10a24d617cfdc10.jpg) no-repeat;background-size: cover; background-position: center center;} #cp5{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/351e93140b8613dfee1ea8e252b1cf55527691fc.jpg) no-repeat;background-size: cover; background-position: center center;} #cp6{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/c0e81b021679190ad2ac7f63647ac831038b1f8a.jpg) no-repeat;background-size: cover; background-position: center center;} #cp7{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/1e6bac4296028a8840730e45e323381db3b26319.jpg) no-repeat;background-size: cover; background-position: center center;} #cp8{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/9b731a5e6b5cd881f1ff3322ff5db61df7e717c4.jpg) no-repeat;background-size: cover; background-position: center center;} #cp9{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/e5794b9528c5a8d4a7d22c44de60baa79c5e104d.jpg) no-repeat;background-size: cover; background-position: center center;} .cptj_title{text-align: center;margin-bottom: 5.2083vw;} .cptj_title h3{font-weight: normal;font-size: 60px;font-family: "BODONISTD-BOOK";text-transform: uppercase;color: #fff;} .cptj_title p{font-size: 36px;color: #fff;} .cp_tj_con{position: relative;padding-left: 2.60416vw;padding-right: 2.60416vw;} .swiper_aa{margin-bottom: 30px;overflow: hidden;} .swiper_aa .swiper-slide{position: relative;text-align: center;} .swiper_aa .swiper-slide a{display: block;} .swiper_aa .swiper-slide .com-img{border: 1px solid #fff;} .swiper_aa .swiper-slide .com-img img{display: block;width: 100%;} .swiper_aa .swiper-slide h3{font-size: 18px;color: #fff;font-weight: normal;padding: 1.5625vw 0;line-height: 1.7; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .cp_tj_con .swiper-button-next,.cp_tj_con .swiper-button-prev{position:absolute;top:40%;margin-top:-20px;width:26px;height:40px} .cp_tj_con .swiper-button-prev{left:0;background:url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/e576195abefc93aaf43ed42380d424039b0eeb9b.png) no-repeat center} .cp_tj_con .swiper-button-next{right:0;background:url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/a650afea676f1da13a248d0498e526dee9be10db.png) no-repeat center} .cp_tj_more{margin-bottom:20px} .cp_tj_more a{display:inline-block;width:150px;border:1px solid #fff;color:#fff;font-size:16px;line-height:34px;-webkit-transition: all .5s ease;transition: all .5s ease;} .cp_tj_more a:hover {background-color: #0d4da1;border-color: #0d4da1;color: #fff;} /* 产品列表页切换 */ .cplist_{position: relative;margin-top: 5.2083vw;padding-left: 2.60416vw;padding-right: 2.60416vw;} .mySwiper{overflow: hidden;} .cplist_ .mySwiper .swiper-slide{position: relative; display: flex;} .mySwiper .swiper-slide .aleft{width: 55%;position: relative; height:400px;} .mySwiper .swiper-slide .aleft img{display: block;object-fit: cover; width: 100%; height: 100%;} .mySwiper .swiper-slide .aright{width: 45%;position: relative;background: #ececec;padding: 3.64583vw; height:400px;} .mySwiper .swiper-slide .aright h3{font-family: "BODONISTD-BOOK";font-size: 30px;color: #000000;position: relative;padding-bottom: 30px;margin-bottom: 30px;} .mySwiper .swiper-slide .aright h3 span{font-size: 22px;color: #000000;display: block;margin-top: 10px;} .mySwiper .swiper-slide .aright h3::before{position: absolute;left: 0px;bottom: 0px;width: 32px;height: 3px;background: #003f98;content: "";} .mySwiper .swiper-slide .aright .lls{font-size: 16px;color: #000000;line-height: 2;margin-bottom: 30px;} .mySwiper .swiper-slide .aright a{display: block;font-size: 15px;color: #000000;width: 155px;line-height: 34px;border: 1px solid #000;text-align: center;-webkit-transition: all .5s ease;transition: all .5s ease;} .mySwiper .swiper-slide .aright a:hover{background-color: #003f98;border-color: #003f98;color: #fff;} .cplist_ .swiper-button-next,.cplist_ .swiper-button-prev{position:absolute;top:50%;margin-top:-20px;width:26px;height:40px;opacity: 1;} .cplist_ .swiper-button-prev{left:0;background:url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/4e4ee0cd4d0f0f037645a1efa8b11f23620c136c.png) no-repeat center} .cplist_ .swiper-button-next{right:0;background:url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/b640a1be5997ed1df445e6e0b7be2ad7d6f0a4de.png) no-repeat center} /* */ .pl30{padding-left: 50px;} .pr30{padding-right: 50px;} /* 产品中心列表分类 */ .cate_pro{ position: relative; margin-top: 50px; } .cate_pro .xypg-left-nav { margin: 0 -15px; display: flex; } .cate_pro .xypg-left-nav > li { position: relative; border-bottom: none; border: 1px solid #4b4b4b; text-align: center; width: calc(33.33% - 30px); margin: 0 15px 15px 15px; } .cate_pro .xypg-left-nav > li > a { display: block; font-size: 22px; line-height: 22px; color: #000000; padding: 35px 18px; } .cate_pro .xypg-left-nav > li > a .opimg{ margin-bottom: 20px; } .cate_pro .xypg-left-nav > li > a .opimg img{ max-width: 50px; max-height: 45px; } .cate_pro .xypg-left-nav > li.clicked, .cate_pro .xypg-left-nav > li:hover{ background-color: #003f98; } .cate_pro .xypg-left-nav > li.clicked .opimg img, .cate_pro .xypg-left-nav > li:hover .opimg img{ filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(325deg) brightness(108%) contrast(103%); } .cate_pro .xypg-left-nav > li:hover > a, .cate_pro .xypg-left-nav > li.clicked > a { color: #fff; } /* 二级产品分类 */ .xypg-left-nav2{ position: relative; padding: 30px 0; display: flex; flex-wrap: wrap; } .xypg-left-nav2 li{ position: relative; text-align: center; padding: 15px 0; margin-right: 10px; } .xypg-left-nav2 li::before{ position: absolute; left: 0px; bottom: 0px; height: 3px; width: 0; content: ""; background: transparent; transition: .5s ease; -webkit-transition: .5s ease; } .xypg-left-nav2 li a{ display: block; font-size: 18px; color: #393939; padding: 0 1.5625vw; } .xypg-left-nav2 > li.clicked > a, .xypg-left-nav2 > li:hover > a{ color: #0d4da1; } .xypg-left-nav2 li.clicked::before, .xypg-left-nav2 li:hover::before{ width: 100%; background-color: #0d4da1; } /* 产品详情页 */ .product_xqy{ padding-top: 45px; position: relative; } .product_xqy .page-product-detail-box{ padding-left: 2.60416vw; padding-right: 2.60416vw; } .product_xqy .page-product-detail-right > h1{ font-size: 30px; color: #0d4da1; font-weight: normal; margin-top: 2.60416vw; margin-bottom: 2.60416vw; padding-bottom: 15px; border-bottom: 1px solid #ccc; } .cp_small2{ padding-bottom: 15px; border-bottom: 1px solid #ccc; } .product_xqy .cp_small{ margin-bottom: 2.60416vw; display: flex; align-items: flex-start; } .product_xqy .cp_small .lle{width: 80px;font-size: 16px;color: #000; line-height: 2; } .product_xqy .cp_small .llr{width: calc(100% - 80px);font-size: 16px;color: #393939;} .product_xqy .cp_small .llr p{padding-left: 20px;position: relative; line-height: 2; } .product_xqy .cp_small .llr p::before{content: "√";width: 10px;height: 10px;background: #fff;position: absolute;left: 0px;top: 6px;display: block; font-size: 12px; } .product_xqy .cp_small .llr2{font-size: 16px;color: #000;padding-left: 10px;line-height:2;} .product_xqy .cp_small3 img{max-width: 100%!important;max-height: 100%!important;width: auto!important;height: auto!important;} .product_xqy .cp_small3 img{max-width: 80%!important;} .details_ss{position: relative;margin: 70px auto 30px;padding-top: 70px;} .details_ss h3{text-transform: uppercase;font-family: "BODONISTD-BOOK";font-size: 60px;color: #000;} .details_ss p{font-size: 36px;color: #000000;} /* hot_cp */ .hot_cp{position: relative;margin: 5.2083vw 0;} .hot_cp_tit{font-size: 22px;color: #555555;font-weight: normal;margin-bottom: 30px;padding-left: 2.60416vw;padding-right: 2.60416vw;} .hot_cp_con{position: relative;padding-left: 2.60416vw;padding-right: 2.60416vw;} .swiper_tuijian{margin-bottom: 30px;overflow: hidden;} .swiper_tuijian .swiper-slide{position: relative;padding-bottom: 20px;} .swiper_tuijian .swiper-slide a{display: block;} .swiper_tuijian .swiper-slide .com-img{position: relative;} .swiper_tuijian .swiper-slide .com-img img{display: block;width: 100%;} .swiper_tuijian .swiper-slide .cop{background: #f8f8f8;padding: 30px;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);} .swiper_tuijian .swiper-slide .cop h3{margin-bottom: 25px;font-size: 16px;color: #000;font-weight: normal; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .swiper_tuijian .swiper-slide .cop span{display: inline-block;font-size: 16px;color: #000;width: 150px;line-height: 34px;border: 1px solid #000; -webkit-transition: all .5s ease;transition: all .5s ease;} .swiper_tuijian .swiper-slide:hover .cop span{background-color: #0d4da1;border-color: #0d4da1;color: #fff;} .hot_cp_con .swiper-button-next,.hot_cp_con .swiper-button-prev{position:absolute;top:45%;margin-top:-20px;width:26px;height:40px} .hot_cp_con .swiper-button-prev{left:0;background:url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/bea19592f6c467bd97c426453282ba716fab5db7.png) no-repeat center} .hot_cp_con .swiper-button-next{right:0;background:url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/42bc33fc4e1a1b71474cd017e254f94c4a3f4c77.png) no-repeat center} .pl50{padding-left: 2.60416vw;} .pr50{padding-right: 2.60416vw;} .page-position>.max1400{position: relative;} .xypg-detail-pnxx{position: absolute;right: 15px;top: 0px;} @media (max-width: 992px){ .cptj_title h3{font-size: 40px;} .cptj_title p{font-size: 22px;} .swiper_aa .swiper-slide h3{font-size: 15px;} .cp_tj_more a{width: 130px;line-height: 30px;font-size: 14px;} .cp_one{position: relative;padding: 20px 0;} .cp_one .sll_list{position: relative;width: 100%;bottom: 0px;} .cp_one .sll_list ul{flex-wrap: wrap;} .cp_one .sll_list ul li{flex: none;width: calc(25% - 10px);margin: 0 5px 10px 5px;} .cp_one .sll_list ul li span{font-size: 13px;} .cp_one .flex-mid h3,.cp_one .flex-mid span{display: none;} .cp_tj_con .swiper-button-next,.cp_tj_con .swiper-button-prev{display: none!important;} .cp_tuijian{padding: 60px 0;} .pgb_fuu .flex-mid h3{font-size: 22px;margin-bottom: 20px;} .cplist_{padding-left: 0px;padding-right: 0px;} .pl30{padding-left: 0px;} .pr30{padding-right: 0px;} .cate_pro .xypg-left-nav > li > a{font-size: 16px;padding: 18px 10px;} .xypg-left-nav2 li a{font-size: 16px;} .xypg-product-list li h3 a{font-size: 15px;padding: .8em 0;} .mySwiper .swiper-slide .aright h3{font-size: 24px;} .mySwiper .swiper-slide .aright h3 span{font-size: 18px;} .mySwiper .swiper-slide .aright .lls{font-size: 14px;} .mySwiper .swiper-slide .aright a{width: 130px;font-size: 14px;} } @media (max-width: 768px){ #formsearch8{width: 90%;} .mySwiper .swiper-slide{flex-wrap: wrap;} .mySwiper .swiper-slide .aleft,.mySwiper .swiper-slide .aright{width: 100%; height:auto;} .cplist_ .swiper-button-next, .cplist_ .swiper-button-prev{display: none!important;} .xypg-left-nav2{padding: 20px 0;} .cate_pro .xypg-left-nav > li > a .opimg{margin-bottom: 8px;} .page-product-detail-effect .big-img{pointer-events: none;} .page-product-detail-effect .big-img a{height: 100%;} .product_xqy .page-product-detail-right > h1{font-size: 24px;margin-top: 30px;margin-bottom: 30px;} .product_xqy .cp_small{margin-bottom: 30px;} .hot_cp_tit{font-size: 18px;} .hot_cp_con{padding-left: 0px;padding-right: 0px;} .hot_cp_con .swiper-button-next, .hot_cp_con .swiper-button-prev{display: none!important;} .swiper_tuijian .swiper-slide .cop span{font-size: 14px;width: 130px;} .details_ss h3{font-size: 40px;} .details_ss p{font-size: 24px;} } /* 视频列表内页 */ .video_list_nei{position: relative;display: flex;flex-wrap: wrap;margin: 0 -15px;} .video_list_nei li{width: calc(33.33% - 30px);margin: 0 15px 20px 15px;text-align: center;} .video_list_nei li a{display: block;} .video_list_nei li .osimg img{display: block;width: 100%;} .video_list_nei li h3{font-size: 16px;color: #000;font-weight: normal;line-height: 1.7;padding: 5px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /* 关于我们页面 */ .mob-page-banner{font-size: 0;margin-top: 0px;} .mob-page-banner img{display: block;width: 100%;} /* titxx_f */ .titxx_f{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;} .titxx_f .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;} .titxx_f .flex-mid h3{color: #003f98;font-size: 3.125vw;font-weight: 400;font-family:"BODONISTD-BOOK";letter-spacing: 2px;} .titxx_f .flex-mid span{display: block;font-size: 1.875vw;color: #003f98;font-family: "Microsoft Yahei";} /* about-wrap */ .about-wrap{ position: relative; } .pag_one{position: relative;padding-top: 70px;} .pag_one .tit-about{position: relative;margin-bottom: 30px;} .pag_one .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #000000;text-transform: uppercase;} .pag_one .tit-about p{font-size: 36px;color: #000;} .pag_one_text{position: relative;margin-bottom: 20px;} .pag_one_text .texta{text-indent: 30px;font-size: 16px;color: #393939;margin-bottom: 30px;line-height: 1.7;} .pag_one_text .imgx{text-align: center;} .pag_one_text .imgx img{display: inline-block;max-width: 100%;} .pag_one_list{position: relative;display: flex;margin-bottom: 30px;} .pag_one_list li{position: relative;text-align: center;padding: 30px 10px;background: #f6f6f6;flex: 1;margin: 0 2px;-webkit-transition: all .5s ease;transition: all .5s ease;} .pag_one_list li a{display: block;} .pag_one_list li .oaim{margin-bottom: 15px;line-height: 40px;height: 40px;} .pag_one_list li .oaim img{max-width: 100%;max-height: 40px;} .pag_one_list li h3{font-size: 14px;color: #000;font-weight: normal;} .pag_one_list li:hover{background-color: #003f99;} .pag_one_list li:hover *{color: #fff;} .pag_one_list li:hover .oaim img{filter: invert(100%) sepia(0%) saturate(5184%) hue-rotate(84deg) brightness(122%) contrast(110%);} .pag_one_video{position: relative;margin-bottom: 3.125vw;} .pag_one_video .img0{width: 100%;} .pag_one_video img.hhahgn {visibility: hidden;width: 100%;} .pag_one_video video{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill;} .sp_fixed{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999;text-align: center;} .sp_fixed h3{color: #fff;font-size: 20px;font-weight: normal;padding-top: 55px;margin-bottom: 25px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/65f86703e1a0f1e6a099e32a88ec1170d78561fb.png) no-repeat top center;} .sp_fixed a{display: inline-block;width: 150px;line-height: 35px;border: 1px solid #fff;font-size: 14px;color: #fff;} /* pag_two */ .pag_two{position: relative;} .max1550{max-width: 1550px;padding-left: 15px;padding-right: 15px;margin: 0 auto;} .tit-about2{position: relative;margin-bottom: 40px;} .tit-about2 h3{font-size: 22px;color: #000;font-weight: normal;} .pag_two_con{position: relative;padding-left: 3.125vw;padding-right: 3.125vw;} .hus_swiper_aa2 {overflow: hidden;} .hus_swiper_aa2 .swiper-slide{position: relative;} .hus_swiper_aa2 .swiper-slide img {display: block;width: 100%;} .hus_swiper_aa2 .swiper-slide .fll{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;text-align: center;display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;z-index: 999;} .hus_swiper_aa2 .swiper-slide .fll h3{color: #fff;padding-top: 55px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/65f86703e1a0f1e6a099e32a88ec1170d78561fb.png) no-repeat top center;font-size: 18px;position: relative;} .hus_swiper_aa2 .swiper-slide .fll::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: rgba(0, 0, 0, 0.5)} .hus_swiper_aa2 .swiper-button-next22, .hus_swiper_aa2 .swiper-button-prev22{ position: absolute; top: 50%; width: 15px; height: 26px; margin-top: -13px; z-index: 999; } .hus_swiper_aa2 .swiper-button-prev22{ left: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/e5939f3afcf0449d3c0da1439126364d4a5d32ba.png) no-repeat center; } .hus_swiper_aa2 .swiper-button-next22{ right: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/c454fbe3483268a6936b78e080056209f487056e.png) no-repeat center; } .pag_two_more{padding: 70px 0;text-align: center;} .pag_two_more a{display: inline-block;width: 150px;line-height: 37px;background: #003f98;color: #fff;font-size: 16px;} /* pag_three */ .pag_three{ position: relative; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/06/826bfe0bca18580f27b4e851bd6f262c21b7c577.jpg) no-repeat; background-size: cover; padding-top: 8.3333vw; padding-bottom: 11.4583vw; } .pag_three>.max1400{position: relative;} .pag_three_con{overflow: hidden;} .pin_item{position: absolute;width: 50%;left: 15px;top: 15px;} .pin_item h3{font-family: "BODONISTD-BOOK";font-size: 3.125vw;color: #fff;text-transform: uppercase;} .pin_item p{font-size: 1.875vw;color: #fff;} /* */ .pinpai_swiper{position: relative;margin-bottom: 7.2916vw;} .pinpai_swiper .swiper-slide{position: relative;display: flex;justify-content: space-between;} .pinpai_swiper .swiper-slide .pin_left{position: relative;width: 50%;} .pinpai_swiper .swiper-slide .pin_left h3{font-family: "BODONISTD-BOOK";font-size: 60px;color: #fff;text-transform: uppercase;} .pinpai_swiper .swiper-slide .pin_left p{font-size: 36px;color: #fff;} .pinpai_swiper .swiper-slide .pin_text{position: relative;width: 50%;} .pinpai_swiper .swiper-slide .pin_text .smll_img img{width: 45px;} .pinpai_swiper .swiper-slide .pin_text h3{font-weight: normal;font-size: 22px;color: #fff;margin: 10px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .pinpai_swiper .swiper-slide .pin_text span{display: block;font-size: 16px;font-family: "BODONISTD-BOOK";color: #fff;position: relative;padding-bottom: 20px;margin-bottom: 20px;} .pinpai_swiper .swiper-slide .pin_text span::before{position: absolute;left: 0px;bottom: 0px;width: 50px;height: 2px;background: #fff;content: "";} .pinpai_swiper .swiper-slide .pin_text p{font-weight: normal;font-size: 22px;color: #fff;margin: 10px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /* */ .pinpai_swiper2{position: relative;} .pinpai_swiper2 .swiper-slide{border-top: 2px solid #d4d4d4;padding: 30px 0;text-align: center;} .pinpai_swiper2 .swiper-slide h3{color: #fff;font-size: 22px;font-weight: normal;cursor: pointer;} .pinpai_swiper2 .swiper-slide-thumb-active{border-top: 2px solid #47bbbe;} /* pag_four */ .pag_four{position: relative;padding: 80px 0;} .pag_four .tit-about{position: relative;margin-bottom: 5.2083vw;} .pag_four .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #000000;text-transform: uppercase;} .pag_four .tit-about p{font-size: 36px;color: #000;} .pag_four_con{position: relative;} .pag_four_con ul{display: flex;flex-wrap: wrap;margin: 0 -10px;} .pag_four_con ul li{position: relative;margin: 0 10px 15px 10px;width: calc(33.33% - 20px);} .pag_four_con ul li.e1,.pag_four_con ul li.e7{width: calc(66.66% - 20px);} .pag_four_con ul li a{display: block;position: relative;} .pag_four_con ul li .imx img{display: block;width: 100%;} .pag_four_con ul li .fix{position: absolute;top: 0px;left: 0px;z-index: 999;width: 100%;height: 100%;} .pag_four_con ul li .fix .fix-mid{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 1.5625vw;} .pag_four_con ul li .fix .fimg{margin-bottom: 1.0416vw;} .pag_four_con ul li .fix .fimg img{max-height: 50px;} .pag_four_con ul li .fix h3{font-size: 1.5625vw;font-weight: normal;line-height: 1.7;color: #003f98;} .pag_four_con ul li .fix h4{font-size: 1.14583vw;font-weight: normal;margin-bottom: 2.60416vw;color: #003f98;} .pag_four_con ul li .fix p{font-size: 0.9375vw;color: #000;font-weight: normal;text-align: center;} .pag_four_con ul li:nth-child(2n):hover::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;content: "";background: #003f98;z-index: 9;-webkit-transition: all .5s ease;transition: all .5s ease;} .pag_four_con ul li:nth-child(2n):hover .fix .fimg img{filter: brightness(100); } .pag_four_con ul li:nth-child(2n):hover .fix h3{color: #fff;} .pag_four_con ul li:nth-child(2n):hover .fix h4{color: #fff;} .pag_four_con ul li:nth-child(2n):hover .fix p{color: #fff;} /* pag_five */ .pag_five{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/a7be652ad58c731ca8f9a2db05933b512b993df6.jpg) no-repeat;background-size: cover;padding-top: 80px;padding-bottom: 30px;} .pag_five .tit-about{position: relative;margin-bottom: 3.125vw;} .pag_five .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #fff;text-transform: uppercase;} .pag_five .tit-about p{font-size: 36px;color: #fff;} .pag_five_con{position: relative;padding-left: 60px;padding-right: 60px} .wapx{position: relative;} .page_five_swiper{overflow: hidden;} .page_five_swiper::before{content: "";width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;} .page_five_swiper .swiper-slide{position: relative;text-align: center;} .page_five_swiper .swiper-slide a{display: block;} .page_five_swiper .swiper-slide .imgs img{display: block;width: 100%;height: 185px;} .page_five_swiper .swiper-slide h3{font-weight: normal;font-size: 16px;color: #fff;margin: 15px 0;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .page_five_swiper .swiper-slide .yy{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/39a9a1b839680e2805de2f6f56fc82d0a6564534.png) no-repeat;width: 21px;height: 21px; display: inline-block;margin: 35px 0;} .page_five_swiper .swiper-slide+.swiper-slide .yy::before{position: absolute;left: 0px;width: 11px;height: 11px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/4fbf0ea58641339f82e6010d9dffd6765486fff2.png) no-repeat center;content: "";margin-top: 4px;} .page_five_swiper .swiper-slide:nth-child(odd){margin-top: 250px;} .page_five_swiper .swiper-slide:nth-child(odd) a{display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;} .pag_five_con .swiper-button-next, .pag_five_con .swiper-button-prev{ width: 15px; height: 26px; top: 50%; margin-top: -13px; z-index: 999; } .pag_five_con .swiper-button-prev{ left: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/d2e7e1ddff88e97033f392ecabe6ab81636bd3db.png) no-repeat center; } .pag_five_con .swiper-button-next{ right: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/875cda44d616caab765439404a5a34773959a4e3.png) no-repeat center; } /* pag_six */ .pag_six{position: relative;padding-top: 3.64583vw;padding-bottom: 100px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/56d8e944fe9ec48856a5d5e1a421e3ad0a4bc25f.png) no-repeat center bottom #fcfcfc;} .pag_six .tit-about{position: relative;margin-bottom: 40px;} .pag_six .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #000;text-transform: uppercase;} .pag_six .tit-about p{font-size: 36px;color: #000;} .page_six_con{position: relative;} .fix_top{display: flex;justify-content: flex-end;max-width: 1400px;margin: 0 auto;padding-left: 15px;padding-right: 15px;margin-bottom: 3.125vw;} .six_sort{border: 1px solid #dadada;display: flex;} .six_sort li{position: relative;text-align: center;cursor: pointer;line-height: 40px;background: #e7e7e7;color: #393939;font-size: 18px;width: 150px;-webkit-transition: all .5s ease;transition: all .5s ease;} .six_sort li.active,.six_sort li:hover{background-color: #003f98;color: #fff;} /* swiper_six_wp */ .swiper_six_wp{padding-left: 4.166vw;padding-right: 4.166vw;position: relative;} .swiper-six{overflow: hidden;} .swiper-six .swiper-slide .slicon{margin-bottom: 25px;position: relative;} .swiper-six .swiper-slide .slicon:nth-child(2){margin-bottom: 0px;} .swiper-six .swiper-slide .slicon a{display: block;} .swiper-six .swiper-slide .slicon a img{display: block;width: 100%;} .swiper_six_wp .swiper-button-next, .swiper_six_wp .swiper-button-prev{width: 15px;height: 26px;top: 50%;margin-top: -13px;z-index: 999;} .swiper_six_wp .swiper-button-prev{ left: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/bec1c775299360664f7002ad3139e232b63f510a.png) no-repeat center; } .swiper_six_wp .swiper-button-next{ right: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/61acc850d2f9a032620a361b190fc747c4fb0a70.png) no-repeat center; } /* */ .six_tab { position: relative; } .six_tab .six_main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;} .six_tab .six_main { opacity: 0; visibility: hidden; transition: all .5s ease; } .six_tab .six_main.active { position: static; opacity: 1; visibility: visible; } /* pag_seven */ .pag_seven{position: relative;padding: 5.2083vw 0 3.125vw;} .pag_seven .tit-about{position: relative;margin-bottom: 4.1666vw;} .pag_seven .tit-about h3{font-size: 60px;font-family: "BODONISTD-BOOK";color: #000;text-transform: uppercase;} .pag_seven .tit-about p{font-size: 36px;color: #000;} .pag_seven_con{position: relative;margin-bottom: 40px;} .sp_tit{font-size: 22px;color: #000;max-width: 1400px;padding-left: 15px;padding-right: 15px;margin: 0 auto;margin-bottom: 30px;} .sp_swiper1{position: relative;padding-left: 4.1666vw;padding-right: 4.1666vw;} .sp_swiper1 .sp_down_list{overflow: hidden;} /* sp_down_list */ .sp_down_list .swiper-slide{position: relative;} .sp_down_list .swiper-slide .imx img{display: block;width: 100%;} .sp_down_list .swiper-slide .xx-flex{display: flex;justify-content: center;align-items: center;background: #626262;padding: 15px 10px;-webkit-transition: all .5s ease;transition: all .5s ease;} .sp_down_list .swiper-slide .xx-flex h3{font-size: 16px;color: #fff;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .sp_down_list .swiper-slide .xx-flex em{font-style: inherit;color: #fff;font-size: 12px;border: 1px solid #fff;padding: 2px 5px;} .sp_down_list .swiper-slide .xx-flex em i{width: 9px;height: 15px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/911734677272aa3c4ae7b3413ea81970ce1717cd.png) no-repeat center;display: inline-block;margin-left: 5px;vertical-align: -2px;} .sp_down_list .swiper-slide:hover .xx-flex{background-color: #003f98;} /* */ .sp_swiper1 .swiper-button-next1, .sp_swiper1 .swiper-button-prev1{width: 15px;height: 26px;top: 50%;margin-top: -13px;z-index: 999;} .sp_swiper1 .swiper-button-prev1{ left: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/db7b00ac23d86da7fdb18060fa812fda1a242a71.png) no-repeat center; } .sp_swiper1 .swiper-button-next1{ right: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/918b613951e0d044972c9a918a0519c13b11a10e.png) no-repeat center; } /* pag_seven_con2 */ .pag_seven_con2{position: relative;margin-bottom: 40px;} .sp_swiper2{position: relative;padding-left: 4.1666vw;padding-right: 4.1666vw;} .sp_swiper2 .sp_down_list2{overflow: hidden;} /* sp_down_list2 */ .sp_down_list2 .swiper-slide{position: relative;} .sp_down_list2 .swiper-slide .imx img{display: block;width: 100%;} .sp_down_list2 .swiper-slide .xx-flex{display: flex;justify-content: center;align-items: center;background: #626262;padding: 15px 10px;-webkit-transition: all .5s ease;transition: all .5s ease;} .sp_down_list2 .swiper-slide .xx-flex h3{font-size: 16px;color: #fff;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .sp_down_list2 .swiper-slide .xx-flex em{font-style: inherit;color: #fff;font-size: 12px;border: 1px solid #fff;padding: 2px 5px;width: 85px;} .sp_down_list2 .swiper-slide .xx-flex em i{width: 9px;height: 15px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/911734677272aa3c4ae7b3413ea81970ce1717cd.png) no-repeat center;display: inline-block;margin-left: 5px;vertical-align: -2px;} .sp_down_list2 .swiper-slide:hover .xx-flex{background-color: #003f98;} /* */ .sp_swiper2 .swiper-button-next2, .sp_swiper2 .swiper-button-prev2{width: 15px;height: 26px;top: 50%;margin-top: -13px;z-index: 999;} .sp_swiper2 .swiper-button-prev2{ left: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/db7b00ac23d86da7fdb18060fa812fda1a242a71.png) no-repeat center; } .sp_swiper2 .swiper-button-next2{ right: 0px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/918b613951e0d044972c9a918a0519c13b11a10e.png) no-repeat center; } /* */ @media (max-width: 1366px){ .pag_one .tit-about h3{font-size: 46px;} .pag_one .tit-about p{font-size: 22px;} .pag_one_text .texta{font-size: 14px;} .hus_swiper_aa2 .swiper-slide .fll h3{font-size: 16px;} .pinpai_swiper .swiper-slide .pin_left h3{font-size: 48px;} .pinpai_swiper .swiper-slide .pin_left p{font-size: 22px;} .pinpai_swiper .swiper-slide .pin_text h3{font-size: 18px;margin: 15px 0;} .pinpai_swiper .swiper-slide .pin_text p{font-size: 18px;} .pinpai_swiper2 .swiper-slide h3{font-size: 18px;} .pinpai_swiper2 .swiper-slide{padding: 20px 0;} .six_sort li{font-size: 16px;} .pag_four .tit-about h3{font-size: 46px;} .pag_four .tit-about p{font-size: 22px;} .pag_five .tit-about h3{font-size: 46px;} .pag_five .tit-about p{font-size: 22px;} .pag_six .tit-about h3{font-size: 46px;} .pag_six .tit-about p{font-size: 22px;} .pag_seven .tit-about h3{font-size: 46px;} .pag_seven .tit-about p{font-size: 22px;} } @media (max-width: 992px){ .pag_one_list{flex-wrap: wrap;} .pag_one_list li{flex: none;width: calc(33.33% - 4px);margin-bottom: 4px;} .pag_two_con{padding-left: 30px;padding-right: 30px;} .tit-about2{margin-bottom: 30px;} .pag_two_more{padding: 40px 0;} .fix_top{justify-content: center;margin-bottom: 50px;} .swiper_six_wp{padding-left: 30px;padding-right: 30px;} .sp_swiper1{padding-left: 30px;padding-right: 30px;} .sp_swiper2{padding-left: 30px;padding-right: 30px;} .tit-about2 h3{padding-left: 20px;padding-right: 20px;} .sp_tit{padding-left: 30px;padding-right: 30px;font-size: 18px;} .swiper-six .swiper-slide .slicon{margin-bottom: 10px;} .pin_item h3{font-size: 30px;} .pin_item p{font-size: 15px;} } @media (max-width: 768px){ .pag_one_list li{padding: 15px 10px;} .pag_one .tit-about h3{font-size: 36px;} .pag_one .tit-about p{font-size: 18px;} .pag_four{padding: 50px 0;} .pag_four .tit-about{margin-bottom: 40px;} .pag_four .tit-about h3{font-size: 36px;} .pag_four .tit-about p{font-size: 18px;} .pag_five .tit-about h3{font-size: 36px;} .pag_five .tit-about p{font-size: 18px;} .pag_six{padding-top: 50px;} .pag_six .tit-about h3{font-size: 36px;} .pag_six .tit-about p{font-size: 18px;} .pag_seven{padding-top: 50px;padding-bottom: 0px;} .pag_seven .tit-about h3{font-size: 36px;} .pag_seven .tit-about p{font-size: 18px;} .pag_five .tit-about{margin-bottom: 30px;} .sp_tit{margin-bottom: 15px;font-size: 16px;} .pag_five{padding-top: 50px;} .pag_five_con{padding-left: 30px;padding-right: 30px;} .page_five_swiper .swiper-slide .imgs img{height: 120px;margin: 0 auto;width: auto;} .page_five_swiper .swiper-slide:nth-child(odd){margin-top: 215px;} .page_five_swiper .swiper-slide h3{font-size: 14px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;height: 68px;} .pag_four_con ul li .fix .fimg img{max-height: 30px;} .pag_four_con ul li .fix h3,.pag_four_con ul li .fix h4{font-size: 16px;} .pag_four_con ul li .fix h4{margin-bottom: 10px;} .pag_four_con ul li .fix p{font-size: 14px;} .pinpai_swiper .swiper-slide .pin_text h3{font-size: 16px;} .pinpai_swiper2 .swiper-slide h3{font-size: 16px;} .pinpai_swiper .swiper-slide .pin_text p{font-size: 15px;} .pag_four_con ul li{width: calc(100% - 20px)!important;} .pag_seven>.max1550{padding-left: 15px;padding-right: 15px;} .sp_swiper1{padding-left: 30px;padding-right: 30px;} .sp_swiper2{padding-left: 30px;padding-right: 30px;} .sp_down_list .swiper-slide .xx-flex h3{font-size: 12px;} .sp_down_list2 .swiper-slide .xx-flex h3{font-size: 12px;} } /* 联系我们页面 */ /* titxx_cc */ .titxx_cc{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;} .titxx_cc .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;} .titxx_cc .flex-mid h3{color: #fff;font-size: 3.125vw;font-weight: 400;font-family:"BODONISTD-BOOK";letter-spacing: 2px;text-transform: uppercase;} .titxx_cc .flex-mid span{display: block;font-size: 1.875vw;color: #fff;font-family: "Microsoft Yahei";} .contact-wrap{position: relative;} /* contact_one */ .contact_one{ position: relative; padding: 5.2083vw 0; background: #f2f2f2; } .flex-cc{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;} .contact_one_left{position: relative;min-width: 30%;} .tit-cat{position: relative;margin-bottom: 4.1666vw;} .tit-cat h3{font-size: 36px;color: #000;font-weight: normal;margin-bottom: 5px;} .tit-cat p{font-family: "BODONISTD-BOOK";font-size: 22px;color: #000;} .lss-list{position: relative;} .lss-list li{display: flex;align-items: center;border-bottom: 1px solid #a1a1a1;padding: 20px 0;margin-bottom: 1.15625vw;} .lss-list li img{margin-right: 15px;} .lss-list li span{font-size: 16px;color: #000;} .lss-list li span:nth-child(2){font-size: 16px;color: #000;} .lss-list li a{font-size: 16px;color: #000;} .contact_one_right{position: relative;width: 46.28%;} .contact_one_right img{display: block;width: 100%;} /* contact_service */ .contact_service{position: relative;margin-top: 7.8125vw!important;} .ser-left{position: relative;width: 44.64%;} .ser-left img{display: block;width: 100%;} .ser-right{position: relative;width: 50%;} .ser-right .apa{font-size: 1.875vw;color: #000000;font-weight: normal;padding-bottom: 1.822916vw;margin-bottom: 20px;position: relative;} .ser-right .apa::before{position: absolute;left: 0px;bottom: 0px;width: 33px;height: 3px;background: #003f98;content: "";} .ser-right .apb{font-size: 0.9375vw;color: #000000;font-weight: normal;margin-bottom: 20px;line-height: 30px;} .ser-right .apc{font-size: 0.8333vw;color: #000000;line-height: 30px;} .ser-right .apc strong{font-size: 22px;color: #003f98;font-weight: normal;} .ser-right .apc .warranty-commitment span{display:block;} .ser-right .apc .warranty-detail{padding-left:2em;} /* contact_two */ .contact_two{ position: relative; background: #fff; padding: 5.2083vw 0; } .contact_two_left{position: relative;width: 46%;} .contact_two_left h2{font-size: 36px;font-weight: normal;color: #000000;position: relative;padding-bottom: 30px;margin-bottom: 4.166vw;} .contact_two_left h2::before{position: absolute;left: 0px;bottom: 0px;width: 33px;height: 3px;background: #003f98;content: "";} .contact_two_left .sfo{font-size: 16px;color: #000;line-height: 29px;} /* */ .contact_two_right{position: relative;width: 50%;} .x-message-wrap2 {margin-left: 0px;margin-right: 0px} .x-message-wrap2 .row {margin-left: -5px;font-size: 0;margin-right: -5px} .x-message-wrap2 div[class^='col-'] {padding-left: 5px;padding-right: 5px;position: relative;} .x-message-wrap2 input[type='text'],.x-message-wrap2 textarea {width: 100%;height: 45px;border: none;padding: 0 15px;font-size: 16px;color: #5e5e5e;background: #f9f9f9; outline: none;margin-bottom: 10px;border: 1px solid #b2b2b2;} .x-message-wrap2 input[type='text']::-webkit-input-placeholder,.x-message-wrap2 textarea::-webkit-input-placeholder {color: #5e5e5e} .x-message-wrap2 input[type='text']:-ms-input-placeholder,.x-message-wrap2 textarea:-ms-input-placeholder {color: #5e5e5e} .x-message-wrap2 input[type='text']::-ms-input-placeholder,.x-message-wrap2 textarea::-ms-input-placeholder {color: #5e5e5e} .x-message-wrap2 input[type='text']::placeholder,.x-message-wrap2 textarea::placeholder {color: #5e5e5e;} .x-message-wrap2 textarea {padding-top: 15px;height: 160px;resize: none} .x-message-wrap2 #checkcode {float: left;width: 40%;margin-bottom: 0;} .x-message-wrap2 #codeimg2 {float: left;display: block;text-align: center;width: calc(50% - 140px);height: 45px;font-size: 0;background: #e7e4e4;padding: 0px;} .x-message-wrap2 .x-submit {float: right;margin-left: 0%;width: 130px;height: 45px;background: #003f98;color: #fff;font-size: 16px;border: none;outline: none; -webkit-transition: all .5s ease;transition: all .5s ease;letter-spacing: 5px;} .x-message-wrap2 .x-submit:hover {background: #003f98} .x-message-wrap2 .n-default .x-textarea .msg-wrap{top: 10px;} /* contact_three */ .contact_three{position: relative;background: #f2f2f2;padding: 4.1666vw 0;} .tit-cat2{position: relative;margin-bottom: 3.125vw;} .tit-cat2 h3{font-family: "BODONISTD-BOOK";font-size: 3.125vw;color: #000;font-weight: normal;text-transform: uppercase;} .tit-cat2 p{font-size: 1.875vw;color: #000;} .contact_three_con{position: relative;} .contact_three_con ul{display: flex;flex-wrap: wrap;} .contact_three_con ul li{position: relative;width: calc(100%/6 - 30px);margin: 0 15px 20px 15px;text-align: center;} .contact_three_con ul li .ewm{text-align: center;} .contact_three_con ul li .ewm img{display: inline-block;width: 100%;} .contact_three_con ul li p{font-size: 16px;color: #000;font-weight: normal;line-height: 1.7;margin: 15px 0;} /* map */ .map_wap{overflow: hidden;} #map2{position: relative;height: 590px;} @media (max-width: 992px){ .tit-cat h3{font-size: 26px;} .tit-cat p{font-size: 18px;} .contact_one_left{min-width: 50%;width: 50%;} .contact_two_left{margin-bottom: 30px;} .contact_two_left h2{font-size: 26px;} .contact_three_con ul li p{font-size: 12px;} .ser-left{width: 100%;margin-bottom: 30px;} .ser-right{width: 100%;} .ser-right .apa{font-size: 24px;padding-bottom: 20px;margin-bottom: 20px;} .ser-right .apb{font-size: 16px;line-height: 30px;} .ser-right .apc{font-size: 14px;} .ser-right .apc strong{font-size: 18px;} #map2{height: 450px;} } @media (max-width: 768px){ .contact_one,.contact_two,.contact_three{padding: 50px 0;} .tit-cat2{margin-bottom: 30px;} .tit-cat2 h3{font-size: 32px;} .tit-cat2 p{font-size: 18px;} .contact_one_left{width: 100%;margin-bottom: 30px;} .contact_one_right{width: 100%;} .contact_two_left{width: 100%;} .contact_two_right{width: 100%;} .contact_three_con ul li{width: calc(100%/3 - 30px);} .contact_three_con ul li p br{display: none;} .x-message-wrap2 #codeimg2{width: calc(50% - 100px);} .x-message-wrap2 .x-submit{width: 100px;} .x-message-wrap2 input[type='text'], .x-message-wrap2 textarea{font-size: 14px;} #map2{height: 350px;} } /* 招商加盟页面 */ .join-wrap{position: relative;} /* titxx_cc */ .titxx_cc{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999;} .titxx_cc .flex-mid{display: flex;flex-direction: column;justify-content: center;height: 100%;position: relative;} .titxx_cc .flex-mid h3{color: #fff;font-size: 3.125vw;font-weight: 400;font-family:"BODONISTD-BOOK";letter-spacing: 2px;text-transform: uppercase;} .titxx_cc .flex-mid span{display: block;font-size: 1.875vw;color: #fff;font-family: "Microsoft Yahei";} /* join_one */ .join_one{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/69be3b7dc9edf1fb2a6931d818734e11b6b5f150.jpg) no-repeat;background-size: cover;padding-top: 6.25vw;padding-bottom: 8.333vw;} .join_tit{text-align: center;margin-bottom: 5.2083vw;} .join_tit h3{color: #fff;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";} .join_tit p{font-size: 1.875vw;color: #fff;font-weight: normal;padding-top: 10px;} .join_one_con{position: relative;} .join_one_con ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .join_one_con ul li{position: relative;background: rgba(255,255,255,.3);padding: 2.60416vw 30px;width: 28.33%;margin: 0 15px 30px 15px;text-align: center;} .join_one_con ul li a{display: block;} .join_one_con ul li .ipimg{height: 50px;line-height: 50px;margin-bottom: 15px;} .join_one_con ul li .ipimg img{max-height: 42px;} .join_one_con ul li h3{font-size: 22px;color: #fff;font-weight: normal;position: relative;padding-bottom: 15px;margin-bottom: 25px;} .join_one_con ul li h3::before{position: absolute;bottom: 0px;width: 32px;height: 3px;background: #4990f3;content: "";left: 50%;transform: translateX(-50%);} .join_one_con ul li .syy{color: #fff;font-size: 16px;line-height: 1.7;} /* join_two */ .join_two{position: relative;padding: 5.2083vw 0;} .join_tit2{text-align: center;margin-bottom: 4.166vw;} .join_tit2 h3{color: #000;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";} .join_tit2 p{font-size: 1.875vw;color: #000;font-weight: normal;padding-top: 10px;} .join_two_list { width: 100%; position: relative; overflow: hidden; } .join_two_list .swiper-slide { align-items: center; transition: 300ms; transform: scale(0.8); } .join_two_list .swiper-slide .img{ position: relative; } .join_two_list .swiper-slide .img::before{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; content: ""; background: rgba(27, 27, 27, 0.5); opacity: 1; } .join_two_list .swiper-slide-active .img::before{ opacity: 0; } .join_two_list .swiper-slide .img img{ display: block; width: 100%; border-radius: 5px; } .join_two_list .swiper-slide-active, .swiper-slide-duplicate-active{ transform: scale(1); } .join_two_list .swiper-button-next, .join_two_list .swiper-button-prev{ width: 14px; height: 22px; margin-top: -11px; z-index: 999; } .join_two_list .swiper-button-prev{ left: 10.416vw; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/9785dd70a4a53ebd47df3f2ee78894436ae117ff.png) no-repeat center; } .join_two_list .swiper-button-next{ right: 10.416vw; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/82348997a88ba926929d0d3d08a3d47a011683c8.png) no-repeat center; } /* join_three */ .join_three{position: relative;padding: 30px 0;} .join_three_con{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/d1702dbd9de3019d2251ea98eef013fd164f3231.jpg) no-repeat;background-size: cover;position: relative;} .join_three_con::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(51,51,51,.9);content: "";} .join_three_list{display: flex;flex-wrap: wrap;height: 100%;} .join_three_list li{position: relative;width: 50%;text-align: center;border-right: 1px solid #8c8c8c;border-bottom: 1px solid #8c8c8c;padding: 60px 0;transition: all .5s ease;-webkit-transition: all .5s ease;} .join_three_list li .fdd{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;} .join_three_list li h3{color: #fff;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";} .join_three_list li p{font-size: 1.875vw;color: #fff;font-weight: normal;padding-top: 0px;} .join_three_list li .fdd a{display: block;} .join_three_list li .fdd .fimg{margin-bottom: 15px;} .join_three_list li .fdd .fimg img{max-height: 50px;} .join_three_list li .fdd h4{margin-bottom: 20px;font-size: 1.302083vw;color: #fff;font-weight: normal;} .join_three_list li .fdd .fsumm{font-size: 16px;color: #fff;line-height: 1.7;} .join_three_list li:not(:first-child):hover{background-color: #003f98;} /* join_four */ .join_four{padding-top: 50px;} .join_four_con{display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;} .join_four_left{position: relative;width: 46.5%;} .join_four_left img{display: block;width: 100%;height: 100%;} .join_four_right{position: relative;background: #eaeaea;width: 53.5%;padding: 30px 3.125vw;} .join_four_right ul{position: relative;display: flex;flex-direction: column;height: 100%;justify-content: center;align-items: flex-start;} .join_four_right ul li{position: relative;width: 100%;} .join_four_right ul li:not(:last-child){margin-bottom: 30px;} .join_four_right ul li a{display: flex;align-items: center;} .join_four_right ul li .klimg{margin-right: 15px;} .join_four_right ul li .klimg img{max-width: 60px;object-fit: cover;} .join_four_right ul li .kltext{position: relative;width: calc(100% - 75px);} .join_four_right ul li .kltext h3{font-size: 22px;color: #000;font-weight: normal;margin-bottom: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .join_four_right ul li .kltext .pp{font-size: 16px;color: #393939;line-height: 1.7;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} /* join_five */ .join_five{position: relative;padding: 6.25vw 0;} .join_five_con{position: relative;} .join_five_list{display: flex;justify-content: space-between;} .join_five_list::before{position: absolute;height: 1px;width: calc(100% - 200px);left: 50%;top: 40px;content: "";background: transparent;border-top: 1px dashed #003f98; transform: translateX(-50%);} .join_five_list li{position: relative;text-align: center;width: calc(100%/7);} .join_five_list li+li::before{position: absolute;width: 20px;height: 20px;content: ""; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/24cdeadaaee572fb5988a39c11bf366d49e4f29a.png) no-repeat;left: -10px;top: 30px;} .join_five_list li a{display: block;} .join_five_list li .oaimg{width: 84px;height: 84px;line-height: 84px;border-radius: 50%;margin: 0 auto;margin-bottom: 20px;background: #fff;position: relative; border: 1px solid #7fabea;} .join_five_list li .oaimg img{line-height: 84px;max-width: 50px;} .join_five_list li .progress-barx::before { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; right: -1px; border-radius: 50%; border: 1px solid #003f98; clip: rect(0, 42px, 84px, 0); transform: rotate(0deg); } .join_five_list li:nth-child(1) .progress-barx::before{transform: rotate(25deg);} .join_five_list li:nth-child(2) .progress-barx::before{transform: rotate(50deg);} .join_five_list li:nth-child(3) .progress-barx::before{transform: rotate(75deg);} .join_five_list li:nth-child(4) .progress-barx::before{transform: rotate(100deg);} .join_five_list li:nth-child(5) .progress-barx::before{transform: rotate(125deg);} .join_five_list li:nth-child(6) .progress-barx::before{transform: rotate(150deg);} .join_five_list li:nth-child(7) .progress-barx::before{transform: rotate(18deg);} .join_five_list li .oatext{position: relative;} .join_five_list li .oatext em{position: absolute;font-family: "BODONISTD-BOOK";font-size: 64px;color: #b4b4b4;line-height: 1;left: 50%;top: 50%;transform: translate(-50%, -50%);font-style: Italic;opacity: .34;} .join_five_list li .oatext h3{font-size: 16px;color: #393939;font-weight: normal;margin-bottom: 10px;} .join_five_list li .oatext p{font-family: "BODONISTD-BOOK";font-size: 16px;color: #393939;text-transform: uppercase;} .imyy{position: relative;margin-top: 10px;} .imyy img{display: inline-block;max-width: 100%;} /* join_six */ .join_six{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/3cf7db7c12aff67d2a6ed175e1f03717af433b1b.jpg) no-repeat;background-size: cover;padding-top: 120px;padding-bottom: 80px;} .join_six_left{position: relative;width: 40.85%;} .join_tit3{margin-bottom: 2.60416vw;} .join_tit3 h3{color: #000;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";} .join_tit3 p{font-size: 1.875vw;color: #000;font-weight: normal;padding-top: 10px;} .network_text{font-size: 16px;color: #393939;line-height: 1.7;margin-bottom: 70px;} /* network_list */ .network_list{display: flex;position: relative;z-index: 999;padding: 20px 0;border-top: 2px solid #000;border-bottom: 1px solid #000;width: 340px;justify-content: space-between;} .network_list li{position: relative;transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;} .network_list li h3 {color: #003f98;display: inline-block;} .network_list li h3 i {color: #003f98;font-size: 36px;font-weight: 400;font-family: "BODONISTD-BOOK";} .network_list li h3 span {font-size: 20px;font-weight: normal;font-style: inherit;color: #393939;margin-left: 10px;} .network_list li p {font-size: 18px;line-height: 1.7;color: #393939;padding-top: 5px;} .join_six_right{position: relative;width: 50%;text-align: center;} .join_six_right img{max-width: 100%;display: inline-block;} /* join_seven */ .join_seven{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/5b84f4e640bac58775141c275b729e9b47685637.jpg) no-repeat;background-size: cover;padding-top: 80px;padding-bottom: 120px;} .join_tit4{margin-bottom: 100px;} .join_tit4 h3{color: #fff;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";} .join_tit4 p{font-size: 1.875vw;color: #fff;font-weight: normal;padding-top: 10px;} .join_seven_con{width: 50%;} /* */ .x-message-wrap4 {margin-left: 0px;margin-right: 0px} .x-message-wrap4 .row {margin-left: -5px;font-size: 0;margin-right: -5px} .x-message-wrap4 div[class^='col-'] {padding-left: 5px;padding-right: 5px;position: relative;} .x-message-wrap4 input[type='text'],.x-message-wrap4 textarea {width: 100%;height: 45px;border: none;padding: 0 15px;font-size: 16px;color: rgba(255,255,255,.8);background: #505151; outline: none;margin-bottom: 10px;} .x-message-wrap4 input[type='text']::-webkit-input-placeholder,.x-message-wrap4 textarea::-webkit-input-placeholder {color: rgba(255,255,255,.8)} .x-message-wrap4 input[type='text']:-ms-input-placeholder,.x-message-wrap4 textarea:-ms-input-placeholder {color: rgba(255,255,255,.8)} .x-message-wrap4 input[type='text']::-ms-input-placeholder,.x-message-wrap4 textarea::-ms-input-placeholder {color: rgba(255,255,255,.8)} .x-message-wrap4 input[type='text']::placeholder,.x-message-wrap4 textarea::placeholder {color: rgba(255,255,255,.8);} .x-message-wrap4 textarea {padding-top: 15px;height: 160px;resize: none} .x-message-wrap4 #checkcode {float: left;width: 48.29813665%;margin-bottom: 0;} .x-message-wrap4 #codeimg2 {float: left;display: block;text-align: center;width: 19.39130435%;height: 45px;font-size: 0;background: #e7e4e4;padding: 0px;} .x-message-wrap4 .x-submit {float: right;margin-top: 0px;width: 30%;height: 45px;background: #003f98;color: #fff;font-size: 16px;border: none;outline: none;-webkit-transition: all .5s ease;transition: all .5s ease;} .x-message-wrap4 .x-submit:hover {background: #003f98} .x-message-wrap4 .n-default .x-textarea .msg-wrap{top: 10px;} @media (max-width: 992px){ .join_one_con ul li h3{font-size: 18px;} .join_one_con ul li .syy{font-size: 14px;} .join_three_list li h3{font-size: 28px;} .join_three_list li p{font-size: 16px;} .join_three_list li .fdd h4{font-size: 18px;} .join_three_list li .fdd .fsumm{font-size: 14px;} .join_four_right ul li .kltext h3{font-size: 18px;} .join_four_right ul li .kltext .pp{font-size: 14px;} .join_five_list li .oatext p{font-size: 12px;} .network_text{font-size: 14px;} .network_list li p{font-size: 14px;} .join_seven_con{width: 100%;} .x-message-wrap4 input[type='text'], .x-message-wrap4 textarea{font-size: 14px;} .x-message-wrap4 .x-submit{font-size: 14px;} } @media (max-width: 768px){ .join_one_con ul li{width: 100%;margin: 20px 0;padding: 30px;} .join_tit h3,.join_tit2 h3,.join_tit4 h3,.join_tit3 h3{font-size: 30px;} .join_tit p,.join_tit2 p,.join_tit4 p,.join_tit3 p{font-size: 16px;} .join_three_list li .fdd .fimg img{max-width: 35px;} .join_three_list li .fdd h4{font-size: 16px;} .join_four_left{width: 100%;} .join_four_right{width: 100%;padding: 30px 20px;} .join_five_list{flex-wrap: wrap;} .join_five_list li{width: 33.33%;margin-bottom: 30px;} .join_five_list::before{display: none;} .join_five_list li+li::before{display: none;} .join_five_list li .oatext h3{margin-bottom: 4px;} .join_five_list li .oatext p{font-size: 14px;} .join_six{padding-top: 60px;padding-bottom: 60px;} .join_six>.max1400{flex-wrap: wrap;} .join_six_left{width: 100%;margin-bottom: 50px;} .join_six_right{width: 100%;} .join_tit4{margin-bottom: 50px;} .join_seven{padding-top: 80px;padding-bottom: 80px;} .join_tit2{margin-bottom: 50px;} .join_three_list li{padding: 40px 0;} .join_three_list li .fdd .fsumm{font-size: 12px;} .join_one{padding: 50px 0;} } /* 智能制造页面 */ .mark-wrap{position: relative;} /* mark_one */ .mark_one{position: relative;padding-top: 3.125vw;} .mark_tit{text-align: center;margin-bottom: 3.125vw;} .mark_tit h3{color: #000;font-size: 3.125vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";} .mark_tit p{font-size: 1.875vw;color: #000;font-weight: normal;padding-top: 10px;margin-bottom: 1.5625vw;} .mark_tit span{font-size: 1.14583vw;color: #000;font-weight: normal;display: block;} .mark_one_con{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/78b65778e7f88e20407e4ff52fb45e332d0712ef.jpg) no-repeat;background-size: cover;display: flex;justify-content: space-between;flex-wrap: wrap;} .ma_left{position: relative;width: 50%;padding-right: 40px;border-right: 1px solid #858585;padding-top: 10.416vw;padding-bottom: 7.8125vw;} .ma_left .flex-middle{display: flex;flex-direction: column;align-items: flex-end;justify-content: center;} .ma_left h2{font-size: 1.875vw;color: #fff;font-weight: normal;line-height: 1.5;margin-bottom: 3.125vw;} .ma_left ul{position: relative;padding-left: 40px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/5e6800d8a598ea1e802e92e20f22632ad51b8f9f.png) no-repeat left center; height: 269px;display: flex;align-items: center;flex-direction: column;justify-content: center;} .ma_left ul li{cursor: pointer;position: relative;color: rgba(255,255,255,.5);font-size: 18px;margin-bottom: 25px;} .ma_left ul li::before{position: absolute;left: -50px;width: 20px;height: 20px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/d75bea0f148016e187bab770d9216485aa8b415d.png) no-repeat center;content: "";top: 5px;} .ma_left ul li.on{color: #fff;} .ma_left ul li.on::before{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/e04d6acacc56b3fb196a2acee8f8d02bb1cbd5a8.png) no-repeat center;} /* */ .ma_right{position: relative;width: 50%;padding-left: 40px;padding-top: 13.02083vw;padding-bottom: 6.25vw;} .ma_right ul{position: relative;} .ma_right ul li{position: relative;} .ma_right ul li h3{color: #fff;font-size: 22px;margin-bottom: 2.083vw;} .ma_right ul li h3 i{font-family: "BODONISTD-BOOK";font-size: 27px;margin-right: 10px;} .ma_right ul li h4{font-weight: normal;color: #fff;font-size: 18px;margin-bottom: 10px;padding-left: 30px;} .ma_right ul li .pjj{position: relative;color: #fff;font-size: 16px;margin-bottom: 2.60416vw;padding-left: 30px;} .ma_right ul li .pjj p{color: #fff;font-size: 16px;position: relative;line-height: 1.6;} .ma_right ul li .pjj p:before {content: "";display: inline-block;width: 6px;height: 6px;background: #fff;margin-right: 10px;vertical-align: 2px;border-radius: 50%;} /* mob */ .mob_mark_one_con{position: relative;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/5fd43b4c9be8442aeafab5d6b912b5a9118572d1.jpg) no-repeat;background-size: cover; padding: 50px 0;} .mob_mark_tit{position: relative;} .mob_mark_tit h2{font-size: 22px;color: #fff;font-weight: normal;line-height: 1.5;margin-bottom: 40px;} .mob_ma_left{position: relative;padding-left: 20px;padding-right: 20px;} .mob_ma_left ul{position: relative;padding-top: 30px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/b899d46061af31e3c624fb8a74fe9277a5984d41.png) no-repeat top center;background-size: 100% 1px;margin-bottom: 35px;} .mob_ma_left ul li{cursor: pointer;position: relative;color: rgba(255,255,255,.5);font-size: 15px;width: 33.33%;text-align: center;float: left;} .mob_ma_left ul li::before{position: absolute;left: 50%;width: 20px;height: 20px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/d75bea0f148016e187bab770d9216485aa8b415d.png) no-repeat center;content: "";top: -40px;margin-left: -10px} .mob_ma_left ul li.on{color: #fff;} .mob_ma_left ul li.on::before{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/e04d6acacc56b3fb196a2acee8f8d02bb1cbd5a8.png) no-repeat center;} /* */ .mob_ma_right{position: relative;width: 100%;padding-left: 20px;padding-right: 20px;} .mob_ma_right ul{position: relative;} .mob_ma_right ul li{position: relative;} .mob_ma_right ul li h3{color: #fff;font-size: 18px;margin-bottom: 2.083vw;} .mob_ma_right ul li h3 i{font-family: "BODONISTD-BOOK";font-size: 23px;margin-right: 10px;} .mob_ma_right ul li h4{font-weight: normal;color: #fff;font-size: 16px;margin-bottom: 10px;padding-left: 30px;} .mob_ma_right ul li .pjj{position: relative;color: #fff;font-size: 14px;margin-bottom: 2.60416vw;padding-left: 30px;} .mob_ma_right ul li .pjj p{color: #fff;font-size: 14px;position: relative;line-height: 1.6;} .mob_ma_right ul li .pjj p:before {content: "";display: inline-block;width: 6px;height: 6px;background: #fff;margin-right: 10px;vertical-align: 2px;border-radius: 50%;} /* mark_two */ .mark_two{position: relative;padding-top: 5.2083vw;padding-bottom: 8.333vw;} .mark_two_con{position: relative;} .mark_two_con ul{display: flex;flex-wrap: wrap;} .mark_two_con ul li{position: relative;width: calc(33.33% - 40px);margin: 0 20px 20px 20px;} .mark_two_con ul li a{display: block;} .mark_two_con ul li a img{width: 100%;} .mark_two_con ul li .dpo{position: absolute;width: 100%;bottom: 4.166vw;padding: 0 2.083vw;color: #fff;font-size: 16px;line-height: 1.7; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; height: 110px; } .pc-img{display: block;} .mob-img{display: none;} /* mark_three */ .mark_three{position: relative;padding-top: 70px;padding-bottom: 50px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/b23ae58f854c73ea3587f690059f4ddada04813c.jpg) no-repeat;background-size: cover;} .mark_tit3{text-align: center;margin-bottom: 60px;} .mark_tit3 h3{color: #fff;font-size: 1.875vw;text-transform: uppercase;font-family: "BODONISTD-BOOK";} .mark_tit3 p{font-size: 1.875vw;color: #fff;font-weight: normal;padding-top: 10px;margin-bottom: 10px;} .mark_tit3 span{font-size: 1.14583vw;color: #fff;font-weight: normal;display: block;} .mark_three_con{overflow: hidden;} /* */ .mark_three_swiper{position: relative;margin-bottom: 3.64583vw;} .mark_three_swiper .swiper-slide{position: relative;display: flex;justify-content: center;align-items: center;} .mark_three_swiper .swiper-slide .pin_left{position: relative;text-align: center;} .mark_three_swiper .swiper-slide .pin_left img{display: inline-block;max-width: 200px;max-height: 390px;} .mark_three_swiper .swiper-slide .pin_text{position: relative;padding-left: 5.2083vw;} .mark_three_swiper .swiper-slide .pin_text h3{font-weight: normal;font-size: 22px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 35px;} .mark_three_swiper .swiper-slide .pin_text .slg{font-size: 16px;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .mark_three_swiper .swiper-button-next7, .mark_three_swiper .swiper-button-prev7{ position: absolute; top: 50%; width: 15px; height: 26px; margin-top: -13px; z-index: 999; } .mark_three_swiper .swiper-button-prev7{ left: 10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/d751211d48c1d637b40b502a981c9cf632632f0d.png) no-repeat center; } .mark_three_swiper .swiper-button-next7{ right: 10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/a07ab1e437248d580fc1f8e69ed78e7cc80646ba.png) no-repeat center; } /* */ .mark_three_swiper2{position: relative;} .mark_three_swiper2::before{position: absolute;top: 0px;width: 82%;left:50%;transform: translateX(-50%);content: "";background: transparent;border-top: 2px dashed #d4d4d4;} .mark_three_swiper2 .swiper-slide{padding: 30px 0;text-align: center;} .mark_three_swiper2 .swiper-slide h3{color: #fff;font-size: 1.0416vw;font-weight: normal;cursor: pointer;} .mark_three_swiper2 .swiper-slide::before{position: absolute;left: 50%;width: 20px;height: 20px;content: "";top: -10px;margin-left: -10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/d75bea0f148016e187bab770d9216485aa8b415d.png) no-repeat center center;} .mark_three_swiper2 .swiper-slide-thumb-active::before{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/e04d6acacc56b3fb196a2acee8f8d02bb1cbd5a8.png) no-repeat center;} /* mark_four */ .mark_four{position: relative;padding-top: 80px;padding-bottom: 30px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/4686361a9891a9fbc9cee8c2d29817a980ae1cec.jpg) no-repeat;background-size: cover;} .mark_tit4{margin-bottom: 6.25vw;} .mark_four_con{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3.64583vw;} .left_x{position: relative;width: 52.85%;} .left_x h3{font-size: 22px;color: #000000;margin-bottom: 30px;} .left_x div{font-size: 16px;color: #393939;line-height: 1.7;text-indent: 30px;} .right_x{position: relative;width: 38%;} .right_x ul{position: relative;display: flex;flex-wrap: wrap;} .right_x ul li{position: relative;background: rgba(255,255,255,.5);border: 1px solid #eee;margin: 0 5px;width: calc(33.33% - 10px);padding: 50px 15px;text-align: center;} .right_x ul li .jks{position: relative;text-align: center;} .right_x ul li .jks img{max-height: 70px;display: inline-block;max-width: 100%;} .right_x ul li h3{margin: 2.083vw 0;font-weight: normal;font-size: 22px;color: #555555;} .right_x ul li p{font-size: 14px;color: #555555;font-weight: normal;line-height: 1.7;} /* sei_show */ .sei_show{position: relative;padding-top: 40px;padding-bottom: 30px;} .sei_show h2{color: #000;font-size: 22px;font-weight: normal;margin-bottom: 20px;} .wapxx{position: relative;padding-left: 3.125vw;padding-right: 3.125vw;} .sei_swiper{overflow: hidden;} .sei_swiper .swiper-slide{position: relative;text-align: center;} .sei_swiper .swiper-slide a{display: block;} .sei_swiper .swiper-slide a img{width: 100%;display: block;} .sei_swiper .swiper-slide h3{font-size: 16px;color: #393939;font-weight: normal;line-height: 1.7;padding: .8em 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .wapxx .swiper-button-next8, .wapxx .swiper-button-prev8{ position: absolute; top: 50%; width: 15px; height: 26px; margin-top: -25px; z-index: 999; } .wapxx .swiper-button-prev8{ left: 10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/e5939f3afcf0449d3c0da1439126364d4a5d32ba.png) no-repeat center; } .wapxx .swiper-button-next8{ right: 10px; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/c454fbe3483268a6936b78e080056209f487056e.png) no-repeat center; } @media (max-width: 1440px){ .c1_botom{bottom: 30px;} .c2_con ul li .cto h3{padding: 15px 0;} .c2_con ul li .cbm h4{font-size: 15px;margin-bottom: 10px;padding-bottom: 10px;} .c2_con ul li .cbm a{font-size: 12px;} .xw_cate_list{padding: 0 10px;} .xw_home_more{display: none!important;} .c4_con{margin-top: 20px;} .xw_cate_list li{height: 35vh;} } @media (max-width: 1280px){ .xw_cate_list li{height: 30vh;} /* .c2_con ul li:nth-child(n+4){ display: none!important; } */ } @media (max-width: 1366px){ .mark_two_con ul li .dpo{font-size: 14px;height: auto;} .ma_right ul li h3{font-size: 18px;} .ma_right ul li h3 i{font-size: 22px;} .ma_right ul li h4{font-size: 16px;} .ma_right ul li .pjj p{font-size: 14px;} .mark_three_swiper2 .swiper-slide h3{font-size: 16px;} } @media (max-width: 992px){ .mark_one{padding-top: 50px;} .mark_tit{text-align: center;margin-bottom: 50px;} .mark_tit h3{color: #000;font-size: 36px;text-transform: uppercase;font-family: "BODONISTD-BOOK";} .mark_tit p{font-size: 18px;color: #000;font-weight: normal;padding-top: 10px;margin-bottom: 15px;} .mark_tit span{font-size: 14px;color: #000;font-weight: normal;display: block;} } @media (max-width: 768px){ .xw_cate_list{padding: 0 0px;} .c2_con ul li:nth-child(n+4){display: block!important;} .ma_left{width: 100%;} .mark_two_con ul li{width: 100%;margin: 0 0 20px 0;} .mark_two_con ul li .dpo{padding: 15px;} .pc-img{display: none;} .mob-img{display: block;} .mark_tit3 h3{font-size: 22px;} .mark_tit3 p{font-size: 18px;} .mark_tit3 span{font-size: 14px;} .mark_three_swiper{margin-bottom: 50px;} .mark_three_swiper .swiper-slide .pin_left{width: 40%;text-align: center;} .mark_three_swiper .swiper-slide .pin_left img{max-width: 80%;max-height: 100%;} .mark_three_swiper .swiper-slide .pin_text{width: 50%;} .mark_three_swiper .swiper-slide .pin_text h3{font-size: 16px;} .mark_three_swiper .swiper-slide .pin_text .slg{font-size: 14px;white-space:normal} .mark_three_swiper2 .swiper-slide h3{font-size: 14px;} .mark_three_swiper2::before{border-width: 1px;} .mark_three{background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/ce648e85f6bce3061c07a1113d3c26c7e3928c58.jpg) no-repeat;background-size: cover;} .mark_four{padding-top: 40px;} .mark_tit h3{font-size: 26px;} .mark_tit p{font-size: 16px;} .left_x{width: 100%;} .right_x{width: 100%;margin-bottom: 50px;} .right_x ul li{padding: 30px 10px;} .right_x ul li .jks img{max-height: 50px;} .right_x ul li h3{margin: 25px 0;font-size: 16px;} .right_x ul li p{font-size: 12px;} .mark_four_con{flex-direction: column-reverse;margin-bottom: 30px;} .left_x h3{font-size: 16px;text-align: center;} .left_x div{font-size: 14px;} .sei_show h2{font-size: 18px;} .sei_swiper .swiper-slide h3{font-size: 14px;} .titxx_cc .flex-mid h3{font-size: 30px;} .titxx_cc .flex-mid span{font-size: 14px;} .c2_con ul li .bggimg{ height: 20vh; } .hus_swiper_aa2 .swiper-button-prev22{ background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/e5939f3afcf0449d3c0da1439126364d4a5d32ba.png) no-repeat center; background-size: 80% 80%; } .hus_swiper_aa2 .swiper-button-next22{ background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/03/c454fbe3483268a6936b78e080056209f487056e.png) no-repeat center; background-size: 80% 80%; } .pag_five_con .swiper-button-next{ background-size: 80% 80%; } .pag_five_con .swiper-button-prev{ background-size: 80% 80%; } .swiper_six_wp .swiper-button-next{ background-size: 80% 80%;} .swiper_six_wp .swiper-button-prev{ background-size: 80% 80%;} .sp_swiper1 .swiper-button-next1{background-size: 80% 80%;} .sp_swiper1 .swiper-button-prev1{background-size: 80% 80%;} .sp_swiper2 .swiper-button-next2{background-size: 80% 80%;} .sp_swiper2 .swiper-button-prev2{background-size: 80% 80%;} .wapxx{padding-left: 30px;padding-right: 30px;} .wapxx .swiper-button-next8{background-size: 80% 80%;} .wapxx .swiper-button-prev8{background-size: 80% 80%;} } /* 弹窗下载 */ .dialog_wrapper{ position: fixed; width: 1200px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; border: 20px solid #cccccc; background: #fff; padding: 100px; display: none; } .close_xx { position: absolute; top: 35px; right: 35px; z-index: 99; cursor: pointer; } .ty_tit{ margin-bottom: 60px; } .ty_tit h3{font-size: 30px;color: #000;font-weight: normal;margin-bottom: 30px;} .ty_tit .shh{margin-bottom: 10px;color: #696969;font-size: 22px;} /* */ .x-message-wrap22 {margin-left: 0px;margin-right: 0px} .x-message-wrap22 .row {margin-left: -5px;font-size: 0;margin-right: -5px} .x-message-wrap22 div[class^='col-'] {padding-left: 5px;padding-right: 5px;position: relative;} .x-message-wrap22 input[type='text'],.x-message-wrap22 textarea {width: 100%;height: 65px;border: none;padding: 0 15px;font-size: 18px;color: #696969;background: transparent;outline: none;margin-bottom: 30px;border-bottom: 1px solid #9b9b9b;} .x-message-wrap22 input[type='text']::-webkit-input-placeholder,.x-message-wrap22 textarea::-webkit-input-placeholder {color: #696969} .x-message-wrap22 input[type='text']:-ms-input-placeholder,.x-message-wrap22 textarea:-ms-input-placeholder {color: #696969} .x-message-wrap22 input[type='text']::-ms-input-placeholder,.x-message-wrap22 textarea::-ms-input-placeholder {color: #696969} .x-message-wrap22 input[type='text']::placeholder,.x-message-wrap22 textarea::placeholder {color: #696969;} .x-message-wrap22 textarea {padding-top: 15px;height: 80px;resize: none} .x-message-wrap22 #checkcode {float: left;width: 72.29813665%;margin-bottom: 0;} .x-message-wrap22 #codeimg2 {float: right;display: block;text-align: center;width: 25.39130435%;height: 65px;font-size: 0;background: #e7e4e4;padding: 0px;} .x-message-wrap22 .x-submit {display: inline-block;margin-top: 45px;width: 220px;height: 65px;background: #1d4f9f;color: #fff;font-size: 16px;border: none;outline: none;-webkit-transition: all .5s ease;transition: all .5s ease;border-radius: 40px;} .x-message-wrap22 .x-submit:hover {background: #1d4f9f;} .x-message-wrap22 .n-default .x-textarea .msg-wrap{top: 10px;} /* */ @media (min-width: 1025px){ .xbb .swiper-slide img{height: 100vh;object-fit: cover; /* width: 100vw; */ } .image-mask{ height:100vh; position: relative; } .c3_left .bd li .lhimg img{height: 100vh;width: 100vw;} .big_list li>a img{object-fit: fill; object-position: center center;} } .fp-viewing-Page1 #fp-nav ul li a span, .fp-viewing-Page2 #fp-nav ul li a span, .fp-viewing-Page7 #fp-nav ul li a span, .fp-viewing-Page8 #fp-nav ul li a span, .fp-viewing-Page9 #fp-nav ul li a span{background: #fff;} .fp-viewing-Page3 .top_head, .fp-viewing-Page4 .top_head, .fp-viewing-Page6 .top_head{background: #0f1021;} .fp-viewing-2 .top_head,.fp-viewing-6 .top_head{background: #0f1021;} @media (max-width: 1366px){ .max1400{max-width: 1430px;padding-left: 30px;padding-right: 30px;margin: 0 auto;} .max1450{max-width: 1480px;padding-left: 30px;padding-right: 30px;margin: 0 auto;} } @media (max-width: 1200px){ .dialog_wrapper{max-width: 90%;padding: 50px 10px;min-height: 500px;overflow-y: scroll;} .close_xx{top: 10px;right: 10px;} .ty_tit{margin-bottom: 20px;} .ty_tit h3{font-size: 18px;margin-bottom: 10px;} .ty_tit .shh{font-size: 14px;} .x-message-wrap22 input[type='text'], .x-message-wrap22 textarea{height: 40px;font-size: 14px;} .x-message-wrap22 .x-submit{width: 150px;line-height: 30px;font-size: 14px;height: 40px;margin-top: 10px;} } @media (max-width: 768px){ .c5_index{ padding-bottom: 80px; } .max1400{max-width: 1430px;padding-left: 30px;padding-right: 30px;margin: 0 auto;} .max1450{max-width: 1480px;padding-left: 30px;padding-right: 30px;margin: 0 auto;} .c5_index{padding-top: 80px;padding-bottom: 50px;} .c2_con ul li .bggimg img{height: 140px;} .c2_index{padding: 50px 0 20px;} .c3_left .bd li .lhimg img{height: 750px!important;} .xw_cate_list li{width: 100%;margin-top: 20px;margin-bottom: 0;height: 100%;} .page_five_swiper .swiper-slide:nth-child(odd){margin-top: 0px;} .page_five_swiper .swiper-slide:nth-child(odd) a{display: block;} .page_five_swiper .swiper-slide .yy{margin: 0 auto;} .page_five_swiper .swiper-slide+.swiper-slide .yy::before{display: none;} .page_five_swiper .swiper-slide .imgs img{height: 150px;width: 100%;} .page_five_swiper::before{top: auto;bottom: 12px;} .hus_swiper_aa2 .swiper-slide .fll h3{font-size: 14px;} .pag_five_con .swiper-button-next, .pag_five_con .swiper-button-prev{ top: 95%; } .c8_index{padding: 40px 0 40px;overflow: hidden; background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/71de17d7e6d71de3fe99a454a0f1fefdacd1d3fb.jpg) no-repeat bottom #bdbcbc;background-size: cover;} .c8_index .max1400.flex{flex-wrap: wrap;} .c8left{width: 100%;margin-bottom: 50px;} .c8right{width: 100%;padding-left: 20px;padding-right: 20px;} .c9_index{padding: 60px 0 150px;background: url(https://cdn.4001690009.com/__cdn/1044b33c/23/04/71a616dbef0f54ac01f6c5797de76849ca50eedb.jpg) no-repeat bottom;background-size: cover;} .title-two .llj{font-size: 14px;} .c8ll-text{margin-top: 30px;} .title-two{margin-left: 0px;} .title-eight .llj{margin-top: 5px;margin-bottom: 5px;} .title-eight h3::before{width: 15px;left: -20px;} .title-eight p{font-size: 15px;} .home_pinpai_swiper2 .swiper-wrapper{flex-wrap: wrap;} .home_pinpai_swiper2 .swiper-slide{width: 50%!important;margin-bottom: 15px!important;padding: 25px 0;} .home_pinpai_swiper2 .swiper-slide+.swiper-slide{border:none} .home_pinpai_swiper2 .swiper-slide:nth-child(2n){border-left: 1px solid #7074a1;} .home_pinpai_swiper2 .swiper-button-next, .home_pinpai_swiper2 .swiper-button-prev{ display: none!important; } .home_pinpai_swiper2 .next, .home_pinpai_swiper2 .prev{ display: none!important; } .title-night{position: relative;left: 20px;} .home_pinpai_swiper .swiper-slide{display: flex;align-items: flex-end;flex-direction: row-reverse;justify-content: center;margin-top: 50px;} .home_pinpai_swiper .swiper-slide h3{margin-left: 20px;font-size: 18px;width: 100%;line-height: 1.5;} .home_pinpai_swiper .swiper-slide div{margin-bottom: 15px;} .home_pinpai_swiper2 .swiper-slide .smll_img{height: 35px;line-height: 35px;margin-bottom: 15px;} .home_pinpai_swiper2 .swiper-slide .smll_img img{max-height: 35px;max-width: 35px;} .home_pinpai_swiper2 .swiper-slide h3{font-size: 14px;} .title-night h3::before{width: 15px;left: -20px;} } @media (min-width: 1025px){ .section3, .section5, .section6, .section8{ padding-top: 80px; } } /**/ @media(min-width: 769px){ .sun-delay0 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .sun-delay1 { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .sun-delay2 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .sun-delay3 { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .sun-delay4 { -webkit-transition-delay: 1s; transition-delay: 1s; } .sun-delay5 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .sun-delay6 { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .sun-delay7 { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .sun-delay8 { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .sun-delay9 { -webkit-transition-delay: 2s; transition-delay: 2s; } .sun-delay10 { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } .sun-ani-left, .sun-ani-down, .sun-ani-up, .sun-ani-right { opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .7s; transition-duration: .7s; } .sun-ani-left { -webkit-transform: translateX(-100px); transform: translateX(-100px); } .sun-ani-down { -webkit-transform: translateY(-100px); transform: translateY(-100px); } .sun-ani-up { -webkit-transform: translateY(-200px); transform: translateY(200px); } .sun-ani-right { -webkit-transform: translatex(100px); transform: translatex(100px); } .actives .sun-ani-left { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .active .sun-ani-left { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .active .sun-ani-down { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .active .sun-ani-up { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .active .sun-ani-right { opacity: 1; -webkit-transform: translatex(0); transform: translatex(0); } } /* --------------- */ @media (max-width: 1024px) { .x-banner { height: auto; } .x-banner .owl-carousel .banner-item a>img { height: auto; } .fp-tableCell { height: auto!important; } .fp-section { height: auto!important; } #fp-nav { display: none; } } /* VmPortal: fixed four-item mobile series and centered cover images. */ @media (max-width: 1024px) { .c3_index, .c3_left, .c3_left .bd, .c3_left .bd > li, .c3_left .bd li .lhimg { height: calc(100vh - 60px); height: calc(100svh - 60px); } .c3_left .bd li .lhimg { overflow: hidden; } .c3_left .bd li .lhimg img { display: block; width: 100%; height: 100% !important; max-width: none; object-fit: cover; object-position: center center; } .c3_right .hd li { height: 25%; } .c3_right { bottom: 70px; } }