/* CSS Reset */ #think_page_trace_open{ display: none; } html{-webkit-text-size-adjust:none; width: 100%; max-width: 100%;} body{color: #222222;overflow-x:hidden;margin:0; padding:0; line-height: 1; font-family:Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; font-size: 14px; width: 100%; max-width: 100%;} input,select,textarea {border-radius: 0;outline: none; font:14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif; border: 0; padding: 0; margin: 0;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;} a{font-size: 14px;text-decoration:none;color: #222222;} img{ vertical-align: top; max-width: 100%; margin: 0; padding: 0; border: 0;} *{ box-sizing: border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;NewsBg user-select:none; } .notblue{-moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;} a{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} ::after,::before{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;box-sizing: border-box;} .MoShow { display:none;} html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; line-height: 1;} p { margin: 0; padding: 0; border: 0; vertical-align: baseline; } .ohidden{ overflow: hidden;} .m-header-nav {display:none;} .IBg{ background: #031537;} .tra{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra2 img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .tra2:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .dflex{ display: flex;} .jccenter{ justify-content: center;} input[type="submit"],input[type="button"],input[type="radio"],input[type="checkbox"]{ cursor: pointer;} .notBlue{-moz-user-select: none; /* 火狐 */ -webkit-user-select: none; /* webkit浏览器 */ -ms-user-select: none; /* IE10 */ -khtml-user-select: none; /* 早期浏览器 */ user-select: none;} .clamp1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .clamp2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .clamp3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .clamp4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .BWeight{ font-weight: bolder;} .content_list_video{display:none; position: fixed; left:0; top:0; z-index: 1250; width: 100%; height: 100%;} .content_list_video.on{display:block;} .content_list_video .list_video_bg{position:fixed;background:rgba(0,0,0,.8);left:0;top:0;width:100%;height:100%;z-index:120;} .content_list_video .list_video_content{ width:1000px; max-width: 90%; position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:121;} .content_list_video .list_video_content .video_content_close{cursor:pointer;position:fixed;right:0;top:-35px;} .content_list_video .list_video_content .video_content_close span{color:#fff;font-size:25px;} .content_list_video .list_video_content video{width:100%;} .click_video{cursor:pointer;} /* 弹窗样式 Start */ .message_box{position: fixed; top: 0; bottom: 0; left: 0; right: 0;margin: 0; padding: 0; border: 0;z-index: 999999999;} .message_box .message_box_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);display: flex; align-items: center; justify-content: center;opacity: 0;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease;z-index: 999999999;} .message_box .message_box_content{width: 18%;vertical-align: middle; background-color: #fff; border-radius: 4px; border: 1px solid #ebeef5; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); text-align: left; overflow: hidden; backface-visibility: hidden;} .message_box .message_box_content .content_top{position: relative; padding: 15px 15px 10px;display: flex; align-items: center; justify-content: space-between;} .message_box .message_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .message_box .message_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .message_box .message_box_content .content_top .content_top_close .top_close_li{width: 1px; height: 13px; border-radius: 100px;background-color: #909399; position: absolute; top: auto; right: auto; bottom: auto; left: auto;-webkit-transition:background-color .35s ease;-moz-transition:background-color .35s ease;transition:background-color .35s ease;} .message_box .message_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .message_box .message_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .message_box .message_box_content .content_top .content_top_close:hover .top_close_li{background: #de6c00;} .message_box .message_box_content .content_center{padding: 5px 15px;} .message_box .message_box_content .content_center p{line-height: 1.5;color: #606266; font-size: font-size: 14px;;} .message_box .message_box_content .content_center input{width: 100%; font-size: font-size: 14px;; padding: 5px; border: 1px solid #606266; border-radius: 4px; color: #606266; } .message_box .message_box_content .content_center input:focus{border-color: #244d9a;} .message_box .message_box_content .content_bottom{padding: 10px 15px 15px 15px;text-align: right;} .message_box .message_box_content .content_bottom .content_bottom_btns{display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #244d9a; border: 1px solid #244d9a; color: #fff; -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0;font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 9px 16px; font-size: 12px; border-radius: 4px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} .message_box .message_box_content .content_bottom .content_bottom_btns:hover{border-color: #de6c00; background-color: #de6c00;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{margin-right: 12px;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no{border-color:#c1c1c1;background-color: #c1c1c1;color: #ffffff;} .pcpopup .message_box_content .content_bottom .content_bottom_btns.no:hover{border-color: #aaaaaa; background-color: #aaaaaa;} .prompts .message_box_content .content_top .content_top_title{font-size: 17px;} .prompts .message_box_content .content_center{padding: 8px 15px;} .message_box .message_box_bg.on{opacity: 1;} .notice_box{display: flex; width: 330px; border-radius: 8px; box-sizing: border-box; border: 1px solid #ebeef5; position: fixed; right: 20px; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s; overflow: hidden;z-index: 999999999;} .notice_box .notice_box_content{width: 100%;} .notice_box .notice_box_content .content_top{position: relative; padding: 18px 18px 7px 18px;display: flex; align-items: center; justify-content: space-between;} .notice_box .notice_box_content .content_top .content_top_title{padding-left: 0; margin-bottom: 0; font-size: 18px; line-height: 1; color: #303133;} .notice_box .notice_box_content .content_top .content_top_close{width: 15px; height: 15px; position: relative; cursor: pointer; display: flex; justify-content: center; align-items: center;} .notice_box .notice_box_content .content_top .content_top_close .top_close_li{width: 1px; height: 13px; border-radius: 100px;background-color: #909399; position: absolute; top: auto; right: auto; bottom: auto; left: auto;-webkit-transition:background-color .35s ease;-moz-transition:background-color .35s ease;transition:background-color .35s ease;} .notice_box .notice_box_content .content_top .content_top_close .top_close_left{transform: rotate(45deg);} .notice_box .notice_box_content .content_top .content_top_close .top_close_right{transform: rotate(315deg);} .notice_box .notice_box_content .content_top .content_top_close:hover .top_close_li{background: #244d9a;} .notice_box .notice_box_content .content_btm{padding: 8px 18px 18px 18px;} .notice_box .notice_box_content .content_btm p{color: #606266; font-size: 14px;} @media screen and (max-width:3820px){.message_box .message_box_content{width: 17%;}} @media screen and (max-width:2490px){.message_box .message_box_content{width: 18%;}} @media screen and (max-width:1920px){.message_box .message_box_content{width: 20%;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 12px;}} @media screen and (max-width:1740px){.message_box .message_box_content{width: 21%;}} @media screen and (max-width:1680px){.message_box .message_box_content{width: 22%;}} @media screen and (max-width:1560px){.message_box .message_box_content{width: 23%;}} @media screen and (max-width:1440px){.message_box .message_box_content{width: 25%;}} @media screen and (max-width:1366px){.message_box .message_box_content{width: 27%;}} @media screen and (max-width:1280px){.message_box .message_box_content{width: 28%;}} @media screen and (max-width:1240px){.message_box .message_box_content{width: 29%;}} @media screen and (max-width:1024px){.message_box .message_box_content{width: 30%;}} @media screen and (max-width:980px){.message_box .message_box_content{width: 38%;}} @media screen and (max-width:800px){.message_box .message_box_content{width: 70%;border-radius: 5px;}.message_box .message_box_content .content_top{padding: 12px 12px 10px;}.message_box .message_box_content .content_center{padding: 7px 12px;}.message_box .message_box_content .content_center{padding: 6px 12px;}.message_box .message_box_content .content_bottom{padding: 5px 12px 12px 12px;}.message_box .message_box_content .content_bottom .content_bottom_btns{padding: 8px 15px;font-size: 13px;border-radius: 5px;}} /* 弹窗样式 End */ .search{position:fixed;width:100%;height:100%;left:0;top:0;right:0;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:1250;} .search .search_bg{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .search .search_bg .search_content{width:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_bg.on .search_content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;opacity:1;} .search .search_content .search_content_top{position:relative;} .search .search_content .search_content_top .search_close{position:absolute;right:0;top:-50px;color:#fff;font-size:30px;} .search .search_content .search_content_bottom{display:flex;align-items:center;justify-content:center;position:relative;border-radius:100px;overflow:hidden;} .search .search_content input[type="search"]{width:80%;background:inherit;height:80px;font-size:16px;color:#333;padding:0px 20px;z-index:1;position:relative;background:#fff;border:0px;} .search .search_content input[type="submit"]{width:20%;height:80px;font-size:16px;z-index:1;position:relative;color:#111;cursor:pointer;color:#fff;background:#244d9a;border:0px;} .pc_all .pc_all_content{ width: 1720px; margin: 0 auto;} .pc_all *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pc_all *:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .pc_all2 .pc_all_content{ width: 1720px; margin: 0 auto;} .bgcolor{ background: #f5f5f5;} .page{ display: flex; align-items: center; justify-content: center; width: 100%;} .page a{ font-size: 18px; color: #fff; margin-right: 50px; color:rgba(255,255,255,.2);} .layui-laypage{ display: flex; align-items:center; margin-top: 50px;} .layui-laypage .layui-laypage-count{ display: none;} .layui-laypage .layui-icon-left,.layui-laypage .layui-icon-right{ width: 53px; height: 53px; border: 2px solid rgba(255,255,255,.15); background: rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; font-size: 18px; color:#fff;} .layui-laypage .layui-icon-left:hover,.layui-laypage .layui-icon-right:hover{ background:#cd3c5a;} .layui-laypage .layui-laypage-disabled{ opacity: .2; pointer-events: none;} .layui-laypage .layui-laypage-curr{font-size: 18px; color: #fff; margin-right: 50px;} .layui-laypage .layui-laypage-curr em{font-style: unset;} .layui-laypage .layui-icon-left{ margin-right: 50px;} .swiper_prev:hover,.swiper_next:hover{ border: 2px solid rgba(205,60,90,.55); background: rgba(205,60,90,.55);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .layui-laypage a .layui-icon-left{ margin-right: 0px;} .FloatingBox *{transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .FloatingBox *:hover{transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .FloatingBox{ position: fixed; right: 0; top: 50%; z-index: 25;} .FloatingBox .FloatingBox_box{ box-shadow: 0px 0px 20px rgba(0,0,0,.1); border-radius: 10px;} .FloatingBox .FloatingBox_box:last-child{ margin-top: 20px;} .FloatingBox .FloatingBox_box:last-child .FloatingBox_list .FloatingBox_list_title{ border-radius: 10px;} .FloatingBox .FloatingBox_list{ position: relative; cursor: pointer;} .FloatingBox .FloatingBox_list .FloatingBox_list_title{ background:#fff; width: 80px; text-align:center; padding: 15px 0px;} .FloatingBox .FloatingBox_list:nth-child(2) .FloatingBox_list_title{ padding: 5px 0px;} .FloatingBox .FloatingBox_list:first-child .FloatingBox_list_title{ border-radius: 10px 10px 0px 0px;} .FloatingBox .FloatingBox_list:last-child .FloatingBox_list_title{ border-radius: 0px 0px 10px 10px;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon{ display: flex; align-items:center; justify-content:center;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon span{ display: flex; align-items:center; justify-content:center; position: relative; margin-bottom: 10px;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_icon span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .FloatingBox .FloatingBox_list .FloatingBox_list_title .list_title_dd{ color:#333;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_dd{ color:#fff;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title{ background:#244d9a;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_icon span img{ opacity: 0;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_title .list_title_icon span img:last-child{ opacity: 1;} .FloatingBox .FloatingBox_list.wx .FloatingBox_list_down{ position: absolute; left: -130px; width: 130px; top: 0; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,.1);} .FloatingBox .FloatingBox_list.wx .FloatingBox_list_down img{ width: 100%;} .FloatingBox .FloatingBox_list.phone .FloatingBox_list_down{ position: absolute; left: -215px; width: 215px; height: 100%; align-items: center; justify-content: center; top: 0; background: #244d9a; color: #fff; border-radius: 10px 0px 0px 10px} .FloatingBox .FloatingBox_list .FloatingBox_list_down{ display: none;} .FloatingBox .FloatingBox_list:hover .FloatingBox_list_down{ display: flex;} /* 首页 */ .header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 5;} .header .pc_all_content{ display: flex; align-items: center; justify-content: space-between; height: 82px;} .header::before{ content: ""; display: inline-block; width: 100%; height: 82px; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; backdrop-filter: blur(6.6px); z-index: -1;} .header .header_logo{ display: inline-block;} .header .header_logo img{ height: 24px;} .header .header_nav{ display: flex; align-items: center;} .header .header_nav .header_nav_list{ margin-right: 60px;} .header .header_nav .header_nav_list:last-child{ margin-right: 0px;} .header .header_nav .header_nav_list .nav_list_title{ color: #fff;} .header .header_nav .header_nav_list.active .nav_list_title{ color: #cd3c5a;} .header .header_nav .header_nav_list:hover .nav_list_title{ color: #cd3c5a;} .header .header_right{ display: flex; align-items: center;} .header .header_right .header_right_list{ margin-right: 15px; display: flex; align-items: center;position: relative;} .header .header_right .header_right_list:last-child{ margin-right: 0px;} .header .header_right .header_right_list .right_list_title{ color: #fff; cursor: pointer; display: flex; align-items: center;} .header .header_right .header_right_list .right_list_title img{ height: 14px;} .header .header_right .header_right_list .right_list_down{display: none; position: absolute; left: 50%; top: 49px; transform: translateX(-50%);} .header .header_right .header_right_list .right_list_down .list_down_box{width: 120px; height: 120px;} .header .header_right .header_right_list .right_list_down .list_down_box img{width: 100%; height: 100%;} .header .header_right .header_right_list:hover .right_list_down {display:block;} .header .header_right .header_right_list.language{ margin-right: 0;} .header .header_right .header_right_list.language .right_list_title img{ height: 17px; margin-right: 10px;} .header .header_right .header_right_list.language .btn_Global_down {position:absolute;top:100%;width:120px;left:50%;transform:translateX(-50%);padding-top:20px;display:none;} .header .header_right .header_right_list.language:hover .btn_Global_down {display:block;} .header .header_right .header_right_list.language .btn_Global_down:before {content:"";width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid rgba(0,0,0,.5);position:absolute;top:12px;left:0;right:0;margin:0 auto;} .header .header_right .header_right_list.language .btn_Global_down .Global_down_padding {background:rgba(0,0,0,.5);border-radius:5px;overflow:hidden;} .header .header_right .header_right_list.language .btn_Global_down a {font-size:16px;color:#fff;display:inline-block;width:100%;line-height:38px;text-align:center;} .header .header_right .header_right_list.language .btn_Global_down a:hover {background:#cd3c5a;} .header .header_right .header_right_list.language{ position: relative;} .header .header_right .header_right_icon{ content: ""; display: inline-block; width: 1px; height: 16px; background: rgba(255,255,255,.2); margin: 0px 30px;} .Banner{ height: 100vh; overflow: hidden; background:#000; position: relative;} .Home .Banner:before{ content:""; display: inline-block; width: 100%; height: 100%; background: url(../images/banner.jpg) no-repeat 50%/cover; position: absolute; left:0; top: 0; width: 100%; height: 100%;} .Home .Banner .Banner_img{ position: relative; z-index: 2;} .Banner .Banner_img,.Banner .Banner_img .header-white,.Banner .Banner_img .header-white .video-container{ height:100vh; overflow: hidden;} .Banner .Banner_img img{ height: 100vh; object-fit: cover; width: 100%;-webkit-animation:bs2 50s linear infinite;animation:bs2 50s linear infinite;} .Banner.active,.Banner.active .Banner_img,.Banner.active .Banner_img img{ height: auto;} .Banner .Banner_img video{ height: 100vh; object-fit: cover; width: 100%;} .Banner .Banner_title{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 90%; margin: 0 auto; right: 0px; z-index: 3;} .Banner .Banner_title .Banner_title_dd{ color: #fff; text-align: center; font-weight: bolder;} .Banner .Banner_title .Banner_title_dd span{ font-size: 100px; margin: 0px 30px; position: relative; top: -5px;} .Banner .Banner_title .Banner_title_dd p{ display: flex; justify-content: center; align-items:center; margin-bottom: 15px;} .Home .Banner .Banner_title .Banner_title_dd p,.Home .Banner .Banner_title .Banner_title_dt .title_dt_list{ opacity: 0;} .Banner .Banner_title .Banner_title_dd p:last-child{ margin-bottom: 0;} .Banner .Banner_title .Banner_title_dt{ display: flex; align-items: center; justify-content: center; margin-top: 70px;} .Banner .Banner_title .Banner_title_dt .title_dt_list{ color: #fff; width: 210px; height: 53px; display: inline-block; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 30px; top: 0;} .Banner .Banner_title .Banner_title_dt .title_dt_list:last-child{ margin-right: 0;} .Banner .Banner_title .Banner_title_dt .title_dt_list::before{ content: ""; display: inline-block; width: 100%; height: 100%; background: url(../images/bn1.png) no-repeat 50%/cover; position: absolute; left: 0; top: 0;} .Banner .Banner_title .Banner_title_dt .title_dt_list::after{ content: ""; display: inline-block; width: 100%; height: 100%; background: url(../images/bn1on.png) no-repeat 50%/cover; position: absolute; left: 0; top: 0; opacity: 0;} .Banner .Banner_title .Banner_title_dt .title_dt_list span{ position: relative; z-index: 2;} .Banner .Banner_title .Banner_title_dt .title_dt_list:hover::after{ opacity: 1;} .Banner .Banner_title .Banner_title_dt .title_dt_list:hover{ top: -5px;} .Banner .Banner_title .Banner_title_dt .title_dt_list.active::after{ opacity: 1;} .OTBanner .Banner_title .Banner_title_dt{margin-top: 30%;} @keyframes bs2{0%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);filter:scale(1.05);filter:transform;} 8.3333333333%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;} 16.6666666666%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;} 25%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);filter:scale(1.2);filter:transform;} 33.3333333333%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;} 41.6666666667%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;} 50%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);filter:scale(1.05);filter:transform;} 58.3333333333%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;} 66.6666666667%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;} 75%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);filter:scale(1.2);filter:transform;} 83.333333333%{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;} 91.666666666%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);filter:scale(1.1);filter:transform;} 100%{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);filter:scale(1.05);filter:transform;} } .Btn{ color: #fff; width: 210px; height: 53px; display: inline-block; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 30px; top: 0; cursor: pointer;} .Btn:last-child{ margin-right: 0;} .Btn::before{ content: ""; display: inline-block; width: 100%; height: 100%; background: url(../images/bn1.png) no-repeat 50%/cover; position: absolute; left: 0; top: 0;} .Btn::after{ content: ""; display: inline-block; width: 100%; height: 100%; background: url(../images/bn1on.png) no-repeat 50%/cover; position: absolute; left: 0; top: 0; opacity: 0;} .Btn span{ position: relative; z-index: 2;} .Btn:hover::after{ opacity: 1;} .Btn:hover{ top: -5px;} .Btn.active::after{ opacity: 1;} .Title{ color: #fff; font-weight: bolder; text-align: center; margin-bottom: 80px;} .Title.marginbottom0{ margin-bottom: 0 !important;} .Title.marginbottom35{ margin-bottom: 35px;} .Title .Title_dt{ font-weight: normal; line-height: 1.7; margin-top: 40px;} .padding100{ padding: 100px 0px;} .padding100.paddingbottom0{ padding-bottom: 0 !important;} .padding100.paddingbottom50{ padding-bottom: 50px;} .padding100.paddingbottom30{ padding-bottom: 30px;} .HomeBg{ background: url(../images/bg1.jpg) no-repeat 50%/cover;} .HAbout .HAbout_content{ padding: 0px 143px; position: relative;} .swiper_prev,.swiper_next{ width: 53px; height: 53px; border: 2px solid rgba(255,255,255,.15); background: rgba(255,255,255,.15); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .swiper_prev:hover,.swiper_next:hover{ border: 2px solid rgba(205,60,90,.55); background: rgba(205,60,90,.55);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .swiper_prev img,.swiper_next img{ height: 20px;} .HAbout .HAbout_content .swiper_prev{ left: 0; top: 45%;} .HAbout .HAbout_content .swiper_next{ right: 0; top: 45%;} .HAbout .HAbout_content .HAbout_content_list{ position: relative;} .Home .HAbout .HAbout_content .HAbout_content_list{ pointer-events: none;} .HAbout .HAbout_content .HAbout_content_list.swiper-slide-active{ pointer-events: inherit;} .HAbout .HAbout_content .HAbout_content_list .swiper-slide-shadow-left,.HAbout .HAbout_content .HAbout_content_list .swiper-slide-shadow-right{ display: none !important;} .HAbout .HAbout_content .HAbout_content_list .content_list_borderimg{ position: relative;} .HAbout .HAbout_content .HAbout_content_list .content_list_borderimg::before{ content: ""; display: inline-block; width: 100%; height: 27px; background: url(../images/bn8.png) no-repeat calc(100% + 50px) 50%; position: absolute; top: -13px; right: 0;} .HAbout .HAbout_content .HAbout_content_list .content_list_borderimg::after{ content: ""; display: inline-block; height: 100%; width: 28px; background: url(../images/bn9.png) no-repeat calc(57%) 50%; position: absolute; top: 0px; left: -13px;} .HAbout .HAbout_content .HAbout_content_list .content_list_borderimg img{ width: 100%;} .HAbout .HAbout_content .HAbout_content_list .content_list_po{ position: absolute; left: 0; top: 0; padding: 20px 25px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;border-radius: 5px;} .HAbout .HAbout_content .HAbout_content_list .content_list_po .list_po_bg{ position: relative;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HAbout .HAbout_content .HAbout_content_list:hover .content_list_po .list_po_bg{ box-shadow: 0px 0px 25px rgb(255,255,255,.5);transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; border-radius: 6px;} .HAbout .HAbout_content .HAbout_content_list .content_list_img{ display: flex; position: relative; border-radius: 6px; overflow: hidden;} .HAbout .HAbout_content .HAbout_content_list .content_list_img img{ width: 100%; border-radius: 6px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HAbout .HAbout_content .HAbout_content_list:hover .content_list_img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} /* .HAbout .HAbout_content .HAbout_content_list::before{ content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bn2.png) no-repeat 50%/cover; background-size: 100%;} */ .HAbout .HAbout_content .HAbout_content_list .content_list_img::after{ content: ""; display: inline-block; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65)); width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 6px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title{ bottom: 0; color: #fff; position: absolute; padding: 50px; z-index: 4; opacity: 0;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s; width: 100%; display:flex; align-items:center;} .HAbout .HAbout_content .HAbout_content_list .content_list_title::before{ content: ""; display: inline-block; width: 10px; height: 10px; background: #cd3c5a; margin-right: 28px;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon{ position: absolute; display: flex; align-items: center; left: 0px; bottom: 0px; width: 100%; height: 100%; justify-content: center; z-index: 2;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon img{ cursor: pointer;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon img:hover{-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);filter:scale(1.12);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HAbout .HAbout_content .HAbout_content_list.swiper-slide-active .content_list_title{ opacity: 1;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .swiper-pagination{ display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 45px; left: 0; position: relative; z-index: 2;} .swiper-pagination span{ width: 21px; height: 21px; margin: 0px 5.5px; cursor: pointer; border: 0; display: flex; align-items: center; justify-content: center; position: relative; background: none; opacity: .4;} .swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1;} .swiper-pagination span::before{ content: ""; display: inline-block; width: 12px; height: 12px; background: #9b2d48; border-radius: 100%; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .swiper-pagination span::after{ content: ""; display: inline-block; width: 21px; height: 21px; background: url(../images/sv6.svg) no-repeat 50% 50%; background-size: 21px; position: absolute; left: 0; top: 0; opacity: 0;} .swiper-pagination span.swiper-pagination-bullet-active::after{ opacity: 1;} .swiper-pagination span.swiper-pagination-bullet-active::before{ opacity: 0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);filter:scale(0);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HHero .pc_all_content{ position: relative;} .HHero .HHero_top{ position: relative;} .HHero .HHero_top .swiper_prev,.HHero .HHero_top .swiper_next{ z-index: 22; display: none;} .HHero .HHero_top .swiper-container{ padding-top: 106px; overflow: inherit;} .HHero .HHero_top .HHero_top_list{ display: flex; align-items: flex-start; justify-content: space-between;} .HHero .HHero_top .HHero_top_list .HHero_top_left{ width: 45%; opacity: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;} .HHero .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_left{ opacity: 1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title{ display: flex; align-items:flex-end;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ color: #fff; font-weight: bolder; margin-right: 20px; margin-bottom: 0 !important;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ color: #cd3c5a; text-transform: uppercase; font-weight: bolder;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ color: #fff; font-weight: bolder; padding-bottom: 20px; display: inline-block; position: relative;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_tag::before{ content: ""; display: inline-block; width: 100%; height: 6px; background-color: #cd3c5a; transform: skewX(20deg); position: absolute; bottom: 0; left: 0;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content{ width: 100%; margin-top: 35px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top{ display: flex; padding-bottom: 35px; border-bottom: 1px solid #9b2d48; position: relative;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top::before { content: ''; display: inline-block; width: 30px; height: 1px; position: absolute; bottom: 9px; right: -26px; border: 1px solid #cd3c5a; /* 边框颜色 */ transform: rotate(-45deg); } .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list{ margin-right: 75px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list:last-child{ margin-right: 0px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list .top_list_dd{ color: rgba(255,255,255,.2); margin-bottom: 10px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list .top_list_dt{ color: #fff; font-weight: bolder;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ color: #fff; line-height: 2.2; margin-top: 30px; height: auto;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video{ width: 300px; height: 118px; background: url(../images/bn6.png) no-repeat 50%/cover; margin-top: 30px; display: flex; align-items: center; justify-content: space-between; padding: 0px 17px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_left{ position: relative; width: 137px; cursor: pointer;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_left .video_left_img{ position: relative; clip-path: polygon( 15% 0, /* 左上角从水平15%处斜切 */ 100% 0, /* 右上角保持正常 */ 100% 90%, /* 右下角从水平10%处斜切（100%-10%=90%） */ 90% 100%, /* 右下角斜切终点 */ 0 100%, /* 左下角保持正常 */ 0 15% /* 左上角斜切终点 */ ); } .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_left .video_left_img img{ width: 100%; height: 90px; object-fit: cover;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video:hover .left_video_left .video_left_img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_left .video_left_icon{ width: 33px; height: 33px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: #cd3c5a; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_left .video_left_icon img{ width: 6px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_right{ color: #fff; width: calc(100% - 170px);} .HHero .HHero_top .HHero_top_list .HHero_top_right{ width: 736px; height: 755px; position: relative; margin-right: 15px; background: url(../images/bn10.png) no-repeat 50% 50%; opacity: 0;transition:all 1s ease; margin-top: 105px;} .HHero .HHero_top .HHero_top_list .HHero_top_right::before{ content: ""; display: inline-block; width: 100%; height: 27px; background: url(../images/bn8.png) no-repeat calc(100% + 50px) 50%; position: absolute; top: -13px; right: 0; opacity: 0;} .HHero .HHero_top .HHero_top_list .HHero_top_right::after{ content: ""; display: inline-block; height: 100%; width: 28px; background: url(../images/bn9.png) no-repeat calc(57%) 50%; position: absolute; top: 0px; left: -13px; opacity: 0;} .HHero .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right::before{ opacity: 1;} .HHero .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right::after{ opacity: 1;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_icon{ position: absolute;z-index: 10; bottom: 20%; left: 50%; transform: translateX(-50%); -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; opacity: 0;} @keyframes top_right_icon { 0% { left: 50%; opacity: 0; } 100% { left: calc(50% - 20px); opacity: 1; } } .HHero .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right:hover .top_right_icon{ opacity: 1; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; animation:top_right_icon 1s linear infinite;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_icon img{ height: 70px;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ opacity: 0; position: absolute; bottom: 0; width: calc(100% + 162px); right: 35px; z-index: 3;transition:all .5s ease;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img img{ width: 100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);filter:scale(1.05);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HHero .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right{ opacity: 1;transition:all 1s ease;} .HHero .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right .top_right_img{ right: -15px; transition:all .5s ease; opacity: 1;} .HHero .HHero_nav{ padding: 0px 75px;z-index: 5;} .Home .HHero .HHero_nav{ position: absolute; width: 45%; left:0; bottom: 80px; } .HHero .HHero_nav .HHero_nav_list{ text-align: center; cursor: pointer; padding: 1px;} .HHero .HHero_nav .HHero_nav_list .nav_list_img{ width: 100%; height: 118px; display: flex; align-items: flex-end; justify-content: center; position: relative; background: url(../images/bg4.jpg) no-repeat 50%/cover; border: 1px solid rgba(0,0,0,0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; clip-path: polygon( 20% 0, /* 左上角从水平20%处斜切 */ 100% 0, /* 右上角保持正常 */ 100% 100%,/* 右下角保持正常 */ 0 100%, /* 左下角保持正常 */ 0 20% /* 左上角斜切终点 */ ); } .HHero .HHero_nav .HHero_nav_list.swiper-slide-thumb-active .nav_list_img{ border: 1px solid #cd3c5a; /* 边框颜色 */-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HHero .HHero_nav .HHero_nav_list .nav_list_img::before { content: ''; display: inline-block; width: 36px; height: 1px; position: absolute; top: 10px; left: -4px; border: 1px solid #cd3c5a; /* 边框颜色 */ opacity: 0; transform: rotate(-38deg); } .Home .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{ left: -6px; transform: rotate(-41deg); } .HHero .HHero_nav .HHero_nav_list.swiper-slide-thumb-active .nav_list_img::before{ opacity: 1;} .HHero .HHero_nav .HHero_nav_list .nav_list_img img{ max-height: 102px; opacity: .5;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HHero .HHero_nav .HHero_nav_list:hover .nav_list_img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HHero .HHero_nav .HHero_nav_list.swiper-slide-thumb-active .nav_list_img img{ opacity: 1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HHero .HHero_nav .HHero_nav_list .nav_list_title{ color: #fff; margin-top: 24px; opacity: .2;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HHero .HHero_nav .HHero_nav_list.swiper-slide-thumb-active .nav_list_title{ opacity: 1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .HHero .swiper_prev{ left: 0; top: 40%;} .HHero .swiper_next{ right: 0; top: 40%;} .swiper_prev.swiper-button-disabled,.swiper_next.swiper-button-disabled{ opacity: .35; pointer-events: none;} .NHHero{} .NHHero .NHHero_content{width: 100%;display: flex; align-items: center; justify-content: space-between;} .NHHero .NHHero_content .NHHero_content_video{width: 44%;position:relative;aspect-ratio: 16/9;} .NHHero .NHHero_content .NHHero_content_video img{position: absolute; top: -25px; left: -13px; width: calc(100% + 28px); height: calc(100% + 34px); -o-object-fit: contain; object-fit: contain; z-index: 1; pointer-events: none;} .NHHero .NHHero_content .NHHero_content_video video{width: calc(100% - 28px); height: auto; -o-object-fit: cover; object-fit: cover; position: relative; z-index: 2;} .NHHero .NHHero_content .NHHero_content_info{width: 47%;} .NHHero .NHHero_content .NHHero_content_info p{color: #fff; line-height: 2; margin-bottom: 10px;} .NHHero .NHHero_content .NHHero_content_info p:last-child{ margin-bottom: 0;} .HNews .HNews_content{ display: flex; align-items: center; justify-content: space-between;} .HNews .HNews_content .HNews_content_left{ width: 50%; padding: 73px; background: url(../images/bn11.png) no-repeat 50%/cover; background-size: 100%; position: relative;} .HNews .HNews_content .HNews_content_left::before{ content: ""; display: inline-block; width: 100%; height: 27px; background: url(../images/bn8.png) no-repeat calc(50%) 50%; position: absolute; top: -8px; right: 0; ;} .HNews .HNews_content .HNews_content_left::after{ content: ""; display: inline-block; height: 100%; width: 28px; background: url(../images/bn9.png) no-repeat calc(57%) 30%; position: absolute; top: 0px; right: -13px; } .HNews .HNews_content .HNews_content_left .swiper-pagination{ position: absolute; top: 20%; left: 65px; width: auto;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 100px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title .list_title_dd{ color: #cd3c5a; margin-bottom: 15px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title .list_title_dt{ color: #fff; line-height: 1.45; height: 82px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .HNews .HNews_content .HNews_content_left .content_left_list .left_list_img{ overflow: hidden;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_img img{ width: 100%; object-fit: cover;} .HNews .HNews_content .HNews_content_right{ width: 45%;} .HNews .HNews_content .HNews_content_right .content_right_title{ color: #fff; margin-bottom: 20px;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list{ display: flex; align-items: center; justify-content: space-between; padding: 40px 0px; border-bottom: 1px solid rgba(255,255,255,.08);} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list .txt_list_left{ width: calc(100% - 50px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;color: rgba(255,255,255,.5);} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list .txt_list_left .list_left_dd{ color: rgba(255,255,255,.5); margin-right: 50px; display: inline-block;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list .txt_list_icon{ width: 50px; text-align: center; opacity: .2; right: 0; position: relative;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list .txt_list_icon img{ height: 20px;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list:hover .txt_list_left{ color: #fff;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list:hover .txt_list_left .list_left_dd{ color: #cd3c5a;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list:hover .txt_list_icon{ opacity: 1; right: 8px;} .HExperience .HExperience_content{ display: flex; flex-wrap: wrap; margin-bottom: -2%;} .HExperience .HExperience_content .HExperience_content_list{ display: inline-block; width: 23.5%; margin-right: 2%; margin-bottom: 2%;} .HExperience .HExperience_content .HExperience_content_list:nth-child(4n){ margin-right: 0;} .HExperience .HExperience_content .HExperience_content_list .content_list_img{ overflow: hidden;} .HExperience .HExperience_content .HExperience_content_list .content_list_img img{ width: 100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HExperience .HExperience_content .HExperience_content_list:hover .content_list_img img{ width: 100%;-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);filter:scale(1.12);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt{ padding: 45px 25px; background: rgba(0,0,0,.2); position: relative;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt::before{ content: ""; display: inline-block; width: 100%; top: 0; left: 0; background: url(../images/bg7.jpg) no-repeat 50%/cover; position: absolute; height: 100%; opacity: 0;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt .list_txt_dd{ color: #fff; margin-bottom: 10px; position: relative; z-index: 1;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt .list_txt_dt{ color: rgba(255,255,255,.5); position: relative; padding-left: 18px; line-height: 1.55;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt .list_txt_dt span{ width: 18px; display: inline-block; position: absolute; top: 3px; left: 0;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt .list_txt_dt span img{ height: 18px; opacity: 1;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt .list_txt_dt span img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .HExperience .HExperience_content .HExperience_content_list:hover .content_list_txt::before{ opacity: 1;} .HExperience .HExperience_content .HExperience_content_list:hover .content_list_txt .list_txt_dt{ color: #fff;} .HExperience .HExperience_content .HExperience_content_list:hover .content_list_txt .list_txt_dt span img{ opacity: 0;} .HExperience .HExperience_content .HExperience_content_list:hover .content_list_txt .list_txt_dt span img:last-child{ opacity: .8;} .HExperience .HExperience_content .HExperience_content_list.see_more{padding: 45px;display: flex; align-items: center; justify-content: center;background: rgba(0,0,0,.2);cursor: pointer;position:relative;} .HExperience .HExperience_content .HExperience_content_list.see_more .see_more_txt{color:white;position:relative;z-index:9;} .HExperience .HExperience_content .HExperience_content_list.see_more::before{content: ""; display: inline-block; width: 100%; top: 0; left: 0; background: url(../images/bg7.jpg); background-size: cover; background-repeat: round; position: absolute; height: 100%; opacity: 0;} .HExperience .HExperience_content .HExperience_content_list.see_more:hover:before{opacity:1;} .HExperience .HExperience_content .HExperience_content_list.see_more:hover .see_more_txt{color: white;} .Footer{ background: rgba(0,0,0,.23); padding: 66px 0px;} .Footer .pc_all_content{ display: flex; justify-content: space-between; align-items: center;} .Footer .Footer_left .Footer_left_logo img{ height: 31px;} .Footer .Footer_left .Footer_left_nav{ display: flex; align-items: center; margin-top: 60px;} .Footer .Footer_left .Footer_left_nav a{ margin-right: 65px; color: #fff;} .Footer .Footer_left .Footer_left_nav a:last-child{ margin-right: 0px;} .Footer .Footer_left .Footer_left_c{ color: rgba(255,255,255,.2); margin-top: 34px;} .Footer .Footer_left .Footer_left_c a{ color: rgba(255,255,255,.2); margin-right: 20px;} .Footer .Footer_left .Footer_left_c a:hover{ color: #fff;} .Footer .Footer_right{ display: flex; align-items: center;} .Footer .Footer_right .Footer_right_list{ margin-right: 10px;position:relative;} .Footer .Footer_right .Footer_right_list:last-child{ margin-right: 0;} .Footer .Footer_right .Footer_right_list .right_list_icon{ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.23); background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.08)); cursor: pointer;} .Footer .Footer_right .Footer_right_list:hover .right_list_icon{ background: #892840; border: 1px solid #892840;} .Footer .Footer_right .Footer_right_list .right_list_icon img{ height: 24px;} .Footer .Footer_right .Footer_right_list .right_list_down{display: none; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%);} .Footer .Footer_right .Footer_right_list .right_list_down .list_down_box{width: 140px; height: 140px;} .Footer .Footer_right .Footer_right_list .right_list_down .list_down_box img{width: 100%; height: 100%;} .Footer .Footer_right .Footer_right_list:hover .right_list_down {display:block;} @media screen and (max-width:1750px){ .header .header_nav .header_nav_list{ margin-right: 55px; line-height: 1.3;} .Banner .Banner_title .Banner_title_dd{ font-size: 110px;} .Banner .Banner_title .Banner_title_dd span{ font-size: 90px;} .Banner .Banner_title .Banner_title_dt{ margin-top: 65px;} .OTBanner .Banner_title .Banner_title_dt{margin-top: 30%;} .Banner .Banner_title .Banner_title_dt .title_dt_list{ width: 200px;} .Banner .Banner_title .Banner_title_dt .title_dt_list::before,.Banner .Banner_title .Banner_title_dt .title_dt_list::after{ background-size: 100%;} .HAbout .HAbout_content{ padding: 0px 120px;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon img{ width: 80px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title{ padding: 45px; font-size: 34px;} .HHero.paddingbottom50{ padding-bottom: 0 !important;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 62px; margin-right: 15px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 40px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_tag::before{ height: 4px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video{ margin-top: 40px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list{ margin-right: 60px;} .HHero .HHero_top .swiper-container{ padding-top: 60px;} .Home .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ width: calc(100% + 50px); } .Home .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{left: -8px; transform: rotate(-44deg);} .HHero .HHero_top .HHero_top_list .HHero_top_right{ margin-top: 55px;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_icon img{ height: 60px;} .HNews .HNews_content .HNews_content_left{ padding: 40px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ left: 40px;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list{ padding: 35px 0px;} } @media screen and (max-width:1550px){ .header .header_nav .header_nav_list{ margin-right: 50px;} .Banner .Banner_title .Banner_title_dd{ font-size: 100px;} .Banner .Banner_title .Banner_title_dd span{ font-size: 80px;} .Banner .Banner_title .Banner_title_dt{ margin-top: 60px;} .OTBanner .Banner_title .Banner_title_dt{margin-top: 30%;} .Banner .Banner_title .Banner_title_dt .title_dt_list{ width: 190px;} .HAbout .HAbout_content{ padding: 0px 100px;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon img{ width: 80px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title{ padding: 40px; font-size: 30px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title::before{ width: 6px; height: 6px; margin-right: 20px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 52px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 36px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list{ margin-right: 50px;} .HHero .HHero_top .HHero_top_list .HHero_top_right{ width: 635px; margin-right: 0px; border: 2px solid rgba(205,60,90,.5); border-radius: 5px; height: 660px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ font-size: 16px; margin-top: 20px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top{ padding-bottom: 20px;} .HHero .HHero_top .swiper-container{ padding-top: 80px;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_icon img{ height: 50px;} .Home .HHero .HHero_nav{ bottom: 0;} .Home .HHero .HHero_nav .HHero_nav_list .nav_list_img{ height: 100px;} .Home .HHero .HHero_nav .HHero_nav_list .nav_list_img img{ max-height: 85px;} .Home .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{left: -20px; transform: rotate(-43deg);} .HNews .HNews_content .HNews_content_left{ padding: 27px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ left: 27px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 86px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ top: 18%;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list{ padding: 30px 0px;} } @media screen and (max-width:1350px){ .header .header_nav .header_nav_list{ margin-right: 45px;} .Banner .Banner_title .Banner_title_dd{ font-size: 90px;} .Banner .Banner_title .Banner_title_dd span{ font-size: 70px; margin: 0px 20px;} .Banner .Banner_title .Banner_title_dt{ margin-top: 55px;} .OTBanner .Banner_title .Banner_title_dt{margin-top: 30%;} .HAbout .HAbout_content{ padding: 0px 80px;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon img{ width: 70px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title{ padding: 35px; font-size: 25px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title::before{ margin-right: 10px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 44px; margin-bottom: 10px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 30px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list{ margin-right: 40px;} .HHero .HHero_top .HHero_top_list .HHero_top_right{ width: 50%; height: 600px;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img{width: calc(100% + 110px);} .HHero .HHero_top .swiper-container{ padding-top: 70px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_tag::before{ height: 2px;} .HHero .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right .top_right_img{ right: -35px;} .HNews .HNews_content .HNews_content_left{ padding: 24px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ left: 24px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ top: 20%;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list{ padding: 25px 0px;} .Footer{ padding: 50px 0px;} .Footer .Footer_left .Footer_left_logo img{ height: 25px;} .Footer .Footer_right .Footer_right_list .right_list_icon{ width: 50px; height: 50px;} .Footer .Footer_right .Footer_right_list .right_list_icon img{ height: 18px;} .Footer .Footer_left .Footer_left_nav a{ margin-right: 40px;} .Footer .Footer_left .Footer_left_nav{ margin-top: 40px;} .Footer .Footer_left .Footer_left_c{ margin-top: 25px;} } @media screen and (max-width:1200px){ .Banner .Banner_title .Banner_title_dd{ font-size: 80px;} .Banner .Banner_title .Banner_title_dt{ margin-top: 50px;} .OTBanner .Banner_title .Banner_title_dt{margin-top: 30%;} .HAbout .HAbout_content{ padding: 0px 70px;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon img{ width: 60px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title{ padding: 30px; font-size: 20px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 34px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 26px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list{ margin-right: 30px;} .HHero .HHero_top .HHero_top_list .HHero_top_right{ width: 50%; height: 500px;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img{width: calc(100% + 110px);} .HHero .HHero_top .swiper-container{ padding-top: 50px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ font-size: 14px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list .top_list_dt{ font-size: 16px;} .HHero .HHero_top .HHero_top_list .HHero_top_right{ margin-top: 105px;} .Home .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ width: calc(100% + 80px); } .HNews .HNews_content .HNews_content_left{ padding: 24px; background: none; border: 1px solid #cd3c5a; border-radius: 5px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ left: 24px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ top: 20%;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list{ padding: 25px 0px;} .HNews .HNews_content .HNews_content_left::before{ top: -15px;} .HNews .HNews_content .HNews_content_left::after{ right: -16px;} .HExperience .HExperience_content .HExperience_content_list{ width: 32%; margin-right: 2%;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt .list_txt_dd{ line-height: 1.55;} .HExperience .HExperience_content .HExperience_content_list:nth-child(4n){ margin-right: 2%;} .HExperience .HExperience_content .HExperience_content_list:nth-child(3n){ margin-right: 0;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt{ padding: 30px 25px;} .Home .Banner .Banner_title .Banner_title_dd p, .Home .Banner .Banner_title .Banner_title_dt .title_dt_list{ opacity: 1;} } @media screen and (max-width:1050px){ /*ipad-y*/ .Banner .Banner_title .Banner_title_dd{ font-size: 70px;} .Banner .Banner_title .Banner_title_dd span{ font-size: 50px;margin: 0px 10px;} .HAbout .HAbout_content{ padding: 0px 60px;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon img{ width: 50px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title{ padding: 25px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 55px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ top: 24%;} .Footer .Footer_right .Footer_right_list .right_list_icon{ width: 40px; height: 40px;} .Footer .Footer_right .Footer_right_list .right_list_icon img{ height: 18px;} .Footer .Footer_left .Footer_left_nav a{ font-size: 16px; margin-right: 20px;} .HHero .HHero_top .HHero_top_list.swiper-slide-active:nth-child(1) .HHero_top_right .top_right_icon{ opacity: 1; animation:top_right_icon 1s linear infinite;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_icon img{ height: 35px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ padding-bottom: 10px;} } @media screen and (max-width:780px){ /*ipad-x*/ .Banner .Banner_title .Banner_title_dd{ font-size: 60px;} .Banner .Banner_title .Banner_title_dd span{ font-size: 40px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title{ padding: 20px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ top: 27%;} .HHero{ padding-bottom: 0px !important;} .HHero .HHero_top{ position: relative;} .Home .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ width: 100%;} .HHero .HHero_top .swiper_prev,.HHero .HHero_top .swiper_next{ z-index: 22; display: flex; top: 20%;} .HHero .HHero_top .HHero_top_list{ flex-wrap: wrap; flex-direction: column-reverse;} .HHero .HHero_top .HHero_top_list .HHero_top_left{ flex-wrap: wrap; display: flex; justify-content: space-between;} .HHero .HHero_top .HHero_top_list .HHero_top_left,.HHero .HHero_top .HHero_top_list .HHero_top_right{ width: 100%; margin-right: 0px;} .HHero .HHero_top .swiper-container{ padding-top: 25px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title{ display: flex; align-items:flex-end;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 26px; margin-bottom: 0px; margin-right: 10px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 16px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ margin: 0px 0px; padding-bottom: 10px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_tag::before{ height: 2px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top{ flex-wrap: wrap; justify-content: space-between; border-bottom: 0px; padding-bottom: 0px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list{ margin-right: 0px; padding: 10px 0px; border-bottom: 1px solid rgba(255,255,255,.2); width: 20%; margin-bottom: 15px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ height: auto; margin-top: 0px; font-size: 14px; -webkit-line-clamp: 222;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content{ width: 100%; margin-top: 15px; } .HHero .HHero_top .HHero_top_list .HHero_top_right{ background: none; border: 1px solid #9b2d48; border-radius: 5px; height: auto; padding: 40px 22px; margin-bottom: 35px; margin-top: 0px;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ width: 100%; right: 0; position: relative;} .HHero .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right .top_right_img{ right: 0;} .HHero .HHero_top{ margin-bottom: 0px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list .top_list_dd{ font-size: 12px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top .content_top_list .top_list_dt{ font-size: 14px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top::before{ display: none;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ display: flex; align-items:center; justify-content:center;} .HHero .HHero_top .HHero_top_list .HHero_top_right .top_right_img img{ width: auto; height: 200px;} .HHero .HHero_top .HHero_top_list .HHero_top_right{ padding: 25px;} .Home .HHero .HHero_nav{ height: 0px; opacity: 0; pointer-events: none;} .NHHero{margin-bottom:0;} .NHHero .NHHero_content{justify-content: center;flex-direction:column;} .NHHero .NHHero_content .NHHero_content_video{width: 100%; margin-bottom: 20px; position: relative; aspect-ratio: 16/9; display: flex; justify-content: center; align-items: center;} .NHHero .NHHero_content .NHHero_content_video img{position: absolute; top: -16px; left: 0px; width: calc(100% + 21px); height: calc(100% + 32px); -o-object-fit: contain; object-fit: contain; z-index: 1; pointer-events: none;} .NHHero .NHHero_content .NHHero_content_video video{width: calc(100% - 20px); height: auto; -o-object-fit: cover; object-fit: cover; position: relative; z-index: 2;} .NHHero .NHHero_content .NHHero_content_info{width: 100%;font-size: 16px;} .NHHero .NHHero_content .NHHero_content_info p{color: #fff; line-height: 2;} .HExperience .HExperience_content{ justify-content: space-between;} .HExperience .HExperience_content .HExperience_content_list{ width: 49%; margin-right: 0% !important;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt{ padding: 25px 15px;} } @media screen and (max-width:600px){ /*iphone*/ .Banner .Banner_title .Banner_title_dd span{ font-size: 35px; margin: 0px 10px; position: relative; top: -4px;} .Banner .Banner_title .Banner_title_dd p{ margin-bottom: 0px;} .Banner .Banner_title .Banner_title_dd{ font-size: 36px; line-height: 1.3;} .Banner .Banner_title .Banner_title_dt{ flex-direction: column; margin-top: 35px;} .Banner .Banner_title .Banner_title_dt .title_dt_list:first-child{ margin-right:0; margin-bottom: 12px;} .Banner .Banner_title .Banner_title_dt .title_dt_list{ width: 180px;} .OTBanner .Banner_title .Banner_title_dt{margin-top: 52%;} .HAbout{ padding-bottom: 0px !important;} .HHero .HHero_top .swiper_prev, .HHero .HHero_top .swiper_next{ top: 17%; } .HAbout .HAbout_content{ padding: 0px;} .HAbout .HAbout_content .HAbout_content_list{ padding: 1px;} .HAbout .HAbout_content .HAbout_content_list .content_list_borderimg{ display: none;} .HAbout .HAbout_content .HAbout_content_list .content_list_po{ padding: 10px; border: 1px solid #9b2d48; border-radius: 5px; position: relative;} .swiper_prev, .swiper_next{ z-index: 10;} .HAbout .HAbout_content .swiper_next,.HAbout .HAbout_content .swiper_prev{ top: 43%;} .HAbout .HAbout_content .HAbout_content_list .content_list_icon img{ height: 50px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title{ padding: 20px; font-size: 18px;} .HAbout .HAbout_content .HAbout_content_list .content_list_title::before{ width: 6px; height: 6px; margin-right: 8px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video{ width: 100%; margin-top: 30px;} .HNews{ padding-bottom: 40px !important;} .HNews .HNews_content{ flex-wrap: wrap;} .HNews .HNews_content .HNews_content_left,.HNews .HNews_content .HNews_content_right{ width: 100%;} .HNews .HNews_content .HNews_content_left{ padding: 22px; background: none; border: 1px solid #9b2d48; border-radius: 5px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_img img{ height: 175px;} .HNews .HNews_content .HNews_content_left::before{ top: -14px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title .list_title_dt{ height: 62px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ top: 26%; left: 22px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 70px;} .HNews .HNews_content .HNews_content_left .swiper-pagination{ top: 29%;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list{ padding: 20px 0px;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list .txt_list_icon img{ height: 12px;} .HNews .HNews_content .HNews_content_right{ margin-top: 30px;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list .txt_list_left{ font-size: 16px;} .HNews .HNews_content .HNews_content_right .content_right_txt .right_txt_list .txt_list_left .list_left_dd{ margin-right: 20px;} .HExperience{ padding-top: 0px !important;} .HExperience .HExperience_content .HExperience_content_list{ width: 100%; margin-bottom: 20px; margin-right: 0 !important;} .HExperience .HExperience_content .HExperience_content_list .content_list_txt{ padding: 22px; background: rgba(0, 0, 0, .5);} .page a,.layui-laypage .layui-laypage-curr,.layui-laypage .layui-icon-left{ margin-right: 20px;} .layui-laypage .layui-icon-left,.layui-laypage .layui-icon-right{ width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.15);} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_top::before{ display: none;} .Footer{ padding: 45px 0px;} .Footer .Footer_left .Footer_left_logo img{ height: 20px;} .Footer .Footer_left .Footer_left_nav{ margin-top: 20px;} .Footer .Footer_left .Footer_left_nav,.Footer .pc_all_content{ flex-wrap: wrap; justify-content: space-between;} .Footer .Footer_left .Footer_left_nav a{ border-bottom: 1px solid rgba(255,255,255,.1); padding: 20px 0px; margin-right:0; width: 28%; margin-right: 0px;} .Footer .Footer_left,.Footer .Footer_right{ width: 100%;} .Footer .Footer_right{ margin-top: 25px;} .Footer .Footer_right .Footer_right_list .right_list_icon{ width: 40px; height: 40px;} .Footer .Footer_right .Footer_right_list .right_list_icon img{ height: 18px;} } /* 关于HADO */ .AboutBg{ background: url(../images/bg9.jpg) no-repeat 50%/cover;} .DBanner .DBanner_title{ position: absolute; width: 100%; top: 0; left: 0; height: 90%; display: flex; align-items: center; justify-content: center; color: #fff; max-width: 90%; margin: 0 auto; right: 0;} .DBanner .DBanner_txt{ position: absolute; width: 100%; bottom: 85px; left: 0; color: #fff; line-height: 1.75; z-index: 2; text-align: center; max-width: 90%; margin: 0 auto; right: 0;} .AboutShow .pc_all_content{ display: flex; justify-content: space-between;} .AboutShow .pc_all_content .AboutShow_list{ width: 48%; background: url(../images/bn12.png) no-repeat 50% 0%; background-size: 100%; padding: 0px 20px; padding-top: 75px; padding-bottom: 20px; position: relative;} .AboutShow .pc_all_content .AboutShow_list .swiper-slide{ } .AboutShow .pc_all_content .AboutShow_list::before{ content: ""; display: inline-block; width: 100%; height: 27px; background: url(../images/bn8.png) no-repeat calc(100% + 50px) 50%; position: absolute; top: -13px; right: 0;} .AboutShow .pc_all_content .AboutShow_list::after{ content: ""; display: inline-block; height: 100%; width: 28px; background: url(../images/bn9.png) no-repeat calc(57%) 50%; position: absolute; top: 0px; left: -13px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_title{ color: #fff; text-align: center;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_txt{ color: #fff; text-align: center; margin: 50px 0; line-height: 1.75; height: 126px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img{ border-radius: 5px; overflow: hidden; position: relative;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img .list_img_big{ position: relative;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img .list_img_big::after{ content: ""; display: inline-block; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65)); width: 100%; height: 60%; position: absolute; left: 0; bottom: 0; border-radius: 6px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img .list_img_big img{ opacity: .6; width: 100%;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img .list_img_icon{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img .list_img_icon img{ cursor: pointer;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img .list_img_icon img:hover{ -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);filter:scale(1.12);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .AboutShow .swiper-pagination{ position: absolute; bottom: 40px; margin-top: 0;} .AboutShow .swiper-pagination span::before{ background: #fff;} .AboutShow .swiper-pagination span::after{ background: url(../images/sv6on.svg) no-repeat 50% 50%;} .AboutTeaching .HAbout_content{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin-bottom: -2%;} .AboutTeaching .HAbout_content .HAbout_content_list{ width: 49%; margin-bottom: 2%;} .AboutTeaching .HAbout_content .HAbout_content_list .content_list_po{position: relative; padding: 0;} .AboutTeaching .HAbout_content .HAbout_content_list .content_list_title{ opacity: 1; padding: 35px 40px;} .AboutTeaching .HAbout_content .HAbout_content_list .content_list_title::before{ margin-right: 20px;} @media screen and (max-width:1750px){ .Title .Title_dd{ font-size: 60px;} .Title .Title_dt{ margin-top: 35px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_txt{ margin: 31px 0px;} } @media screen and (max-width:1550px){ .Title .Title_dd{ font-size: 50px;} .Title .Title_dt{ margin-top: 30px;} .AboutShow .pc_all_content .AboutShow_list{ padding-top: 55px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_txt{ height: 114px; margin: 27px 0px;} } @media screen and (max-width:1350px){ .Title .Title_dt{ margin-top: 25px;} .AboutShow{ padding-bottom: 0px !important;} .AboutShow .pc_all_content .AboutShow_list{ padding-top: 39px;} } @media screen and (max-width:1200px){ .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_title{ font-size: 32px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_txt{ font-size: 14px; height: 102px; margin: 20px 0px;} } @media screen and (max-width:1050px){ /*ipad-y*/ .AboutShow .pc_all_content .AboutShow_list{ background:none; border: 1px solid #9b2d48; border-radius: 5px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_title{ font-size: 28px;} .AboutTeaching .HAbout_content .HAbout_content_list .content_list_title{ padding: 25px;} } @media screen and (max-width:780px){ /*ipad-x*/ .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_txt{ height: 160px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img .list_img_icon img,.HAbout .HAbout_content .HAbout_content_list .content_list_icon img{ width: 50px;} } @media screen and (max-width:600px){ /*iphone*/ .padding100{ padding: 45px 0px;} .DBanner .DBanner_title{ font-size: 42px;} .swiper-pagination span::after,.swiper-pagination span{ width: 16px; height: 16px;} .swiper-pagination span::before{ width: 8px; height: 8px;} .Title{ margin-bottom: 20px;} .Title .Title_dd{ font-size:28px;} .Title .Title_dt{ margin-top: 20px;} .AboutShow{ padding-bottom: 0px !important;} .AboutShow .pc_all_content{ flex-wrap: wrap;} .AboutShow .pc_all_content .AboutShow_list{ width: 100%; padding: 35px 20px; background:none; border: 1px solid #9b2d48; border-radius: 5px;} .AboutShow .pc_all_content .AboutShow_list:last-child{ margin-top: 25px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_img .list_img_icon img{ width: 50px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_txt{ height: auto; margin: 25px 0px;} .AboutShow .pc_all_content .AboutShow_list .AboutShow_list_title{ font-size: 28px;} .AboutShow .swiper-pagination{ bottom: 60px;} .AboutTeaching.paddingbottom30{ padding-bottom: 0px !important;} .AboutTeaching{ padding-bottom: 45px !important;} .AboutTeaching .HAbout_content .HAbout_content_list{ width: 100%;} .AboutTeaching .HAbout_content .HAbout_content_list{ margin-bottom: 20px;} .AboutTeaching .HAbout_content .HAbout_content_list:last-child{ margin-bottom: 0px;} .AboutTeaching .HAbout_content .HAbout_content_list .content_list_title{ padding: 22px;} .AboutTeaching .HAbout_content .HAbout_content_list .content_list_icon img{ width: 50px;} .AboutTeaching .HAbout_content .HAbout_content_list .content_list_title::before{ width: 6px; height: 6px; margin-right: 10px;} .AboutTeaching .HAbout_content .HAbout_content_list .content_list_po{ border: 0px;} } /* 特色产品 */ .ProductBg{ background: url(../images/bg21.jpg) no-repeat 50% 0%;} .ProducBanner .Banner_title{ bottom: 85px; height: auto; top: auto;} .Product .Product_nav{ display: flex; align-items: center; justify-content: center;} .Product .Product_nav.marginbottom70{ margin-bottom: 70px;} .Product .Product_nav ul{ display: flex; align-items: center;} .Product .Product_nav ul li{ color: #fff; margin-right: 65px; opacity: .5; position: relative; padding-bottom: 25px; list-style: none; cursor: pointer;} .Product .Product_nav ul li::before{ content: ""; display: inline-block; background-color: #cd3c5a; transform: skewX(20deg); width: 0%; height: 6px; position: absolute; bottom: 0; left: 0; opacity: 0; right: 0; margin: 0 auto;} .Product .Product_nav ul li:last-child{ margin-right: 0;} .Product .Product_nav ul li.on{ opacity: 1;} .Product .Product_nav ul li.on::before{ opacity: 1; width: 100%;} .Product .Product_nav ul li:hover{ opacity: 1;} .Product .Product_nav ul li:hover::before{ opacity: 1; width: 100%;} .Product .DEventt_video .DEventt_video_contenter{ position: relative;} .Product .DEventt_video .DEventt_video_contenter .DEventt_video_content{ position: absolute; left: 0; top: 0; opacity: 0; width: 100%; pointer-events: none;} .Product .DEventt_video .DEventt_video_contenter .DEventt_video_content:nth-child(1){ position: relative;} .Product .DEventt_video .DEventt_video_contenter .DEventt_video_content.active{ opacity: 1; pointer-events: inherit;} .Product .HHero_top{ background: url(../images/bn21.png) no-repeat 50% 0%; position: relative; padding-top: 80px; padding-left: 90px; margin-top: 140px; padding-bottom: 85px; margin-bottom: 50px;} .Product .HHero_top::before{ content: ""; display: inline-block; width: 100%; height: 27px; url(../images/bn8.png) no-repeat calc(100% - 850px) 50%; position: absolute; top: -13px; right: 0;} .Product .HHero_top::after{ content: ""; display: inline-block; height: 100%; width: 28px; background: url(../images/bn9.png) no-repeat calc(57%) 50%; position: absolute; top: 0px; left: -13px;} .Product .HHero_top .HHero_top_list .HHero_top_left{} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title{ display: flex; align-items: flex-end;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ margin-bottom: 0; margin-right: 30px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ padding-left: 23px; padding-bottom: 0; margin-top: 30px; margin-bottom: 50px; display: flex; align-items: center; width: 100%;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content{ margin-top: 0px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag::before{ content: ""; width: 10px; height: 10px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%) skewX(0deg); background: #cd3c5a;} .Product .HHero_top .HHero_top_list .HHero_top_right{ background: none; border: 0px !important;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ height: auto; -webkit-line-clamp: 224;} .Product .HHero_top .swiper-container{ padding-top: 0px;} .Product .HHero_top .HHero_top_list .HHero_top_right::before,.Product .HHero_top .HHero_top_list .HHero_top_right::after{ display: none;} .Product .HHero_nav{ position: relative; width: 100%; bottom: 0;} .Product .HHero_top .HHero_top_list .HHero_top_right{ margin-top: 0px;} @media screen and (max-width:1750px){ .Product .HHero_top{ background-size: 100%; padding-top: 60px; padding-bottom: 0px; padding-left: 60px;} .Product .HHero_top .HHero_top_list{ align-items: flex-start;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 62px; margin-right: 15px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 40px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ font-size: 15px; height: 205px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ margin: 30px 0px;} .Product .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ width: calc(100% + 132px); } } @media screen and (max-width:1550px){ .Product .HHero_top{ background-size: 100%; padding-top: 50px; padding-bottom: 0px; padding-left: 50px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 52px; margin-right: 10px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 36px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ margin: 25px 0px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ height: 230px;} } @media screen and (max-width:1350px){ .Product .HHero_top{ background-size: 100%; padding-top: 40px; padding-bottom: 0px; padding-left: 40px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 44px; margin-right: 10px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 30px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ margin: 20px 0px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video{ width:260px; height: 106px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_left{ width: 123px;} .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_right{ width: calc(100% - 142px); } .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video .left_video_left .video_left_img img{ height: 80px;} } @media screen and (max-width:1200px){ .HHero .HHero_top .HHero_top_list .HHero_top_left .top_left_video{ margin-top: 20px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 34px; } .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 26px;} .Product .HHero_top{ margin-top: 95px;} .Product .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ width: calc(100% + 82px); } .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ height: 150px; overflow: auto;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom::-webkit-scrollbar-track { background-color: rgba(255,255,255,.2); } /* 滚动条的滑轨背景颜色 */ .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom::-webkit-scrollbar-thumb { background:#cd3c5a; } /* 滑块颜色 */ .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom::-webkit-scrollbar-button { background-color: rgba(255,255,255,.2); } /* 滑轨两头的监听按钮颜色 */ .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom::-webkit-scrollbar-corner { background-color: rgba(255,255,255,.2); } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom::-webkit-scrollbar { width: 2px; height: 0px; border-radius:3px; } /* 这是针对缺省样式 (必须的)*/ } @media screen and (max-width:1050px){ /*ipad-y*/ .Product .HHero_top{ margin-top: 55px; background:none; border: 1px solid #cd3c5a; border-radius: 5px;} .Product .HHero_top .HHero_top_list .HHero_top_left{ width: 50%;} .Product .HHero_top .HHero_top_list .HHero_top_right{ width: 40%; top: -50px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ height: 160px;} .Product .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right .top_right_img{ right: 0;} .Banner.active, .Banner.active .Banner_img, .Banner.active .Banner_img img{ height: 330px;} } @media screen and (max-width:780px){ /*ipad-x*/ .Product .HHero_top{ padding: 25px;} .Product .HHero_top .HHero_top_list .HHero_top_left,.Product .HHero_top .HHero_top_list .HHero_top_right{ width: 100%; top: 0;} .Product .HHero_top .HHero_top_list .HHero_top_right{ padding: 0; margin: 0px;} .Product .HHero_top .HHero_top_list.swiper-slide-active .HHero_top_right{ padding: 0; margin: 0px;} .Product .HHero_nav{ height: 0px; opacity: 0; pointer-events: none;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ height: auto; font-size: 14px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ margin: 0px; width: auto;} .Product .HHero_top .HHero_top_list .HHero_top_right .top_right_img{ width: 100%;} } @media screen and (max-width:600px){ /*iphone*/ .Title{ font-size: 28px; line-height: 1.5;} .Title.marginbottom35{ margin-bottom: 20px;} .Product .HHero_top{ padding-left: 0px; margin-top: 35px; background: none; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; padding: 22px;} .Product .HHero_top::before,.Product .HHero_top::after{ display: none;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ margin-right: 15px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_content .left_content_bottom{ height: auto;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ font-size: 26px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dt{ font-size: 14px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ font-size: 14px;} .Product .HHero_top .swiper_prev, .Product .HHero_top .swiper_next{ top: 14%;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_title .left_title_dd{ margin-right: 10px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag::before{ width: 4px; height: 4px;} .Product .HHero_top .HHero_top_list .HHero_top_left .top_left_tag{ padding-left: 11px;} .Product .Product_nav ul li{ margin-right: 0px;} .Product .Product_nav.marginbottom70{ margin-bottom: 25px;} .Product .Product_nav ul{ width: 100%; justify-content:center;} .DEventt_video .Product_nav ul{ justify-content: space-between;} .Product .Product_nav ul li{ padding-bottom: 15px;} .Product .Product_nav ul li::before{ height: 3px;} } /* D1 官方赛事 */ .EventtBg{ background: url(../images/bg23.jpg) no-repeat 50%/cover;} .ProducBanner .Banner_title{ bottom: 85px; height: auto; top: auto;} @font-face {font-family:'jgt';src:url('jgt.woff2');} .Eventt .pc_all_content{ display: flex; flex-wrap: wrap; margin-bottom: -2%;} .Eventt .pc_all_content .Eventt_list{ width: 32%; margin-right: 2%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 50px; border: 2px solid #9b2d48; border-radius: 5px; margin-bottom: 2%; position: relative; clip-path: polygon( 0 0, /* 左上角保持正常 */ 100% 0, /* 右上角保持正常 */ 100% 90%, /* 右下角从水平10%处斜切（100%-10%=90%） */ 90% 100%, /* 右下角斜切终点 */ 0 100% /* 左下角保持正常 */ ); } .Eventt .pc_all_content .Eventt_list::before { content: ''; display: inline-block; width: 92px; height: 2px; position: absolute; bottom: 27px; right: -27px; background: #cd3c5a; transform: rotate(-41deg); z-index: 2; } .Eventt .pc_all_content .Eventt_list:nth-child(1){ width: 100%; margin-right: 0; clip-path: polygon( 0 0, /* 左上角保持正常 */ 100% 0, /* 右上角保持正常 */ 100% 85%, /* 右下角从水平10%处斜切（100%-10%=90%） */ 97% 100%, /* 右下角斜切终点 */ 0 100% /* 左下角保持正常 */ ); } .Eventt .pc_all_content .Eventt_list:nth-child(1):before{ transform: rotate(-43deg); } .Eventt .pc_all_content .Eventt_list:nth-child(2){ margin-right: 2%;} .Eventt .pc_all_content .Eventt_list:nth-child(4){ margin-right: 0%;} .Eventt .pc_all_content .Eventt_list:nth-child(7){ margin-right: 0%;} .Eventt .pc_all_content .Eventt_list:nth-child(10){ margin-right: 0%;} .Eventt .pc_all_content .Eventt_list:nth-child(13){ margin-right: 0%;} .Eventt .pc_all_content .Eventt_list:nth-child(16){ margin-right: 0%;} .Eventt .pc_all_content .Eventt_list:nth-child(19){ margin-right: 0%;} .Eventt .pc_all_content .Eventt_list .Eventt_list_logo{ width: 100%;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right{ width: calc(100%); display: flex; align-items: center; justify-content: space-between; margin-top: 40px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_l .right_l_dd{ color: #fff;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_l .right_l_dt{ color: #fff; margin-top: 20px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_l .right_l_dt span{ color: #cd3c5a;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_r{font-family:'jgt'; color: #9b2d48; position: relative; top: -10px;} .Eventt .pc_all_content .Eventt_list:nth-child(1) .Eventt_list_logo{ width: 28%;} .Eventt .pc_all_content .Eventt_list:nth-child(1) .Eventt_list_right{ width: 68%; margin-top: 0;} .Eventt .EventtBtn{ display: flex; justify-content: center; margin-top: 80px;} .DEventtBg{ background: url(../images/bg31.jpg) no-repeat 50%/cover; padding-top: 190px;} .DEventt .DEventt_top{ display: flex; align-items: center; justify-content: space-between; background: url(../images/bn17.png) no-repeat 50%; background-size: 100%; padding: 51px 50px; margin-bottom: 85px; position: relative;} .DEventt .DEventt_top::before{ content: ""; display: inline-block; width: 100%; height: 27px; background: url(../images/bn8.png) no-repeat calc(70%) 50%; position: absolute; top: -13px; right: 0;} .DEventt .DEventt_top::after{ content: ""; display: inline-block; height: 100%; width: 28px; background: url(../images/bn9.png) no-repeat calc(57%) 30%; position: absolute; top: 0px; left: -13px;} .DEventt .DEventt_top .DEventt_top_img{ width: 35%;} .DEventt .DEventt_top .DEventt_top_txt{ width: 60%;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title{ display: flex; align-items: center; justify-content: space-between;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ color: #fff; font-weight: bolder;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dt{ display: flex; align-items: flex-end; justify-content: space-between;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dt .title_dt_left{ color: #cd3c5a; margin-right: 22px;font-family:'jgt';} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dt .title_dt_right{ position: relative; top: 3px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dt .title_dt_right .dt_right_t{ color: #fff;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dt .title_dt_right .dt_right_b{ color: #fff; opacity: .2; margin-top: 8px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center{ display: flex; align-items: center; margin-top: 42px; margin-bottom: 65px; justify-content: space-between;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center .txt_center_list .center_list_dd{ color: #fff; opacity: .2;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center .txt_center_list .center_list_dt{ color: #fff; margin-top: 8px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_last{ color: #fff; line-height: 1.5;} .DEventt .DEventt_video .DEventt_video_content{ background: url(../images/bn19.png) no-repeat 50%; background-size: 100%; padding: 51px 50px; position: relative;} .DEventt .DEventt_video .DEventt_video_content::before{ content: ""; display: inline-block; width: 100%; height: 27px; background: url(../images/bn8.png) no-repeat calc(30%) 50%; position: absolute; top: -13px; right: 0;} .DEventt .DEventt_video .DEventt_video_content::after{ content: ""; display: inline-block; height: 100%; width: 28px; background: url(../images/bn9.png) no-repeat calc(57%) 30%; position: absolute; top: 0px; left: -13px;} .DEventt .DEventt_video .DEventt_video_content .video_content_list{ position: relative;} .DEventt .DEventt_video .DEventt_video_content .video_content_list .content_list_img img{ width: 100%;} .DEventt .DEventt_video .DEventt_video_content .video_content_list .content_list_icon{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} .DEventt .DEventt_video .DEventt_video_content .video_content_list .content_list_icon img{ cursor: pointer;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .DEventt .DEventt_video .DEventt_video_content .video_content_list .content_list_icon img:hover{ -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);filter:scale(1.12);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;} .DEventt .DEventt_look .DEventt_look_content{ padding-left: 30px; padding-right: 25px; padding-bottom: 32px; background: url(../images/bn20.png) no-repeat 50%; background-size: 100%;} .DEventt .DEventt_look .DEventt_look_content .look_content_list{ display: flex; justify-content: space-between; padding: 31px 20px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list .content_list_li{ color: #fff; text-align: center;} .DEventt .DEventt_look .DEventt_look_content .look_content_list .content_list_li:nth-child(1){ width: 10%;} .DEventt .DEventt_look .DEventt_look_content .look_content_list .content_list_li:nth-child(2){ width: 10%;} .DEventt .DEventt_look .DEventt_look_content .look_content_list .content_list_li:nth-child(3){ width: 40%;} .DEventt .DEventt_look .DEventt_look_content .look_content_list .content_list_li:nth-child(4){ width: 10%;} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title{ padding: 40px 20px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title .content_list_li{ font-weight: bolder;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro{ height: 516px; overflow: auto; padding-right: 30px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro .look_content_list{ border-top: 2px solid rgba(255,255,255,.2);} .DEventt .DEventt_look .DEventt_look_content .look_content_scro .look_content_list:last-child{ border-bottom: 2px solid rgba(255,255,255,.2);} .DEventt .DEventt_look .DEventt_look_content .look_content_scro::-webkit-scrollbar-track { background-color: rgba(255,255,255,.2); } /* 滚动条的滑轨背景颜色 */ .DEventt .DEventt_look .DEventt_look_content .look_content_scro::-webkit-scrollbar-thumb { background:#cd3c5a; } /* 滑块颜色 */ .DEventt .DEventt_look .DEventt_look_content .look_content_scro::-webkit-scrollbar-button { background-color: rgba(255,255,255,.2); } /* 滑轨两头的监听按钮颜色 */ .DEventt .DEventt_look .DEventt_look_content .look_content_scro::-webkit-scrollbar-corner { background-color: rgba(255,255,255,.2); } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ .DEventt .DEventt_look .DEventt_look_content .look_content_scro::-webkit-scrollbar { width: 2px; height: 0px; border-radius:3px; } /* 这是针对缺省样式 (必须的)*/ @media screen and (max-width:1750px){ .Eventt .pc_all_content .Eventt_list{ padding: 45px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_r{ font-size: 100px;} .Eventt .pc_all_content .Eventt_list:nth-child(1):before{transform: rotate(-44deg);} .Eventt .pc_all_content .Eventt_list::before{ right: -31px;} .Eventt .EventtBtn{ margin-top: 70px;} .DEventtBg{ padding-top: 170px;} .DEventt .DEventt_top{ padding: 42px; margin-bottom: 75px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center{ margin-top: 35px; margin-bottom: 55px;} .DEventt .DEventt_video .DEventt_video_content{ padding: 44px 50px; } .DEventt .DEventt_look .DEventt_look_content .look_content_scro{ height: 446px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title{ padding: 35px 20px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list{ padding: 25px 20px;} .Title{ margin-bottom: 55px;} .Title,.DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ font-size: 45px;} .HHero .HHero_nav{ padding: 0px 65px;} .swiper_prev, .swiper_next{ width:50px; height: 50px;} .swiper_prev img, .swiper_next img{ height: 18px;} .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{ left: -5px; transform: rotate(-38deg); width: 38px;} } @media screen and (max-width:1550px){ .Eventt .pc_all_content .Eventt_list{ padding: 40px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_r{ font-size: 90px;} .Eventt .pc_all_content .Eventt_list:nth-child(1):before{ transform: rotate(-44deg); right: -38px;} .Eventt .pc_all_content .Eventt_list::before{ right: -39px; transform: rotate(-42deg);} .Eventt .EventtBtn{ margin-top: 60px;} .DEventtBg{ padding-top: 150px;} .DEventt .DEventt_top{ padding: 36px; margin-bottom: 65px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center{ margin-top: 30px; margin-bottom: 50px;} .DEventt .DEventt_video .DEventt_video_content{padding: 35px 40px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro{ height: 382px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title{ padding: 30px 20px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list{ padding: 20px;} .Title{ margin-bottom: 50px;} .Title,.DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ font-size: 40px;} .HHero .HHero_nav{ padding: 0px 55px;} .swiper_prev, .swiper_next{ width:45px; height: 45px;} .swiper_prev img, .swiper_next img{ height: 16px;} .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{ left: -12px; transform: rotate(-36deg); width: 55px; } .swiper-pagination{ margin-top: 40px;} } @media screen and (max-width:1350px){ .Eventt .pc_all_content .Eventt_list{ padding: 35px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_r{ font-size: 80px;} .Eventt .pc_all_content .Eventt_list:nth-child(1):before{ transform: rotate(-44deg); right: -42px;} .Eventt .pc_all_content .Eventt_list::before{ right: -42px; transform: rotate(-42deg);} .Eventt .EventtBtn{ margin-top: 50px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title{ padding: 25px 20px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro{ height: 355px;} .DEventtBg{ padding-top: 130px;} .DEventt .DEventt_top{ padding: 33px; margin-bottom: 60px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center{ margin-top: 25px; margin-bottom: 35px;} .DEventt .DEventt_video .DEventt_video_content{padding: 29px;} .Title{ margin-bottom: 45px;} .Title,.DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ font-size: 35px;} .swiper_prev, .swiper_next{ width:40px; height: 40px;} .swiper_prev img, .swiper_next img{ height: 14px;} .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{ left: -9px; transform: rotate(-31deg); width: 55px; } .swiper-pagination{ margin-top: 35px;} } @media screen and (max-width:1200px){ .Eventt .pc_all_content .Eventt_list{ padding: 30px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_r{ font-size: 70px;} .Eventt .pc_all_content .Eventt_list:nth-child(1):before{ transform: rotate(-44deg); right: -48px;} .Eventt .pc_all_content .Eventt_list::before{ right: -46px;} .Eventt .EventtBtn{ margin-top: 40px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right{ margin-top: 30px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_l .right_l_dt{ margin-top: 15px;} .DEventt .DEventt_top{ padding: 27px; margin-bottom: 55px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ font-size: 36px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center{ margin-top: 20px; margin-bottom: 20px;} .DEventt .DEventt_top::after{ background: url(../images/bn9.png) no-repeat calc(57%) 50%;} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title .content_list_li{ font-size: 16px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list .content_list_li{ font-size: 14px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro .look_content_list{ border-top: 1px solid rgba(255, 255, 255, .2); padding: 15px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro .look_content_list:last-child{ border-top: 1px solid rgba(255, 255, 255, .2);} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title{ padding: 15px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro{ height: 305px;} .Title{ margin-bottom: 40px;} .Title,.DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ font-size: 30px;} .swiper_prev, .swiper_next{ width:35px; height: 35px;} .swiper_prev img, .swiper_next img{ height: 12px;} .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{ transform: rotate(-35deg); left: -11px; } .swiper-pagination{ margin-top: 30px;} .swiper-pagination span::after,.swiper-pagination span{ width: 16px; height: 16px; background-size: 100%;} .swiper-pagination span::before{ width: 8px; height: 8px;} .DEventt .DEventt_video .DEventt_video_content{padding: 24px; border: 1px solid #9b2d48; background: none; border-radius: 5px;} } @media screen and (max-width:1050px){ /*ipad-y*/ .Eventt .pc_all_content .Eventt_list{ padding: 20px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_r{ font-size: 60px;} .Eventt .pc_all_content .Eventt_list:nth-child(1):before{ transform: rotate(-42deg); right: -53px;} .Eventt .pc_all_content .Eventt_list::before{ display: none;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right{ margin-top: 20px;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_l .right_l_dt{ margin-top: 10px;} .DEventt .DEventt_top{ padding: 22px; margin-bottom: 50px; background: none; border-radius: 5px; border: 1px solid #9b2d48;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ font-size: 30px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center .txt_center_list .center_list_dd{ font-size: 12px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center .txt_center_list .center_list_dt{ font-size: 14px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_last{ font-size: 14px;} .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{transform: rotate(-41deg);left: -14px;} .DEventt .DEventt_look .DEventt_look_content{ padding: 0px 15px; background: none; border-radius: 5px; border: 1px solid #9b2d48; overflow: auto;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro{ height: auto; padding-right: 0px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro .look_content_list:last-child{ border-bottom: 0px;} .Eventt .pc_all_content .Eventt_list:nth-child(1){clip-path: none;} .Eventt .pc_all_content .Eventt_list{clip-path: none;} } @media screen and (max-width:780px){ /*ipad-x*/ .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_r{ font-size: 50px;} .Eventt .pc_all_content .Eventt_list:nth-child(1):before{ transform: rotate(-44deg); right: -57px;} .Eventt .pc_all_content .Eventt_list::before{ right: -56px; transform: rotate(-44deg);} .DEventt .DEventt_top{ flex-wrap: wrap; background: none; border: 1px solid #9b2d48; border-radius: 5px; padding: 22px; margin-bottom: 55px; align-items:flex-start; margin-bottom: 45px;} } @media screen and (max-width:600px){ /*iphone*/ .Title{ margin-bottom: 33px;} .Eventt .pc_all_content .Eventt_list{ width: 100%; padding: 25px; margin-bottom: 25px; margin-right: 0 !important; clip-path: none !important;} .Eventt .pc_all_content .Eventt_list:last-child{ margin-bottom: 0px;} .Eventt .pc_all_content .Eventt_list::before{ display: none;} .Eventt .pc_all_content .Eventt_list:nth-child(1) .Eventt_list_logo,.Eventt .pc_all_content .Eventt_list:nth-child(1) .Eventt_list_right{ width: 100%;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right{ margin-top: 22px !important;} .Eventt .pc_all_content .Eventt_list .Eventt_list_right .list_right_r{ font-size: 70px;} .Eventt .pc_all_content .Eventt_list::before{width: 74px; height: 2px; position: absolute; bottom: 24px;transform: rotate(-43deg);} .Eventt .EventtBtn{ margin-top: 35px;} .swiper_prev, .swiper_next{ width: 42px; height: 42px;} .swiper_prev img, .swiper_next img{ height: 15px;} .HHero .HHero_nav .HHero_nav_list .nav_list_img::before{content: ''; display: inline-block; width: 60px; height: 1px; position: absolute; top: 11px; left: -12px; border: 1px solid #cd3c5a; transform: rotate(-32deg);} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ font-size: 28px;} .DEventtBg{ padding-top: 120px;} .DEventt .DEventt_top{ flex-wrap: wrap; background: none; border: 1px solid #9b2d48; border-radius: 5px; padding: 22px; margin-bottom: 55px;} .DEventt .DEventt_top .DEventt_top_img,.DEventt .DEventt_top .DEventt_top_txt{ width: 100%;} .DEventt .DEventt_top .DEventt_top_txt{ margin-top: 25px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title{ flex-wrap: wrap;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd,.DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dt{ width: 100%;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_title .txt_title_dd{ margin-bottom: 15px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center{ flex-wrap: wrap; margin-top: 10px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_center .txt_center_list{ margin-right: 0px; width: 100%; border-bottom: 1px solid rgba(255,255,255,.2); padding: 15px 0px;} .DEventt .DEventt_top .DEventt_top_txt .top_txt_last{ margin-top: 25px;} .DEventt .DEventt_video .DEventt_video_content{ padding: 22px; border: 1px solid #9b2d48; background: none; border-radius: 5px;} .DEventt .DEventt_video .DEventt_video_content .video_content_list .content_list_icon img{ height: 50px;} .swiper-pagination span::after{ background-size: 16px;} .swiper-pagination{ margin-top: 20px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list{} .DEventt .DEventt_look .DEventt_look_content .look_content_list .content_list_li{ text-align: left; line-height: 1.45;} .DEventt .DEventt_look .DEventt_look_content .look_content_list .content_list_li{ font-size: 14px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro .look_content_list{ padding: 15px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title{ padding: 15px;} .DEventt .DEventt_look .DEventt_look_content .look_content_list.title,.DEventt .DEventt_look .DEventt_look_content .look_content_scro{ width: 500px;} .DEventt .DEventt_look .DEventt_look_content .look_content_scro .look_content_list{ border-top: 1px solid rgba(255, 255, 255, .1); } } /* 新闻 */ .NewsBg{ background: url(../images/bg25.jpg) no-repeat 50%/cover;} .NewsBg .NewsHead{ height: 82px; display: none;} .NewsBg.on .NewsHead{ display: block;} .News .News_title{ text-align: center; color: #fff; margin-bottom: 30px;} .News .News_nav{ display: flex; align-items: center; justify-content: center; margin-bottom: 65px;} .News .News_nav .News_nav_list{ color: #fff; margin-right: 65px; opacity: .5; position: relative; padding-bottom: 25px;} .News .News_nav .News_nav_list::before{ content: ""; display: inline-block; background-color: #cd3c5a; transform: skewX(20deg); width: 0%; height: 6px; position: absolute; bottom: 0; left: 0; opacity: 0; right: 0; margin: 0 auto;} .News .News_nav .News_nav_list:last-child{ margin-right: 0;} .News .News_nav .News_nav_list.active{ opacity: 1;} .News .News_nav .News_nav_list.active::before{ opacity: 1; width: 100%;} .News .News_nav .News_nav_list:hover{ opacity: 1;} .News .News_nav .News_nav_list:hover::before{ opacity: 1; width: 100%;} .News .HNews_content{ flex-wrap: wrap;} .News .HNews_content .HNews_content_left{ background: none; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 0;} .News .HNews_content .HNews_content_left::before,.News .HNews_content .HNews_content_left:after{ display: none;} .News .HNews_content .HNews_content_left .content_left_list{width: 32%; margin-right: 2%; border: 1px solid #9b2d48; border-radius: 5px; padding: 40px 30px; margin-bottom: 2%; position: relative; clip-path: polygon( 0 0, /* 左上角保持正常 */ 100% 0, /* 右上角保持正常 */ 100% 90%, /* 右下角从水平10%处斜切（100%-10%=90%） */ 90% 100%, /* 右下角斜切终点 */ 0 100% /* 左下角保持正常 */ ); } .News .HNews_content .HNews_content_left .content_left_list::before { content: ''; display: inline-block; width: 88px; height: 1px; position: absolute; bottom: 28px; right: -18px; background: #cd3c5a; transform: rotate(-46deg); z-index: 2; } .News .HNews_content .HNews_content_left .content_left_list:nth-child(3n){ margin-right: 0;} .News .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 75px;} .News .HNews_content .HNews_content_left .content_left_list .left_list_img img{ } .DNewsBg{ background: url(../images/bg28.jpg) no-repeat 50%/cover; padding-top: 190px;} .DNews .DNews_title{ padding-bottom: 80px; margin-bottom: 80px; border-bottom: 2px solid rgba(255,255,255,.2);} .DNews .DNews_title .DNews_title_dd{ color: #cd3c5a; margin-bottom: 15px;} .DNews .DNews_title .DNews_title_dt{ color: #fff; font-weight: bolder; line-height: 1.35;} .DNews .DNews_content{ display: flex; justify-content: space-between; padding-bottom: 145px;} .DNews .DNews_content .DNews_content_left{ width: 70%;} .DNews .DNews_content .DNews_content_left .content_left_top{ margin-bottom: 70px;} .DNews .DNews_content .DNews_content_left .content_left_top p{ color: #fff; line-height: 1.8; text-align: justify;} .DNews .DNews_content .DNews_content_left .content_left_top img{ height: auto !important; max-width: 100% !important; width: auto !important;} .DNews .DNews_content .DNews_content_left .content_left_bottom{ display: flex; justify-content: center;} .DNews .DNews_content .DNews_content_right{ width: 22%;} .DNews .DNews_content .DNews_content_right .content_right_title{ color: #fff; font-weight: bolder;} .DNews .DNews_content .DNews_content_right .content_right_txt .right_txt_list{ display: inline-block; width: 100%; margin-top: 45px;} .DNews .DNews_content .DNews_content_right .content_right_txt .right_txt_list .txt_list_img{ overflow: hidden;} .DNews .DNews_content .DNews_content_right .content_right_txt .right_txt_list .txt_list_img img{ width: 100%;} .DNews .DNews_content .DNews_content_right .content_right_txt .right_txt_list .txt_list_bottom{ font-weight: bolder; margin-top: 25px;} .DNews .DNews_content .DNews_content_right .content_right_txt .right_txt_list .txt_list_bottom .list_bottom_dd{ color: #cd3c5a;} .DNews .DNews_content .DNews_content_right .content_right_txt .right_txt_list .txt_list_bottom .list_bottom_dt{ color: #fff;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; margin-top: 13px;} @media screen and (max-width:1750px){ .News .News_nav{ margin-bottom: 55px;} .News .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 65px;} .News .HNews_content .HNews_content_left .content_left_list::before{right: -22px; transform: rotate(-47deg);} .layui-laypage{ margin-top: 40px;} .layui-laypage .layui-icon-left, .layui-laypage .layui-icon-right{ width: 43px; height: 43px;} .layui-laypage .layui-icon-left,.page a,.layui-laypage .layui-laypage-curr{ margin-right: 40px;} .News .HNews_content .HNews_content_left .content_left_list{ padding: 35px 25px;} .News .News_title{ font-size: 60px;} .DNewsBg{ padding-top: 180px;} .DNews .DNews_title{ padding-bottom: 60px; margin-bottom: 60px;} .DNews .DNews_title .DNews_title_dt{ font-size: 50px;} .DNews .DNews_content{ padding-bottom: 125px;} } @media screen and (max-width:1550px){ .News .News_nav{ margin-bottom: 45px;} .News .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 55px;} .News .HNews_content .HNews_content_left .content_left_list::before{right: -30px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title .list_title_dt{ height: 73px;} .layui-laypage{ margin-top: 30px;} .layui-laypage .layui-icon-left, .layui-laypage .layui-icon-right{ width: 38px; height: 38px;} .layui-laypage .layui-icon-left,.page a,.layui-laypage .layui-laypage-curr{ margin-right: 30px;} .News .HNews_content .HNews_content_left .content_left_list{ padding: 30px 20px;} .News .News_title{ font-size: 50px;} .DNewsBg{ padding-top: 170px;} .DNews .DNews_title{ padding-bottom: 50px; margin-bottom: 50px;} .DNews .DNews_title .DNews_title_dt{ font-size: 40px;} .DNews .DNews_content{ padding-bottom: 105px;} } @media screen and (max-width:1350px){ .News .News_nav{ margin-bottom: 35px;} .News .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 45px;} .News .HNews_content .HNews_content_left .content_left_list::before{right: -33px;} .HNews .HNews_content .HNews_content_left .content_left_list .left_list_title .list_title_dt{ height: 63px;} .layui-laypage{ margin-top: 25px;} .layui-laypage .layui-icon-left, .layui-laypage .layui-icon-right{ width: 33px; height: 33px;} .layui-laypage .layui-icon-left,.page a,.layui-laypage .layui-laypage-curr{ margin-right: 25px;} .News .HNews_content .HNews_content_left .content_left_list{ padding: 30px 20px;} .News .News_nav .News_nav_list{ padding-bottom: 15px;} .News .News_nav .News_nav_list::before{ height: 3px;} .News .News_title{ font-size: 40px;} .DNewsBg{ padding-top: 150px;} .DNews .DNews_title{ padding-bottom: 40px; margin-bottom: 50px;} .DNews .DNews_title .DNews_title_dt{ font-size: 40px;} .DNews .DNews_content{ padding-bottom: 85px;} } @media screen and (max-width:1200px){ .News .News_nav{ margin-bottom: 25px;} .News .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 35px;} .News .HNews_content .HNews_content_left .content_left_list::before{right: -39px; transform: rotate(-48deg);} .DNewsBg{ padding-top: 140px;} .DNews .DNews_title{ padding-bottom: 30px; margin-bottom: 40px;} .DNews .DNews_title .DNews_title_dt{ font-size: 30px;} .DNews .DNews_content{ padding-bottom: 65px;} } @media screen and (max-width:1050px){ /*ipad-y*/ .News .HNews_content .HNews_content_left .content_left_list{ padding: 20px;} .News .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 25px;} .News .HNews_content .HNews_content_left .content_left_list::before{ right: -44px; transform: rotate(-47deg); } .News .HNews_content .HNews_content_left .content_left_list{ clip-path: none;} .News .HNews_content .HNews_content_left .content_left_list::before{ display: none;} .DNewsBg{ padding-top: 120px;} .DNews .DNews_title{ padding-bottom: 30px; margin-bottom: 40px;} .DNews .DNews_content{ padding-bottom: 45px;} } @media screen and (max-width:780px){ /*ipad-x*/ } @media screen and (max-width:600px){ /*iphone*/ .News .News_title{ font-size: 28px;} .News .News_nav{ flex-wrap: wrap; justify-content: flex-start; margin-bottom: 30px;} .News .News_nav .News_nav_list{ border: 1px solid rgba(255,255,255,.2); margin-right: 2%; display: inline-block; width: 32%; margin-bottom: 2%; text-align:center; padding: 11px 0px; color:#fff; border-radius: 5px; opacity: 1; font-size: 16px;} .News .News_nav .News_nav_list:nth-child(3n){ margin-right: 0px;} .News .News_nav .News_nav_list::before{ display: none;} .News .News_nav .News_nav_list.active{ background:#9b2d48; border: 1px solid #9b2d48;} .News .HNews_content .HNews_content_left{ justify-content: space-between; border: 0px;} .News .HNews_content .HNews_content_left .content_left_list{ width: 100%; margin-right: 0px; padding: 24px; margin-bottom: 25px; clip-path: none;} .News .HNews_content .HNews_content_left .content_left_list::before{ display: none;} .News .HNews_content .HNews_content_left .content_left_list:last-child{ margin-bottom: 0px;} .News .HNews_content .HNews_content_left .content_left_list .left_list_title{ margin-bottom: 22px;} .News .HNews_content .HNews_content_left .content_left_list .left_list_title .list_title_dt{ height:auto;} .News .HNews_content .HNews_content_left .content_left_list .left_list_img img{ height: 173px;} .News .HNews_content .HNews_content_left .content_left_list::before{ width: 52px; height: 1px; position: absolute; bottom: 17px; } .DNewsBg{ padding-top: 120px;} .DNews .DNews_title{ margin-bottom: 35px; padding-bottom: 25px;} .DNews .DNews_title .DNews_title_dt{ font-size: 28px;} .DNews .DNews_content{ flex-wrap: wrap; padding-bottom: 45px;} .DNews .DNews_content .DNews_content_left,.DNews .DNews_content .DNews_content_right{ width: 100%;} .DNews .DNews_content .DNews_content_left{ margin-bottom: 50px;} .DNews .DNews_content .DNews_content_left .content_left_top img{ height: auto !important; max-width: 100% !important; width: auto !important;} .DNews .DNews_content .DNews_content_left .content_left_top{ margin-bottom: 30px;} .Btn{ width: 160px;} .Btn::before,.Btn::after{ background-size: 100%;} } /* F1 联系我们 */ .ContactBg{ background: url(../images/bg36.jpg) no-repeat 50%/cover;} .Contact .pc_all_content{ display: flex; justify-content: space-between;} .Contact .pc_all_content .Contact_left{ width: 57%;} .Contact .pc_all_content .Contact_left .Contact_left_title{ margin-bottom: 60px;} .Contact .pc_all_content .Contact_left .Contact_left_title .left_title_dd{ color: #fff; font-weight: bolder;} .Contact .pc_all_content .Contact_left .Contact_left_title .left_title_dt{ color: #fff; margin-top: 25px; line-height: 1.55;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list{ margin-bottom: 45px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_title{ color: #cd3c5a; margin-bottom: 24px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_input input{ height: 75px; padding: 0px 20px; border-radius: 10px; border: 1px solid rgba(205,60,90,.2); background: none; width: 100%; color: #fff;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_input select{ height: 75px; padding: 0px 20px; border-radius: 10px; border: 1px solid rgba(205,60,90,.2); background: none; width: 100%; color: #fff;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_input select option{ color:#111;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_input input:hover{ border: 1px solid #cd3c5a;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_input input::placeholder{ color: rgba(255,255,255,.23);} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label{ display: flex; align-items: center; margin-bottom: 24px; cursor: pointer;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label:last-child{ margin-bottom: 0;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label input{ display: none;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label .list_checkbox_dd{ width: 18px; height: 18px; border: 1px solid #cd3c5a; display: flex; align-items: center; justify-content: center; margin-right: 20px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label .list_checkbox_dd img{ height: 7px; opacity: 0;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label .list_checkbox_dt{ color: #fff; line-height: 1.5; width: calc(100% - 38px)} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label .list_checkbox_dt a{ color: #cd3c5a;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label input[type=checkbox]:checked ~ .list_checkbox_dd{ background: #cd3c5a;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label input[type=checkbox]:checked ~ .list_checkbox_dd img{ opacity: 1;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label input[type=radio]:checked ~ .list_checkbox_dd{ background: #cd3c5a;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label input[type=radio]:checked ~ .list_checkbox_dd img{ opacity: 1;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_btn{ display: flex; justify-content: center; position: relative;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_btn input{ position: absolute; z-index: 32; width: 210px; height: 53px; opacity: 0;} .Contact .pc_all_content .Contact_right{ width: 33%;} .Contact .pc_all_content .Contact_right .Contact_right_title{ color: #fff; font-weight: bolder;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list{ display: flex; align-items: center; justify-content: space-between; margin-top: 50px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon{width: 95px; height: 95px; display: flex ; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .23); background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .08));} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon img{ height: 26px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt{ width: calc(100% - 140px);} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt .list_txt_dd{ color: #fff; margin-bottom: 17px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt .list_txt_dt{ color: #fff;} @media screen and (max-width:1750px){ .padding100{ padding: 90px 0px;} .Btn,.Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_btn input{ width: 160px;} .Btn::before,.Btn::after{background-size: 100%;} .Contact .pc_all_content .Contact_right .Contact_right_title{ font-size: 45px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon{ height: 90px; width: 90px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt{ width: calc(100% - 120px);} } @media screen and (max-width:1550px){ .padding100{ padding: 80px 0px;} .Contact .pc_all_content .Contact_right .Contact_right_title{ font-size: 40px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon{ height: 85px; width: 85px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt{ width: calc(100% - 110px);} } @media screen and (max-width:1350px){ .Contact .pc_all_content .Contact_right .Contact_right_title{ font-size: 35px;} .padding100{ padding: 70px 0px;} .header .header_logo img{ height: 22px;} .header .header_nav .header_nav_list{ margin-right: 40px;} .header .header_right .header_right_icon{ margin: 0px 20px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list{ margin-bottom: 30px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_title{ margin-bottom: 15px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_input input,.Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_input select{ height: 55px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon{ width: 70px; height: 70px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon img{ height: 20px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt{ width: calc(100% - 90px); } .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_checkbox label{ margin-bottom: 15px;} .Contact .pc_all_content .Contact_right .Contact_right_title,.Contact .pc_all_content .Contact_left .Contact_left_title .left_title_dd{ font-size:32px;} .Contact .pc_all_content .Contact_left .Contact_left_title .left_title_dt{ margin-top: 15px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list{ margin-top: 35px;} .Contact .pc_all_content .Contact_left .Contact_left_title{ margin-bottom: 35px;} } @media screen and (max-width:1200px){ .padding100{ padding: 60px 0px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon{ height: 75px; width: 75px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt{ width: calc(100% - 100px);} } @media screen and (max-width:1050px){ /*ipad-y*/ .padding100{ padding: 50px 0px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon{ height: 65px; width: 65px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt{ width: calc(100% - 90px);} } @media screen and (max-width:780px){ /*ipad-x*/ .padding100{ padding: 40px 0px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt .list_txt_dd{ font-size: 14px; margin-bottom: 10px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt .list_txt_dt{ font-size: 18px;} } @media screen and (max-width:600px){ /*iphone*/ .Contact .pc_all_content{ flex-wrap: wrap;} .Contact .pc_all_content .Contact_left,.Contact .pc_all_content .Contact_right{ width: 100%;} .Contact .pc_all_content .Contact_left .Contact_left_title .left_title_dd,.Contact .pc_all_content .Contact_right .Contact_right_title{ font-size: 28px;} .Contact .pc_all_content .Contact_right{ margin-top: 45px;} .Contact .pc_all_content .Contact_left .Contact_left_title{ margin-bottom: 35px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_input input{ border: 1px solid rgba(205,60,90,.5); height: 50px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list .txt_list_title{ margin-bottom: 14px;} .Contact .pc_all_content .Contact_left .Contact_left_txt .left_txt_list{ margin-bottom: 25px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon{ width: 60px; height: 60px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_icon img{ height: 20px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt{ width: calc(100% - 80px); } .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list{ margin-top: 33px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt .list_txt_dd{ font-size: 14px; margin-bottom: 10px;} .Contact .pc_all_content .Contact_right .Contact_right_content .right_content_list .content_list_txt .list_txt_dt{ font-size: 18px;} } @media screen and (max-width:1750px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1500px;} } @media screen and (max-width:1550px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1300px;} } @media screen and (max-width:1350px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1200px;} } @media screen and (max-width:1200px){ .pc_all .pc_all_content,.pc_all2 .pc_all_content{ width: 1000px;} } @media screen and (max-width:1050px){ /*ipad-y*/ .Header,.HeaderNav,.header{ display: none;} .pc_all .pc_all_content,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .pc_all_content{ width: 90%;} /*.pc_all .pc_all_content{max-width: 90%;}*/ /*.pc_all2 .pc_all_content{max-width: 90%;}*/ /* 手机导航 */ .m-header-nav *{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;transition:all 0s ease;} .m-header-nav-height{ display:block;} .m-header-nav{display: block;position:fixed;top:0;z-index:1000;width:100%;transition:all ease 0.45s;} .m-header-nav::before { content: ""; display: inline-block; width: 100%; height: 62px; background: rgba(0, 0, 0, .5); position: fixed; left: 0; top: 0; backdrop-filter: blur(6.6px); z-index: -1; } .m-header-nav .sp_header{position: relative;top:0;z-index:10000;padding: 0% 4%; display:flex; align-items:center; justify-content:space-between; height: 62px;} .m-header-nav .sp_logo{padding: 0;display:flex; align-items:center;} .m-header-nav .sp_logo a{ display: flex; position: relative; align-items: center;} .m-header-nav .sp_logo img{margin:auto;transition:all ease 0.45s; height: 18px;} .m-header-nav .sp_logo img:last-child{ opacity: 0; position: absolute; left: 0; top: 0;} .m-header-nav .sp_btn{ display: flex; position: relative;} .m-header-nav .sp_btn .sp_btn_list{ margin-right: 15px; position: relative; top: -2px;} .m-header-nav .sp_btn .sp_btn_list:last-child{ margin-right: 0px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title{ display: flex; align-items:center; color:#333;} .m-header-nav .sp_btn .sp_btn_list .btn_list_title img{ height: 18px;} .m-header-nav .sp_btn .sp_btn_list .btn_list_down{ position: absolute; width: 100px; top: 40px; left: 50%; background:#fff; transform: translateX(-50%); box-shadow: 0px 0px 20px rgba(0,0,0,.1); display: none;} .m-header-nav .sp_btn .sp_btn_list .btn_list_down a{ font-size: 14px; display: inline-block; width: 100%; text-align:center; line-height: 31px;} .m-header-nav .sp_login{ position: absolute; right: 75px;} .m-header-nav .sp_login img{ height: 24px;} .m-header-nav .sp_nav{width: 26px;float:right;position:relative;cursor:pointer;height:14px;z-index: 900;top: 0px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sp_nav span{display:block;background:#fff;width: 26px;height: 2px;position:absolute;left: 0;transition:all ease 0.45s;} .m-header-nav .sp_nav span:nth-of-type(1){top:0px; width:18px;} .m-header-nav .sp_nav span:nth-of-type(2){top: 6px;} .m-header-nav .sp_nav span:nth-of-type(3){top: 13px;} .m-header-nav .sp_nav_se{ top: -5px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sp_nav_se span:nth-of-type(1){top: 11px;transform:rotate(45deg); width:26px;} .m-header-nav .sp_nav_se span:nth-of-type(2){width:0;transition:none;} .m-header-nav .sp_nav_se span:nth-of-type(3){top: 11px;transform:rotate(-45deg);} .m-header-nav .sjj_nav{display: block;position:fixed;z-index:9;background:white;width:70%;height:calc(100%);font-size: .95rem;;line-height:2.7rem;top:0px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.45s; border-top:1px solid #dcdcdc; z-index: 401111; left: -75%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sjj_nav.active{ left: 0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;} .m-header-nav .sjj_nav_bg{ position: fixed; left: 0; top: 0; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 401110;} .m-header-nav .sjj_nav_bg{display: none;} .m-header-nav .nav_show{display: block;} .m-header-nav .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .m-header-nav .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 100px)} .m-header-nav .sjj_nav>ul>li:first-child .language{float:right;width:93px;overflow:hidden;line-height:40px;} .m-header-nav .sjj_nav>ul>li:first-child .language a{width:50%;float:left;border-left:1px #ededed solid;text-align:center;color:#999;} .m-header-nav .sjj_nav ul li i{position: absolute; top: 0px; right: 0px; border-left: 1px #ededed solid; padding: 0px 15.5px; display: flex; align-items: center; justify-content: flex-start;} .m-header-nav .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.45s} .m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .m-header-nav .sjj_nav ul li{border-top:1px #ededed solid;padding-left:1.1rem;position:relative;line-height:2.6rem; list-style: none;} .m-header-nav .sjj_nav>ul >li:last-child{border-bottom:1px #ededed solid;} .m-header-nav .sjj_nav ul li ul{display:none} .m-header-nav .sjj_nav ul li a{color:#666;width:100%;display: block;font-size: 14px;padding: 14px 0;} .m-header-nav .sjj_nav ul li ul li a{color:#666;display:block;text-align:left;} .m-header-nav .sjj_nav ul li i svg{width:.9rem;height: 2.6rem;fill:#cbcbcb;} .m-header-nav .sjj_nav ul li .sjj_nav_i_se svg{fill:#000;} .m-header-nav .sjj_nav ul li ul li>ul{margin-left:10px} } @media screen and (max-width:780px){ /*ipad-x*/ } @media screen and (max-width:768px){ /*iphone*/ .pc_all .pc_all_content,.banner .banner_list_po,.DBanner .DBanner_po,.pc_all2 .pc_all_content{ max-width: 90%; width: 100%;} .PcShow { display:none;} .MoShow { display:block;} .content_list_video .list_video_content{ width: 100%;} .content_list_video .list_video_bg{ z-index: 1120;} .content_list_video .list_video_content{ z-index: 1121;} .search .search_bg .search_content{ width: 90%;} .search .search_content input[type="search"],.search .search_content input[type="submit"]{ height: 55px; font-size: 14px;} .layui-laypage{ flex-wrap: wrap;} }